/*
* Copyright (C) 2006-2009 Corllete ltd (clabteam.com), Released under Creative Common license - http://creativecommons.org/licenses/by-nc/3.0/
* Download and update at http://www.free-source.net/
* $Id:
*
* Theme NCore Main Style
*/

/* CSS Document Reset */
html, body { width: 100%;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
}

ol, ul { list-style: none; }
h1, h2, h3, h4, h5, h6 {line-height: normal; }
/* remember to define focus styles! */

/* tables still need 'cellspacing="0"' in the markup */
/**************************************************************************************/

/* CSS page */
body { background: url(images/p20_body_bkg.png) #3C3C3C 0 0 repeat-x;   }
body, table, td { font-weight: normal; font: 13px/1.40em "Lucida Grande", "Lucida Sans Unicode", arial, verdana, helvetica, sans-serif; text-align: left; color: #FFF;} 

div, table { text-align: left; }
img { border: 0px; margin: 0px; vertical-align: middle; }

a:link, a:visited { color: #F30; text-decoration: none; outline: 0; }
a:hover { color: #FF6600; text-decoration: underline; }

.item a { color: #56748B }
.date a { color: #56748B }

.f-left 		{ float: left; }
.f-right 		{ float: right; }
.clear 		{ clear: both; }
.center 	{ text-align: center; }
.left		{ text-align: left; }
.right	{ text-align: right; }
.v-top		{ vertical-align: top; }
.v-bottom	{ vertical-align: bottom; }
.H5 { height: 5px; } .H10 { height: 10px; } .H15 { height: 15px; } .H20 { height: 20px; } .H25 { height: 25px; } .H30 { height: 30px; }
.P0	 { padding: 0 !important}
.P10 { padding: 10px }
.P15 { padding: 15px }
.P20 { padding: 20px }

.F12 { font-size: 12px; } .F14 { font-size: 14px; } .F16 { font-size: 16px; } .F18 { font-size: 18px; }

.MR10 { margin-right: 10px; } .ML10 { margin-left: 10px; } .MB10 { margin-bottom: 10px; }
.MR15 { margin-right: 15px; } .ML10 { margin-left: 15px; } .MB15 { margin-bottom: 15px; }
.MR20 { margin-right: 20px; } .ML20 { margin-left: 20px; }
.PL10 { padding-left: 10px; } .PR10	{ padding-right: 10px; }
.PL15 { padding-left: 15px; } .PR15	{ padding-right: 15px; } .PLR15 { padding: 0 15px; }
.PL20 { padding-left: 20px; } .PR20	{ padding-right: 20px; }

/* CSS HEADINGS */
/* h1, h2, h3, h4 { font-family: Arial, Verdana, sans-serif; } */ 
h1 { font-size: 20px; }
h2 { font-size: 18px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }

.TC { width: 100%; background: none 0 0 repeat-x; }
.TL { width: 100%; background: none 0 0 no-repeat; }
.TR { width: 100%; background: none 100% 0 no-repeat; }
.BC	{ width: 100%; background: none 0 100% repeat-x; }
.BL { width: 100%; background: none 0 100% no-repeat; }
.BR { width: 100%; background: none 100% 100% no-repeat; }
.ML	{ width: 100%; background: none 0 0 repeat-y; }
.MR	{ width: 100%; background: none 100% 0 repeat-y; }

.clearer:after { display:block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden;  }

/* Menus Layuts */
.menu { }

.colset-area	{ margin-bottom: 15px}

/* Content Columns */
.col1-set .col-1 { width:100%; }

.col2-set .col-1 { float:left; width:49%; }
.col2-set .col-2 { float:right; width:49%; }
.col2-set .narrow { width:33%; }
.col2-set .wide { width:65%; }

.col3-set .col-1 { float:left; width:32%; }
.col3-set .col-2 { float:left; width:32%; margin-left:2%; }
.col3-set .col-3 { float:right; width:32%; }

.col4-set .col-1 { float:left; width:23.5%; }
.col4-set .col-2 { float:left; width:23.5%; margin:0 2%; }
.col4-set .col-3 { float:left; width:23.5%; }
.col4-set .col-4 { float:right; width:23.5%; }
/* ======================================================================================= */

/* CSS WRAPPERS */ 
#wrapper	{ width: 942px; margin: auto auto; background: url(images/p20_header_bkg.png) 0 0 repeat-x;  }
#header		{ width: 942px; margin: auto auto; min-height: 156px;}
.login-area	{ height: 40px; width: 100%; }
#footer 	{ background: url(images/logo_bottom_bkg.png) 50% 0 no-repeat; } 
#navbar-wrapper, #navbar-wrapper-bottom { height: 52px; width: 942px; position: relative; margin-bottom: 7px;  }
#navbar-wrapper-bottom			{ margin:0 }
#navbar, #navbar-bottom			{ height: 52px; width: 1000px; position: absolute; left: -29px;  }
#navbar	.TL, #navbar-bottom .TL	{ height: 52px; background-image: url(images/p20_navbar-TL.png); }
#navbar	.TR, #navbar-bottom .TR	{ height: 52px; background-image: url(images/p20_navbar-TR.png); }
#navbar	.TC, #navbar-bottom .TC	{ width: 970px; height: 52px; margin: 0 15px; background-image: url(images/p20_navbar-TC.png); }

#main-wrapper			{ width: 930px; margin: 0 6px; }
#main-wrapper .con-TC	{ width: 906px; height: 10px; margin: 0 12px; background-color: #3C3C3C;  }	
#main-wrapper .con-TL	{ width: 930px; height: 10px; float: left; background: url(images/p20_con-TL.png) 0 0 no-repeat; }
#main-wrapper .con-TR	{ width: 930px; height: 10px; float: right; background: url(images/p20_con-TR.png) 100% 0 no-repeat; }

.sep-01	{ width: 100%; height: 21px; background: url(images/p20_sep_01.png) 50% 50% no-repeat; }
.sep-02	{ width: 100%; height: 21px; background: url(images/p20_header_sep.png) 50% 50% no-repeat; }
.sep-03	{ width: 100%; height: 4px; background: url(images/p20_sep_03.png) 50% 50% no-repeat; }

.main-content		{ background-color: #3C3C3C; padding: 10px 10px 0; }

/* LOGIN */
#login-wrapper			{ width: 430px; min-height: 250px; position: absolute; z-index: 101; left: 50%; margin-left: -200px; top: 50%; margin-top: -180px;}
#login-wrapper .box-TC	{ width: 428px; min-height: 250px; margin: 0 1px; background: url(images/p20_box_log-TC.png) 0 0 no-repeat; }
#login-wrapper .box-BC	{ width: 428px; height: 28px; margin: 0 1px; background: url(images/p20_box_log-BC.png) 0 100% no-repeat; }
#login-wrapper .box-TC .cont { padding: 45px 35px 7px; }
#login-wrapper .labels	{ width: 150px; font-size: 22px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Century Gothic", Arial, sans-serif; color: #F00; }
#login-wrapper .label	{ height: 34px; line-height: 34px; margin-right: 34px; }
#login-wrapper .user-field,
#login-wrapper .pass-field	{ width: 208px; height: 34px; line-height: 34px; background: none 0 0 no-repeat; }
#login-wrapper .user-field	{ width: 208px; background-image: url(images/p20_user_field.png); }
#login-wrapper .pass-field	{ width: 208px; background-image: url(images/p20_pass_field.png); }
.autologin	{ height: 44px; line-height: 44px; color: #FFF }
.custom-loginc	{ width: 90%; margin: auto auto; font-size: 16px; border: 0px none}
.login-but .TC	{ width: 100px; height: 30px; background-image: url(images/p20_login_but-TC.png); }
.login-but .TL	{ width: 100px; height: 30px; background-image: url(images/p20_login_but-TL.png); }
.login-but .TR	{ width: 100px; height: 30px; background-image: url(images/p20_login_but-TR.png); }
.login-but .link	{ line-height: 30px; padding: 0 15px; }
.custom-signup		{ font:bold 16px/24px "Century Gothic", Arial, sans-serif; display: block; color: #FFF !important}
.custom-fpw			{ font:bold 16px/24px "Century Gothic", Arial, sans-serif; display: block; color: #FFF !important}
.fpw-cont			{ height: 24px; }
.signup-cont		{ height: 24px; }
.secure				{ width: 90px; height: 34px; line-height: 34px; float:left}
.secure-img img		{ vertical-align: middle}
.secure-field		{ width: 118px; background: url(images/p20_secure_field.png) 0 0 no-repeat; }

.account-login		{ line-height: 45px; height: 47px; padding: 0 5px 0 20px; background: url(images/p20_acc_login.png) 0 50% no-repeat; }
.account-login a	{ text-transform: uppercase; color: #FFF;}	
#login-close		{ width: 30px; height: 30px; position: absolute; top: 4px; right: 4px; cursor: pointer; }
.login-message		{ color: #FFF; font-size: 11px; }
.login-wrapper-user	{ padding-top: 10px; color: #FFF}
.login-wrapper-user a	{ color: #FFF}

/* BOXES */
.rounded-01		{}
.rounded-01	.TC	{ background-color: #000; }
.rounded-01	.TL	{ background-image: url(images/p20_round_01-TL.png); }
.rounded-01	.TR	{ background-image: url(images/p20_round_01-news-TR.png); }
.rounded-01	.TR.black	{ background-image: url(images/p20_round_01-TR.png); }
.rounded-01	.BL	{ background-image: url(images/p20_round_01-BL.png); }
.rounded-01	.BR	{ background-image: url(images/p20_round_01-BR.png); }

.rounded-02		{}
.rounded-02	.TC	{ background-color: #3C3C3C; }
.rounded-02	.TL	{ background-image: url(images/p20_round_02-TL.png); }
.rounded-02	.TR	{ background-image: url(images/p20_round_02-TR.png); }
.rounded-02	.BL	{ background-image: url(images/p20_round_02-BL.png); }
.rounded-02	.BR	{ background-image: url(images/p20_round_02-BR.png); }

.rounded-03		{}
.rounded-03	.TC	{ background-image: url(images/p20_odd_even-MM.png);}
.rounded-03	.BC	{ background-image: url(images/p20_odd_even-MM.png); }
.rounded-03	.ML	{ background-image: url(images/p20_odd_even-MM.png); }
.rounded-03	.MR	{ background-image: url(images/p20_odd_even-MM.png); }

.rounded-04		{}
.rounded-04	.TC	{ background-color: #000; background-image: url(images/p20_round_04-TC.png); }
.rounded-04	.TL	{ background-image: url(images/p20_round_04-TL.png); }
.rounded-04	.TR	{ background-image: url(images/p20_round_04-TR.png); }
.rounded-04	.BL	{ background-image: url(images/p20_round_01-BL.png); }
.rounded-04	.BR	{ background-image: url(images/p20_round_01-BR.png); }

.box-05		{}
.box-05	.TC	{ background-image: url(images/p20_box_05-MM.png); padding-top: 1px;  }
.box-05	.BC	{ background-image: url(images/p20_box_05-BC.png); }
.box-05	.ML	{ background-image: url(images/p20_box_05-MM.png); }
.box-05	.MR	{ background-image: url(images/p20_box_05-MM.png); }

/* CUSTOM SEARCH */
.search-field		{ width: 199px; height: 28px; background: url(images/p20_search_field.png) 0 0 no-repeat; }
.custom-search		{ border: 0px none !important; margin: 5px 0 0 5px; color: #FF0000; }
.search-field input	{ background-color: #FFF !important}
.custom-button		{ border: 0px; background-color: transparent; margin-right: 20px;}

/* MENU AREAS */
.center-caption	{ background: url(images/p20_sep_01.png) 50% 100% no-repeat; }
.center-title 	{ color: #FF0000; font-weight: normal; font-size: 22px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Century Gothic", Arial, sans-serif; }
.menu-col .center-title {font-size: 16px; color: #FFF; text-transform: uppercase; }
.menu-col .center-caption	{ background-image: none; }

/* LINKS BOTTOM */
.footer-links { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 52px;
	padding-left: 10px
}

.footer-links a, .footer-links span {
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	display: block;
	font: normal 14px/52px "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
	text-align: center;
	text-transform: uppercase;
	color: #FFF;
	text-decoration: none;
}
.footer-links span { cursor: pointer; }
.footer-links a:hover {
	/* background-position: 0 -44px; */
	color: #F00;
}

.footer-links li { /* all list items */
	float: left;
	margin-right: 15px;
	/* width: 10em;  width needed or else Opera goes nuts */
}

/* NEWS */
.postdate	{ min-width: 50px; }
.month, .author	{ color: #CCC}
.author			{ font-size: 11px; }
.news-caption	{ margin-right: 50px; background: url(images/p20_sep_01.png) 100% 100% no-repeat; }
.news-title 	{ color: #FF0000; font-weight: normal; font-size: 22px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Century Gothic", Arial, sans-serif; }
.lastimg-title 	{ color: #FF0000; font-weight: normal; font-size: 18px; font-family: "Lucida Grande", "Lucida Sans Unicode", "Century Gothic", Arial, sans-serif; padding-bottom: 8px; }
.options		{ padding: 6px 10px;}
.newsimage 		{ padding: 2px; background-color: #666 }
.news-title-cat	a { color: #FFF; }
.cat-news-item-title	{ font-size: 16px; font-weight: normal}

/* TABS & HOMEPAGE */
#tab-container { position: relative; }
#tabs-wrapper	{ width: 128px; height: 43px; position: absolute; top: 0; right: 0px;}

.tabs li				{ display: block; height: 41px; float: left; margin-right: 4px; }
.tabs li.first a		{ display: block; height: 41px; float: left; margin-right: 4px; background: #000 url(images/p20_round_01-TL.png) 0 0 no-repeat; }
.tabs a 				{ display: block; height: 41px; background-color: #000 }
.tabs a					{ color: #CCC; font-size: 16px; }
.tabs a span 			{ display: block; line-height: 39px; padding: 0 20px; }
.tabs li.active			{ background: url(images/p20_tabs-TC.png) 0 0 repeat-x; height: 43px; }
.tabs li.active	a		{ background: url(images/p20_tabs-TL.png) 0 0 no-repeat; height: 43px; }
.tabs li.active	a		{ color: #56748B; font-size: 16px;  }
.tabs li.active	span	{ background: url(images/p19_rounded_03-TR.png) 100% 0 no-repeat; line-height: 41px;  }

#tab-container .box-cont { background: url(images/p20_tabs-TC.png) 0 -43px repeat-x;  }

.news-item-top .BR	{ min-height: 360px; }
.news-cat-wrapper	{ padding-left: }
.news-cat	{ width: 283px; margin: 0 10px; float: left}
.news-cat .BR { min-height: 440px;}


.news-cat-caption { padding-top: 10px; background: url(images/p20_box_cap_bkg.png) 0 0 no-repeat; }
.newscat-title	{ padding-left: 15px;  }
.news-cat-caption img { margin-right: 10px; }

.gal-wrapper							{ width: 300px; margin: 0 auto; }
#gal-scroller .slider 					{ width: 300px; overflow: hidden;  }
#gal-scroller .slider-content 			{ width: 10000px; }
#gal-scroller .slider-content .slide 	{ width: 300px; float: left; }
#gal-wrapper .carousel-control			{ display: block; width: 19px; height: 17px; overflow: hidden; }
#jumpers				{ width: 230px; margin: auto auto}
#jumpers .jumper			{ display: block; float: left; width: 25px; height: 20px; background: url(images/p20_sc_jump.png) 0 0 no-repeat; text-align: center; line-height: 20px; font-weight: bold; color: #CCC} 
#jumpers .jumper.selected	{ background-position: 0 -20px; color: #FFF; line-height: 18px; } 

.fbox-wrapper							{ width: 890px; margin: 0 auto; padding: 20px 0px }
#fbox-scroller .slider 					{ width: 890px; overflow: hidden; }
#fbox-scroller .slider-content 			{ width: 10000px; }
#fbox-scroller .slider-content .slide 	{ float: left; width: 890px;}
#fbox-scroller .fbox-item				{ padding: 0px 10px; }


.arrows-bar		{ padding: 15px; }
.button-bar		{ padding: 15px 10px; }
.but-red { display: block; width: 175px; height: 30px; line-height: 28px; font-weight: bold; color: #FFF !important; text-transform: uppercase; text-decoration: none;  background: url(images/p10_but_red.png) 0 0 no-repeat}
.but-red span { display: block; width: 110px; margin-left: 20px; text-align: center }


/* BANNER */
.banner-bottom img	{ margin-bottom: 20px; }

/* FORUM */
.rounded-02	.b-fcaption		{ line-height: 42px; font-weight: bold; color: #FFF; }
.rounded-02 .box-content	{ padding: 20px; }
.b-forumheader h3	{ text-transform: none; font-weight: normal; padding: 15px 15px 0; }
.info-caption		{ text-transform: uppercase; font-weight: normal;  }

.forum-view-wrapper .rounded-02		{ margin-bottom: 10px; }
.forum-view-wrapper .forum-title	{ padding: 6px 0px; vertical-align: top; }
.forum-view-wrapper .forum-row		{ padding: 5px; }
.forum-view-wrapper .breadcrumb		{ padding: 10px 0 0px; }

.m-text			{ padding: 15px; }
.important-row			{ padding: 10px !important; background-color: #504F4F !important}
.smallicons td td 		{ padding: 5px}
.f-userinfo .rounded-02		{ width: 200px; }
.f-userinfo .rounded-02	.BR { min-height: 140px; }
.f-userinfo .rounded-02 .box-content	{ padding: 10px; }
.f-userinfo * { text-align: center; }

/*

.f-buttons img			{ margin-left: 10px; }
.b-fcaption img 		{ vertical-align: baseline; }
.forum-view-wrapper .poster		{ font: normal 16px/1.50em "Century Gothic", Arial, sans-serif;  }

*/

.forum-view-wrapper table.e-frontlist tr.first.odd td.first	{ background: url(images/p20_odd-TL.png) 0 0 no-repeat; }
.forum-view-wrapper table.e-frontlist tr.first.odd td.last	{ background: url(images/p20_odd-TR.png) 100% 0 no-repeat; }
.forum-view-wrapper table.e-frontlist tr.last.odd td.first	{ background: url(images/p20_odd-BL.png) 0 100% no-repeat; }
.forum-view-wrapper table.e-frontlist tr.last.odd td.last	{ background: url(images/p20_odd-BR.png) 100% 100% no-repeat; }
.forum-view-wrapper table.e-frontlist tr.even.odd td.first	{ background: url(images/p20_even-BL.png) 0 100% no-repeat; }
.forum-view-wrapper table.e-frontlist tr.even.odd td.last	{ background: url(images/p20_even-BR.png) 100% 100% no-repeat; }
.forum-view-wrapper table.e-frontlist tr.first.odd td.important-row.first	{ background: url(images/p20_imp-TL.png) 0 0 no-repeat; }
.forum-view-wrapper table.e-frontlist tr.first.odd td.important-row.last	{ background: url(images/p20_imp-TR.png) 100% 0 no-repeat; }

/* CSS FORMS */
/* Form Elements */
input,select,textarea 	{ background-color: #333; color: #FFF; border: 1px solid #666}
#login-wrapper input, select	{ background-color: #FFF !important; border: 0px none !important; color: #212020 !important; }
button { 
  border:0; 
  cursor:pointer; 
  font: bold 12px/ Arial, sans-serif ;  
  padding:0 0px 0 0; 
  text-align:center;
}
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */
button.button::-moz-focus-inner { padding:0; border:0; } /* FF Fix */

button.button { overflow:visible; width:auto; border:0; padding:0 0 0 4px; background:url(images/p20_login_but-TL.png) 0 50% no-repeat; cursor:pointer; -webkit-border-fit:lines; /* <- Safari & Google Chrome Fix */ }
button.button span { float:left; padding:0 25px 0 21px; background:url(images/p20_login_but-TR.png) 100% 50% no-repeat; font:bold 16px/30px "Century Gothic", Arial, sans-serif; text-align:center; white-space:nowrap; color:#FFF; }
button.button span a { color: #575757; text-decoration: none; }


/* CSS CORE */
.smalltext, .smallblacktext { font: normal 11px arial, verdana, tahoma,  sans-serif; }
.tbox, .helpbox, textarea { padding:2px; background-color: #333; color: #FFF; line-height: 18px; border: 1px solid #666}

.tbox.chatbox , .helpbox, .tbox.comment, textarea { width: 95%; margin: auto auto; margin-bottom: 10px; }

.fborder, .border{ border-collapse: collapse; border-spacing: 0px; }
.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar { padding: 4px; border: 1px solid #413F3F; }
.forumheader { color: #FFF !important; font-size: 14px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; }
.forumheader2 {  }
.forumheader3, .finfobar {  }
.forumheader4 {}
.forumheader5 { cursor: pointer; }
.fcaption { font-weight: bold; }
.f-title { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #0072C1 }
.searchhighlight { text-decoration: underline; color: #993333; font-weight: bold; }
.nextprev	{ margin-bottom: 15px; }

/* CSS FIX LIST PLUGIN */
div.forumheader { font-size: 12px !important; }

table.e-frontlist { width:100%; }
table.e-frontlist th { }
table.e-frontlist td { padding: 5px;}
table.e-frontlist th.last,
table.e-frontlist td.last { }
table.e-frontlist tr.last td{ }
table.e-frontlist thead { }

table.e-frontlist tbody {}
table.e-frontlist tfoot {}

table.e-frontlist tr.last  {}
table.e-frontlist tr.odd {}
table.e-frontlist tr.even { background-color:#1b1b1b; }

#over { position: fixed; z-index: 100; width: 2000px; height: 2000px; bottom: 0; right: 0; background: url(images/p20_over.png) 0 0 repeat; }

/********** Page Loading Status default style */
#loading-mask { color: #556B2F; font-size: 1.2em; font-weight:bold; position:absolute; text-align: center; padding: 0; margin: 0; background-color: transparent; }
#loading-mask .loader { position: fixed; top: 40%; left: 50%; width: 200px;  text-align: center; background: #F0F9E3 none repeat scroll 0 0; border: 2px solid #556B2F; font-weight: bold; padding: 10px 5px; margin-left: -100px; margin-top: 0; }
#loading-mask img { margin: 10px auto; }

/********** Element Loading Status default style */
.element-loading-mask { background: none transparent 98% 50% no-repeat; z-index: 100 }
.element-loading-mask	img	{ background-color: #F00}
#news-loader		{ padding-top: 23px; }