@CHARSET "UTF-8";

*{
	margin:				0px;
	padding: 			0px;
	font-family:		verdana, arial; 
	font-size:			11px;	
	color:				#FFFFFF;
}

html, body{
	background-color:	#000000;
	text-align:			center;
	height:				100%; 
}

a:hover{
	cursor: 			pointer;
}

input{
	margin:				5px;
	padding:			5px;
}

.formSelect{
	width:				510px; 
	margin-top:			5px;
}

.masterPage{
	width:				1000px;
	height:				100%;
	margin:				auto;
	overflow:			visible;
	text-align:			left;
	background: 		url(images/menu/pageBackground.jpg) no-repeat;
}

.header{
	width:				1000px;
	margin:				auto;
	background-color:	#000000;
	height:				50px;
	padding-top:		10px;
	padding-bottom:		7px;
}

.linHeaderImg{
	height:				50px;
	margin-left:		400px;	
	float:				left;
}

.linMenu{
	width:				1000px;
	height:				33px;
	margin:				auto;
	background: 		url(images/menu/menubar.jpg);
}

.fullPanel{
	float:				left;
	width:				1000px;
}

.lmPanel{
	float:				left;
	width:				800px;
}

.mrPanel{
	float:				right;
	width:				800px;
}

.lPanel{
	float:				left;
	width:				200px;
}

.lPanelExtraWide{
	float:				left;
	width:				300px;
}

.mPanel{
	float:left;
	width:				600px;
}

.mPanelNarrow{
	float:left;
	width:				500px;
}

.rPanel{
	float:				right;
	width:				200px;
}

.standardStrut{
	background-color:	#f3f3f3;
	padding: 			10px;
	margin:				5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.standardSubStrut{
	background-color:	#e2e2e2;
	padding: 			10px;
	margin:				5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.linvideoStrut{
	background-color:	#f1f1f1;
	padding:			10px;
	margin:				10px;
}

.linvideoStrutStub{
	background-color:	#336699;
	padding:			20px;
	margin:				20px;
}

.linLoginView{
	padding:			2px;
	text-align:			left;
}

.linHeaderCP{
	background-color:	#9b2417;
}

/* Form Elements with rating*/
.formRate1{
	padding:			5px;
	padding: 			5px;
}

.formRate1 input, select, option{
	display: 				block;
	width: 					500px;
	margin-left:			20px;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
	padding: 				5px;
	background:				#a1a1a1;
	border :				none;
	color:					#f3f3f3	;
}

.formRate1 select{
	margin-left: 			30px;
}
	
.loginInput input{
	
}

.formRate5{
	display:				inline;
	padding:				0px;
	margin:					0px;
}

.formRate5 input{
	width:					50px;
	border:					none;
	padding: 				5px;
	-moz-border-radius:		4px;
	-webkit-border-radius:	4px;
}

.inactiveInput{
	color:					#a1a1a1;
}
	
.inactiveInput input{
	background:				#c1c1c1;
}

.linFormButton{
	width:					150px;
	margin:					30px auto auto auto;
}

.linFormButtonSmall{
	width:					90px;
	padding:				5px;
	margin:					3px;
}

.beCareful{
	background-color:		#ff9000;
}

.beReallyCareful{
	background:				#ff2400;
}

.linFormButton a{
	color:					#fff;
	text-decoration:		none;	
}

.method{
	background-color:	#f2f2f2;
	padding: 			10px;
	margin:				5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.unimplemented{
	background-color:	#f4d2d2;	
}

.loginSplashPage
{
	margin:				auto;
	width:				100%;
	text-align:			center;	
}

.loginSplashBox
{
	width:				1024px;				
	height:				750px;
	padding-top:		167px;
	background: 		url(images/login/loginPageBackground.jpg); 
}

.loginSplashEntryFieldsBox
{
	width:				500px;
	text-align:			left;
	margin:				auto;
	padding-top:		45px;
	padding-left:		60px;
}

.loginEntryField{
	width:				278px; 
	height:				21px;
	background-color:	#000000; 
	border:				0px;
	margin-bottom:		-10px;
}

.logoutButton{
	float:				right;
	padding-top:		10px;
	padding-right:		15px;
}

.loggedInDisplay{
	float:				right;
	padding-top:		5px;
	padding-right:		15px;
}

.menuBar{
	width:				1000px;
	height:				33px;
	margin:				auto;
	background: 		url(images/menu/redBar.png) no-repeat;	
	overflow:			visible;
	
}

.menuButton{
	border:				0px;
	padding:			0px;
	margin:				0px;
}

.flexcroll {
	width:				935px;
	top: 				105px;
	bottom:				55px;
	overflow: 			auto;
	position:			absolute;
	margin-left:		50px;
	outline:			none;
}

.footerBar{
	width:				1000px;
	height:				48px;
	margins:			auto;
	position:			absolute;
	bottom:				0px;
	text-align:			center;
	margin-right:		20px;
	background: 		url(images/menu/footerBackground.png) repeat-x;	
}

.inputBox{
	height:				15px;
	background-color:	#000000;
	border:				#222422 2px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

.selectBox{
	height:				30px;
	background-color:	#000000;
	border:				#222422 2px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin:				5px;
}

.selectBox:focus{ 
	background:			#000000; 
}

.selectBoxOption{
	color:				#FFFFFF;
	background-color:	#000000;
}

.selectBoxOption:focus{ 
	background:			#000000; 
}

.selectBoxDropdown{
	color:				#FFFFFF;
	background-color:	#000000;
	width:				250px;
}

.transparentContentBox{
	border:				#333333 1px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
    background:			url(images/menu/transparentBlackBG.png); 
	width:				850px;
	padding:			10px;
	margin-bottom:		10px;
	text-align:			left;
}

* html .transparentContentBox{
	width:				870px;
}

.videoButton{
	float: 				left; 
	width: 				108px; 
	height: 			58px; 
	margin: 			4px; 
	margin-top:			9px;
	border: 			#362A33 2px solid;	
}

.greenLink{
	text-decoration:	none;
	color:				#2ca229;	
}

.redLink{
	text-decoration:	none;
	color:				#AA1111;	
}

.whiteLink{
	text-decoration:	none;
	color:				#FFFFFF;	
}

.documentationMenuPanel{
	width:				260px;
	padding:			10px;
	z-index:			2;
	float: 				left;
}

.documentationContentPanel{
	width: 				560px; 
	float: 				left; 
	margin-left: 		10px;
}

.redBar{
	width: 				870px; 
	height: 			30px; 
	margin-top: 		10px; 
	margin-bottom: 		10px; 
	background: 		url(images/menu/redBar.png);	
}

.treeLabel{
	color: 				#AAAAAA;
	font-style:			italic;
}

