/* Special fonts */
@font-face {
	font-family: MetaWeb-Medium; 
	src: url(MetaWeb-Medium.eot); 
}	
@font-face {
	font-family: MetaWeb-Medium; 
	src: url(MetaWeb-Medium.woff) format('woff'); 
}
/* END Special fonts */

@media screen, projection {
	/* ++++++++++++++++++++ RESET TAGS +++++++++++++++++++++ */
	* {	margin:0; padding:0; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size:100%; color:#000; text-decoration:none; }
	html { height:100%; background-color:#fff; color:#000; }
	body { height:100%; background-color:#fff; color:#000; margin:0; padding:0; text-align:left; font-size:62.5%; }
	fieldset { border:0px solid #fff; }
	table, td, th { border-collapse:collapse; vertical-align:top;  }
	img { border:none; }
	ul { width:auto; list-style:none; }
	* html li { height:1%; }
	/* ++++++++++++++++++++ End RESET TAGS ++++++++++++++++++++ */

	

	/* ++++++++ GLOBAL LAYOUT +++++++ */ 
	body, html { background:#3c94de;    }
	
	#PageContainer { width:1000px; margin:0 auto; background:#fff url(content.gif) 0 0 repeat-y;}
		#LoggedInAs  { padding:4px 19px 4px 0; font-weight:bold; text-align:right; background:#3c94de url(logged-in-as.gif) 0 100% no-repeat; color:#fff; }
		#Header { padding:0 10px; height:128 background:url(header.gif) 0 0 no-repeat; px;}
		#Content { padding:3px 10px 0 10px; }
			#MainContent { padding:16px 0 10px 0; }
				#Content .one-col { background:url(one-col-top.gif) 0 0 no-repeat;  }
					#Content .inner-one-col { width:936px; overflow:hidden; padding:20px 22px 30px 22px; background:url(one-col-bottom.gif) 0 100% no-repeat;  }
				
				#Content .two-cols { padding:0 0 10px 0; width:100%; overflow:hidden; }
					#Content .two-cols .two-cols-left { width:658px; float:left;  }
						#Content .two-cols-left .block { background:url(large-block.gif) 0 0 repeat-y;  }
							#Content .two-cols-left .inner-block { padding:16px 20px 16px 24px; background:url(large-block-bottom.gif) 0 100% no-repeat;  }
					
					#Content .two-cols .two-cols-right { width:320px;  float:right;   }
							
		#Footer { padding:10px 19px 24px 10px; background:url(footer.gif) 0 100% no-repeat; text-align:right; color:#73716b; }
	
		/* Popup iframe with coverscreen */ 
		#CoverScreen { top:0; left:0; position:absolute; z-index:1001; height:8000px; min-width:1000px; width:100%;   }
			#PopUpHolder {  top:85px; background:url(popup-top.gif) 0 0 no-repeat; padding-top:7px; margin-bottom:30px; z-index:1002; width:600px; position:absolute; }
			#PopUpIframe { height:220px; width:100%; display:block; }
	/* +++++++ END GLOBAL LAYOUT ++++ */
	
	/* #Header */
	#InnerHeader { position:relative;  height:267px; }
		#InnerHeader div#LogoHolder { position:absolute;  margin:-10px 0 0 -10px; text-indent:-999em; height:80px; width:280px; background:url(logo.png) 0 0 no-repeat; style:z-index:1092;" }
			#InnerHeader div#LogoHolder a {  height:80px; width:280px; display:block; outline:0;  }
	
		ul#Navigation { position:absolute; bottom:0;  width:336px; height:42px; padding-top:3px; background:url(navigation.gif) 0 0 no-repeat; display:block; overflow:hidden; }
			ul#Navigation li, ul#Navigation li a, ul#Navigation li strong { outline:0;  width:168px; height:42px; display:block; float:left; }
				ul#Navigation li#PictureTab, ul#Navigation li#PictureTab a, ul#Navigation li#PictureTab strong { width:165px; }
				
				ul#Navigation li a, ul#Navigation li strong {  text-indent:-999em; }
				
				ul#Navigation li#ChallengesTab { background:url(nav-challenges-ro.gif) 0 0 no-repeat; }
					ul#Navigation li#ChallengesTab strong { background:url(nav-challenges-active.gif) 0 0 no-repeat; }
					ul#Navigation li#ChallengesTab a { background:url(nav-challenges.gif) 0 0 no-repeat; }
						ul#Navigation li#ChallengesTab a:hover { background:transparent; }
						
				ul#Navigation li#PicturesTab { background:url(nav-pictures-ro.gif) 0 0 no-repeat; }
					ul#Navigation li#PicturesTab strong { background:url(nav-pictures-active.gif) 0 0 no-repeat; }
					ul#Navigation li#PicturesTab a { background:url(nav-pictures.gif) 0 0 no-repeat; }
						ul#Navigation li#PicturesTab a:hover { background:transparent; }
	/* END #Header */
	
	/* #Content ------------------------------------------------------------  */
		/* General */
		.text-only { display:none; }
		
		#Content .hr { height:14px; background:url(hr.gif) 0 0 repeat-x; }
			#Content .hr hr { display:none;  }
			
		/* End General */
		
		/* FONTS  */
		#Content h1 { display:none; }
		#Content h2 { font-size:1.8em; background:#fff; color:#73716b; font-family: MetaWeb-Medium, Arial, sans-serif; font-weight:normal; padding:0 0 0 24px; }
		#Content h3 { font-size:1.2em; color:#73716b; line-height:1.45em; padding:0 0 4px 0; }
			
		
		#Content p { font-size:1.2em; color:#100c10; padding-bottom:8px; line-height:1.4em; }
			#Content p.small { font-size:1.1em; }
			
		#Content li, #Content th, #Content td { font-size:1.2em; color:#100c10; line-height:1.4em; }
			#Content li li, #Content li li li, #Content li p, #Content td p { font-size:100%; }
		
		#Content .smaller { font-size:90%; }
		/* END FONTS */
		
		/* Hyperlinks */
		#Content a { color:#3c94de; }
			#Content a:hover { color:#3a668a; }
		
		#Content a.zipped { outline:0; text-align: right; display:block; padding:3px 30px 3px 0; background:url(zipped.gif) 100% 1px no-repeat;  }
			#Content a.zipped:hover { background:url(zipped-ro.gif) 100% 1px no-repeat;  }
		/* End Hyperlinks */
				
		/* Forms */
		#Content #ValidationSummary { padding:4px 0 2px 0; font-size:1.1em; color:#f00; font-weight:bold; }
			body#Login #Content #ValidationSummary { padding:4px 0 8px 0;  }
		#Content .validation { padding:2px 0 6px 162px; font-size:1.1em; color:#f00; font-weight:bold; clear:both; }
		
		#Content .row { width:100%; overflow:hidden; padding:0 0 8px 0; }
			#Content label { display:block; float:left; font-size:1.1em; padding:4px 10px 0 0; width:102px;  }
		
			#Content input.text { display:block; float:left; width:400px; font-size:1.1em; padding:3px 2px 4px 2px; border:1px solid #ccc; }	
				#Content input.text-width280 { width:280px; }	
				#Content input.no-focus { color:#999; }	
						
			#Content .buttons { height:1%; overflow:hidden; float:right; }
				#Content .buttons a { display :block; float:left; width:80px; height:20px; text-indent:-999em; }
					#Content a.login-button { background:url(login.gif) 0 0 no-repeat;  }	
						#Content a.login-button:hover { background:url(login-ro.gif) 0 0 no-repeat;  }				
		
				
		/* End Forms */
	/* #Content ------------------------------------------------------------  */
	
	/* Elements --------------------------------------------------------------  */
		#Content .block-header { background:url(block-header.gif) 0 0 no-repeat; width:100%; overflow:hidden;  }
			#Content #CountDown  { overflow:hidden; line-height:1em; font-size:2em; font-family: Arial, Verdana, sans-serif; float:left; background:url(count-down.gif) 0 0 no-repeat; width:190px; height:24px; padding:0 0 0 0; margin:10px 0 0 27px; }
				#Content #CountDown span {  color:#fff; display:block; width:19px; margin-right:2px; text-align:center; float:left; }
					#Content #CountDown span#Digit3, #Content #CountDown span#Digit5 { margin-left:25px; }
			#Content .two-cols-left .block-header h3 { float:right; line-height:1.4em; width:388px; font-family: Arial, Verdana, sans-serif;  padding:16px 0 8px 0px; font-weight:bold; font-size:1.3em; color:#fff; line-height:1em; } 
		
		#LoginForm { padding:60px 0 100px 170px; width:398px; }
		#ErrorDisplay { padding:60px 0 100px 170px; width:398px; }
			#ErrorDisplay h2 { padding:0 0 8px 0; }
		#NoLoginIE6 { padding:60px 0 200px 170px; width:398px; display:none;  }
		
		/* Wall */
		#Content #WallHolder { height:342px; width:980px; overflow:hidden; }
			#Content #Wall { height:325px; position:relative; width:655px; float:left; }
				#Content #Wall a { height:12px; width:21px; font-size:1.1em; line-height:1em; position:absolute; z-index:999; text-align:center; color:#fff; font-weight:bold; outline:0;  background:url(challenge-number.gif) 0 0 no-repeat;  }
					#Content #Wall a:hover {  background:url(challenge-number-ro.gif) 0 0 no-repeat; color:#000; }
						#Content #Wall a#ActiveLink, #Content #Wall a#ActiveLink:hover { background:url(challenge-number-active.gif) 0 0 no-repeat; }
		
			#Content #Intro { height:295px; width:272px; padding:30px 24px 0 24px; float:right; background:url(intro.png) 0 8px no-repeat; }
				#Content #Intro h2 { padding-left:0; padding-bottom:8px; background:transparent; }
				#Content #Intro p { color:#73716b; }
					#Content #Intro p strong { color:#007fde; }
		/* End Wall */
		
		/* PictureOverview/ PictureDetails */
		#Content #PictureOverview { min-height:420px; float:left;  width:510px;  }
			#Content #PictureOverview ul { width:510px; overflow:hidden; }
				#Content #PictureOverview li, #Content #PictureOverview a { float:left; display:block; width:118px; height:82px; }
					#Content #PictureOverview a { outline:0; width:99px; height:66px; padding:3px; }
						#Content #PictureOverview a:hover { background:url(picture-ro.gif) 0 0 no-repeat;   }
						#Content #PictureOverview a.active, #Content #PictureOverview a.active:hover { background:url(picture-active.gif) 0 0 no-repeat;   }
							#Content #PictureOverview a img { display:block; }
		#Content #PictureDetails { min-height:420px; width:410px; float:right; padding-top:3px;  }
			#Content #PictureFrame { width:400px; height:280px;  }
			#Content #PictureDetails img { display:block;  }
			
			#Content .hr { clear:both; }
		/* End PPictureOverview/ PictureDetailsr */
		
		/* .user-list  */
		#Content .user-list .inner-one-col { width:945px; padding:20px 0 10px 30px;  }
			#Content .user-list ul { width:100%; overflow:hidden;  }
				#Content .user-list li, #Content .user-list a  { display:block; float:left;  }
					#Content .user-list li  { width:85px; height:90px; font-size:1em; }
						#Content .user-list li a { width:72px; height:77px; text-indent:-999em; outline:0; }
							#Content .user-list li span { color:#3c94de; cursor:pointer; display:block; outline:0; width:56px; height:57px; padding:10px 5px 10px 11px;  text-align:center; }
								#Content .user-list li span.ok { background:url(ok.png) 100% 6px no-repeat;}
		/* End .user-list  */
		
		/* #ChallengesHolder */
		#Content #ChallengesHolder { width:100%; overflow:hidden;  }
			#Content #ChallengesList { width:228px; float:left; }	
				#Content #ChallengesList li { padding-bottom:3px; }
					#Content #ChallengesList a, #Content #ChallengesList span { display:block; outline:0; } 
						#Content #ChallengesList a { background:url(challenge-link.gif) 0 0 no-repeat; }
							 #Content #ChallengesList a span { cursor:pointer; } 
							#Content #ChallengesList span.inner-link { padding:10px 25px 10px 16px; background:url(challenge-link-bottom.gif) 0 100% no-repeat; }
								#Content #ChallengesList span.challenge-time { padding-bottom:2px; font-family: Arial, Verdana, sans-serif; font-size:110%; font-weight:bold; color:#100c10;  }
								#Content #ChallengesList span.challenge-title { font-size:90%; color:#3c94de; font-weight:normal; line-height:1.2em;  }
				
					#Content #ChallengesList a.active { background:url(challenge-link-active.gif) 0 0 no-repeat; }
						#Content #ChallengesList a.active span.inner-link { background:url(challenge-link-act-bottom.gif) 0 100% no-repeat; }
							#Content #ChallengesList a.active span.challenge-time { color:#fff; }
							#Content #ChallengesList a.active span.challenge-title { color:#fff;  }
				
					#Content #ChallengesList span.future { background:#fff; }
						#Content #ChallengesList span.future span.inner-link { background:#fff url(hr.gif) 0 100% repeat-x; }
					
			#Content #ChallengeDetails { width:380px; float:right; }
				#ChallengeDetailsIFrame { width:380px; height:580px; overflow:hidden; min-height:400px; }
		/* End #ChallengesHolder  */
		
		/* Questions and Answers */
		#QandAIFrame { width:320px; height:618px;  overflow:hidden; }
	/* End Elements */
}

/* ++++++++++++ STYLES FOR PRINT +++++++++++ */ 
@media print  { 
	* { display:none; }
}