/* COLORS

#808080 gray button text
#003D79 navy link text (on white bkgd)
#00ABEC cyan hover text
#002d65 navy headline type
#4D4D4D gray text type
#1F1F1F dark dark gray sidebar

#bfbfbf lightest gray
#9d9d9d light gray
#6d6d6d gray

*/


/* ============================ CORE ============================ */ 
	body {
		margin:0 auto;
		padding:0;
		text-align:center;
		background:black url(../images/gradient.png) 0 0 repeat-x;
		}
	#wrapper {
		margin:20px auto;
		width:900px;
		height:800px;
		text-align:left;
		}
	#section {
		position:relative;
		left:0;
		top:0;
		float:left;
		display:inline;
		width:900px;
		height:530px;
		margin:0 0 15px 0;
		background:black url(../images/mainImage.png) 0 0 no-repeat;
		border:5px solid black;
		}
		/*
		#aside {
			float:left;
			display:block;
			width:900px;
			height:auto;
			border:1px solid white;
		}
		#footer {
			float:left;
			display:block;
			width:900px;
			height:auto;
			border:1px solid blue;
		}
		*/
		
		
	/* //START - Use with Cufon and live type */
	#mainContent {
		position:absolute;
		z-index:100;
		right:10px;
		top:195px;
		width:450px;
		height:300px;
		/*border:1px solid white;*/
		}
	.tgFont {
		font-size:19px;
		line-height:30px;
		color:#7ad7ff;
		letter-spacing: -.01em;
		text-align:right;
		padding:0 4px 0 50px;
		}
		
	h1 {
		font-size:20px;
		color:white;
		letter-spacing: -.01em;
		padding:0 0 2px 6px;		
		}
	/* //END - Cufon */	
		
		
		
		
		p {
			font:normal normal normal 12px/18px Helvetica, Arial, sans-serif;
			margin:0 10px;
			}
			
			#aside p {
				font-size:11px;
				line-height:16px;
				color:#bfbfbf;
				padding:5px 0;
			}
			
			#footer p {
				font-size:11px;
				line-height:15px;
				color:#9d9d9d;
				padding:20px 0 3px 0;
				margin:0 15px;
			}
			
				#footer a, #footer a:link, #footer a:visited {
					color:#9d9d9d;
					text-decoration:none;
				}
				#footer a:hover, #footer a:active {
					text-decoration:underline;
				}
			
			#footer p.small {
				font-size:10px;
				line-height:15px;
				color:#6d6d6d;
				margin:0 15px;
				padding:8px 0 0 0;
			}
			
		p.rightAlign {
			font:normal normal normal 12px/18px Helvetica, Arial, sans-serif;
			margin:0 15px;
			color:white;
			text-align:right;
			}

			
			

/* ============================ TABS ============================ */
	#tabContainer {
		position:absolute;
		z-index:200;
		left:22px;
		top:128px;
		width:390px;
		height:350px;
		display:inline; /* block */
		/*border:1px solid green;*/
		}
	
	ul.tabs {
		position:relative;
		left:0;
		top:9px;
		display:inline;
		list-style:none;
		padding:0;
		margin:0;
		font:normal normal bold 11px/30px Helvetica, Arial, sans-serif;
	}
	
	ul.tabs li.tab01 {
		display:block;
		position:absolute;
		left:0;
		top:0;
		color:#00ABEC;
		background:black;
		width:120px;
		height:30px;
		line-height:30px;
		padding:0 5px;
		text-align:center;
		border-top:6px solid black;
		border-right:6px solid black;
		border-bottom:6px solid black;
		border-left:0;
	}
	ul.tabs li.tab02 {
		display:block;
		position:absolute;
		left:132px;
		top:0;
		color:#00ABEC;
		background:black;
		width:132px;
		height:30px;
		line-height:30px;
		padding:0 5px;
		text-align:center;
		border-top:6px solid black;
		border-right:0px solid black;
		border-bottom:6px solid black;
		border-left:0;
	}
	
	ul.tabs li.tab01 a, ul.tabs li.tab02 a:link { 
		display:block;
		width:120px;
		height:30px;
		
		padding:0 5px;
		text-align:center;text-decoration:none; }
	
	ul.tabs li.tab01 .current, ul.tabs li.tab02 .current {
		display:block;
		width:120px;
		height:30px;
		color:white;
		background:#00ABEC;
		padding:0 5px;
		text-align:center;
	}
	
	ul.tabs li a, ul.tabs li a:link {
		text-decoration:none;
		display:block;
		width:120px;
		height:30px;
		color:#00ABEC;
		background:#333;
		padding:0 5px;	
		text-align:center;
	}
	
	#tab_content_primary_01, #tab_content_primary_02 {
	position:relative;
	left:0;
	color:#ccc;
	width:390px;
	height:315px;
	background:black;
	display:block;
	}
	
	#tab_content_primary_03{
	background: none repeat scroll 0 0 black;
    color: #CCCCCC;
    display: block;
    left: 0;
    position: relative;
    width: 390px;
	}
	
	.tab_content_wrap {
	padding:0;
	top: 75px;
	position: absolute;
	height: 400px;
		
	}
	
	.tab_content_wrap p { 
		font:normal normal normal 11px/18px Helvetica, Arial, sans-serif;
		margin:0;
		padding:0; 
		}
	.tab_content_wrap a, .tab_content_wrap a:link, .tab_content_wrap a:visited {
		color:#00ABEC;
		text-decoration:none;
	}
	.tab_content_wrap a:hover, .tab_content_wrap a:active {
		text-decoration:underline;
	}
	
	form {
		padding:20px 0 0 22px;
		margin:0;
	}
	
	label {
		float:left;
		display:inline;
		width:340px;
		height:20px;
		font-weight:bold;
		margin:8px 0 0 0;
		padding:0;
		font:normal normal bold 12px Helvetica, Arial, sans-serif;
	}
	
	
	input {
		float:left;
		display:inline;
		width:340px;
		height:20px;
		line-height:20px;
		margin:0 0 5px 0;
		padding:0 0 0 5px;
		font:normal normal bold 12px/20px Helvetica, Arial, sans-serif;
	}
	
	button {
		float:right;
		cursor:default;
		display:inline;
		width:70px;
		height:30px !important;
		_height:;
		line-height:23px !important;
		background-color:#e6e6e6;
		color:#333;
		font:normal normal bold 11px/30px Helvetica, Arial, sans-serif;
		margin:10px 19px 0 0;
		padding:0;
		visiblilty:hidden;
	}

	span.forgot { 
		float:left;
		width:200px;
		margin:10px 0 0 0; 
	}
	
	.customSpacing {
		display:block;
		width:330px;
		margin:30px 15px 15px 0;
	}
		
/* ============================ SEPARATOR ============================  		
	.N {  
		background:white;
		opacity:.0;
		-moz-opacity:.0;
		filter:alpha(opacity=0);
		}
		
		*/
		
		
	
     #PchangeRequired {
 		width: 200px;
 		height: 21px;
 		padding:0 0 2px 6px;
 		background: url(../images/PasswordChangeRequired.png) no-repeat left top;
 	}
 	
 	
     #InfoDelivery {
		width: 379px;
		height: 118px;
		padding:10px 4px 0 70px;			 
		background: url(../images/InformationDelivery.png) no-repeat left top;
     }
     
	
     #SiteLogin {
		width: 72px;
		height:21px;     						
		background: url(../images/SiteLogin.png) no-repeat left top;
     }
     
     #tab_content_primary_changepin{
          	position:relative;
          	left:0;
          	color:#ccc;
          	width:390px;
          	height:375px;
          	background:black;
          	display:block;
	}
	
    #tab_password_creation_required{
	position:relative;
	left:0;
	color:#ccc;
	width:390px;
	height:280px;
	background:black;
	display:block;
    }
    
    #tab_password_creation_invalidcredentials{
	position:relative;
	left:0;
	color:#ccc;
	width:400px;
	height:100px;
	background:black;
	display:block;
    }
    
    #tab_toomanyloginprompts{
	position:relative;
	left:0;
	color:#ccc;
	width:500px;
	height:150px;
	background:black;
	display:block;
    }
    		
   #tab_toomanyloginprompts_text{		

	float:left;
	display:inline;
	width:450px;
	height:20px;			
	margin:0 0 5px 0;
	padding:0 0 0 5px;
	font:normal normal bold 12px/20px Helvetica, Arial, sans-serif;
   }
   
   #tab_systemunavailable{
	position:relative;
	left:0;
	color:#ccc;
	width:600px;
	height:360px;
	background:black;
	display:block;
   }
   
	#tab_content_passwordchangeRequired {
	position:relative;
	left:0;
	color:#ccc;
	width:390px;
	height:325px;
	background:black;
	display:block;
	}
	
#LoginNotice {
	width: 90px;
	height:21px;     						
	background: url(../images/LoginNotice.png) no-repeat left top;
 }
 
#NotAuthenticated {
	width: 132px;
	height:17px;     						
	background: url(../images/NotAuthenticated.png) no-repeat left top;
 }
 
#LogoutProblem {
	width: 116px;
	height:21px;     						
	background: url(../images/LogoutProblem.png) no-repeat left top;
 }
 
#SystemUnavailable {
	width: 141px;
	height:21px;     						
	background: url(../images/SystemUnavailable.png) no-repeat left top;
 }
 
 #InvalidCredentials {
 	width: 137px;
 	height:17px;     						
 	background: url(../images/InvalidCredentials.png) no-repeat left top;
 }
 
#tab_loginnotice{
	position:relative;
	left:0;
	color:#ccc;
	width:360px;
	height:90px;
	background:black;
	display:block;
}

@font-face {
	font-family: 'TradeGothicBoldCondTwenty';
	src: url('fonts/TradeGothic-BoldCondTwenty.eot');
	src: local('?'), url('fonts/TradeGothic-BoldCondTwenty.woff') format('woff'), url('fonts/TradeGothic-BoldCondTwenty.ttf') format('truetype'), url('fonts/TradeGothic-BoldCondTwenty.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

.siteLoginHeader {
	color: #FFFFFF;
	font-family: TradeGothicBoldCondTwenty;
	font-size: 19px;
	height: 21px;
}

.info > p {
	color: #7AD7FF;
	font-family: TradeGothicBoldCondTwenty;
	font-size: 20px;
	line-height: 150%;
	width: 379px;
}