/* 

Screen CSS document
screen.css
client: 31Projects
author: Atlantic BT - www.atlanticbt.com
date: 04.16.2010

*/

/*======================================
	=YUI Reset
======================================*/
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#454545;background:#e9e7e3 url(../img/bg_body.jpg) repeat-x 0 0;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#1d1d1d;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}

/*======================================
	=Main Styles
======================================*/

a, img, a:focus, img:focus { outline-style: none; }

body { font: 13px/16px Arial, Helvetica, sans-serif; color: #454545; text-align: center; }

div { text-align: left; }

/*======================================
	=Typography Styles
======================================*/

p { margin: 0 0 16px; }
	.main-area p { line-height: 21px; }
	p.title { font-weight: bold; }
	
a { }
	a { color: #165081; text-decoration: none; }
	a:hover { color: #165081; text-decoration: underline; }

h1, h2, h3, h4, h5, h6 { margin: 0 0 16px; font: normal 36px/36px Arial, Helvetica, sans-serif; color: #002157; }
	h1 { }
		.banner h1 { color: #fff; }
		.banner h1 a { color: #fff; }
		.banner h1 a:hover { color: #fff; text-decoration: none; border-bottom: 1px solid #fff; }
		.page-head h1 { margin: -6px 0 29px; font-size: 30px; border-bottom: 1px solid #00ABED; }
		
	h2 {  font-size: 20px; line-height: 20px; }
		h2.header { color: #fff; background-color: #0083c9; margin: -16px 0 16px -16px; padding: 8px 16px; width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		h2.header a { color: #fff; text-decoration: underline; }
	h3 {  font-size: 18px; line-height: 18px; }
		h3.header { color: #fff; background-color: #0083c9; margin: -16px 0 16px -16px; padding: 8px 16px; width: 100%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		h3.header a { color: #fff; text-decoration: underline; }
	
	h4, h5, h6  { margin: 0; font-size: 15px; line-height: 18px; font-weight: bold; color: #005194; }

ul, ul li { list-style: none; }
	.main-area ul { margin: 5px 0 16px 16px; }
	.main-area ul li,
	.main-area .view ul li li { margin: 0 0 8px; padding-left: 16px; background: url(../img/i_bull-arrow.gif) no-repeat 0 .4em; }
	.main-area .view ul li { padding: 0; background: none; }
						
ol, ol li { }
	ol { margin: 0 0 16px 16px; }
	ol li { margin: 0 0 16px; }
	.content ol li { list-style: decimal; }
	.horizontal-form ol { float: left; display: inline; margin: 0; }
	.horizontal-form ol li { float: left; display: inline; width: 100%; list-style: none; }
	
ul ul, 
ol ol { margin-top: 8px; }	
	
dl { }
	dl { margin: 0 0 16px; }
	dl dt { margin: 0 0 16px; font-weight: bold; }
	dl dd { margin: 0 0 16px 36px; }

acronym, abbr { cursor: help; border-bottom: 1px dotted #353535; }

address { }

blockquote { margin: 16px 0; padding: 0 16px 0 0; }
	blockquote p { margin: .5em 0; }
	blockquote p.cite { text-align: right; }
	blockquote p.cite:before { text-align: right; content: "- "; }
	blockquote p.cite cite { font-weight: bold; }
	blockquote p.cite em { display: block; font-style: normal; font-weight: normal; }

strong { font-weight: bold; }

em { font-style: italic; }

hr { color: #000; height: 0; clear: both; width: 100%; margin: 16px 0; padding: 0; line-height: 0; border: 1px solid #ccc; border-width: 1px 0 0; border-bottom: 1px solid #fafafa; }

table { margin: 0 0 16px; width: 100%; }
	td, th { padding: 5px; border: 1px solid #D2CEC7; }
	th { font-weight: bold; }

.note { font-size: 90%; font-style: oblique; }

/*======================================
	=Form Styles
======================================*/

form { clear: both; }
	
	/* form layout styles */
	form ol { margin: 0; }
	
	/* form fieldset styles */
	fieldset { position: relative; padding: 0; }
	fieldset p { margin: 0 0 5px; padding: 10px 0 0; }
	
	/* form legend styles */
	legend { position: relative; padding-top: 0; margin-left: 0; font: normal 24px Arial, Helvetica, sans-serif; color: #09394d; letter-spacing: -.05em; letter-spacing: -1px; }
	fieldset fieldset legend { font-size: 18px; font-weight: 400; margin-bottom: 0; color: #286883; }
	.buttons legend { display: none; }	
	legend { display: none; }
	
	
	/* form list styles */
	form ol,
	form ul,
	form li { position: relative; float: left; display: inline; width: 100%; margin: 0; list-style: none; }
	form ol { padding: 0; margin: 0 0 16px; }
	form li { padding: 0 0 16px; }
	fieldset fieldset ol { position: relative; margin-top: -5px; border-top: 1px solid #ccc; margin-top: 10px; padding-top: 10px; }
	
	#StudentEditPersonalInformationForm li { width: 50%; }

	/* form labels */
	label, 
	.label-match { display: block; color: #454545; font-size: 11px; }	
	li.checkbox label,
	li.radio label { text-align: left; }
	
	/* base input styles */
	.password input,
	.text input, 
	textarea, 
	select { padding: 4px; width: 252px; border: 1px solid #ccc; font: normal 13px/16px Arial, Helvetica, sans-serif; }	
	.text input:focus, 
	textarea:focus, 
	select:focus { border-color: #000; }
	.input-match { color: #000; font-weight: bold; }
	input.radio, 
	input.checkbox,
	.buttons input.image,
	input[type=checkbox] { border: 0; padding: 0; width: auto; background: none; }
	input[type=radio],
	input[type=checkbox] { float: left; display: inline; width: auto; }
	
	/* buttons */	
	.buttons { padding: 10px 0 0; float: left; display: inline; width: 100%; }
	.buttons ul { clear: both; float: left; display: inline; width: 100%; padding: 10px 0 0 0; border-top: 1px dotted #ccc; }
	.buttons li { float: left; display: inline; width: auto; margin-right: 10px; padding: 0; background: none; line-height: 28px; }
	.buttons input,
	input.submit { font-size: 13px; }
		
		*:first-child+html input.submit { padding: 3px 0 0 !important; line-height: 13px !important; width: auto !important; }
		*:first-child+html .buttons input,
		*:first-child+html input.submit { padding: 0 5px; line-height: 26px; }
		
	/* selects */
	select { width: 260px; }
		li.date select { margin: 0 5px 0 0; width: auto; }
		li.date .month { width: 110px; }
		li.date .day { width: 50px; }
		li.date .year { width: 65px; }
	
		select[multiple=multiple] { max-height: 14em; }
		
	/* textareas */
	textarea { height: 10em; }
	textarea#ProjectFeedbackFeedbackComments { width: 60%; }
						
	/* radios and checkboxes */
	ul.radios { padding: 10px; width: auto; }
	ul.radios li { margin-right: 20px; }
		li.radios fieldset,
		li.checkbox fieldset { position: relative; margin: 0; }
			li.radios fieldset.legend-replaced h2 { font-size: 1em; font-weight: normal; line-height: 1.5em; color: #666; }
				li.radios ul { margin: 10px 0 0; }
				li.radios li { margin: 0 0 5px; padding: 0;  }
				li.radios label { float: left; display: inline; width: auto; margin: 0; padding: 0; color: #000; }
				li.radios input { float: left; display: inline; width: auto; margin: 0 10px 0 0; padding-top: 3px; }
				li.checkbox label,
				li.radio label { float: left; display: inline; margin: 0; width: auto; color: #000; }
				li.checkbox-inline label { float: none; }
				li.checkbox input,
				li.radio input { float: left; display: inline; margin: 0 10px 0 0; width: auto; }
				li.checkbox-inline input { margin: 0 5px 0 0; }
			
	/* form microformats */
	.summary { clear: both; display: block; margin: 5px 0 0 0; font-style: normal; font-size: 11px; line-height: 15px; color: #999; }
	.hidden { display: none !important; }
	.price input { width: 100px; }
	
	/* form variants */
	
		/* .horizontal-form */		
		.horizontal-form label,
		.horizontal-form .label-match { float: left; display: inline; padding: 0; margin: 0 20px 0 0; width: 220px; text-align: right; }
		.horizontal-form .input-match { float: left; display: inline; width: auto; padding: 4px 0 0; color: #000; }
		.horizontal-form li.extended-address { margin-left: 240px; width: auto; }	
		.horizontal-form .buttons ul li { padding-left: 0; background: none; }
		.horizontal-form .buttons ul li:first-child { margin-left: 240px; margin-right: 8px; }
		.horizontal-form li.radios ul { margin: 0; width: auto; }		
		.horizontal-form li.radios fieldset.legend-replaced h2 { float: left; display: inline; margin: 0 20px 0 0; width: 220px; text-align: right; }
		.horizontal-form li.checkbox ul { width: auto; }
		.horizontal-form li.checkbox ul li { margin: 0 10px 0 0; }
		.horizontal-form li.checkbox input,
		.horizontal-form li.radio input { margin-left: 240px; width: auto; }			
		.horizontal-form .summary { margin-left: 240px; }
		.horizontal-form li.submit { margin-left: 240px; }
		
		/* one line form */
		.one-line-form { background: #f4f4f4; border: 1px solid #ccc; }
		.one-line-form ol { float: none; display: block; padding: 5px; margin: 0; }
		.one-line-form label,
		.one-line-form input,
		.one-line-form select,
		.one-line-form li { float: none; display: inline; width: auto; font-size: 11px; }
		.one-line-form label,
		.one-line-form input,
		.one-line-form select { padding: 3px; }		
		.one-line-form li { margin: 0 5px 0 0; }
		.one-line-form label {  margin: 0 5px 0 0; }
		.one-line-form .buttons input,
		.one-line-form input.submit { background-position: 0 10%; }
		.one-line-form .buttons input:hover,
		.one-line-form input.submit:hover { background-position: 0 89%; }
		
		/* side-by-side form */
		.side-by-side-form { }
			.side-by-side-form li.line { margin: 0; padding: 0; }
			.side-by-side-form li.line ol { margin: 0; }
			.side-by-side-form li.line li { float: left; display: inline; width: 30%; margin: 0 2.9% 0 0; }
			
	/* ie hacks - please move to appropriate style sheets */
	*:first-child+html legend { margin-left: -7px; }
	* html legend { margin-left: -7px; }

	form#TeamAddForm { }
		form#TeamAddForm ul { margin: 0; padding: 0; }
		form#TeamAddForm ul li { margin: 0 0 10px; padding: 0; background: none; }
		form#TeamAddForm textarea#TeamComments { width: 50%; }
		
		.project-feedback-ratings .rating-row { clear: left; float: left; display: inline; padding: 6px 0 3px; width: 100%; border-bottom: 1px solid #369; }
		.project-feedback-ratings .header .label,
		.project-feedback-ratings .label { float: left; display: inline; padding-left: 2%; width: 63%; }
		.project-feedback-ratings ul { float: left; display: inline; margin: 0; padding: 0; width: 100%; }
		.project-feedback-ratings ol li, .project-feedback-ratings ul li { float: left; display: inline; margin: 0; padding: 0; width: 20%; }
		.project-feedback-ratings ol li { font-weight: bold; }
		.project-feedback-ratings ol li span { display: none; }
		
		.project-feedback-ratings ol { width: 35%; }

/*======================================
	=Layout Styles
======================================*/

.container { position: relative; margin: 0 auto; width: 960px; }
.masthead, .navigation, .site-info { width: 960px; }
.main-area { width: 958px; } /*main area gets borders left and right */

	.masthead { position: relative; z-index: 1000; }
		.masthead .sign-in { position: absolute; top: 67px; right: 0; font-size: 14px; font-weight: bold; }
		.masthead .sign-in span { display: none; }
		.masthead .sign-in a { margin: 0 0 0 6px; }
		.masthead .sign-in div#registration-link,
		.masthead .sign-in p { display: inline; float: left; margin-left: 6px; }
			.masthead .sign-in p.question { margin-left: 0; line-height: 30px; }
	/* registration pop up */
	.masthead .sign-in div#registration-link { position: relative; }
	#registration-popup { position: absolute; left: 0; top: 30px;  float: left; display: inline; width: 110px; height: auto; border: 2px solid #2bac14; background-color: #fff; margin: 0px; padding: 2px; z-index: 5000; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
		#registration-popup p { margin: 0; padding: 4px 8px; }

	
	.navigation { position: relative; float: left; display: inline; width: 100%; height: 59px; background: url(../img/bg_nav.gif) no-repeat 0 0; border-bottom: 1px solid #00040b; }
		ul.main-nav { float: left; display: inline; width: 960px; height: 59px; }
			ul.main-nav li,
			ul.main-nav a { float: left; display: inline; width: auto; height: 27px; background: url(../img/sp_nav-items.jpg) no-repeat 0 0; color: #fff; font-size: 16px; font-weight: bold; text-shadow: 1px 1px #001d42; }
			ul.main-nav li { position: relative; height: 59px; border-right: 1px solid #3374a9; }
			ul.main-nav a span { display: block; /*font-size: 10px; text-transform: uppercase;*/ }
			ul.main-nav a { padding: 32px 17px 0; }
			/*ul.main-nav .n-students a { padding-top: 16px; height: 43px; } if they want two lines for students/alumni */
			ul.main-nav li:after { position: absolute; content: ''; right: 0; top: 0; border-left: 1px solid #003d75; height: 59px; }
			ul.main-nav a:hover { text-decoration: none;  background-position: 0 -59px; }
			
			ul.main-nav li:first-child,
			ul.main-nav li:first-child a { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
			
			/*ul.main-nav .n-home a { padding-top: 32px; height: 27px; width: 126px; border-left: 0; }
			ul.main-nav .n-how a { padding-top: 32px; height: 27px; width: 125px; background-position: -160px 0; }
			ul.main-nav .n-sponsors a { padding-top: 32px; height: 27px; width: 120px; background-position: -319px 0;}
			ul.main-nav .n-students a { padding-top: 17px; padding-right: 14px; height: 42px; width: 127px; background-position: -473px 0; }
			ul.main-nav .n-universities a { }*/
			/*ul.main-nav .n-how a:hover { background-position: -160px -59px; }
			ul.main-nav .n-sponsors a:hover { background-position: -319px -59px;}
			ul.main-nav .n-students a:hover { background-position: -473px -59px; }
			ul.main-nav .n-universities a:hover { }
			
			ul.main-nav .n-home a:hover { background-position: 0 -59px; }
			ul.main-nav .n-how a:hover { background-position: -160px -59px; }
			ul.main-nav .n-sponsors a:hover { background-position: -319px -59px;}
			ul.main-nav .n-students a:hover { background-position: -473px -59px; }
			ul.main-nav .n-universities a:hover { }*/
			
		ul.support-nav { position: absolute; top: 16px; right: 16px; width: 210px; }
			ul.support-nav li { float: left; display: inline; width: auto; height: 28px; }
			ul.support-nav a { float: left; display: inline; width: auto; height: 28px; font-size: 12px; font-weight: bold; line-height: 28px; color: #fff; text-align: center; background: url(../img/sp_nav.jpg) no-repeat 0 0; text-shadow: 1px 1px #0c6da9; }
			ul.support-nav a:hover { text-decoration: none; }
			ul.support-nav .pn-support a { width: 71px; background-position: -734px -16px; }
			ul.support-nav .pn-blog a { width: 53px; background-position: -805px -16px; }
			ul.support-nav .pn-resources a { width: 86px; background-position: -858px -16px; }
			ul.support-nav .pn-support a:hover { background-position: -734px -75px; }
			ul.support-nav .pn-blog a:hover { background-position: -805px -75px; }
			ul.support-nav .pn-resources a:hover { background-position: -858px -75px; }
			
		ul.dashboard-nav { float: left; display: inline; width: 100%; height: 59px; background: url(../img/bg_nav.gif) no-repeat 0 0; }
			ul.dashboard-nav li,
			ul.dashboard-nav a { float: left; display: inline; width: auto; color: #fff; font-size: 16px; font-weight: bold; text-shadow: 1px 1px #001d42; }
			ul.dashboard-nav a { padding: 32px 32px 0 17px; border-right: 1px solid #003d74; border-left: 1px solid #3375a9; background: url(../img/bg_nav.gif) no-repeat -10px 0; height: 27px; }
			ul.dashboard-nav a:hover { text-decoration: none; background-position: -10px -59px; }
			
			ul.dashboard-nav .n-dashboard a { border-left: 0; background-position: 0 0; }
			ul.dashboard-nav .n-dashboard a:hover { background-position: 0 -59px; }			
			
			ul.dashboard-nav .n-resources { border-right: 1px solid #3375a9; }
			
	.banner { float: left; display: inline; width: 900px; margin: -30px -30px 30px; padding: 25px 30px 4px; border-bottom: 2px solid #002a6f; background: #00437d url(../img/bg_banner.gif) repeat-x 0 0; color: #fff; font-size: 17px; line-height: 20px; text-shadow: 1px 1px #00040b; }
		.banner h1 { margin: 0 0 26px; font-size: 36px; font-weight: bold; }
		.banner h1:last-child { margin: 0 0 16px; }
		.banner .video,
		.banner img { float: right; display: inline; padding: 0 0 0 66px; width: auto; }
			.banner .video img { float: none; display: block; padding: 0; }
		
	.main-area { float: left; display: inline; width: 958px; border: 1px solid #d2cec7; border-top: 0; background: #fff; }	
		.content { float: left; display: inline; width: 900px; padding: 29px 29px 13px; }
			.actionable { clear: both; margin: 13px -29px -13px; border-top: 1px solid #d2cec7; background: #fffbce; height: 80px; text-align: center; }
				.actionable ul { margin: 20px 0; padding: 0; }
				.actionable ul li { margin: 0; padding: 0; display: inline; font-size: 14px; background: none; }
				.actionable a { font-weight: bold; text-decoration: underline; }
				.actionable a.button { margin: 0 20px 0 0; }
			
			.secondary-content { float: left; display: inline; width: 280px; }
			
			.content-inner { float: left; display: inline; margin-left: 20px; width: 600px; }
				
	.site-info { clear: both; float: left; display: inline; margin: 20px 0 0; width: 100%; border-top: 1px solid #dddad5; }
		.site-info-wrap { float: left; display: inline; width: 100%;  padding: 10px 0; border-top: 1px solid #f4f3f1; border-bottom: 1px solid #dddad5; }
			.supplemental-navigation { float: left; display: inline; width: 79.9%; }
				.supplemental-navigation li { float: left; display: inline; width: auto; }
				.supplemental-navigation a { margin: 0 0 0 30px; font-size: 11px; color: #454545; text-shadow: 1px 1px #f2f1ee; }
			.social-links { float: right; display: inline; width: 20%; }
				.social-links ul, 
				.social-links li,
				.social-links a { float: right; display: inline; width: 17px; }
				.social-links ul { width: 100%; }
				.social-links li { margin: 0 0 0 9px; }
				.social-links a { width: 17px; height: 17px; background: url(../img/sp_social-media.gif) no-repeat 0 0; text-indent: -9000em; }
					.social-links .sl-twitter a { background-position: -26px 0; }
					.social-links .sl-facebook a { background-position: -52px 0; }
					.social-links .sl-youtube { margin-right: 30px; }
					.social-links .sl-youtube a { background-position: -78px 0; }					
			.copyright-info { border-top: 1px solid #f4f3f1; padding: 14px 0; clear: both; text-align: center; color: #7d7c7b; font-size: 11px; }
				.copyright-info .disclaimer { margin: 0; font-size: 10px; }

/*======================================
	=Custom Styles
======================================*/


/* basic layout elements */
.hide { display: none !important; }
.clear { clear: both; margin: 0; padding: 0; height: 0; line-height: 0; }

.error-message { clear: left; float: none; display: block; color: #f00; font-weight: bold; }

/* buttons */
.buttons {  }
	.buttons .link { margin: 0 0 0 10px; font-size: 14px; }
	.button { font-size: 14px; display: inline-block; padding: 0 10px; font-weight: bold; color: #fff; background: url(../img/sp_buttons.jpg) repeat-x 0 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none !important; cursor: pointer; border: none; }
		.button a { color: #fff; }
			.button a:hover { text-decoration: none; }
		.button:hover { color: #fff; text-decoration: none !important; }	
			.button-green { height: 30px; line-height: 30px; text-shadow: 1px 1px #20810f; }
			.button-green:hover { background-position: 0 -30px; }		
			.button-blue { height: 30px; line-height: 30px; text-shadow: 1px 1px #00639e; background-position: 0 -60px; }
			.button-blue:hover { background-position: 0 -90px; }		
			.button-b-green { font-size: 16px; height: 40px; line-height: 41px; text-shadow: 1px 1px #20810f; background-position: 0 -120px; }
			.button-b-green:hover { background-position: 0 -160px; }
		.submit input { font-size: 14px; display: inline-block; padding: 0 10px; font-weight: bold; color: #fff; background: url(../img/sp_buttons.jpg) repeat-x 0 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none !important; cursor: pointer; border: none; height: 30px; line-height: 30px; text-shadow: 1px 1px #20810f; }
			.submit input:hover { background-position: 0 -30px; }

/* three column layout - third column sidebar (gamma) */
.col-alpha-beta-gamma { float: left; display: inline; width: 900px; }
	.col-alpha-beta-gamma .col-alpha,
	.col-alpha-beta-gamma .col-beta { float: left; display: inline; width: 290px; margin: 0 50px 0 0; }
	.col-alpha-beta-gamma .col-gamma { float: right; display: inline; width: 220px; }
		.col-alpha-beta-gamma .col-gamma div.section-block { width: 186px; }
	.col-alpha-beta-gamma .col-alpha-beta { float: left; display: inline; width: 630px; margin: 0 50px 0 0; } /* for 2 - 1 col */
		.col-alpha-beta-gamma .col-alpha-beta img { float: left; display: inline; margin: 10px; border: 2px solid #E9E8E4; }
	.col-alpha-beta-gamma .col-beta-gamma { float: right; display: inline; width: 69.9%; margin: 0; } /* for 1 - 2 col */

/* three column layout - all columns equal*/
.col-alpha-beta-gamma-eq { float: left; display: inline; width: 900px; }
	.col-alpha-beta-gamma-eq .col-alpha,
	.col-alpha-beta-gamma-eq .col-beta,
	.col-alpha-beta-gamma-eq .col-gamma { position: relative; float: left; display: inherit; margin: 0 15px 0 0; width: 290px; }
	.col-alpha-beta-gamma-eq .col-gamma { margin: 0; }
	.col-alpha-beta-gamma-eq .col-alpha-beta { position: relative; float: left; display: inline; width: 58.66%; margin: 0 5.9% 0 0; } /* for 2 - 1 col */
	.col-alpha-beta-gamma-eq .col-beta-gamma { position: relative; float: left; display: inline; width: 58.66%; margin: 0; } /* for 1 - 2 col */

/* two column layout */
.col-alpha-beta { float: left; display: inline; width: 100%; }
	.col-alpha-beta .col-alpha,
	.col-alpha-beta .col-beta { float: left; display: inline; width: 424px; margin: 0 20px 0 0; }
	.col-alpha-beta .col-beta { margin: 0; }
	
/* one column centered layout */
.col-alpha-center { }
	.col-alpha-center .col-alpha { width: 32%; margin: 0 auto; }

/* speech bubbles */
.bubble { position: relative; display: inline-block; padding: 0 10px; margin: 0 0 10px; height: 20px; line-height: 20px; background: #efece7; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; color: #002157; font-size: 10px; font-style: italic; text-transform: uppercase; }
	.bubble-tail { position: absolute; display: block; top: 20px; left: 20px; width: 11px; height: 9px; background: url(../img/bg_bubble.gif) no-repeat 0 0; }

/* sections and blocks */
.main-area .section-block { position: relative; float: left; display: inline; width: auto; min-height: 200px; margin: 0 0 16px; border: 1px solid #00abed; padding: 16px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		.main-area .col-alpha-beta .section-block { width: 598px; }
		.main-area #summary-statistics .section-block { width: 868px; min-height: 100px; }
	.main-area .section-block h4 { margin: 0 0 8px; }
	.main-area .section-block ul { margin: 0 0 16px; }
	.main-area .section-block ul li.button { font-size: 13px; display: inline-block; padding: 0 10px; font-weight: bold; color: #fff; background: url(../img/sp_buttons.jpg) repeat-x 0 0; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-decoration: none !important; cursor: pointer; border: none; }
		.main-area .section-block ul li.button:hover { background-position: 0 -30px; }
	.main-area .section-block p { line-height: 18px; }
	
	.main-area .section-highlight {  background: #cceefb; }
		.main-area .section-highlight strong { color: #000; }
	
	.main-area .applicationdetails,
	.main-area .projectdetails,
	.main-area .projectfiles { min-height: 0; }
	
	.main-area .col-gamma .section-search { min-height: 0; }
		
		.main-area ul.feedbacks { float: left; display: inline; margin: 0; padding: 0; width: 868px; }
		.main-area ul.feedbacks .feedback { float: left; display: inline; margin: 0 0 20px; background: none; width: 866px; }
		
		.main-area ul.feedbacks .feedback .result-details { float: left; display: inline; width: 100%; }
		.main-area ul.feedbacks .feedback .result-details .result-details-left,
		.main-area ul.feedbacks .feedback .result-details .result-details-right { float: left; display: inline; width: 50%; }
		.main-area ul.feedbacks .feedback .result-details .comments { clear: left; float: left; display: inline; }
		
		.main-area .view-feedback { width: 868px; min-height: 100px; }
	
	/* variants */
	.main-area .section-block-gray { border-color: #D2CEC7; }

/* messaging */
#flashMessage, #authMessage { position: absolute; top: 5px; left: 0; padding: 10px; width: 940px; background: url(../img/bg_CCEEFB80.png); border: 1px solid #00ABED; z-index: 9999; text-align: center; font-weight: bold; font-size: 16px; color: #002157; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }


/* tooltip-style popup */
.info { position: relative; display: inline-block; margin: 0 3px; width: 16px; height: 16px; background: url(../img/i_info.png) no-repeat 0 0; z-index: 2000; cursor: pointer; }
	.infos { position: absolute; top: -2px; left: -9000em; display: block; padding: 5px 10px; background: #fff; border: 1px solid #ccc; font-size: 12px !important; line-height: 1.5em !important; }
	.info:hover .infos,
	.info .infos:hover { left: 7px; visibility: visible; }
	.info-large .infos { width: 333px; }

/*======================================
	=Page Styles
======================================*/

/* index / intro / home page */
.ind-content { padding-bottom: 19px }
.ind-banner { padding-bottom: 0; background: url(../img/ind_banner.jpg) no-repeat 0 0; height: 252px; }
	.ind-banner h1,
	.ind-banner h2,
	.ind-banner ul,
	.ind-banner li { text-indent: -9000em; line-height: 0; height: 0; margin: 0; padding: 0; }
	.ind-banner p { margin-top: 151px; }	
.ind-top-talent,
.ind-employers { font-size: 17px; line-height: 24px; background: url(../img/i_talent-connect.gif) no-repeat 100% 0; }
	.ind-employers { background-image: url(../img/i_employer-connect.gif); }
	.ind-top-talent h2,
	.ind-employers h2 { margin: 0 0 20px; color: #000; font-size: 22px; font-weight: bold; line-height: 24px; }
.ind-news { position: relative; font-size: 12px; }	
	.ind-news h2 { margin: 0 0 5px;  font-size: 18px; line-height: 25px; font-weight: bold; color: #454545; }
	.ind-news h4.nl-date { font-size: 10px; text-transform: uppercase; }
	.ind-news ul.ind-news-list { margin: 0; padding: 0; }
	.ind-news ul.ind-news-list li { margin: 0; padding: 0; border-top: 1px solid #e1dfda; padding-top: 10px; background: none; }
	.ind-news ul.ind-news-list li a { color: #454545; }
	.ind-news ul.ind-news-list p { margin: 0 0 10px; line-height: 16px; }
	.ind-view-more-news { position: absolute; top: 5px; right: 0; width: 60px; height: 15px; text-indent: -9000em; background: url(../img/b_view-more-news.gif) no-repeat 0 0; }
	
/* how it works */
.hiw-banner { padding-bottom: 0; }
	.hiw-banner .video { margin-top: -5px; }
.hiw-col { }
	.hiw-col h2 { padding: 5px 0 5px 20px; background-color: #ddd; font-weight: bold; text-shadow: 0 1px 2px #fff; }
	.hiw-col .bubble { float: right; display: inline; margin-left: 64px; width: auto; }
	.hiw-list { }
		.main-area ul.hiw-list { margin: 0; }
		.main-area ul.hiw-list li { margin: 0 0 20px; padding: 0 0 0 64px;  background: url(../img/sp_large-icons.jpg) no-repeat 0 0; }
			.main-area ul.hiw-list .wrap { height: 100px; width: 100%; background: url(../img/bg_hiw-list.gif) no-repeat 0 100%; }
			.main-area ul.hiw-list li.hiw-feedback .wrap { background: none; }
		.main-area ul.hiw-list li.hiw-create { background-position: 0 -800px; }
		.main-area ul.hiw-list li.hiw-apply { background-position: 0 -200px; }
		.main-area ul.hiw-list li.hiw-select { background-position: 0 -1000px; }
		.main-area ul.hiw-list li.hiw-develop { background-position: 0 3px; }
		.main-area ul.hiw-list li.hiw-feedback { background-position: 0 -411px; }
		.main-area ul.hiw-list li.hiw-winner { background-position: 0 -597px; }

/* build your profile */
#academicHistory li.line { }


/* account controls */

div#account-controls { }
div#account-controls h3 { clear: left; margin-right: 12px; }
div#account-controls p { padding-left: 16px; background: url(../img/i_bull-arrow.gif) no-repeat 0 50%; }
div#account-controls h3,
div#account-controls p { float: left; display: inline; }

/* project details */
#project-details span { font-weight: bold; }

/* team listings */
#team-listing { float: left; display: inline; width: 100%; }
#team-listing ul { float: left; display: inline; margin: 0; }
#team-listing ul li { float: left; display: inline; width: 100%; padding: 0; background: none; }
#team-listing ul li p { margin: 0; }
#team-listing ul li span { font-weight: bold; }

	#team-listing .application,
	#team-listing .submission { position: relative; float: left; display: inline; padding-top: 9px; width: 100%; border-top: 1px solid #999; }
		#team-listing .application .result-details-left,
		#team-listing .submission .result-details-left { float: left; display: inline; width: 25%; }
		#team-listing .application .result-details-right,
		#team-listing .submission .result-details-right { position: absolute; right: 20px; top: 10px; }
		#team-listing .application .cover-letter,
		#team-listing .submission .cover-letter { float: left; display: inline; margin-left: 2%; width: 73%; }

.feedback ul li span { font-weight: bold; }

/*======================================
	=Blog Styles
======================================*/

.section-search { padding-bottom: 16px; }
	.section-search label { display: none; }
	.section-search input#s { width: 107px; }
	
/* Post Styling */
.post { margin: 0 0 3em; }

.post-head { position: relative; margin: 0 0 16px; }
	.post-head h2.post-title { margin: 0 0 6px -10px; color: #fff; text-shadow: 1px 1px #000; }
		.post-head h2.post-title span { padding: 0 10px; background: #005194; font-weight: bold; }
		.post-head h2.post-title a { color: #fff; }
		.post-head h2.post-title a:hover { color: #fff; text-decoration: none; }
	.post-head p { margin: 0; font-size: 11px; }
	.post-head .pubdate { color: #454545; font-size: 14px; line-height: 24px; font-weight: bold; }

	.post-head .posted-by { display: block; }
	
	.post-content { clear: both; }
		
	.post-category { margin: 2px 100px 0 0; font-size: 12px; }
		.post-category span { margin: 0; }
		.post-category ul { margin: 0; }
		.post-category ul li { list-style: none; }
		.post-category ul li a { background: #f4f4f4; }
		
		.post-category a { text-decoration: none; }
		.post-category a:hover { text-decoration: underline; }
		
	.post-comments {  border: 1px dashed #ccc; border-width: 1px 0; padding: 1em 0; margin-bottom: 1.5em; }
		.post-comments .read-more a { float: right; display: inline; width: auto; font-size: 12px; text-decoration: none; font-weight: bold; }
		.post-comments .read-more a:hover { text-decoration: underline; }
		
	.comments-list { margin: 0 0 1.5em; border-top: 1px solid #ccc; }
		.comments-list li { border-bottom: 1px solid #ccc; padding: 10px; margin: 0; list-style: none; background: #f4f4f4; }
		.comments-list li.alt { background: #f0f0f0; }
			.comments-list li .pubdate { float: right; display: inline; width: auto; margin: 0 0 0 1.5em; text-transform: uppercase; font-size: 11px; }
			.comments-list li .comment-author { font-weight: bold; }
		
/* Pagination Styles */	
.pagination { color: #403f3b; }
	.main-area .pagination { line-height: 21px; }
	.pagination a { font-weight: bold; text-decoration: none; text-transform: uppercase; color: #403f3b; }
	.pagination a:hover { text-decoration: underline; }
	
	.pagination .previous,
	.pagination .next { float: left; display: inline; width: 49.9%; }
	.pagination .next { float: right; text-align: right; }
	
	.pagination .next a,
	.pagination .previous a { float: left; display: inline; width: 92%; height: 21px; overflow: hidden; background: }
	.pagination .next a { float: right; }
		
	.pagination .next .arrow,
	.pagination .previous .arrow { float: left; display: inline; width: auto; margin: 0 5px 0 0; line-height: 18px; }
	.pagination .next .arrow { float: right; margin: 0 0 0 5px; line-height: 18px; }
		
	.entries-pagination a { width: 100% !important; }
	.entries-pagination span { width: auto !important; }
	
/* WordPress alignment classes */
.alignleft { float: left; display: inline; width: auto; margin: 0 1.5em 1.5em 0; }
.alignright { float: right; display: inline; width: auto; margin: 0 0 1.5em 1.5em; }
.aligncenter { display: inline-block; }

.category-nav ul ul { display: block; }

/* Comments */
.main-area ol.comments { margin: 0 0 32px; border-top: 1px solid #ccc;  }
	.main-area ol.comments li { margin: 0; padding: 16px; background: none; list-style: none; border-bottom: 1px solid #ccc; }
	.main-area ol.comments li.alt { background: #fafafa; }
	ol.comments li img.avatar { display: none; }
	ol.comments .comment-author { font-weight: bold; font-size: 14px; }
		.comment-author .pubdate { float: right; display: inline; width: auto; }
		.comment-content .awaiting-moderation { background: url(../img/bg_CCEEFB80.png); border: 1px solid #00ABED; text-align: center; font-weight: bold; font-size: 14px; line-height: 28px; color: #002157; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

/*======================================
	=Current Projects
======================================*/

div.projects { position: relative; float: left; display: inline; width: 100%; }
	div.projects textarea[rows="6"] { width: 500px; }
	div.projects .thumb { position: absolute; right: 0; top: 0; }

div.search-controls { float: left; display: inline; width: 100%; margin: 5px 0 10px 0; }

	div.showing { float: left; display: inline; }
	div.paging { float: right; display: inline; }
		div.search-controls-bottom div.paging {float: right; display: inline; }
	div.page-indicator { float: left; display: inline; width: 80%; }
		div.paging * { float: left; display: inline; margin: 0 .25em; }

.main-area ul.projects { float: left; display: inline; margin: 0; width: 100%; }
	.main-area li.project { position: relative; float: left; display: inline; padding: 10px; background: none; width: 98%; border: 1px solid #00ABED; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
		.main-area li.project:hover { /*background-color: #eee;*/ }
		
		.main-area li.project .result-details-left { float: left; display: inline; width: 630px; }
		.main-area li.project .result-details-right { float: left; display: inline; width: 220px; }
			.main-area li.project .result-details-right ol,
			.main-area li.project .result-details-right ol li { margin: 0; padding: 0; list-style: none; background: none; }
		
		.main-area li.project .result-details-right .thumb { position: relative; margin-bottom: 10px; }
		
		li.project .project-details { position: relative; float: left; display: inline; width: 100%; }
			li.project .project-details .thumb { position: absolute; right: 10px; top: 10px; }
			li.project .project-details .project-title { margin: 0; width: 65%; }
			li.project .project-details .project-type { }
			li.project .project-details .details { clear: left; }
		
		.main-area .student-actions { }
		.main-area .student-actions ul { float: left; display: inline; margin: 0; }
		.main-area .student-actions li { margin: 0 5px 0 0; padding: 0; background: none; }
		
		.action-button,
		.btn-select { float: left; display: inline; }
			.btn-select { /*position: absolute; right: -5px; top: 15px;*/ }
		.action-button a,
		.btn-select a { display: block; margin: 0 auto 10px auto; padding: 4px 8px; background-color: #eee; border: 1px solid #ccc; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
			.action-button a:hover,
			.btn-select a:hover { background-color: #ddd; }
		
		.view-project { position: relative; }
		.view-project .action-button { /*position: absolute; right: 20px; top: 20px;*/ }
		
		ul#profile-actions { position: relative; float: left; display: inline; width: 100%; margin: 0; padding: 0; }
		ul#profile-actions li { float: left; display: inline; margin: 0 10px 0 0; padding: 0; background: none; }
			ul#profile-actions li#return-link { position: absolute; right: 0; top: 0; }
		
		li.project .project-status-actions { position: relative; }
			li.project .project-status-actions .action-button { /*position: absolute; right: 20px; top: 20px;*/ }
			li.project .project-status-actions .action-button a { display: block; margin: 0 auto 10px auto; padding: 4px 8px; background-color: #eee; border: 1px solid #ccc; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
				li.project .project-status-actions .action-button a:hover { background-color: #ddd; }
			li.project .project-status-actions .thumb { }
		
		li.project p em,
		li.project p span { font-weight: bold; }
		
		div.worktype p { margin-bottom: 0; }
		
	.project-details { float: left; display: inline; }

/* View Project */

.view-project { padding-bottom: 16px; width: 868px !important; }
	.view-project .thumb,
	.result-details-right .thumb { /*position: absolute; right: 20px; top: 20px;*/ }
	.view-project .thumb { position: absolute; right: 20px; top: 20px; }
	
	.view-project dl { float: left; display: inline; width: 33%; }
		.view-project dl.work-type { width: 100%; }
		.view-project dl.work-type dt { }
		.view-project dl.work-type dd { float: left; display: inline; width: 25%; margin-bottom: 8px; }
	.view-project dt { margin-bottom: 8px; }
	.view-project dd { margin: 0; line-height: 1.5em; }
	
	.view-project div.long dl { width: 80%; }


form#SponsorRegisterForm { }

	form#SponsorRegisterForm fieldset { float: left; display: inline; width: 50%; }
	form#SponsorRegisterForm .buttons { margin-left: 50%; width: 50%; }


div.student-rebuttals ul,
div.student-rebuttals ul li { margin: 0; padding: 0; list-style: none; background: none; }


/*======================================
	=Browse Projects
======================================*/


/*======================================
	=Students/View (students profile)
======================================*/

.box { position: relative; float: left; display: inline; margin-bottom: 20px; padding: 10px; background: none; width: 98%; border: 1px solid #00ABED; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	ol.box { width: 260px; }

.p-edit { position: absolute; right: 0; top: 0; }
	.p-edit a { display: block; padding: 5px 10px; background-color: #ddd; border-bottom-left-radius: 3px; -moz-border-radius-bottomleft: 3px; -webkit-border-bottom-left-radius: 3px; }
	.p-edit a:hover { color: #fff; background-color: #999; }

.student-profile { float: left; display: inline; margin: 10px 0; padding: 0 1.5%; width: 30%; }
.row {clear: left;}

#current-school .student-profile { position: relative; width: 98.5%; padding-right: 0; }
	#current-school .student-profile h3 { margin-left: -1.5%; }
	#current-school .student-profile .logo { position: absolute; right: 10px; top: 10px; }
	#current-school .student-profile .logo p { text-align: center; }

/*======================================
	=Application Styles
======================================*/

/* Student Dashboard */
/*
.dashboard-navigation,
	.dashboard-navigation ul { float: left; display: inline; width: 100%; background: #001b46; }
	.dashboard-navigation ul { border-bottom: 2px solid #002A6F; }
	.dashboard-navigation li,
	.dashboard-navigation a { float: left; display: inline; width: auto; line-height: 36px; }
	.dashboard-navigation a { padding: 0 17px; color: #fff; font-weight: bold; }
	.dashboard-navigation a:hover { background: #002A6F; text-decoration: none; }
*/

strong.stat { padding: 0 4px; font-size: 16px; color: #20810F; background: #e1f6de; }

.big-button { float: left; display: inline; margin-right: 5%; padding: 4px 8px; width: 40%; background-color: #eee; border: 1px solid #ccc; text-align: center; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
	.yes { }
	.no { }
	.big-button a { display: block; }

.sponsor-actions ul li { clear: left; float: left; display: inline; margin-bottom: 10px; padding: 0; background: none; }

.filter { float: left; display: inline; width: 100%; }
	.filter ul { float: left; display: inline; margin: 0 0 10px 0; width: 100%; padding-bottom: 9px; border-bottom: 1px solid #999; }
	.filter ul li { float: left; display: inline; margin: 4px 10px 0 0; width: auto; background-image: none; text-align: center; font-weight: bold; }
	.filter ul li a { display: block; margin-top: -4px; padding: 4px 8px; border: 1px solid #ccc; background-color: #eee; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-weight: normal; }