/* SFT 2012 CSS Document - Web Version */

html, body, div, h1, h2, h3, h4, h5, h6, p, img, dl, dt, dd, ol, ul, li, table, tr, td, form, object, embed, article, aside, canvas, command, details, fieldset, figcaption, figure, footer, group, header, hgroup, legend, mark, menu, meter, nav, output, progress, section, summary, time, audio, video {
	border: 0 none; 
	margin: 0; 
	padding: 0;
	font-family:small Arial, Helvetica, sans-serif;
}
body {
	font: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 15px;
}
a {
	outline: medium none;
	text-decoration: none;
	color:#00a5e3;
}
a:hover {
	text-decoration:underline;
}
ol, ul, li {
	list-style:none;
}

/* webfont */
@font-face {
    font-family: 'PFSquareSansProLight';
    src: url('../fonts/pfsquaresanspro/pfsquaresanspro-light-webfont.eot');
    src: url('../fonts/pfsquaresanspro/pfsquaresanspro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfsquaresanspro/pfsquaresanspro-light-webfont.woff') format('woff'),
         url('../fonts/pfsquaresanspro/pfsquaresanspro-light-webfont.ttf') format('truetype'),
         url('../fonts/pfsquaresanspro/pfsquaresanspro-light-webfont.svg#PFSquareSansProLight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PFSquareSansProRegular';
    src: url('../fonts/pfsquaresanspro/pfsquaresanspro-regular-webfont.eot');
    src: url('../fonts/pfsquaresanspro/pfsquaresanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfsquaresanspro/pfsquaresanspro-regular-webfont.woff') format('woff'),
         url('../fonts/pfsquaresanspro/pfsquaresanspro-regular-webfont.ttf') format('truetype'),
         url('../fonts/pfsquaresanspro/pfsquaresanspro-regular-webfont.svg#PFSquareSansProRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'PFSquareSansProMedium';
    src: url('../fonts/pfsquaresanspro/pfsquaresanspro-medium-webfont.eot');
    src: url('../fonts/pfsquaresanspro/pfsquaresanspro-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pfsquaresanspro/pfsquaresanspro-medium-webfont.woff') format('woff'),
         url('../fonts/pfsquaresanspro/pfsquaresanspro-medium-webfont.ttf') format('truetype'),
         url('../fonts/pfsquaresanspro/pfsquaresanspro-medium-webfont.svg#PFSquareSansProMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* header */
.wrap_header { 
	float:left; 
	position:relative; 
	width:100%; 
	padding:0; 
	margin:0; 
	background: url(../images/bg_header.jpg) repeat-x scroll 0 0 transparent; 
} 
#header {
	height: 200px;
	width:960px;    
	z-index: 5;
	margin:0 auto; 
}
#header.home {
	background: url(../images/bg_science_girls.jpg) no-repeat scroll right bottom transparent;
}
#header.apply{
	background: url(../images/bg_group.jpg) no-repeat scroll right bottom transparent;
}
#header.background {
	background: url(../images/bg_girllab.jpg) no-repeat scroll right bottom transparent;
}
#header.faq {
	background: url(../images/bg_outdoor.jpg) no-repeat scroll right bottom transparent;
}
#header.video {
	background: url(../images/bg_science_girls.jpg) no-repeat scroll right bottom transparent;
}
#header.judges {
	background: url(../images/bg_science_class.jpg) no-repeat scroll right bottom transparent;
}
#header .logos {
	margin-top: 10px;
	position: absolute;
}
#header .logos .samsung_logo {
	margin-right:20px;
}
#header .title {
	float:left;
	position:relative;
	width:500px;
	margin:55px 0 0 30px;
}
#header .title h1 {
	font-family:'PFSquareSansProLight', Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:48px;
	line-height:42px;
}
#header .title h1 .small {
	font-size:24px;
	line-height:1em;
}

/* tab menu */
.tab_menu {
	background: url(../images/bg_nav.jpg) repeat-x scroll 0 0;
	background-image: ;
	height: 40px;
	top: 159px;
	width: 100%;
	position:relative;
}
.tab_menu .tab_nav {
    bottom: 0;
    height: 36px;
    position: absolute;
}
.tab_menu .tab_block {
    display: inline-block;
    position: relative;
}
.tab_menu .tab {
    border-radius: 2px 2px 0px 0px;
    cursor: default;
	font-family:'PFSquareSansProMedium', Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: normal;
    height: 36px;
    line-height: 36px;
    min-width: 80px;
    outline: 0 none;
    padding: 0 12px;
    text-align: center;
	cursor:pointer;
}
.tab_menu .gray_tab_action {
    background-color: #eaebed;
    background-image: -moz-linear-gradient(center top , #eaebed, #c6c7c9);
    border: 1px solid #b6b7bb;
	border-bottom: 0px;
    color: #333333;
}
.tab_menu .gray_tab_action:focus {
    border: 1px solid transparent;
	border-bottom: 0px;
    box-shadow: 0 0 0 1px #FFFFFF inset;
    outline: 0 none transparent;
}
.tab_menu .gray_tab_action:hover {
    background-color: #d0d1d3;
    background-image: -moz-linear-gradient(center top , #d0d1d3, #a4a5a7);
    border: 1px solid #a0a1a5;
	border-bottom: 0px;
	color: #000000;
	text-decoration:underline;
}
.tab_menu .gray_tab_action_selected {
    background-color: #ffffff;
    background-image: -moz-linear-gradient(center top , #eaebed, #ffffff);
    border: 1px solid #b6b7bb;
	border-bottom: 1px solid #ffffff;
    color: #666666;
	text-decoration:none;
}

/* section */
#section {
	margin: 0 auto;
	width:960px;
}
.wrap_section {
	float:left; 
	position:relative; 
	width:100%; 
	padding:0; 
	margin:0; 
}
#section_home,
#section_faq {
	margin: 0 auto;
	width:960px;
}
.facebook_like { 
	width:960px;
	text-align:right;
	margin-top:10px;
}
#section h2.home {
	font-family:'PFSquareSansProLight', Arial, Helvetica, sans-serif;
	color:#044ea2;
	font-size:36px;
	line-height:1em;
	text-align:center;
	margin:30px 0 10px;
}
#section h2 .big_text {
	font-family:'PFSquareSansProMedium', Arial, Helvetica, sans-serif;
	color:#044ea2;
	font-size:48px;
	line-height:56px;
}
#section h2 {
	font-family:'PFSquareSansProLight', Arial, Helvetica, sans-serif;
	color:#044ea2;
	font-size:36px;
	line-height:1em;
	margin-top:20px;
	margin-bottom:10px;
}
#section h3 {
	font-family:'PFSquareSansProLight', Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:20px;
	line-height:24px;
	margin-top:10px;
}
#section p.main {
	font-family:'PFSquareSansProRegular', Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:15px;
	line-height:20px;
	margin-top:10px;
	margin-bottom:20px;
}
#section p.main strong {
	font-family:'PFSquareSansProMedium', Arial, Helvetica, sans-serif;
	color:#000000;
	font-weight:normal;
}
#section p {
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	line-height:17px;
	margin-bottom:20px;
}
#section .overview_container {
	background-color:#eeeeee;
	float:left;
	display: block;
	width:940px;
	padding:10px;
	margin:20px 0 30px 0;
}
#section .overview_container .label {
	background: url(../images/bg_blueribbon.png) no-repeat scroll 0 0;
	width:260px;
	height:54px;
	margin-left:-20px;
}
#section .overview_container .label .label_text {
	font-family:'PFSquareSansProRegular', Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:36px;
	line-height:44px;	
	padding-left:30px
}
#section .overview_container li {
	font-family:'PFSquareSansProRegular', Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:21px;
	line-height:30px;
	list-style:none;
	padding-left:40px;
}
#section .overview_container li.apply_button {
	margin-top:10px;
}
#section .partner_container {
	float:left;
	display: block;
	width:960px;
	padding:10px;
	margin-top:10px;
	background: url(../images/bg_line.png) no-repeat scroll 0 0;
}
#section .partner_container .label {
	font-family:'PFSquareSansProRegular', Arial, Helvetica, sans-serif;
	color:#044ea2;
	font-size:21px;
	line-height:1em;
	list-style:none;
}
#section .partner_container img {
	margin:10px  0 0 50px;
}
#section p.no_purchase {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:11px;
	line-height:14px;
	margin:20px 0 10px 0;
}
#section .facebook_link {
	font-family:'PFSquareSansProRegular', Arial, Helvetica, sans-serif;
	color:#044ea2;
	font-size:13px;
	float:left;
	display: block;
	margin:30px 0;
}
#section .line {
	background: url(../images/bg_line.png) no-repeat scroll 0 0;
	width:960px;
	height:2px;
	float:left;
}
#section .wrap_left {
	float:left;
	width:450px;
	padding-right:52px;
}
#section .wrap_right {
	float:right;
	width:450px;
	padding-left:52px
}
#section .wrap_full {
	float:left;
	width:960px;
}
#section .wrap_full .partner_logos img{
	margin:0px 0 10px 50px;
}
#section .video_left {
	float:left;
	margin:30px 0;
	border:4px solid #cccccc;
	background-color:#cccccc;
}
#section .video_right {
	float:right;
	margin:30px 0;
	border:4px solid #cccccc;
	background-color:#cccccc;
}
#section ul.list_style {
	margin-bottom:20px;
}
#section ul.list_style li {
	list-style-position: inherit;
	list-style-type: disc;
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	line-height:17px;
	margin-left: 30px;
	margin-bottom:10px;
}
#section .faq_container {

}
#section .faq_container ul li {
	list-style:none;
}
#section .faq_container ul li.question {
	margin-top:20px;
	font-family:'PFSquareSansProRegular', Arial, Helvetica, sans-serif;
	color:#000000;
	font-size:18px;
	line-height:1em;
}
#section .faq_container ul li.question strong {
	font-family:'PFSquareSansProLight', Arial, Helvetica, sans-serif;
	color:#044ea2;
	font-size:24px;
	line-height:1em;
}
#section .faq_container ul li.answer {
	font-family:Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	line-height:17px;
	margin-left:2px;
}
#section .faq_container ul li.answer strong {
	font-family:'PFSquareSansProLight', Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:24px;
	line-height:1em;
}
#section .faq_container p.contact {
	margin-top:30px;
}

/* footer */
#footer {
	float:left;
	background: none repeat scroll 0 0 #F1F1F1;
	border-top: 1px solid #E5E5E5;
	height: 37px;
	width: 100%;  
}
#footer .copyright {
	color: #999999;
	font-size: 11px;
	line-height: 37px;
	width:960px;    
	margin:0 auto; 
}

/* form */
#form_element h2 {
	float:left;
	width:600px;
}
#form_element .required_fields {
	float:right;
	display:inline-block;
	margin:45px 35px 0 0;
	color:#666666;
	font-size:11px;
}
#form_element ul li {
	margin-bottom:10px;
}
#form_element ul li.full_text {
	margin-bottom:20px;
}
#form_element ul li em {
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:12px;
	line-height:17px;
	font-style:normal;
}
#form_element ul li.half em {
	width:110px;
	display:inline-block;
	float: left;
}
#form_element ul li.full em {
	width:300px;
	display:inline-block;
	float: left;
}
#form_element ul li.full_text em.text {
	width:960px;
	display:inline-block;
	margin-bottom:5px;
}
#form_element ul li.full_text em.text strong {
	font-family:'PFSquareSansProRegular', Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:1em;
}
#form_element ul li.half {
	width:430px;
	display:inline-block;
}
#form_element ul li.left {
	padding-right:80px;
}
#form_element input[type="text"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-image: none;
    border-radius: 1px 1px 1px 1px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 27px;
    line-height: 27px;
    margin: 0;
    padding: 0 4px;
}
#form_element input[type="text"]:hover {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #A0A0A0 #B9B9B9 #B9B9B9;
    border-right: 1px solid #B9B9B9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
#form_element input[type="text"]:focus {
    border: 1px solid #4D90FE;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    outline: medium none;
}
#form_element input.form_error[type="text"] {
    border: 1px solid #DD4B39;
}
#form_element .small_input input[type="text"] {
	width:300px;
}
#form_element .medium_input input[type="text"] {
	width:622px;
}
#form_element textarea {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-image: none;
    border-radius: 1px 1px 1px 1px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 75px;
    line-height: 19px;
    margin: 0;
    padding: 0 4px;
	width:930px;
}
#form_element textarea:hover {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #A0A0A0 #B9B9B9 #B9B9B9;
    border-right: 1px solid #B9B9B9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
#form_element textarea:focus {
    border: 1px solid #4D90FE;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    outline: medium none;
}

#form_element select {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-radius: 1px 1px 1px 1px;
    border-right: 1px solid #D9D9D9;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 27px;
	width:622px;
    margin: 0;
    padding: 0;
}
#form_element select:hover {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #A0A0A0 #B9B9B9 #B9B9B9;
    border-right: 1px solid #B9B9B9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
#form_element select:focus {
    border: 1px solid #4D90FE;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    outline: medium none;
}

#form_element input[type="checkbox"] {
    display: block;
    float: left;
    margin-right: 8px;
}
#form_element .button_submit {
    float: left;
	margin-top: 20px;
}
.board_container {
	background-color:#eeeeee;
	float:left;
	display: block;
	width:900px;
	padding:20px;
	margin:20px 40px 30px 0;
	text-align:center;
}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	color:#333333;
	font-size:14px;
}

/* popup messages */
.popup_container {
    width: 100%;
	position:absolute;
}
.popup .message {
    background: url("../images/bg_popup_note.png") no-repeat scroll center top transparent;
    height: 160px;
	width: 440px;
	position:relative;
    z-index: 100;
	margin:0 auto;
	top: 240px;
}
.popup .message .note {
    color: #009FD9;
    display: block;
    font-family: 'PFSquareSansProRegular', Arial, Helvetica, sans-serif;
    font-size: 15px;
	padding: 70px 40px 40px 40px;
}
.popup_error .message {
    background: url("../images/bg_popup_error.png") no-repeat scroll center top transparent;
    height: 160px;
	width: 440px;
	position:relative;
    z-index: 100;
	margin:0 auto;
	top: 280px;
}
.popup_error .message .error {
    color: #FF0000;
    display: block;
    font-family: 'PFSquareSansProRegular', Arial, Helvetica, sans-serif;
    font-size: 15px;
    padding:  70px 40px 40px 100px;
}
.popup .btn_close,
.popup_error .btn_close { 
    float: right;
    padding: 5px;
}
.popup .overlay,
.popup_error .overlay {
   position: fixed;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   height: 100%;
   width: 100%;
   margin: 0;
   padding: 0;
   background: #ffffff;
   opacity: .70;
   filter: alpha(opacity=70);
   -moz-opacity: .70;
   z-index: 90;

}


/* video */
#video_list { float:left; overflow:hidden; width:960px; padding:30px 0 0 5px; }

#section .video_span { float:left; margin:0px 10px 0 0; border:5px solid #cccccc; border-bottom:2px solid #cccccc;  background-color:#cccccc;}
#section .video_span:hover { border:5px solid #00A9E0; border-bottom:2px solid #00A9E0; background-color:#00A9E0;}

#video_list li { float:left; width:310px; padding:0 10px 20px 0; }
#video_list .video_vote { background-color:#ffffff; float:left; width:300px; height:80px; padding:5px; }
#video_list .video_vote .video_info { color:#333333; font-size:12px; line-height:16px; }
#video_list .video_vote .video_info .s_name { color:#333333; font-size:15px; line-height:20px; font-family:'PFSquareSansProMedium', Arial, Helvetica, sans-serif; display:block; }
#video_list .video_vote .video_info .s_city { color:#666666; font-size:12px; line-height:16px; display:block; }
#video_list .video_vote .video_info .s_vote { color:#666666; font-size:12px; line-height:16px; }
#video_list .video_vote .video_info .s_voteno { color:#00A9E0; font-size:32px; line-height:36px; font-family:'PFSquareSansProMedium', Arial, Helvetica, sans-serif;  }
#video_list .video_vote .video_info .s_votebutton { float:right; padding:0; }

#video_list .video_email { background-color:#00A9E0; float:left; width:300px; height:80px; padding:5px; }
#video_list .video_email .vote_email .enter_email { color:#ffffff; font-size:12px; line-height:16px; display:block; margin-top:10px; }
#video_list .video_email .vote_email .email_input { float:left; padding-top:10px; }
#video_list .video_email .vote_email .email_input input { width:190px; height:24px; color:#333333; font-size:14px; line-height:24px; }
#video_list .video_email .vote_email .email_submit { float:right; padding:6px 0 0 0; }

#video_list .video_share { background-color:#eeeeee; float:left; width:300px; height:80px; padding:5px; }
#video_list .video_share .video_fb { color:#333333; font-size:12px; line-height:16px; }
#video_list .video_share .video_fb .vote_success { color:#666666; font-size:12px; line-height:16px; display:block; }
#video_list .video_share .video_fb .share_facebook { color:#333333; font-size:15px; line-height:20px; font-family:'PFSquareSansProMedium', Arial, Helvetica, sans-serif; display:block;  }
#video_list .video_share .video_fb .share_button { float:right; padding:0 ; }
#video_list .video_share .video_fb a.share_cancel { float:left; padding:13px 10px 0 0; font-size:15px; font-family:'PFSquareSansProRegular', Arial, Helvetica, sans-serif; }


/* sign-up */
#wrap_signup { background-color:#eeeeee; height:150px; width:910px; float:left; padding:20px; margin:30px 5px 0; display:block; }
#wrap_signup h2.sign_up { float:left; width:600px; margin:0; padding:0; }
#wrap_signup .required_fields { float:right; color:#666666; display:inline-block; font-size:11px; margin-top:25px; }

#wrap_signup ul { float: left; margin:10px 0 5px 0; }
#wrap_signup ul li.voter_info .r_input { background-position:left top; background-repeat:no-repeat; display:inline; float:left; height:27px; margin-top:0; }
#wrap_signup ul li.voter_info .r_input.long { }
#wrap_signup ul li.voter_info .r_input.long input { width:300px; }

#wrap_signup ul li.left { margin-bottom:5px; float:left; position:relative; }
#wrap_signup ul li.right { margin-bottom:5px; float:right; position:relative; }
#wrap_signup ul li.full { margin-bottom:5px; float:left; position:relative; }
#wrap_signup ul li.voter_info em { float: left; color: #333333; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-style: normal; line-height: 17px; display: inline-block; width: 110px;}
#wrap_signup .signup_submit { float:right; }

#wrap_signup input[type="text"] {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    -moz-box-sizing: border-box;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #C0C0C0 #D9D9D9 #D9D9D9;
    border-image: none;
    border-radius: 1px 1px 1px 1px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    height: 27px;
    line-height: 27px;
    margin: 0;
    padding: 0 4px;
}
#wrap_signup input[type="text"]:hover {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #A0A0A0 #B9B9B9 #B9B9B9;
    border-right: 1px solid #B9B9B9;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
#wrap_signup input[type="text"]:focus {
    border: 1px solid #4D90FE;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset;
    outline: medium none;
}