/* ********** FONT MANAGEMENT AND BASE TAG FORMATTING ************** */ html {font-size:100%;} body {background:#fff url('/images/design/2010/bg-body.jpg'); font:.75em/1.667 'TitilliumText22LRegular',Arial,Helvetica,sans-serif; color:#424242; text-align:center; margin:0;} /* original font size: .8125em */ img {border:0; margin:0; padding:0;} td {padding-right:10px;border-bottom:1px solid #ccc;} table.images td {border:none;padding:3px;} p {margin:0 0 10px 0;} a:link, a:visited, a:hover, a:active { /*font-family:Arial,Helvetica,sans-serif;*/} a:link {color:#09c;} a:visited {color:#09c;} a:hover, a:active {color:#09c;} h1, h2, h3, h4, h5, h6 {text-transform:uppercase; margin: 10px 0; font-family:'TitilliumText22LBold',Arial,Helvetica,sans-serif; color:#424242; font-weight:normal;} h1 {font-size:150%; margin-bottom:0;} h2 {font-size:110%; margin-top:0;} h3 {font-size:105%;} h4,h5,h6 {font-size:100%; margin-bottom:5px;} br {clear: left;} form {margin:0; padding:0;} fieldset {padding: 10px; margin: 7px 0;} label,input,select,textarea {display: block; width: 150px; float: left; margin-bottom: 10px;} textarea {width:230px;} label {text-align: left; width: 90px; padding-right: 20px; font-weight:normal; font-family:Arial,Helvetica,sans-serif;} legend {font-family:'TitilliumText22LBold',Arial,Helvetica,sans-serif; color:#2ea1da;font-size:110%;} blockquote{border:3px double #ccc; margin: 5px; padding:0 10px; background-color:white;} /* form fields and fieldsets with special needs. "ButtonMid" aligns the submit buttons with the left edge of the form fields. */ #otherQuestions label {width:auto; float:none;} #otherQuestions select {width:auto;} input.radio, input.checkbox {width:auto; margin:0 5px 0 0;} label.radio, label.checkbox {width:auto; margin:0; font-weight:normal;display:inline;} input.button, input.buttonMid {display:inline; float:none; width:auto; margin-top:10px; cursor:pointer;} input.buttonMid {margin-left:110px;} #message {color:#f00; font-family:'TitilliumText22LBold',Arial,Helvetica,sans-serif; font-size:110%;} fieldset.hide {border:0; display:block; padding:0;} /* ********** GLOBAL LAYOUT IDs ************** */ #wrapper {width:970px; margin:0 auto; background:transparent url('/images/design/2010/bg-wrapper.png') repeat-y; _background:transparent url('/images/design/2010/bg-wrapper-ie.png') 14px repeat-y; text-align:left;} #innerWrapper {padding-top:124px;} #contentWrapper {clear:both; width:970px; margin:0 auto; position:relative;} #innerContent {float:left;} #header {background:#fff url(/images/design/2010/bg-header.png) 0 100% no-repeat; height:114px; padding-top:10px; position:absolute; top:0; width:974px;} #nav {padding:0;} #sideLeft {float:left; width:195px; margin:6px 1px 0 0; padding-bottom:500px;} #footer {margin-top:10px; clear:both; padding: 0 15px; overflow:hidden; _height:1%; margin:0 233px 0 196px; font-size:10px;} #footer #corpLinks {display:block; width: 40%; float:left;} #footer #corpLinks li {border-right:1px solid #424242;} #footer #corpLinks li.last {border-right:0; padding-right:0; margin-right:0;} #footer #copyright {display:block; width: 50%; float:right; text-align:right;} #footerContent {overflow:hidden; padding:10px 0; border-top:1px solid #dadada;} /* Subpage-specific column layout. */ #main {display:inline; float:left; width:540px; margin:0 1px 0 0; background-color:transparent; overflow:hidden; *width:539px;} #main-nsta {display:inline; float:left; width:739px; margin-right:0; background-color:#fff;} #sideRight {display:inline; float:left; width:233px; overflow:hidden;} #rightContent {padding:0; margin:0;} /* Top navigation formatting. */ #nav {text-align:right; font-family:'TitilliumText22LBold',Arial,Helvetica,sans-serif; font-size:13px; background:url(../images/design/2012/bg-nav.png) repeat-x; z-index:1000;} #navLabel {font-size:11px; line-height:1; top:-1px; position:relative; border-top:1px solid #fff; padding:1px 10px 0 0; text-transform:none !important;} #navSponsor {margin-left:695px; padding-top:80px; text-transform:uppercase; overflow:hidden; zoom:1; font-size:83.333%;} #navSponsor ul {float:left; background:url(/images/design/2010/bg-sponsor-div.png) 102px 3px no-repeat;} #navSponsor span {display:block; float:left; padding:6px 10px 0 0;} #nav ul {list-style:none outside; margin:0; padding:0; height:25px; z-index:1000;} #nav ul li {margin:0; padding:0; text-transform:uppercase; float:left; _height:1%; border-right:1px solid #c3c0c0; line-height:25px; width:19.91%; text-align:center; z-index:1000;} #nav ul li.last {border-right:none;} #nav ul li a {padding:0; color:#fff; text-decoration:none; display:inline-block; _height:1%; font-family:'TitilliumText22LRegular',Arial,Helvetica; text-align:center; width:100%; position:relative; z-index:1010;} #nav ul li a:hover, #nav ul li.selected a, #nav ul li.nav-highlight a {background: url(/images/design/2010/bg-top-nav.png) 0 -25px;} /* subnav */ #nav ul li.hasSub {position:relative;} #nav ul li.hasSub ul {position:absolute; overflow:hidden; *zoom:1; top:23px; left:0; width:100%; z-index:1005; height:auto; background-color: #f1f1f1; background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#a4a4a4)); background-image: -webkit-linear-gradient(top, #f1f1f1, #a4a4a4); background-image: -moz-linear-gradient(top, #f1f1f1, #a4a4a4); background-image: -ms-linear-gradient(top, #f1f1f1, #a4a4a4); background-image: -o-linear-gradient(top, #f1f1f1, #a4a4a4); background-image: linear-gradient(top, #f1f1f1, #a4a4a4); filter:progid:DXImageTransform.Microsoft.Gradient(enabled='true',startColorStr='#f1f1f1', EndColorStr='#a4a4a4') progid:DXImageTransform.Microsoft.Shadow(color=#c7c7c7,strength=3,direction=135); zoom:1; } #nav ul li.hasSub ul li {float:none; border:none; line-height:1.1; text-transform:none; color:#000; width:auto; text-align:left; margin:10px;} #nav ul li.hasSub ul li a {position:static; color:#000; text-align:left;} #nav ul li.hasSub ul li a:hover {color:#0099CC; background:transparent;} #nav ul li.selected ul li a, #nav ul li.nav-highlight ul li a {background:transparent;} .fbframe iframe{position:absolute; border: 1px solid #bdbdbd; top:14px; border:1px solid #BDBDBD !important; width:200px; height:62px; left: 752px;} .fbframe .fan_box .connect_top {padding:10px 10px 8px;} #siteLogo {position:absolute; top:10px; left:30px;} #headLinks {position:absolute; top:0px; right:12px; font-family:'TitilliumText22LBold',Arial,Helvetica,sans-serif;} #headLinks ul {list-style: none;} #headLinks li {display:inline; border-right:1px solid #434242; padding:0 5px;} #headLinks li a {color:#434242;} #headLinks li.last {border-right:none;} #homeContent, #subSectionContent {padding:0 14px;} #homeContent .share {margin-top:3em;} #subSectionContent {font-weight:normal;} /* Side navigation formatting. */ #sideNav, #sideNav a {text-transform:uppercase; list-style: none outside; padding:0; font-size:13px; font-family:'TitilliumText22LBold',Arial,Helvetica,sans-serif; margin:0;} #sideNav li {margin-bottom:0; padding:0;} #sideNav li a {display:block; text-decoration:none; color:#424242; padding:13px 0 0 25px; height:26px;} #sideNav li a:hover, #sideNav li.selected a:hover li a {background:transparent url(/images/design/2010/bg-side-nav.png) 1px 100% no-repeat;} #sideNav li.selected a, #homePage .enterNow a, #sideNav li.selected a:hover, #homePage .enterNow a:hover {background:transparent url(/images/design/2010/bg-side-nav.png) 1px 0 no-repeat; color:#fff;} #sideNav .sideSub {text-transform:none; list-style:none outside; margin:0; padding:0;} #sideNav .sideSub li {margin-bottom:0; clear:both; overflow:hidden; zoom:1;} #sideNav li.selected .sideSub li a, #sideNav li .sideSub li a {text-transform:none; text-decoration:none; padding:0 10px 0 55px; background:transparent; height:auto; color:#424242; float:left;} #sideNav li.selected .sideSub li.selected a, #sideNav li.selected .sideSub li a:hover {color:#09c; background:transparent; /*background:url(/images/design/2010/bg-sub-nav-selected.png) 100% 50% no-repeat;*/} /* ********** GENERAL CLASSES ************** */ /* utility classes. .cleanlist: this is a list with no margin, no padding, and no bullets or numbers. .xlist: this is a horizontal list, no bullets or numbers, 10px of space between items. */ .cleanList {list-style:none outside; margin:0; padding:0;} .xlist {list-style:none outside; margin:0; padding:0;} .xlist li {display:inline; margin-right:5px; padding-right:5px;} .xfloat {overflow:hidden; zoom:1;} .xfloat li {float:left;} .alignRight {text-align:right;} .alignLeft {text-align:left;} .alignCenter {text-align:center;} .floatRight {float:right;} .floatLeft {float:left;} img.floatLeft {padding-left:10px;} img.floatLeft {padding-right:10px;} .hide {display:none;} .required {color:#fc6709;} .note {font-size:83.333%;} .ir {text-indent:-9999px; position:relative; font-size:0px; line-height:0; /*_text-indent:0; -- needed for inline-block elements in IE */ display:block;} .sbBlock {margin:0 0 0 15px; overflow:hidden; zoom:1; clear:both;} .sbLeft {margin: 50px 10px 0 25px;} .sbBlockLast {border-bottom:1px solid #d1d1d1; } .sbBlockTrans {background:transparent; border:none;} .pdf {padding:2px 20px 2px 0; background:url(/images/design/2010/icon-pdf.png) 100% 50% no-repeat;} .block {display:block;} /* clearing floats without markup */ .clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .clearfix {overflow:hidden; _height:1%;} /* tooltip fix */ .tt {padding:0 !important; border:none !important;} .show-scrollbars {padding:5px !important; text-align:left; border: 1px solid #FCC90D !important;} /* ********** TAGLINE BAR ************** */ #tagBar {background:url("/images/design/2010/bg-tagbar.png") repeat scroll 0 100% #87C218; color:#FFFFFF; font-size:18px; font-family:'TitilliumText22LRegular',Arial,Helvetica,sans-serif; text-shadow: 1px 1px 5px #2f5208; height:36px; line-height:36px; padding-left:30px; width:944px;} .tagTitle{font-family:'TitilliumText22LBold',Arial,Helvetica,sans-serif; text-transform:uppercase;} /* ********** HOME PAGE ************** */ #flashWrap {width:507px; height:349px;} #homePage #flashWrap {width:511px; height:233px; margin: 14px 0 0 14px; position:relative; background:url('../images/design/2012/homepage-vidbanner.jpg') no-repeat;} #homePage #mainFlash {position:absolute; top:28px; left:214px;} #homeblocks {padding:15px; overflow:hidden; *zoom:1; font-family:Arial,Helvetica,sans-serif;} #homeblocks .promoblock { float:left; width:137px; /* 161 - 24 */ padding: 15px 12px; line-height: 1.25em; /* gradient */ background-color: #f1f1f1; background-image: -webkit-gradient(linear, left top, left bottom, from(#f1f1f1), to(#a4a4a4)); background-image: -webkit-linear-gradient(top, #f1f1f1, #a4a4a4); background-image: -moz-linear-gradient(top, #f1f1f1, #a4a4a4); background-image: -ms-linear-gradient(top, #f1f1f1, #a4a4a4); background-image: -o-linear-gradient(top, #f1f1f1, #a4a4a4); background-image: linear-gradient(top, #f1f1f1, #a4a4a4); filter:progid:DXImageTransform.Microsoft.Gradient(enabled='true',startColorStr='#f1f1f1', EndColorStr='#a4a4a4') progid:DXImageTransform.Microsoft.Shadow(color=#a4a4a4,strength=3,direction=135); zoom:1; /* shadow */ -moz-box-shadow: 3px 3px 3px #c7c7c7; -webkit-box-shadow: 3px 3px 3px #c7c7c7; box-shadow: 3px 3px 3px #c7c7c7; } #homeblocks .promoblock ul { list-style-position: outside; padding-left: 0; margin-left: 1.25em; } #homeblocks .promoblock.one, #homeblocks .promoblock.two { margin-right: 13px; *margin-right: 10px; } #homeblocks .promoblock a {color:#424242;} /* ********** STUDENTS SECTION ************** */ /* ********** PARENTS SECTION ************** */ /* ********** TEACHERS SECTION ************** */ #teacher-resources ul.lesson_plans { display: inline-block; margin: 0 0 1em 0; padding: 0; list-style:none outside; } #teacher-resources ul.lesson_plans li { float: left; display: inline; margin-right: .5em; } /* ********** ALUMNI SECTION ************** */ /* ********** REQUEST ENTRY KIT SUB SECTIONS ************** */ #signup-container {margin-left: 10px;} /* ********** SIDEBAR TILES ************** */ /* social icons. */ .social {margin:12px 15px 5px; display:inline; float:right; overflow:hidden; height:33px;} .social li, .social li a {width:34px; height:33px; background:url(../images/design/2012/sprite-social.png) 0 0 no-repeat; padding:0;} .social .fb a {background-position:0 0;} .social .tw a {background-position:-41px 0;} .social .share a {background-position:-81px 0;} .social .fb a:hover {background-position:0 -33px;} .social .tw a:hover {background-position:-41px -33px;} .social .share a:hover {background-position:-81px -33px;} /* entry tile. */ #entryTile { overflow:hidden; clear:both; margin-bottom:15px; } #entryTile a { display:block; width:233px; height:205px; background:transparent url(../images/design/2012/entry-banner.png) no-repeat scroll 0 0; } #entryTile a:hover { /*background-position: 0 -146px;*/ } #entryTile span { display:none; } /* user log in tile. */ #signIn {font-size:91.666%;} #signIn h3 {background:url(/images/design/2012/bg-sign-in.png); margin:0 0 0 1px; height:39px;} #signIn fieldset {border:0; padding:10px 12px; margin:0; _padding:10px;} #signIn input, #signIn label, #signIn p {display:block; float:none; margin-bottom:0;} #signIn input {width:97%;} #signIn #ctl00_Content_cmdLogin {width:76px; height:27px; background:url(/images/design/2012/btn-sign-in.png); float:right; border:0; outline:0; cursor:pointer;} #signIn .note {font-size:90.909%;} #signIn .note a {color:#424242;} /* alumni quotes tile. */ #alumniQuotes {line-heihgt:1.5;} #alumniQuotes blockquote {color:#fff; background: transparent url(/images/design/2012/bg-quote.jpg) 0 0 repeat-y; margin:0; padding:0 45px 8px 10px; border:none;} #alumniQuotes div.top {background: transparent url(/images/design/2012/bg-quote-top.jpg) 0 0 no-repeat; margin:0; padding:0; height:7px; overflow:hidden;} #alumniQuotes div.end {background: transparent url(/images/design/2012/bg-quote-bottom.jpg) 0 0 no-repeat; margin:0; } h3.alumniQuotes {color:#679812;} #alumData{width:65%; padding-top:10px; line-height:1;} #alumData br {display:none;} .alumLoc {font-size:10px; display:block; margin-bottom:3px;} .alumName {color:#679812; text-transform:uppercase; font-family: 'TitilliumText22LBold',Arial,Helvetica,sans-serif; display:block; margin-bottom:3px;} .alumYear {display:block; color:#679812; font:10px 'TitilliumText22LBold',Arial,Helvetica,sans-serif; display:block;} /* key dates tile. */ #keyDates { margin-bottom:25px; line-height:1.1; font-size:91.667%; } #keyDates ol {display:block; padding:5px 0 0; margin:0 23px 0 8px; background:#e9e9e9; border-left:1px solid #D1D1D1; border-right:1px solid #D1D1D1; border-bottom:1px solid #D1D1D1;} #keyDates ol li {padding:0 0 19px 0px; margin:0 12px 3px; background:url(/images/design/2010/bg-date-div.png) 50% 100% no-repeat; overflow:hidden; clear:both;} #keyDates ol li div {overflow:hidden; zoom:1;} #keyDates ol li.last {background:none; padding-bottom:9px;} h3.keyDates {margin:0; background: transparent url('/images/design/2012/bg-key-dates.png'); width:232px; height:41px;} h4.keyDates {margin:5px 6px 0 0; float:left; background:url(/images/design/2010/bg-date.png); width:43px; height:43px;} h4.keyDates span {display:block; font-family:arial,helvetica,sans-serif; text-transform:none;} .m {color:#09c; font-size:12px;text-align:center; line-height:19px; font-weight:bold;} .mrange {color:#09c; font-size:9px;text-align:center; line-height:19px; font-weight:bold;} .dd {font-size:14px; text-align:center; line-height:24px; color:#fff;} #keyDates h5 {text-transform:none;color:#09c; font-size:100%; line-height:1; margin-bottom:3px; _margin-top:0;} /* graphic image tile that prompts visitors to enter the contest.*/ #downloadTile{width:172px; border-top:1px solid #dedede; border-bottom:1px solid #dedede; margin:3px 0 5px 0; padding:1px 0 5px 0;} #downloadTile a {background: #e0f0ff url(/images/rollovers/download-tile_2.gif) 0 0 no-repeat; display:block; margin:0; padding:0;width:172px; height:113px;} #downloadTile a:hover {background: #e0f0ff url(/images/rollovers/download-tile_2.gif) 0 -113px no-repeat;} /* alumni Contact button */ .alumniContact {margin:0 15px 15px 0; text-align:center;} /* facebook like */ .fblike {background:#e9e9e9; margin:0 0 15px 8px; text-align:center; width:202px;} /* incentive note. */ .promonote {margin-left:15px; width:180px; height:156px; overflow:hidden;} .promonote.stickynote {height:161px;} .promonote a {display:block; text-indent:-9999px;} .promonote a:hover {background-position:0 -156px;} .promonote.stickynote a:hover {background-position:0 -161px;} .stickynote a {width:180px; height:161px; background:url('../images/design/2012/stickynote.jpg') no-repeat;} .graphynote a {width:180px; height:156px; background:url('../images/design/2012/graphynote.jpg') no-repeat;} /* footer link formatting. */ #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {color:#424242;} /* ********** SUBPAGE-SPECIFIC CLASSES ************** */ /* Winners section */ /* tab panels */ .specpanels, .curpanel {position:relative; font-family:'TitilliumText22LRegular',Arial,Helvetica,sans-serif; line-height:166%;} .curpanel li {margin-top:0.25em;} .specpanels .panelnav {width:100%; font-size:1em; list-style:none outside; text-align:center; padding:0; margin:0 0 1em 0;} .specpanels .panelnav li {float:left;} .specpanels .panelnav a {display:block; font-family:'TitilliumText22LRegular',Arial,Helvetica,sans-serif; border:1px solid #c3c0c0; border-right:none; padding:3px 0; text-transform: uppercase; color:#ffffff; text-decoration:none; /* gradient */ background-color: #797777; background-image: -webkit-gradient(linear, left top, left bottom, from(#797777), to(#161515)); background-image: -webkit-linear-gradient(top, #797777, #161515); background-image: -moz-linear-gradient(top, #797777, #161515); background-image: -ms-linear-gradient(top, #797777, #161515); background-image: -o-linear-gradient(top, #797777, #161515); background-image: linear-gradient(top, #797777, #161515); filter:progid:DXImageTransform.Microsoft.Gradient(enabled='true',startColorStr='#797777', EndColorStr='#161515'); zoom:1; } .specpanels .panelnav li.last a {border-right:1px solid #c3c0c0;} .specpanels .panelnav a:hover, .specpanels .panelnav a.active {color:#ffffff; text-decoration:none; /* gradient */ background-color: #09cae6; background-image: -webkit-gradient(linear, left top, left bottom, from(#09cae6), to(#0478bf)); background-image: -webkit-linear-gradient(top, #09cae6, #0478bf); background-image: -moz-linear-gradient(top, #09cae6, #0478bf); background-image: -ms-linear-gradient(top, #09cae6, #0478bf); background-image: -o-linear-gradient(top, #09cae6, #0478bf); background-image: linear-gradient(top, #09cae6, #0478bf); filter:progid:DXImageTransform.Microsoft.Gradient(enabled='true',startColorStr='#09cae6', EndColorStr='#0478bf'); zoom:1; } #winners h3, #MeettheAmbassadors h3{margin:0 0 1em 0;} #winners h3.second, #MeettheAmbassadors h3.second {border-top:1px solid #dadada; padding-top:1em;} #winners .headlinks a {text-decoration: none; font-family:'TitilliumText22LRegular',Arial,Helvetica,sans-serif; font-size:1em;} #winners .headlinks a:hover {text-decoration: underline;} .winnerPlace {font-family:'TitilliumText22LBold',Arial,Helvetica,sans-serif; color:#00a8d4; font-size:1.07em;} .winnerTeamName {font-family:'TitilliumText22LBold',Arial,Helvetica,sans-serif; font-size:1.07em; text-transform:none; margin:0;} .winnerDescription {font-family:'TitilliumText22LBold',Arial,Helvetica,sans-serif; margin-top:0; margin-bottom:0.5em;} .winnerTeamsite {margin:1.5em 0 2em;} .winnerTeamsite a {padding:0.5em 1em; border:1px solid #c3c0c0; font-family:'TitilliumText22LBold',Arial,Helvetica,sans-serif; font-size:1.07em; color:#fffefe; text-decoration:none; /* gradient */ background-color: #ffb014; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffb014), to(#ff4608)); background-image: -webkit-linear-gradient(top, #ffb014, #ff4608); background-image: -moz-linear-gradient(top, #ffb014, #ff4608); background-image: -ms-linear-gradient(top, #ffb014, #ff4608); background-image: -o-linear-gradient(top, #ffb014, #ff4608); background-image: linear-gradient(top, #ffb014, #ff4608); filter:progid:DXImageTransform.Microsoft.Gradient(enabled='true',startColorStr='#ffb014', EndColorStr='#ff4608'); zoom:1; } .winnerTeamsite a:hover {text-decoration:underline;} .winnerSchool{font-family:'TitilliumText22LRegular',Arial,Helvetica,sans-serif; font-size:1.07em; text-transform:none;} .winnerLocation {margin-top:0;margin-bottom:20px;} .winnerCaption{font-size:90%;margin:1em 0;font-style:italic;} .winnerGrade {font-size:110%;} /* panels widths for other pages */ #winners .line.panel {*overflow:hidden;} #winners .specpanels.winners .panelnav li {width:25%; *width:24.9%;} #competition-details .specpanels.rules .panelnav li {width:33.3%;} #competition-details .specpanels.project .panelnav li {width:22%;} #competition-details .specpanels.project .panelnav li.last {width:34%;} #competition-details .specpanels.prizes .panelnav li {width:25%; *width:24.9%;} #competition-details .specpanels.prizes .panelnav li.middle {width:50%;} #competition-details .specpanels.judging .panelnav li {width:50%;} #competition-details .specpanels.judging .panelnav li.last {width:50%;} #resources .specpanels.ambassador .panelnav li {width:34%;} #teacher-resources .specpanels.ambassador .panelnav li.last {width:66%;} #competition-details .awards {padding-left:150px;} #competition-details .awards ul {list-style-position:inside; padding-left:0; margin-left:0;} #competition-details .awards.school {background:url('../images/design/2012/bg-topschool.jpg') no-repeat;} #competition-details .awards.teacher {background:url('../images/design/2012/bg-topteacher.jpg') no-repeat; min-height:112px; _height:113px;} #competition-details .prizes-cta {color:#ff530a; font-weight:bold;} #competition-details .prizes-cta img {vertical-align:middle;} #competition-details .panel {overflow:hidden;} /* FAQ */ p.question {font-family:'TitilliumText22LBold',Arial,Helvetica,sans-serif; padding-bottom:7px; clear:both;} p.answer {margin:5px 0 30px 0; clear:both;} p.question .qFirstLetter, p.answer .aFirstLetter {font-size:300%; font-family: Georgia,Times,'Times New Roman', serif; font-weight:bold; color:#DFA7DE;} p.answer .aFirstLetter {color:#86CCEF;} /* Resources - Teacher & Student */ .resources {padding:0; margin-left:0;} .resources li {font-family:'TitilliumText22LRegular',Arial,Helvetica,sans-serif; line-height:1.3em; color:#434242; list-style-type:none; margin:15px 0 0 0; padding:0 0 0 36px; background-repeat:no-repeat; background-position: 0% 9%; position:relative;} .resources li .iconlink {position:absolute; top:2px; left:0; width:24px; height:24px;} .resources li h3 { font:normal 1.166666666666667em/1.3 'TitilliumText22LBold',Arial,Helvetica,sans-serif; color:#0099cc; margin:0; padding:0; text-transform:capitalize;} .resources li h3 a {color:#09c; text-decoration:none;} .resources li h3 a:hover {color:#09c; text-decoration:underline;} /* student */ .resources .brainstorm {background-image:url("../images/design/2012/icn-stdnt-brainstorming.gif");} .resources .choosing {background-image:url("../images/design/2012/icn-stdnt-choosingatopic.gif");} .resources .research {background-image:url("../images/design/2012/icn-stdnt-research.gif");} /* teacher */ .resources .sample {background-image:url("../images/design/2012/icn-tchr-sampleprojects.gif");} .resources .entry {background-image:url("../images/design/2012/icn-tchr-projectchecklist.gif");} .resources .ambassador {background-image:url("../images/design/2012/icn-tchr-ambassadorprogram.gif");} .resources .lesson {background-image:url("../images/design/2012/icn-tchr-lessonplans.gif");} .resources .classroom {background-image:url("../images/design/2012/icn-tchr-classroomtips.gif");} .resources .motivating {background-image:url("../images/design/2012/icn-tchr-motivatingyourteam.gif");} .resources .classroomschedule {background-image:url("../images/design/2012/icn-tchr-classroomschedule.gif");} .resources .toshiba {background-image:url("../images/design/2012/icn-tchr-toshibaprizepackgiveaway.gif");} /* competition-details/developing-project.php */ #competition-details .resources li {background-position:0% -2%; padding-left:58px;} #competition-details .resources li h3 {color:#434242;} .resources .num1 {background-image:url("../images/design/2012/icn-num1.gif");} .resources .num2 {background-image:url("../images/design/2012/icn-num2.gif");} .resources .num3 {background-image:url("../images/design/2012/icn-num3.gif");} .resources .num4 {background-image:url("../images/design/2012/icn-num4.gif");} .resources .num5 {background-image:url("../images/design/2012/icn-num5.gif");} .resources .num6 {background-image:url("../images/design/2012/icn-num6.gif");} .resources .num7 {background-image:url("../images/design/2012/icn-num7.gif");} /* Resources - Classroom Schedule */ .classroom {border-collapse:collapse; font-family:'TitilliumText22LBold',Arial,Helvetica,sans-serif;} .classroom td, .classroom th {text-align:center; vertical-align:top; border-right:1px solid #ffffff;} .classroom thead th {padding:5px 10px;} .classroom tbody td, .classroom tbody th {font-weight:normal; border-bottom:none; border-top:1px solid #909090; padding:6px;} .classroom td:nth-child(2) {text-align:left; font-size:0.916666666666667em; border-right:none;} .classroom .col1 {width: 20%; background-color:#ffffff;} .classroom .col2 {width: 29%; background-color:#ffffff;} .classroom .col3 {width: 17%; background-color:#d9d9d9;} .classroom .col4 {width: 17%; background-color:#c3c1c1;} .classroom .col5 {width: 17%; background-color:#aeaeae;} .classroom tbody th {font-size:0.916666666666667em; border-right:none;} /* Captcha formatting */ * .recaptchatable label.recaptcha_input_area_text {white-space:nowrap !important;} /* hides MSN tracking code on download.php */ .hiddenLink {display:none} /* ********** BUTTON STYLES ********** */ .btn { display: inline-block; zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */ *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; border:0; cursor: pointer; text-align: center; text-decoration: none; font: 14px/100% 'TitilliumText22LBold',Arial,Helvetica,sans-serif !important; text-transform:uppercase; padding: .3em .5em .1em; -webkit-box-shadow: 2px 2px 1px #C6C6C6; -moz-box-shadow: 2px 2px 1px #C6C6C6; box-shadow: 2px 2px 1px #C6C6C6; } .btn:hover { text-decoration: none; } .btn:active { position: relative; top: 1px; } .btn-style1 { color: #fff !important; background: #f78d1d; background: -webkit-gradient(linear, left top, left bottom, from(#FD831F), to(#FD5912)); background: -moz-linear-gradient(top, #FD831F, #FD5912); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FD831F', endColorstr='#FD5912'); } /*.btn-style1:hover { background: #f47c20; background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015)); background: -moz-linear-gradient(top, #f88e11, #f06015); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015'); } .btn-style1:active { color: #fcd3a5; background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a)); background: -moz-linear-gradient(top, #f47a20, #faa51a); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a'); }*/ .panels .panel {visibility:visible; border:none;}