/* general styles
*****************************************************************************/

html {
background: #7fb41b url(../images/html_bg.jpg) repeat-x 50% 0;
}

body {
text-align: center;
font-size: small;
color: #003300;
background: transparent url(../images/body_bg.jpg) no-repeat 50% 100%;
font-family: "lucida grande", "trebuchet ms", arial, sans-serif;
position: relative;
}

a {
color: #FFFF66;
text-decoration: none;
}

a:link {
color: #FFFF66;
text-decoration: none;
}

a:visited {
color: #FFFF66;
text-decoration: none;
}

a:hover {
color: #336600;
text-decoration: none;
}

a:active {
color: #FFFF66;
text-decoration: none;
}

strong {
font-weight: bold;
}

em {
font-style: italic;
}

p {
margin-bottom: 1em;
line-height: 1.5em;
}


h3 {
font-size: 160%;
margin-bottom: 1em;
}

h4 {
font-size: 130%;
margin-bottom: .5em;
}

span.small,
span.small a {
font-weight: normal;
font-size: 90%;
color: #666;
}

h4 span {
margin-left: 0.35em;
}

h4 span.small a {
text-decoration: underline;
}

h5 {
font-size: 90%;
margin-bottom: 1.75em;
color: #666;
}

dl {
position: relative;
}

dt {
font-size: 110%;
margin-bottom: .5em;
line-height: 1.3em;
}

dd {
margin-bottom: .5em;
}

.hidden {
display: none;
}

#accordion dt {
cursor: pointer;
}

#accordion-winners {
margin-top: 1.5em;
}

#accordion-winners dt,
#accordion-winners dt.active {
overflow: hidden;
cursor: pointer;
background: #fff url(/media/images/star-dt.png) no-repeat 0 0;
padding-left: 36px;
}

#accordion-winners dd {
padding-left: 36px;
}

.divide {
margin-top: 1.25em;
}

/* login
*****************************************************************************/

div#login {
position: absolute;
left: 0;
top: 0;
z-index: 499;
background-color: #6fa715;
width: 100%;
text-align: center;
}

#form-login {
padding: 5px 0;
}

#form-login p {
margin-bottom: 0;
width: 700px;
margin: 0 auto;
position: relative;
text-align: left;
}

#form-login p span {
position: absolute;
right: 0;
top: 5px;
}

div#login label {
margin-right: .5em;
font-size: 95%;
text-transform: lowercase;
}

div#login input {
vertical-align: middle;
}

input, select {
border-top: #003300 solid 2px;
border-left: #003300 solid 2px;
border-right: #99DD1C solid 2px;
border-bottom: #99DD1C solid 2px;
}

input, label {
vertical-align: middle;
}

ul li input {
border: none;
}

div#login input.form-field {
border-top: #003300 solid 2px;
border-left: #003300 solid 2px;
border-right: #99DD1C solid 2px;
border-bottom: #99DD1C solid 2px;
text-indent: 3px;
}

#show-login-form {
width: 700px;
height: 22px;
margin: 0 auto;
text-align: right;
}

#show-login-form a {
color: #003300;
font-size: 95%;
text-decoration: none;
}

form span {
color: #ffff66;
}

#content ul.errorlist {
margin-left: 0;
}

#content ul.errorlist li {
color: #ffff66;
font-size: 90%;
list-style: none;
}

div#login p span {
font-size: 90%;
margin-left: .5em;
}

/* wrapper and masthead
*****************************************************************************/

#wrapper {
width: 700px;
margin: 0 auto;
overflow: hidden;
font-size: 95%;
text-align: left;
position: relative;
}

#masthead {
position: relative;
height: 250px;
margin-bottom: 3em;
width: 100%;
}

#masthead h1 {
width: 342px;
height: 197px;
position: absolute;
left: 0;
bottom: 0;
}

#masthead h1 a {
display: block;
width: 100%;
height: 197px;
text-indent: -5000em;
}

/* intro area
*****************************************************************************/

#intro {
margin-bottom: 2em;
line-height: 1.3em;
}

#intro h3 {
font-size: 130%;
margin-bottom: 1em;
}

#intro h3 em {
font-style: normal;
    /*  font-size: 120%; */
}

#intro a {
color: #FFFF66;
text-decoration: none;
}

#intro a:hover {
color: #336600;
}

/* content styles
*****************************************************************************/

#content {
width: 100%;
margin-bottom: .5em;
}

#content ol {
list-style: decimal;
list-style-position: inside;
}

#content ul {
list-style: disc;
margin-left: 1.5em;
}

#content li {
margin-bottom: .5em;
line-height: 1.3em;
}

#content li ul, #content li ol {
padding: .5em 0 0 0;
margin-left: 3em;
}

#content li ul li {
line-height: 1.2em;
}

#content li ul.checked {
list-style: none;
}

/* navigation
*****************************************************************************/

#content #navigation {
margin-bottom: 1em;
width: 100%;
position: relative;
height: 60px;
}

#content #nav {
position: absolute;
left: 0;
top: 10px;
height: 55px;
}

#content #nav ul {
list-style: none;
padding: 0;
margin: 0;
}

#content #nav ul li {
float: left;
margin-right: 0.75em;
font-size: 130%;
padding-right: 0.75em;
border-right: 1px solid #598015;
}

#content #nav ul li.last {
border-right: none;
}

#content #nav ul li a {
display: block;
color: #ffff66;
text-decoration: none;
}

/* sponsors
*****************************************************************************/

#content #sponsors {
position: absolute;
right: 0;
top: 0;
width: 150px;
height: 55px;
z-index: 400;
}

#content #sponsors h5 {
display: none;
visibility: none;
}

#content #sponsors li {
list-style: none;
float: left;
}

#content #sponsors li a {
display: block;
width: 100%;
height: 55px;
text-indent: -5000em;
}

#content #sponsors li#general-motors {
width: 46px;
height: 46px;
background: transparent url(../images/gm_logo.png) no-repeat left top;
margin-right: .75em;
}

#content #sponsors li#discovery-education {
width: 68px;
height: 46px;
background: transparent url(../images/discovery-education_logo.png) no-repeat left top;
margin-right: 0;
}

/* grades
*****************************************************************************/

#content #grades {
width: 100%;
overflow: hidden;
margin-bottom: 1em;
}

#content #grades p {
margin-bottom: 0;
}

#content #grades ul li {
float: left;
margin-right: .5em;
}

#content #grades input {
vertical-align: middle;
}

#left-column {
float: left;
width: 380px;
overflow: hidden;
}

#right-column {
float: right;
width: 300px;
overflow: hidden;
}

.section {
background: #6fa715 url(../images/section-top_bg.png) no-repeat 0 0;
position: relative;
}

.section .gutter {
padding: 1em;
background: transparent url(../images/section-bottom_bg.png) no-repeat 0 100%;
}

.section p {
margin-bottom: .5em;
}

.section p.btn, p.btn-left {
margin-bottom: 0;
}
input.btn,
p.btn input, 
p.btn-left input {
border: none;
}

p.btn-left {
text-align: left;
}

.section-wide {
background: #6fa715 url(../images/section-wide-top_bg.png) no-repeat 0 0;
position: relative;
}

.section-wide .gutter {
padding: 1em;
background: transparent url(../images/section-wide-bottom_bg.png) no-repeat 0 100%;
}

.section-wide h4 {
font-size: 110%;
font-weight: bold;
}

.section-wide ol {
margin-bottom: 1em;
margin-left: 2em;
}

#content form ul {
list-style: none;
margin-left: 0;
margin-bottom: 2em;
}

#content #focus-area ul {
margin-bottom: 0;
}

#content #focus-area ul li {
margin-bottom: .25em;
}


#forgot-password {
position: absolute;
right: 2em;
bottom: 1em;
font-size: 95%;
}

body.educator-resources .section {
overflow: hidden;
margin-bottom: 2em;
background-color: transparent;
background: none;
position: relative;
padding: 0;
}

body.educator-resources .section h4 {
font-weight: bold;
}

.download {
width: 100%;
background: transparent url(../images/download_left_btn.png) no-repeat left top;
height: 64px;
}

.visit {
width: 100%;
background: transparent url(../images/visit_left_btn.png) no-repeat left top;
height: 64px;
}

.links {
width: 100%;
background: transparent url(../images/resource_left_btn.png) no-repeat left top;
height: 64px;
}

.download a, .visit a, .links a {
width: 100%;
height: 64px;
display: block;
text-indent: -5000em;
}


#content #application-header {
position: relative;
width: 100%;
height: 30px;
}

#content p#countdown {
width: 50%;
position: absolute;
top: 0;
right: 0;
text-align: right;
font-size: 95%;
}

#energy-highway a {
background: transparent url(../images/energy-highway.png) no-repeat right top;
}

#go-yellow a {
background: transparent url(../images/go-yellow.png) no-repeat right top;
}

#gm-resources a {
background: transparent url(../images/gm-resources.jpg) no-repeat right top;
}

#pg-link a {
background: transparent url(../images/links-planetgreen.png) no-repeat right top;
}

#th-link a {
background: transparent url(../images/links-treehugger.png) no-repeat right top;
}

#rules {
width: 100%;
background: transparent url(../images/rules_bg.png) no-repeat left top;
position: relative;
height: 400px;
}

#rules .scrolling {
overflow: auto;
width: 680px;
position: absolute;
left: 10px;
top: 10px;
height: 380px;
}

#rules .scrolling ol {
padding-right: 1em;
}


#idea-library {
margin-bottom: 2.5em;
background: transparent url(../images/ideas-body_bg.png) no-repeat left bottom;
}

#idea-library h4 {
padding: .5em 1em;
background: transparent url(../images/ideas-header_bg.png) no-repeat left top;
margin-bottom: 0;
}

#idea-library .gutter {
padding: 1em;
}


.clearer {
clear: both;
}


#application-detail {
background: #fff url(../images/application-detail-top_bg.png) no-repeat left top;
width: 640px;
margin-bottom: 1em;
position: relative;
}

#application-detail .gutter {
background: transparent url(../images/application-detail-bottom_bg.png) no-repeat left bottom;
}

#application-detail a {
color: #6fa715;
}

#content ul#judging-orgs {
margin: 1em 0 0 0;
padding: 0;
overflow: hidden;
}

#content hr {
margin: 0;
padding: 0;
visibility: hidden;
}

#content #judging-orgs-header {
border-top: 1px solid #D5D5D5;
margin-top: 1.5em;
padding-top: 1em;
}

#content ul#judging-orgs li {
list-style: none;
float: left;
margin-right: 20px;
}

p.btn {
margin-bottom: 0;
width: 100%;
text-align: right;
}

p.photo img {
border: 5px solid #eee;
}

/* judging
*****************************************************************************/

#ratings {
width: 200px;
height: 41px;
background: transparent url(../images/rating_bg.png) no-repeat left top;
position: absolute;
right: 10px;
top: 0px;
}

#ratings .gutter {
padding: 7px 0 0 67px;
background: none;
}

#ratings img {
width: 22px;
height: 21px;
margin-right: 3px;
}

#application-detail .comment {
border-top: 1px solid #999;
padding-top: 0.5em;
margin-bottom: 1em;
}

#application-detail .comment h5 {
margin-bottom: 0.5em;
}

#application-detail .comment p {
font-size: 90%;
margin-bottom: 0.5em;
}

#comments-wrapper textarea {
    width: 95%;
    padding: 10px;
    border: 1px solid #ccc;
    font: 90%/1.4em normal "lucida grande", "trebuchet ms", arial, sans-serif;
}

#btn-winners {
    display: block;
    text-indent: -9999px;
    background: transparent url(/media/images/btn_meet-winners.png) no-repeat 0 0;
    width: 215px;
    height: 32px;
}

/* local toolkit
*****************************************************************************/
.local-toolkit .section-wide h4 {
    font-weight: normal;
    margin-bottom: 1em;
}

.local-toolkit .section-wide ol,
.local-toolkit .section-wide ul {
    margin-left: 0.5em;
    margin-bottom: 1em;
}

.local-toolkit .section-wide a.pdf {
    background: transparent url(/media/images/icon_pdf.gif) no-repeat 100% 50%;
    padding-right: 21px;
}

.local-toolkit .section-wide a.zip {
    background: transparent url(/media/images/icon_zip.gif) no-repeat 100% 50%;
    padding-right: 21px;
}


/* footer
*****************************************************************************/

#footer {
clear: both;
width: 100%;
text-align: left;
height: 230px;
}

#footer p {
padding: 1em 0;
}

/* application list
*****************************************************************************/

#frm_search {
float: right;
position: relative;
width: 300px;
}

#frm_search #id_search_terms {
position: absolute;
top: 0;
margin: 0;
right: 55px;
padding: 3px;
border: 1px solid #649613;
font-size: 90%;
color: #666;
width: 125px;
}

#frm_search .submit-btn {
position: absolute;
top: 0;
right: 0;
margin: 0;
padding: 2px;
width: 50px;
border: 1px solid #649613;
background-color: #83c118;
color: #003300;
font-size: 90%;
}

table.app-list {
border-collapse: collapse;
width: 100%;
border-top: 1px solid #649613;
border-left: 1px solid #649613;
margin-bottom: 1em;
}

table.app-list td {
padding: 0.5em;
border-right: 1px solid #649613;
border-bottom: 1px solid #649613;
}

table.app-list thead td {
background-color: #7FB41C;
color: #fff;
}

#content table.app-list thead td a.sorted {
font-weight: bold;
}

#content table.app-list thead td a.asc {
background: transparent url(/media/images/arrow_up.gif) no-repeat 100% 50%;
}

#content table.app-list thead td a.desc {
background: transparent url(/media/images/arrow_down.gif) no-repeat 100% 50%;
}

#content table.app-list thead td a {
display: block;
color: #fff;
}

table.app-list thead td.date {
white-space: nowrap;
width: 15%;
}

table.app-list td.rating {
width: 15%;
text-align: right;
white-space: nowrap;
}

table.app-list tbody tr.odd td {
background-color: #f5f5f5;
}

table.app-list tbody tr.disqualified td {
background-color: #ffe5e5;
color: #999;
}

table.app-list tbody tr.disqualified td a {
color: #999;
}

#content div.paginator {
padding: 0;
}

#content div.paginator ul {
display: table;
white-space: nowrap;
margin: 0 auto;
padding: 0;
overflow: hidden;
}

#content div.paginator ul li {
margin: 0;
padding: 0;
float: left;
white-space: nowrap;
list-style: none;
line-height: 1em;
}

#content div.paginator ul li a {
display: block;
padding: 3px 6px;
border-left: 1px solid #7FB41C;
}

#content div.paginator li.first a {
border-left: none;
}

#content div.paginator li.last a {
border-right: none;
}

#content div.paginator a.next {
padding-right: 20px;
background: transparent url(/media/images/arrow_right.png) no-repeat 100% 50%;
border-left: 1px solid #7FB41C;
border-right: none;
}

#content div.paginator a.previous {
padding-left: 20px;
background: transparent url(/media/images/arrow_left.png) no-repeat 0 50%;
border-left: none;
border-right: 1px solid #7FB41C;
}

#content div.paginator li.active a {
font-weight: bold;
color: #666;
}