/* ******************************************* */
/* 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: 0px;
	padding: 0px;
	color: #767676;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	background:#121212;	
}	

h1 {
	font-size: 24px;
	border-bottom: 1px solid #CCCCCC;
}
fieldset {background: #f4f4f4;}

.MainInfoContent  {
background:#fff;
padding-top: 0;
}

.MainInfoContent p {
color:#535353;
font-size:13px;
padding:0 0 10px 0;
}

.MainInfoContent h2 {
border-top:1px dotted #767676;
color:#5d5d5d;
font-size:16px;
font-weight:bold;
padding:10px 0 0;
}

.MainInfoContent a {
color:#e31a2b;
text-decoration:underline;
}

a.papCopyright {display: none;}

.button-join {
height: 45px;
width: 194px;
background-color: #e02125;
border-radius: 3px;
color: #ffffff !important;
}

.login-box {
background:none repeat scroll 0 0 #FAFAFA;
border:1px dotted #979798;
position:relative;
width:200px;
margin-top: 10px;
padding: 15px 15px 8px 15px;
}
.login-box h2 {
padding: 0;
margin: 0;
color: #e31a2b;
border: none;
}
.login-box a {margin-left: 0;}

legend {
color:#363636;
}

.FormField .Label {
color:#535353;
}

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

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

.LogoImage {
    border: none;
}

.Title{ 		
	float:left;
	width:450px;
	top:50px;
	left:22px;
	overflow:hidden;
	position:absolute;
	color:#ddd;
	z-index:2;
}


/* ******************************************* */
/*                MAIN LAYOUT                  */
/* ******************************************* */
.Main{
	background: url('img/left.column.gif') #F4F4F4 repeat-y;
	border: 1px #A1A1A1 solid;
	padding-bottom: 15px;
	position: relative;
}

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

.LeftColumn {width:180px; position:relative; margin-right:554px;}
* html .LeftColumn {margin-right:0px;}
.Content {position:relative; border:none;float:right; margin-right:10px; width:530px;}
* html .Content {width:500px;}
.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:#ffffff; 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: #3e3e3e;
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
	-moz-outline:none;
}

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



/* ******************************************* */
/*                 MAIN MENU                   */
/* ******************************************* */
.MenuEntry {cursor:pointer; padding-left:15px; position:relative;}

.MenuEntry-activated {
	background: none;
	background-color: #F0F0F0;
	border-top: 1px solid #EAEAEA;
	border-bottom: 1px solid #EAEAEA;
}

.Menu {border:none; position:relative;}

.Menu .SectionLabel {
	font-size: 13px;
	margin-bottom: 3px;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	cursor: pointer;
}

.SectionLabel:hover {text-decoration: underline;}

.MainMenu {
	margin: 0px;
	margin-top: 10px;
	position: relative;
	background: transparent;
}

.MenuBox {margin:0px 3px 0 10px; position:relative;}
.MenuBoxLabel {position:relative; margin-right:20px;}
.MainMenuCommon  .MenuBoxLabel {margin-right:0px;}

.MenuBox .MiddleIcon {
	float: left;
	margin-right: 7px;
	position: relative;	
}

.MainMenuLogoutDivider {
	border-bottom: 1px solid #446182;
	height:1px;
	margin:25px 10px 5px 10px;
	line-height:1px;
}

.MenuBox-open .MenuBoxTopLeft {
	background: url('img/main.menu.sub.tl.png') no-repeat top left;
	margin: 0px;
	height: 5px;
	padding: 0px;
	line-height: 1px;
	font-size: 1px;
}

.MenuBox-open .MenuBoxTopRight {
	background: url('img/main.menu.sub.tr.png') no-repeat top right;
	margin: 0px;
	height: 5px;
	padding: 0px;
	line-height: 1px;
	font-size: 1px;
}

.MenuBox-open .MenuBoxTop {
	background: url('img/main.menu.sub.t.png') repeat-x;
	height: 5px;
	margin: 0px 6px;
	padding: 0px;
	line-height: 1px;
	font-size: 1px;
}

.MenuBox-open .MenuBoxBottomLeft {
	background: url('img/main.menu.sub.bl.png') no-repeat bottom left;
	margin: 0px;
	height: 5px;
	padding: 0px;
	line-height: 1px;
	font-size: 1px;
}

.MenuBox-open .MenuBoxBottomRight {
	background: url('img/main.menu.sub.br.png') no-repeat bottom right;
	margin: 0px;
	height: 5px;
	padding: 0px;
	line-height: 1px;
	font-size: 1px;
}

.SectionMenuEntry .MenuEntryLabel {
    font-size: 11px;
    font-weight: bold;
    color: #35506F;
    font-family: Tahoma, Arial, Verdana, Helvetica, Geneva, sans-serif;
    cursor: pointer;    
    position: relative;
    padding-top:5px;
}

.SectionMenuEntry {
	-moz-outline:none;
	height:25px;
	margin-top:5px;
}

.UserProfile .MenuEntryLabel {
	color: #9db1e9;
	text-decoration: underline;
	font-size: 12px;
	font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
	font-weight: bold;
	cursor: pointer;
	padding-top: 1px;
	position: relative;
}

.SubMenuSection {
	position: relative;
	margin-left:0px;
}

.SubMenuEntries	{
	margin-bottom:15px;
	padding-left:40px;
	width:100px;
}
	
.SubMenuEntries .MenuEntry {
	margin:0;
	padding:0;
	width:90px;
	-moz-outline:none;
}

.SubMenuEntries .MenuEntryLabel {
	color:#6a747f;
	width:91px;
	font-size:11px;
	margin:0px;
	padding:5px;
	padding-top:5px;
}


/* ******************************************* */
/*                  CONTENT                    */
/* ******************************************* */

.ScreenHeader {margin:10px; min-height:60px; padding:0px;}
* html + .ScreenHeader {height:60px;}
.ScreenHeader .BigIcon {float:left;}


/* ******************************************* */
/*                  HEADERS                    */
/* ******************************************* */
.ScreenTitle {
	color:#6A6A6A;
	font-family: Tahoma, Arial;
	font-size: 18px;	
}

.ScreenDescription {
	font-weight:bold;
	color:#848484;
	font-size: 10px;
	font-family: Tahoma, Arial;
}

/* ******************************************* */
/*                   GRID                      */
/* ******************************************* */
.Grid .BoxIn {background:#F4F4F4;}
.GridTableContent {background:#ffffff;}


/* ******************************************* */
/*                   GRID                      */
/* ******************************************* */
.BannerPreview {overflow:auto; text-align:center; width:500px;}

/**************************************/
/************    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;}
.LoginMain .FormFieldLabel {padding-bottom:3px; padding-top:0px; font-size:12px;}
.LoginMain .CheckBoxContainer .Label {padding-top:0px; margin-top:0px;}
.LoginMain .CheckBoxContainer .Inliner {line-height:18px;}

.TextBox {padding:2px;}

.SingleRefreshPanel {display:none;}

.PostSignUpPage .FormPanel {margin:0px;} 

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