/* CSS Document */

/* set default font */

.blackButton {
 	background: url(../images/buttonBlack_arrow.png) no-repeat;
}

#SmallLogo {
    position: relative;
	top: 17px;
    left: 29px;
	width:101px;
	height: 89px;
}
#NavBoxes {
    position: relative;
	top: -20px;
    left: 162px;
	width: 573px;
	height: 34px;
	color: #F68012;
}
#NavLine {
    position: relative;
	top: -28px;
    left: 167px;
	width: 484px;
	height: 1px;
	background-color: #F68012

}
#InnerMainContent {
	position: relative;
	top: 10px;
	left: 17px;
	width:725px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	min-height:400px;
}
#Bottom {
   position: relative;
	top: 0px;
    left: 17px;
	width:720px;
	height: 15px;
	background-color: #FFB814;
	padding:3px;
}




#NavText {
    position: absolute;
	top: 79px;
    left: 153px;
	width: 541px;
	height: 24px;
	color: #F68012
}

#NavSimulations {
    position: absolute;
	top: 29px;
    left: 268px;
	width: 200px;
	height: 50px;
}
#NavAdventures {
	position: absolute;
	top: 63px;
	left: 268px;
	width: 200px;
	height: 22px;
}
#NavMedia {
    position: absolute;
	top: 29px;
    left: 488px;
	width: 200px;
	height: 50px;
}

.GameLayers { position:relative; margin-left:300px; width:400px; background-color:#FFF5D7; padding:10px; display:none; margin-top:5px; top:-2px; cursor:pointer;}

	.GameLayers:hover { background-color:#FFFFCC; }
	
	.GameLayer_NoHover { position:relative; margin-left:300px; width:400px; background-color:#FFF5D7; padding:10px; display:none; margin-top:5px; top:-2px; }
	
	.TitleFont {color: #F68012; font-weight:bold;}
	
	.Apply {
	
		line-height:44px;
	    border-width: 0 10px;
		color:#FFFFFF;
		font-size:15px;

	    text-shadow: rgba(0, 0, 0, 0.4) 0px -1px 0;
		text-align:center;
		width:125px; 
		height:38px; 
		float:left; 
		margin-bottom:10px; 
		margin-right: 10px;
		line-height:32px; 
		padding-top:6px;
		cursor: pointer;
		z-index: 500;
	}

	.redButton {
	 	background: url(../images/buttonRed_arrow.png) no-repeat;
	}
	
#NavAbout {
    position: absolute;
	top: 29px;
    left: 569px;
	width: 122px;
	height: 32px;
}
#NavContact {
    position: absolute;
	top: 46px;
    left: 650px;
	width: 122px;
	height: 32px;
}
#NavHowitWorks {
    position: absolute;
	top: 46px;
    left: 368px;
	width: 122px;
	height: 32px;
}

.registerMap {
	float:right; border:1px solid #ccc; pointer:cursor;
}
.registerMap:hover {
	float:right; border:1px solid red; pointer:cursor;
}

#Box {
    position: absolute;
	top: 306px;
    left: 529px;
	width:185px;
	height: 55px;
	border: 1px #FFB814 solid;
	
}
#Box2 {
    position: absolute;
	top: 294px;
    left: 520px;
	width:194px;
	height: 55px;
	border: 1px #FFB814 solid;
	padding:5px;
}
#Box3 {
    position: relative;
	float: right;
	width:250px;
	height: 300px;
	border: 1px #FFB814 solid;
	padding:5px;
}
.EpisodeBox {
    position: relative;
	padding:5px;
	border: 1px #FFFFFF solid;
	background:#FFFFFF;
}
.EpisodeBoxOver {
    position: relative;
	border: 1px #FFB814 solid;
	padding:5px;
	cursor:pointer;
	background:#FFFFCC;
}
#FAQ {
    position: relative;
	width: 714px;
	height: 320px;
	border: 1px #FFB814 solid;
	padding:5px;
	scroll:auto; 
	overflow:auto;
}
#Application {
    position: relative;
	width: 714px;
	height: 320px;
	border: 1px #FFB814 solid;
	padding:5px;
	scroll:auto; 
	overflow:auto;
}
#TeamBox {
	position: absolute;
	top: 6px;
	left: 5px;
	width:337px;
	border: 1px #FFB814 solid;
	padding:5px;
	z-index: 1;
	background-color: #FFFFFF;
	height: 173px;
}
#BoxOutline {
	border: 1px #FFB814 solid;
	padding:5px;
}

#Tab {
    position: absolute;
	top: -14px;
    left: 527px;
	width:218px;
	height: 26px;
	background-color: #FFB814;
	
	vertical-align:middle;
	
}
.TitleText {
	font-size: 18px;
	font-weight: bold;
	color: #F68012;
}

.redhighlight {color: #E30E65}

A.Link:link {
	color: #F68012;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
} 
A.Link:visited { color: #F68012; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none} 
A.Link:hover { color: #E30E65; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal; text-decoration: none} 
A.Link:active { color: #F68012; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:normal; text-decoration: none} 

A.TitleTextLink:link {
	color: #F68012;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
} 
A.TitleTextLink:visited { color: #F68012; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-decoration: none} 
A.TitleTextLink:hover { color: #E30E65; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-decoration: none} 
A.TitleTextLink:active { color: #F68012; font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight:bold; text-decoration: none} 

A.NavLink:link {
	color: #F68012;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
} 
A.NavLink:visited { color: #F68012; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none} 
A.NavLink:hover { color: #E30E65; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-decoration: none} 
A.NavLink:active { color: #F68012; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; text-decoration: none} 

A.SubLink:link {
	color: #333333;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
} 
A.SubLink:visited { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none} 
A.SubLink:hover { color: #F68012; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-decoration: none} 
A.SubLink:active { color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-weight:normal; text-decoration: none} 

.style9 {font-size: 18}
.style10 {
	color: #F68012;
	font-weight: bold;
}
.style11 {font-size: 10px}


.OrangeBorder {
	border: 1px #FFB71C solid;
	color: #000000;

}
.BoxPush {
	background-color: #FFB71C;
	border: 1px #BF2352 solid;
	color: #FFFFFF;
	cursor:pointer;
	
}
.TitleFont {color: #F68012; font-weight:bold;}
.WhiteTitle {color: #FFFFFF; font-weight:bold;}

#MissionBox {
    position: absolute;
	top: 65px;
    left: 0px;
	width:723px;
	height: 300px;
	border: 1px #FFB814 solid;
}
#MissionNav {
    position: absolute;
	top: 0px;
    left: 0px;
	width:200px;
	height: 300px;
	background-color: #FFB814;
	color: #FFFFFF;
	padding-left:4px;
}
.MissionNavBox {
   	background-color: #FFB814;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left:4px;
	cursor:pointer;
}
.MissionNavBoxDown {
   	background-color: #FFFFFF;
	padding-top: 8px;
	padding-bottom: 8px;
	width:200px;
	color: #FFB814;
	padding-left:4px;
}
.MissionNavBoxOver {
   	background-color: #F68012;
	padding-top: 8px;
	padding-bottom: 8px;
	width:200px;
	color: #ffffff;
	padding-left:4px;
	cursor:pointer;
}

#MissionContent {
    position: absolute;
	left: 220px;
	top: 10px;
	width: 483px;
	padding-left:10px;
	padding-right:10px;
}

.FAQNavBox {
   	background-color: #FFB814;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left:4px;
	cursor:pointer;
}
.FAQNavBoxDown {
   	background-color: #FFFFFF;
	padding-top: 4px;
	padding-bottom: 4px;
	width:200px;
	color: #FFB814;
	padding-left:4px;
}
.FAQNavBoxOver {
   	background-color: #F68012;
	padding-top: 4px;
	padding-bottom: 4px;
	width:200px;
	color: #ffffff;
	padding-left:4px;
	cursor:pointer;
}


/* vertical scrollbar */
div#scrollbar1 { 
  position:absolute; 
  left:700px; top:14px;
  width:11px; height:280px; 
  font-size:1px; z-index:2
  }
div#track1 { 
  position:absolute; left:0; top:12px;
  width:11px; height:255px;
  background: url("/images/nav/track.gif") #336 repeat;
  z-index:1
  }
div#dragBar1 {
  position:absolute; left:1px; top:1px;
  width:9px; height:20px;
  background-color:#ceced6;
  z-index:1
  }  
div#up1 { position:absolute; left:0; top:0; z-index:2 }  
div#down1 { position:absolute; left:0; bottom:0; z-index:3 } 

div#hold	{ 
	position:relative; overflow:hidden;
	width:550px; height:200px; z-index:100; 
	}

div#wn	{ 
	position:absolute; 
	left:230px; top:0px; 
	width:460px; height:290px; 
	clip:rect(0px, 460px, 290px, 0px); 
	overflow:hidden;	
	z-index:1; 
	
	}
#lyr1 {
	position:absolute;
	left:0px; top:0px; 
	z-index:2; 
}
	
.Face {
	background-color: #FFB814;
	cursor:pointer;
}
.FaceSelect {
	background-color: #FFFFFF;
	
}
.FaceOver {
	background-color: #F68012;
	cursor:pointer;
}

#TeamBox2 {
	position: absolute;
	top: 119px;
	left: 284px;
	width:353px;
	background-color: #FFFFFF;
	padding:3px;
	z-index: 6;
	height: 192px;
}


#TeamBox3 {
	position: absolute;
	top: 60px;
	left: 0px;
	width:300px;
	height: 300px;
	background-color: #FFB814;
	padding:3px;
	z-index: 6;
}
#TeamBox4 {
	position: absolute;
	top: 107px;
	left: 625px;
	width:24px;
	height: 252px;
	background-color: #FFB814;
	padding:3px;
	z-index: 6;
}

.FormBoxesNormal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000033;
	border: 1px #F68012 solid;
	background-color:#ffffff;
}
#BoxOutline2 {
	border: 1px #FFB814 solid;
	background-color:#FFF5D7;
	padding:8px;
}
.MediaBox {
	border: 5px #FFB814 solid;
	background-color:#FFFFFF;
	padding:5px;
	width: 210px;
	height: 245px;
	font-size: 18px;
	font-weight: bold;
	color: #F68012;
	
}
.MediaBoxOver {
	border: 5px #FFB814 solid;
	background-color:#FFFFCC;
	padding:5px;
	width: 210px;
	height: 245px;
	font-size: 18px;
	font-weight: bold;
	color: #F68012;
	cursor:pointer;
}


.AboutBox {
	border: 5px #FFB814 solid;
	background-color:#FFFFFF;
	padding:5px;
	font-size: 12px;
	font-weight: bold;
	color: #F68012;
}
.AboutBoxOver {
	border: 5px #FFB814 solid;
	background-color:#FFFFCC;
	padding:5px;
	font-size: 12px;
	font-weight: bold;
	color: #F68012;
	cursor:pointer;
}




#ScreenShotBox {
	position:relative;
	float:right;
	margin-top:-20px;
	width:352px;
	height:366px;
	padding-left:8px;
	padding-top:12px;
	background-image: url(../images/pc_web/NEW/Screenshots/shot_background.gif);
}
.ScreenBoxTitle {font-size:15px; padding-left:8px; margin-top:15px; font-weight:normal; color:#fff; margin:1px 0 9px 0;}

.shot {
	float:left;
	width:115px;
	text-align:center;
	border-width:1px;
	padding-top:10px;
}

a.shotLink { color:#6A1D6B; border-width:1px;}
a.shotLink:hover {color:#FF1FF1;  border-width:1px;}


#lightbox{
	background-color:#333;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	line-height:1.1em;
	font-size:14px;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../images/pc_web/NEW/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/pc_web/NEW/overlay.png", sizingMethod="scale");
	}

.bullet {
	padding-bottom:20px;
}