/* CSS Guideline to style rokbox */
/* When adding your own theme,make sure to replace "custom" with your theme name */
/* use lowercase characters and no space. For example,we name our theme "mytheme" */
/* we replace every "rokbox-light" with "rokbox-mytheme" */
/* Wrapper,the very outside container of rokbox */
#rokbox-wrapper.rokbox-dark{}
#rokbox-wrapper .clr {clear:both;}
#rokbox-close{height:30px;width:20px;display:block;background:url(closeButtonBG.png) 0 0 no-repeat;clear:both;left:26px !important;
position:absolute !important;
top:26px !important;}
#rokbox-close span{display:none;}
/* Table for border look and feel */
#rokbox-top.rokbox-left{background:url(tl.png) 0 0 no-repeat;clear:both;}
#rokbox-top .rokbox-right{background:url(tr.png) 100% 0 no-repeat;}
#rokbox-top .rokbox-center{background:url(top.png) 0 0 repeat-x;height:44px;margin-left:44px;margin-right:44px;}
#rokbox-middle {overflow: hidden;}
#rokbox-middle.rokbox-left{background:url(left.png) 0 0 repeat-y;clear:both;}
#rokbox-middle .rokbox-right{background:url(right.png) 100% 0 repeat-y;}
#rokbox-middle .rokbox-center{background:#000;margin-left:44px;margin-right:44px;}
#rokbox-bottom.rokbox-left{background:url(bl.png) 0 0 no-repeat;}
#rokbox-bottom .rokbox-right{background:url(br.png) 100% 0 no-repeat;}
#rokbox-bottom .rokbox-center{background:url(bottom.png) 0 0 repeat-x;height:44px;margin-left:44px;margin-right:44px;}
/* Object/Image container */
#rokbox-container{}
/* Spinner class that gets added when loading content and removed when loaded */
#rokbox-container.spinner{background:url(ajax-loader.gif) 50% 50% no-repeat;}
/* Warning class that gets added when erroring */
#rokbox-container.warning{background:url(warning.png) 50% 50% no-repeat;}
#rokbox-container.warning h1 {position: absolute;text-align: center;margin-left: -20px;}
/* Arrows wrapper (for previous and next when visible) */
#rokbox-arrows{margin-top:15px;position:absolute;right:0;width:70px;height:20px;}
#rokbox-arrows a{float:left;display:block;width:20px;height:20px;margin-right:5px;}
/* Previous arrow and its text span */
#rokbox-arrows #rokbox-previous{background:url(prev.png) 0 0 no-repeat}
#rokbox-arrows #rokbox-previous span{display:none;}
/* text wrapper,useful to set as display none when using images */
/* Next arrow and its text span */
#rokbox-arrows #rokbox-next{background:url(next.png) 0 0 no-repeat}
#rokbox-arrows #rokbox-next span{display:none;}
/* text wrapper,useful to set as display none when using images */
#rokbox-arrows #rokbox-previous.inactive,
#rokbox-arrows #rokbox-next.inactive{background-position:0 -20px;}
/* Captions wrapper and titles and descriptions */
#rokbox-caption{padding-top:25px;font-family:Helvetica,Arial,sans-serif;}
#rokbox-caption h2{/* titles */
margin:0 0 10px 0;padding:0;color:#999;font-size:18px;font-weight:bold;}
#rokbox-caption p{/* description */
margin:0;color:#ccc;font-size:12px;}

ul.loginForm {
	padding-top:0;
	margin-top:0;
	padding-left:0px;
	width:100%;
	height:auto;
}
ul.loginForm li#remember{
	float:none;
}
ul.loginForm li#submit{
	clear:both;
	margin-top:10px;
	width:289px;
	text-align:left;
	padding-left:0px;
}
ul.loginForm li{
	width:130px;
	padding:4px 0;
}

ul.loginFormBottom li{
	padding:0 8px 0 0;
}

input#modlgn_username, input#modlgn_passwd, #registerMod input.inputbox {
	width:120px;
}
h4.logPopup{
	margin:0;
	font-weight:bold;
	text-align:left;
	color:#999;
}
ul.register-benefits{
	padding-left:16px;
	color:#6E6E6E;
	font-weight:bold;
	text-align:left;
}
div.register-benefits{
	margin:10px 0 0 0px;
	color:#6E6E6E;
	font-weight:bold;
	text-align:left;
}
ul.register-benefits li{
	list-style:none;
}
ul.loginForm #modlgn_remember{
	height:7px;
	width:10px;
	margin-right:8px;
	margin-top:8px;
}



#submit input{}
ul#reg li#submit input{
	float:right;
}


h2.heading {
	color:#cc0000;
	text-align:left; 
	padding:5px 0 0 8px;
}

div.border {	
margin:0 0 10px 0;
border-top:1px solid #999; 
width:278px; 


text-align:center;
}


/*LOGIN MOD*/
div#OpenWrap, .OpenLogoutWrapdiv{
background:url(login-left.png) no-repeat;
height:30px;
color:#ffffff;
margin-left:-26px;
	z-index:999;
}


#OpenLogoutWrap {
	z-index:999;
}

div#OpenWrap a{
color:#ffffff;
line-height:28px;
}
span.OpenWrapIn{
background:transparent url(login-right.png) no-repeat scroll right center;
display:block;
height:30px;
margin-left:31px;
padding:0 36px 0 4px;
line-height:20px;
}
span.OpenLogoutWrap{
	background:url(login-right.png) no-repeat right;
	height:30px;
	padding:0 18px 0 4px;
	display:block;
	margin-left:31px;
	line-height:30px;
	}

span.OpenLogoutWrap input.logout_button {
	font-size:13px;
}

#loginPopUp {
	background:transparent url(login-bg.png) no-repeat scroll 0 0;
	float:right;
	margin:-10px 0px 0 419px;
	padding:10px 10px 0 29px;
	position: absolute;
	width:485px;
	height:190px;
	z-index:999999999 !important;
	top:35px;
	}



#loginCloseWrap{
	float:right;
	margin:-8px -10px -30px 5px;
	position:relative;
	z-index:200;
}
#loginClose, #loginCloseNews{
	background:transparent url(closeButtonBG.png) no-repeat scroll 0 top;
	cursor:pointer;
	float:right;
	height:22px;
	margin:25px 25px 0 0;
	position:relative;
	width:24px;
	z-index:103;
}
#loginCloseNews{
	height:22px;
	left:236px;
	margin:0;
	position:absolute;
	width:24px;
	z-index:103;
}

ul.loginForm li {
	padding-right:19px;
	list-style:none;
}
ul.loginForm li, ul.loginFormBottom li {
	background:transparent none repeat scroll 0 0;
	border:medium none;
	color:#203E60;
	float:left;
	font-size:11px;
	line-height:30px;
	margin:5px 0;
	padding:3px 8px 0 0px;
	list-style:none;
}
ul.loginFormBottom {
	/*background:transparent url(loginBottomBG.png) no-repeat scroll 0 0;*/
	height:48px;
	margin:0px;
	width: auto;
	padding:0px;
}
ul.loginForm li label {
	color:#999;
	float:left;
	font-size:13px;
	font-weight:bold;
	margin-right:12px;
	vertical-align:top;
	width:100%;
	text-align:left;
}

.hr hr {
	border-top:1px solid #0D3F6B;
	border-bottom:0px none;
	border-left:0px none;
	border-right:0px none;
}




ul.loginForm li#submit {
	float:left;
	margin:0;
	width:100%;
	padding:0px;
	color:#999999;
}


/*#submit input, #submit button {
	background:transparent url(submitBG.png) repeat scroll 0 0;
	border:medium none;
	color:#08406f;
	font-weight:bold;
	height:28px;
	font-size:14px;
	width:76px;
	visibility:visible;
}*/
input#modlgn_username, input#modlgn_passwd, #registerMod input.inputbox {
background:none repeat scroll 0 0 #4B4B4B;
border:1px solid #777777;
color:#FFFFFF;
float:left;
font-size:12px;
font-weight:lighter;
height:auto;
margin-right:18px;
margin-top:1px;
padding:5px;
vertical-align:top;
}


#loginPopUp ul.loginFormBottom li a, #loginPopUp a{
	color:#81c13f;
}
input.logout_button {
	background:none;
	border:medium none;
	color:#FFFFFF;
	cursor:pointer;
	font-size:100%;
	height:28px;
	/*line-height:24px;*/
	margin-bottom:0px;
	overflow:hidden;
	padding:0 0 0px;
	width:45px;
}
.top_logout_but{
	background:transparent url(top_arrow.png) top center no-repeat;
	width:30px;
	height:17px;
	border:none;
	outline:0px none;
}

#logout_top input.button {
	background:#B01C1C none repeat scroll 0 0;
	border:1px solid #5d0000;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:3px 8px 4px 8px;
	visibility:visible !important;
	margin:5px 0;
}

input {
	
}

#logout_top{
padding:0 18px;
}
#logout_top, #logout_top a{
	color:#FFFFFF;
}

.logged_in4 {
	margin-top:6px;
}


td.loginbutton a {
	background:url(buttonbg.png);
	width:201px;
	color:#FFFFFF;
	font-weight:bold;
	display:block;
	line-height:24px;
	text-align:center;
}