@charset "utf-8";
/* CSS Document */

<!--
body {
	background: #EFF8FD;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #666666;
}

#wrapper
		{
position: relative;
			margin-left: auto;
			margin-right: auto;
			width: 960px;
			top: 0;
			z-index: 100;
		}
img { border: 0 }

.bottom-background {
	background-image:url(../images/bottom-background.jpg);
	background-repeat:repeat-x;
	margin-top:-270px;
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	position: absolute;
	left:0px;
	width:100%;
	height:270px;
	z-index:1;
}

#logo {
	float: left;
	width: 200px;
	margin-top: 20px;
}

#subnav-container li {
	display: inline;
	list-style-type: none;
	padding-left: 20px;
	float: right;
	
}

.bodytext{
	line-height:20px;
}

a.subnav:link{font-family:Helvetica, Arial, sans-serif; font-size: 9pt; color:#CAEDFF; text-decoration: none;}
a.subnav:hover{font-family:Helvetica, Arial, sans-serif; font-size: 9pt; color:#FFFFFF; text-decoration: none;}
a.subnav:active{font-family:Helvetica, Arial, sans-serif; font-size: 9pt; color:#CAEDFF; text-decoration: none;}
a.subnav:visited{font-family:Helvetica, Arial, sans-serif; font-size: 9pt; color:#CAEDFF; text-decoration: none;}
a.subnav:visited:hover{font-family:Helvetica, Arial, sans-serif; font-size: 9pt; color:#FFFFFF; text-decoration: none;}
.subnav-span{font-family:Helvetica, Arial, sans-serif; font-size: 9pt; color:#CAEDFF; text-decoration: none;}

a.thickbox:link{font-family:Helvetica, Arial, sans-serif; font-size: 9pt; color:#CAEDFF; text-decoration: none;}
a.thickbox:hover{font-family:Helvetica, Arial, sans-serif; font-size: 9pt; color:#FFFFFF; text-decoration: none;}
a.thickbox:active{font-family:Helvetica, Arial, sans-serif; font-size: 9pt; color:#CAEDFF; text-decoration: none;}
a.thickbox:visited{font-family:Helvetica, Arial, sans-serif; font-size: 9pt; color:#CAEDFF; text-decoration: none;}
a.thickbox:visited:hover{font-family:Helvetica, Arial, sans-serif; font-size: 9pt; color:#FFFFFF; text-decoration: none;}


#btn-newsletter a{
	float: right;	display:block;	width: 252px;	height: 67px;	margin: 0;	background: url(../images/btn_newsletter.png);	background-position:0 0px;	background-repeat:no-repeat;	background-color: transparent;
	
}
#btn-newsletter a:hover{
	float: right;	display:block;	width: 252px;	height: 67px;	margin: 0;	background: url(../images/btn_newsletter.png);	background-position:0 -67px;	background-repeat:no-repeat;	background-color: transparent;	
}

#btn-takequiz a{
	float: right;	display:block;	width: 252px;	height: 67px;	margin: 0;	background: url(../images/btn_takequiz.png);	background-position:0 0px;	background-repeat:no-repeat;	background-color: transparent;
	
}

#btn-courses a{
	float: right;	display:block;	width: 252px;	height: 67px;	margin: 0;	background: url(../images/btn_courses.png);	background-position:0 0px;	background-repeat:no-repeat;	background-color: transparent;
	
}
#btn-courses a:hover{
	float: right;	display:block;	width: 252px;	height: 67px;	margin: 0;	background: url(../images/btn_courses.png);	background-position:0 -67px;	background-repeat:no-repeat;	background-color: transparent;	
}

#btn-takequiz a:hover{
	float: right;	display:block;	width: 252px;	height: 67px;	margin: 0;	background: url(../images/btn_takequiz.png);	background-position:0 -67px;	background-repeat:no-repeat;	background-color: transparent;	
}

#btn-careertools a{
	float: right;	display:block;	width: 252px;	height: 67px;	margin: 0;	background: url(../images/btn_careertools.png);	background-position:0 0px;	background-repeat:no-repeat;	background-color: transparent;
	
}
#btn-careertools a:hover{
	float: right;	display:block;	width: 252px;	height: 67px;	margin: 0;	background: url(../images/btn_careertools.png);	background-position:0 -67px;	background-repeat:no-repeat;	background-color: transparent;	
}


#btn-poll-viewresult a{
	/*float: right;*/
	position: absolute;	display:block;	width: 107px;	height: 33px;	margin: 5px 0 0 0;	background: url(../images/white_btn.png);	background-position:0 0px;	background-repeat:no-repeat;	background-color: transparent;	
}

#btn-poll-viewresult a:hover{
	/*float: right;*/
	position: absolute;	display:block;	width: 107px;	height: 33px;	margin: 5px 0 0 0;	background: url(../images/white_btn.png);	background-position:0 -32px;	background-repeat:no-repeat;	background-color: transparent;	
}

#btn-poll-vote a{
	display:block;	width: 107px;	height: 33px;	margin: 5px 0 0 110px;	background: url(../images/white_btn.png);	background-position:-107px 0px;	background-repeat:no-repeat;	background-color: transparent;	
}

#btn-poll-vote a:hover{
	display:block;	width: 107px;	height: 33px;	margin: 5px 0 0 110px;	background: url(../images/white_btn.png);	background-position:-107px -32px;	background-repeat:no-repeat;	background-color: transparent;	
}

.search {
	float: right;
	margin-top: 50px;
	margin-right:-240px;
}


.post-timing {
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	color:#999999;
}


a:link {color: #008CD7; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
a:hover {color: #006195; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
a:active {color: #008CD7; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
a:visited {color: #008CD7; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
a:visited:hover {color: #006195; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}
.astyle {color: #008CD7; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none;}




.searchbox {
	background: transparent;
	border : 0px transparent;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;	
	text-transform: none;
	padding-left : 1px;
	padding-right : 1px;
}


/* For accordion */
a.accord:link {color: #2CAADC; font-family: Arial, Helvetica, sans-serif;  font-size: 14px; text-decoration: none; font-weight: bold;}
a.accord:hover {color: #2CAADC; font-family: Arial, Helvetica, sans-serif;  font-size: 14px; text-decoration: none; font-weight: bold;}
a.accord:active {color: #2CAADC; font-family: Arial, Helvetica, sans-serif;  font-size: 14px; text-decoration: none; font-weight: bold;}
a.accord:visited {color: #2CAADC; font-family: Arial, Helvetica, sans-serif;  font-size: 14px; text-decoration: none; font-weight: bold;}
a.accord:visited:hover {color: #2CAADC; font-family: Arial, Helvetica, sans-serif;  font-size: 14px; text-decoration: none; font-weight: bold;}

.accord-bar {
	height:35px;
}
.accord-text {
	line-height:20px;
}

/* End accordion */

/* Below are the CSS for homepage*/

.index-subtitle {
	color:#666666; /*grey*/
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 16px;
}

.sm_banner_hdr {
	color:#0099CC;
	font-family:Helvetica, Arial, sans-serif; 
	font-size: 10pt;
	font-weight:bold;
}
.sm_banner_subhdr {
	color:#006699;
	font-family:Helvetica, Arial, sans-serif; 
	font-size: 12pt; 
	font-weight:bold;
}
.sm_banner_text {
	color:#333333;
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 10pt; 
}
.quote {
	color:#2CAADC; /*blue*/
	font-family:Helvetica, Verdana, Arial, sans-serif; 
	font-size: 17px;
	font-weight:bold;
}




/* Below are the CSS for ALL inside pages except homepage*/

.breadcrumb {
	color:#666666; /*grey*/
	font-family:Arial, Helvetica, sans-serif; 
	font-size: 10px;
}

.title {
	color:#FF0099; /*pink*/
	font-family:Helvetica, Arial, sans-serif; 
	font-size: 40px; 
	margin-top: 15px;
	text-align: left;
}

.subtitle {
	color:#FF0099; /*pink*/
	font-family:Helvetica, Arial, sans-serif; 
	font-size: 22px;
	text-align: left;
}

.subtitle-login {
	color:#2CAADC; /*pink*/
	font-family:Helvetica, Arial, sans-serif; 
	font-size: 25px;
	font-weight:bold;
	line-height:27px;
}


.post-header {
	background-image:url(../images/challenge-post-top.gif);
	width:785px;
	height:46px;
}

.welcome-text{
	color:#2CAADC; /*blue*/
	font-family:Helvetica, Verdana, Arial, sans-serif; 
	font-size: 15px;
	font-weight:bold;
	position:absolute;
	margin:-32px 0 0 30px;
}


.instructions {
	color:#666666; /*pink*/
	font-family:Verdana, Helvetica, Arial, sans-serif; 
	font-size: 11px;
}


.title-text {
	color:#666666; /*grey*/
	font-family:Arial,Helvetica,  sans-serif; 
	font-size: 15px;
	margin-top: 15px;
	line-height:20px;
}

.title-divider {
	border-bottom: 1px solid #EFEFEF;
	padding-top:10px;
}

.rightnav-divider {
	border-bottom: 1px solid #EFEFEF;
	padding-bottom: 6px;
}


.challenge-timing {
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt;
	color:#999999;
	margin-top:6px;
}

a.challenge-sublinks:link {color: #2CAADC; font-family: Arial, Helvetica, sans-serif;  font-size: 8pt; text-decoration: none; font-weight: bold;}
a.challenge-sublinks:hover {color: #66CCFF; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.challenge-sublinks:active {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.challenge-sublinks:visited {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-weight: bold;}
a.challenge-sublinks:visited:hover {color: #66CCFF; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-weight: bold;}
.challenge-sublinks-span {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 8pt; text-decoration: none; font-weight: bold;}

a.sidenav:link {color: #2CAADC; font-family: Arial, Helvetica, sans-serif;  font-size: 12px; text-decoration: none; font-weight: bold;}
a.sidenav:hover {color: #66CCFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold;}
a.sidenav:active {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold;}
a.sidenav:visited {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold;}
a.sidenav:visited:hover {color: #66CCFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold;}
.sidenav-span {color: #2CAADC; font-family: Arial, Helvetica, sans-serif;  font-size: 12px; text-decoration: none; font-weight: bold;}

.challenge-comment {
	border:1px solid #B7DEF1;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666;	
	margin-top: 10px;
	padding: 5px;
}

.thumb-video {
	margin-right: 10px;
	
}

a.tab-challenges:link {color: #FFF; font-family: Arial, Helvetica, sans-serif;  font-size: 15px; text-decoration: none; font-weight: bold;}
a.tab-challenges:hover {color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; font-weight: bold;}
a.tab-challenges:active {color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; font-weight: bold;}
a.tab-challenges:visited {color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; font-weight: bold;}
a.tab-challenges:visited:hover {color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; font-weight: bold;}
.tab-challenges-span {color: #FFF; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; font-weight: bold;}

a.subject-link:link {color: #2CAADC; font-family: Arial, Helvetica, sans-serif;  font-size: 15px; text-decoration: none; font-weight: bold;}
a.subject-link:hover {color: #66CCFF; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; font-weight: bold;}
a.subject-link:active {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; font-weight: bold;}
a.subject-link:visited {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; font-weight: bold;}
a.subject-link:visited:hover {color: #66CCFF; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; font-weight: bold;}
.subject-link-span {color: #2CAADC; font-family: Arial, Helvetica, sans-serif;  font-size: 15px; text-decoration: none; font-weight: bold;}

a.sidenav:link {color: #2CAADC; font-family: Arial, Helvetica, sans-serif;  font-size: 12px; text-decoration: none; font-weight: bold;}
a.sidenav:hover {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold;}
a.sidenav:active {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold;}
a.sidenav:visited {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: none; font-weight: bold;}
a.sidenav:visited:hover {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-decoration: underline; font-weight: bold;}
.sidenav-span {color: #2CAADC; font-family: Arial, Helvetica, sans-serif;  font-size: 12px; text-decoration: none; font-weight: bold;}

a.breadcrumb:link {color: #0FA7D8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;}
a.breadcrumb:hover {color: #66CCFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;}
a.breadcrumb:active {color: #0FA7D8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;}
a.breadcrumb:visited {color: #0FA7D8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;}
a.breadcrumb:visited:hover {color: #66CCFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;}
.breadcrumb-span {color: #0FA7D8; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-decoration: none;}


a.footer:link {color: #2CAADC; font-family: Arial, Helvetica, sans-serif;  font-size: 9pt; text-decoration: none;}
a.footer:hover {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: underline;}
a.footer:active {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none;}
a.footer:visited {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: none;}
a.footer:visited:hover {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 9pt; text-decoration: underline;}

.footer {
	color:#999999;
	font-family: Arial,Helvetica,  sans-serif;  
	font-size:7pt;
}

#clouds{ background:transparent url('../images/top-cloud-bg.jpg') repeat-x scroll 0 0; left: 0; right: 0; position:absolute; height: 210px; width: 100%; z-index: -2;} /*this is for the moving clouds*/

a.search-result:link {color: #2CAADC; font-family: Arial, Helvetica, sans-serif;  font-size: 15px; text-decoration: none; font-weight: bold;}
a.search-result:hover {color: #66CCFF; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; font-weight: bold;}
a.search-result:active {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; font-weight: bold;}
a.search-result:visited {color: #2CAADC; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; font-weight: bold;}
a.search-result:visited:hover {color: #66CCFF; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-decoration: none; font-weight: bold;}
.sm_banner_subhdr {
	color:#006699;
	font-family:Helvetica, Arial, sans-serif; 
	font-size: 11pt; 
	font-weight:bold;
}
.current-member {
	background-image:url(../images/current_members_bg.jpg);
	background-repeat:no-repeat;
	width:939px;
	height:180px;
	margin:0 10px 0 10px;
}
.showcase-avatars {
	padding-top:15px;
	text-align:left;
	margin-left: 30px;
}
/* for career resources */
div#set_of_links {
	position:relative;
	padding:9px 0px 0px 0px;
	margin-bottom:0px;
	border-style:none;
	
}
div#set_of_links a {
	display:inline;
	padding:0px 0px 0px 0px;
	text-decoration:none;
}
div#set_of_links a:hover {
	background:transparent
	
}
div#set_of_links a span {
	display:none;
	color:#000;
	
}
div#set_of_links a:hover span.text1 {
	display:inline;
	position:absolute;
	top:120;
	width:290px;
	left:25px;
	padding:5px 15px 5px 5px;
	border-style:solid;
	border-width:1px;
	border-color:#f1c429;
	background-color:#a9df70;

}

div#set_of_links a:hover span.text2 {
	display:inline;
	position:absolute;
	top:200;
	width:290px;
	left:25px;
	padding:5px 15px 5px 5px;
	border-style:solid;
	border-width:1px;
	border-color:#f1c429;
	background-color:#a9df70;
}

div#set_of_links a:hover span.text3 {
	display:inline;
	position:absolute;
	top:260;
	width:290px;
	left:25px;
	padding:5px 15px 5px 5px;
	border-style:solid;
	border-width:1px;
	border-color:#f1c429;
	background-color:#a9df70;
	
}

div#set_of_links a:hover span.text4 {
	display:inline;
	position:absolute;
	top:550;
	width:290px;
	left:25px;
	padding:5px 15px 5px 5px;
	border-style:solid;
	border-width:1px;
	border-color:#f1c429;
	background-color:#a9df70;
}

div#set_of_links a:hover span.text5 {
	display:inline;
	position:absolute;
	top:620;
	width:290px;
	left:25px;
	padding:5px 15px 5px 5px;
	border-style:solid;
	border-width:1px;
	border-color:#f1c429;
	background-color:#a9df70;
}

div#set_of_links a:hover span.text6 {
	display:inline;
	position:absolute;
	top:775;
	width:290px;
	left:25px;
	padding:5px 15px 5px 5px;
	border-style:solid;
	border-width:1px;
	border-color:#f1c429;
	background-color:#a9df70;
}

#caption-wrapper {
	width:250px;
	padding:5px 15px 10px 15px;

}
.caption-footer {
	background-image:url(../images/caption_footer.gif);
	background-repeat:no-repeat;
	width:250px;
	height:7px;
}

.caption {
	background-color:#2CAADC; /*blue*/
	color:#FFF; /*white*/
	padding:5px 10px 0px 10px;
	line-height:16px;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	font-size: 10px;
}
.float-right {
	float:right;
}
.float-left {
	float:left;
}