/* basic elements */

* { margin: 0px 0px; padding: 0px 0px; }

p 
{
	margin-bottom:10px;
}

.clearfix:after {
    content: "."; 
    display: block; 
	height: 0;  
	clear: both; 
	visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/ 

* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* End hide from IE-mac */


body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	
	margin: 0px auto;
	width: 955px;
	margin-bottom:20px;
}

.wrapper 
{
	position: relative;
	width: 955px;
	margin: 0px auto;
	text-align: left;
}



.managerMenuOffset
{
	height: 110px;
}


.header {
	border:solid 0px orange;
	background: url(../images/header1.jpg) no-repeat;
	height: 154px;
}

/*  internal page login area  */

.loginArea 
{	
	border:solid 0px yellow;
	width: 200px;
	float:right;
	margin-top:30px;
	margin-right:45px;
	/* margin-left: 745px; test 
	margin-top: 15px !important;
	margin-top: 15px; 
	height: 90px;
	overflow: hidden; test */
}

.loginArea p
{
	padding:0px 0px;
	margin:0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	float: left;
}

.frontPageEmail input
{
	margin-left: 37px;
	margin-bottom: 10px;
	width: 80px;
}

.frontPagePassword input
{
	margin-left: 10px;
	margin-bottom: 10px;
	width: 80px;
}

.frontPageSubmit 
{
	text-align:right;
	padding-right:10px;
}


/*  nav  */


.nav 
{
	position:relative;
	border:solid 0px red;
	/* display: block; test */
	/*text-align: center;*/
	margin-top:2px;
	margin-left:175px !important;
	margin-left:87px;
	/* margin: 25px auto 0 auto; test */
	float:left;
	clear:left;
	width:650px;
	text-align:left;
	/* width: 625px !important; test */
	
}

.nav ul
{
	display: block !important;
	margin: 0px 0px;
	padding:0px 0px;
}

.nav li
{
	list-style-type:none;
	display: inline;
	padding:0px 5px !important;
	padding:0px 2px;
	margin: 0px 0px;
}

.nav li a
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFF99;
	font-weight: bold;
	text-decoration: none;
	padding: 0px 5px;
}


.rootGroup
{
	text-align:left;
	margin:0px 0px;
	padding:0px 0px;
	/*width: 625px !important;*/
	width: 650px;
	/*margin: 0 auto 0 auto;*/
}


.ManagerNav 
{
	float:left;
	padding:85px 0 0 200px;
	text-align: center;
}

.ManagerNav ul
{
	display: block !important;
	margin: 0 auto;
}

.ManagerNav li{
	list-style-type: none;
	display: inline;
	margin: 0 auto;
}

.ManagerNav li a
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFF99;
	font-weight: bold;
	text-decoration: none;
	padding: 0 5px;
}









/*  Internal Pages Styles  */



.Content
{
	padding:10px;
}

.Content p 
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	padding: 5px 10px;
}

h1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #3A44BE;
	font-size: 14px;
	margin: 20px 0 10px 0;
	border-bottom: 1px #3A44BE solid;
}

.Content .input{
	margin-top: 20px;
}

.Footer
{
	border: 0px #FF0000 solid;
	width: 1024px;
	margin: 0 auto;
}

.Footer p
{
	float: left;
}

.BlueH2
{
	font-family:Arial;
	color:#000080;
	font-size:12pt;	
	margin:20px 0 10px 0;
	border-bottom: 1px #000080 solid;
	clear: left;
}

.Paragraph
{
	margin:5px 0px 5px 0px;
	float:left;
	clear:left;
	width: 100%;
}

.contentArea 
{
	width: 935px;
}


.inputRow 
{
	float: left;
	clear: left;
	margin: 5px 0;
	width: 100%;
}

.input 
{
	float: left;
	padding-right: 20px;
}

.labelBold 
{
	font-weight: bold;
	color: #000080;
}

.textboxBorder 
{
	border: 1px #000080 solid;
}

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

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

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

.SectionRow 
{
	/*width: 125px !important;
	width: 60px;*/
	width: 900px;
	height: 35px;
	border: solid 1px red;
}

.SectionText
{
	width: 150px;
	float: left;
}

.SectionIconSelected
{
	width: 65px;
	float: left;
	background: url(../images/disk.gif) no-repeat;
	height: 25px;
}

.SectionIcon
{
	width: 65px;
	float: left;
	height: 25px;
}

.white 
{
	text-decoration: none;
	font-weight: bold;
	color: #FFF;
}

.playerFrame
{
	border: 0px #000080 solid;
	margin: 10px 0px;
	
}


.TestRow 
{
	border-bottom: 1px #000080 solid;
	width: 950px;
	clear: left;
	float: left;
	margin: 10px auto;
}

.TestText
{
	color: #000080;
	padding-bottom: 10px;
}

.TestQuestion 
{
	width: 450px;
	padding: 10px;
	float: left;
	font-weight: bold;
}

.buttonRow  
{
	clear: left;
	float: left;
}

.security 
{
	height: 105px;
	width: 310px;
	border: 1px #000080 solid;
	padding: 10px 5px;
	color: #000080;
	font-weight: bold;
	margin-left: 60px !important;
}

.security p
{
	color: #000080;
	font-weight: bold;
	text-align: center;
}

.errorMessage
{
	color: #CC0000;
}

.Error
{
	color: #CC0000;
}

.Error li
{
	list-style-type: none;
	width: 275px;
	float: left;
}

.LoginError li
{
	list-style-type: none;
	color: #CC0000;
}

.RegistrationError li
{
	color: #CC0000;
	float: left;
	list-style-type: none;
	padding: 10px 0;
}

.Text {
	font-family:Arial;
	color:#000080;
	font-size:12px;
	margin:20px 0 10px 0;
	border-bottom: 1px #000080 solid;
}


.infobox {
	float:right; 
	width:200px; 
	background:#eee; 
	border:2px solid #ccc;
	margin-left:15px; 
	padding:0px;	
}
.infobox .title {
	color:#E50;
	font-weight:bold;
	text-align:center;
}
.infobox p {
	color:#333;
}