/* ******************************************* */
/* MAIN CSS FILE                               */
/*                                             */
/* !!! DO NOT EDIT THIS FILE !!!               */
/* It gets replaced during updates             */
/*                                             */
/* If you want to change some CSS styles, put  */
/* them into custom.css file in the same       */ 
/* directory                                   */
/* ******************************************* */

body {
	margin: 0;
	padding: 0;
	color: #6a747f;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	background:#fff;	
}	

h1 {
	font-size: 24px;
	border-bottom: 1px solid #CCC;
}


/* ******************************************* */
/*                  HEADER                     */
/* ******************************************* */
.Header {position:relative; margin:auto; width:750px;}
.HeaderInfo {height:95px;}
.Header .Text{
	color:#999fa2;
	font-size:10px;	
	text-align:left;
	position:absolute;
	float:right;	
	top:35px;
	left:340px;
}

.Logo {
	float:left;
	max-width:314px;
	max-height:57px;
	display:block;
	overflow:hidden;
	position:absolute;
	top:20px;
	z-index:2;
	left:22px;
}

.LogoImage {
	border: none;
	max-width:314px;
	max-height:57px;
}

.Title{ 		
	float:left;
	width:250px;
	top:75px;
	left:88px;
	overflow:hidden;
	position:absolute;
	color:#666;
	z-index:2;
}


/* ******************************************* */
/*                MAIN LAYOUT                  */
/* ******************************************* */


.MainPanel {
	position: relative;
	width: 750px;	
	margin:auto;
	overflow:none;
	background:white;
}

.LeftColumn {width:180px; position:relative; margin-right:554px;}
.Content {position:relative; border:none;float:right; margin-right:10px; width:530px;}
.ContentText {position:relative;}
.ContentLeft {padding-left:7px; background:url('img/content.left.gif') repeat-y left top; position:relative;}
.ContentRight {padding-right:7px; background:url('img/content.right.gif') repeat-y right top; position:relative;}


/**************************************/
/*              FOOTER                */
/**************************************/
.Footer {
	background:url(img/content.bottom.gif) repeat-x;
	display: block;
	margin:auto;		
	padding:0;
	width:750px;
	margin-bottom: 10px;
}

.FooterLeft {padding-left:5px; background:url('img/content.bottom.left.gif') repeat-y left top;}
.FooterRight {padding-right:5px; background:url('img/content.bottom.right.gif') repeat-y right top; height:23px;}
.Footer span {display:block; color:#fff; padding:13px 20px;}
.Copyright{padding:4px 0px 0px 4px; float:left; color:#2B3C5D;}


/**************************************/
/*             NAVIGATION             */
/**************************************/
.Navigation{background:url('img/content.top.gif') repeat-x; margin:auto;}
.NavigationLeft {background:url('img/content.top.left.gif') no-repeat left top; padding-left:7px;}
.NavigationRight {background:url('img/content.top.right.gif') no-repeat right top; padding-right:7px; height:30px;}

ul.nav {
	border:0pt none;
	height:17px;
	padding-top: 7px;
}


.nav li{
	display:inline;
	margin:5px 0;
	padding:6px 20px;
	list-style-image:none;
	list-style-type:none;
}

.nav li a{
	margin: 5px 0;
	color: #4C628F;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
	-moz-outline:none;
}

.nav li a:hover{text-decoration:underline;}


/**************************************/
/************    LOGIN    *************/
/**************************************/
.LoginMain {
	width: 360px;
	min-height:100px;
	_height:100px;
	margin: 0px auto;
	text-align: left;
	background: white;
	border: 1px solid #878787;
	position:relative;
}

.LoginMainIn {padding:10px 20px;}
.LoginHeader {color:black; font-size:13px; font-weight:bold; padding-bottom:4px; margin-bottom:10px;}

.LoginMain .FormMessage-error {
	margin: 5px 0px 0px 0px;
	padding: 3px 0px;
	font-weight: bold;
	color: #e60101;
}

.LoginContent {padding:20px 20px 0;}

.LoginMain .FormFieldLabel {padding-bottom:3px; padding-top:0px; font-size:12px;}
.LoginMain .CheckBoxContainer .Inliner {line-height:18px;}

.ContactUsText .TextBoxContainer { width:300px !important; }
.ContactUsText .TextBox { width:250px; }
.ContactUsText .FormFieldInputContainer { width:320px; }
.ContactUsText .FormFieldInput { width:280px; }
.ContactUsText textarea.TextBox { width:300px !important; }

.TextBox {padding:2px;}

.SingleRefreshPanel {display:none;}

.PostSignUpPage .FormPanel {margin:0px;} 


/* RTL */
.rtl .Header .Text{text-align:right; float:left; right:340px;}
.rtl .Logo {float:right; right:22px; left:auto;}
.rtl .Title {float:right; right:179px; left:auto;}
.rtl .Copyright{padding:4px 4px 0 0; float:right;}
.rtl .LoginMain {text-align:right;}

/* ******************************************* */
/* END OF FILE                                 */
/* Keep this section at the very bottom of     */
/* this file, so that custom.css is imported   */
/* after all styles are defined                */ 
/* ******************************************* */