/*
* 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 33 Grey 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/p22_body_bkg.png) #F1F1F1 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: #333;} 

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

a:link, a:visited { color: #900; 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; }
.P10 { padding: 10px }
.P15 { padding: 15px }
.P20 { padding: 20px }
.P30 { padding: 30px }

.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; }
.MR30 { margin-right: 30px; } .ML30 { margin-left: 30px; }
.PL10 { padding-left: 10px; } .PR10	{ padding-right: 10px; }
.PL15 { padding-left: 15px; } .PR15	{ padding-right: 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: 0px}

/* 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%; }
/* ======================================================================================= */

.big-box-wrapper	{ width: 100%; background: url(images/p22_table_bkg.png) 50% 41px no-repeat; }
/*.big-box, .big-box .TR			{ height: 600px; }*/

#wrapper		{ width: 100%; }
#header-home	{ width: 1000px; height: 142px; margin: auto; }
.sep-01			{ height: 2px; background: url(images/p22_nav_sep.png) 0 0 repeat-x; }
.sep-02			{ height: 1px; background: url(images/p22_sep_02.png) 50% 0 no-repeat; }
.sep-03			{ height: 2px; background: url(images/p22_sep_03.png) 50% 0 no-repeat; }

#footer			{ width: 1000px; margin: auto auto; background: url(images/p22_footer.png) 0 0 no-repeat; }
.foot			{ padding-top: 13px; }
.foot .TL		{ background: url(images/p22_foot-TL.png); }
.foot .TR		{ background: url(images/p22_foot-TR.png); }
.foot .TC		{ background: url(images/p22_foot-TC.png); }
.foot-cont		{ padding: 20px; }
.logo-bottom	{ text-align: center; vertical-align: middle; height: 148px; padding: 0 30px;  }

.big-box		{ width: 1000px; margin: auto; position: relative;  }
.big-box .TL	{ background-image: url(images/p22_big_box-TL.png); }
.big-box .TR	{ background-image: url(images/p22_big_box-TR.png); }
.big-box .TC	{ background-image: url(images/p22_big_box-TC.png); }
.big-box-content {  min-height: 490px; padding: 30px 30px 0px }

.logo-wrapper		{ height: 93px; margin-left: 20px; }
.logo-wrapper .TL	{ height: 75px; background-image: url(images/p22_logo-TL.png); }
.logo-wrapper .TR	{ height: 75px; background-image: url(images/p22_logo-TR.png); }
.logo-wrapper .TC	{ height: 75px; background-image: url(images/p22_logo-TC.png); }
.logo-wrapper .logo-sep	{ height: 75px; width: 1px; background-image: url(images/p22_logo-sep.png); margin: 0 20px; }
.nav-bar			{ float: right; height: 42px; }
.logo-content		{ padding: 10px 30px 0px; }

/*LATEST NEWS*/
.news-title		{ text-transform: uppercase; font: normal 22px/1.4em "Lucida Sans Unicode", "Lucida Grande", "Trebuchet MS", sans-serif; }
.latest-news-container	{ min-height: 350px; background: url(images/p22_palete.png) 50% 0 no-repeat; }
.latest-news-main		{ padding: 40px 70px 0px; }
.latest-news-main-body	{ font: normal 16px/1.3em "Trebuchet MS", Arial, Helvetica, sans-serif}
.read-more				{ height: 34px; float: left; }
.read-more .TL			{ height: 34px; background-image: url(images/p22_more-TL.png) }
.read-more .TR			{ height: 34px; background-image: url(images/p22_more-TR.png) }
.read-more .TC			{ height: 34px; width: auto; margin: 0 30px; background-image: url(images/p22_more-TC.png) }
.read-more a			{ height: 34px; display: block; line-height: 34px; padding: 0 10px; color: #EFEFEF}

.main-navi				{ width: 31px; overflow: hidden; position: absolute; right: 0; top: 94px;}
.main-navi .TL			{ width: 31px; background-image: url(images/p22_main_navi-TL.png); }
.main-navi .BL			{ width: 31px; background-image: url(images/p22_main_navi-BL.png); padding: 6px 0px; }
.main-navi .TC			{ width: 31px; background: #CECECE none;  }
.load-newsitem			{ display: block; width: 21px; height: 16px; background: url(images/p22_main_navi_bkg.png) 0 -23px no-repeat; margin-bottom: 7px; margin-left: 5px; }
.active .load-newsitem, .load-newsitem.selected	{ background-position: 0 0px; }
.last .load-newsitem	{ margin-bottom: 0; }

/*FBOX*/
.fbox-wrapper							{ width: 1000px; margin: 0; }
#fbox-scroller .slider 					{ width: 860px; margin-left: 140px; overflow: hidden; }
#fbox-scroller .slider-content 			{ width: 999em; }
#fbox-scroller .slider-content .slide 	{ float: left; width: 860px;}

.fbox-wrapper	{ position: relative; }
.fbox-item		{ padding: 0; }
.fbox-text		{ padding: 15px 10px 0px 0; line-height: normal;}
.fbox-text h3	{ font: normal 16px/1.2em "Lucida Sans Unicode", "Lucida Grande", sans-serif; color: #666; text-transform: uppercase; }

.fbox-wrapper .arrows-bar		{ position: absolute; left: 20px; top: -22px; }
.arrows-bar		{ width: 105px; height: 75px; }
.arrows-bar .TL	{ width: 105px; height: 75px; background-image: url(images/p22_fb_navi-TL.png); }
.arrows-bar .TR	{ width: 105px; height: 75px; background-image: url(images/p22_fb_navi-TR.png); }
.arrows-bar .TC	{ width: 85px; height: 75px; margin: auto; background-image: url(images/p22_fb_navi-TC.png); }
.arrows			{ padding-top: 15px; }
.arrow			{ display: block; width: 20px; height: 20px; overflow: hidden; }
.arrow.prev		{ float: left; margin-left: 10px; } 
.arrow.next		{ float: right; margin-right: 10px; } 
.arrow img		{ vertical-align: top; }

.inner-pages .fbox-wrapper { padding-top: 30px; padding-bottom: 30px; background:url(images/p22_fb_inner.png) 50% 100% no-repeat; }
/*GALLERY HOME*/
#sc-gal-container 	{ width: 1000px; position: relative; }
#sc-gal-wrapper 	{ width: 940px; position: relative; margin: auto 30px; min-height: 220px; }
#sc-gal-wrapper .gal-item	{ float: left; background-color: #F1F1F1; list-style-type: none; position: absolute; left: 0; z-index: 20 }
#sc-gal-wrapper .wrap	{ width: 200px; text-align: center; }

.sc-gal-arr		{ padding-top: 60px; }
.sc-gal-control	{ display: block; width: 32px; }

/*TABS HOME*/
#tab-container			{ background: url(images/p22_tab-TC.png) 0 0 repeat-x; position: relative; }
.tab-contents			{ background: url(images/p22_tab-content.png) 0 0 repeat-x; padding: 30px 30px; }
.e-tabs					{ background: url(images//p22_tab-TR.png) 100% 0 no-repeat; }
.e-tabs li				{ display: block; float: left; height: 49px;}
.e-tabs li a			{ display: block; line-height: 49px; height: 49px; background: url(images/p22_tab-sep.png) 100% 0 no-repeat; font-size: 16px; color: #F1F1F1; }
.e-tabs .last a			{ background-image: none; }
.e-tabs li span			{ display: block; line-height: 49px; height: 49px; padding: 0 30px; }
.e-tabs .first			{ background: url(images/p22_tab-TL.png) 0 0 no-repeat; }
.e-tabs .first.active	{ background: url(images/p22_tab_active-TL.png) #FFF 0 0 no-repeat; }
.e-tabs .active 		{ background-color: #FFF; }
.e-tabs .active a 		{ background: url(images/p22_tab_active-TR.png) 100% 0 no-repeat; color: #666;  }
.e-tabs .active span 	{ padding: 0 40px 0 30px; background: url(images/p22_tab-cat.png) 93% 22px no-repeat; }


ul#catnav {
	position: absolute; border-right: 1px solid #EFEFEF;
	z-index: 999;
	width: 250px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	padding: 0;
}

ul#catnav li 	{ height: 32px; background-color: #FFF; background-image: none; float: none;  }
ul#catnav li a 	{ background-image: none; display: block; line-height: 32px; height: 32px; font-size: 12px; padding-left: 30px; } 

li.sfhover ul#catnav {
	left: auto;
}

li#catmenu li.active, li#catmenu a.catlink:hover { background-color: #EFEFEF; }

/*NEWS CATEGORIES TAB*/

.cat-news-arrows	{ position: relative; }
.cat-news-wrapper .arrows-bar		{ position: absolute; right: 0px; top: -40px; height: 52px; }
.cat-news-wrapper .arrows-bar .TL	{ height: 52px; background-image: url(images/p22_fb_navi_cat-TL.png); }
.cat-news-wrapper .arrows-bar .TR	{ height: 52px; background-image: url(images/p22_fb_navi_cat-TR.png); }
.cat-news-wrapper .arrows-bar .TC	{ height: 52px; background-image: url(images/p22_fb_navi_cat-TC.png); }

.cat-news-wrapper .main-navi		{ width: 31px; overflow: hidden; position: absolute; right: 0; top: 94px;}
.cat-news-wrapper .main-navi .TL	{ width: 31px; background-position: -31px 0; }
.cat-news-wrapper .main-navi .BL	{ width: 31px; background-position: -31px 100%; padding: 6px 0px; }
.cat-news-wrapper .main-navi .TC	{ width: 31px; background: #F1F1F1 none;  }
.cat-news-jumpers a					{ display: block; width: 21px; height: 16px; background: url(images/p22_main_navi_bkg.png) -31px -23px no-repeat; margin-bottom: 7px; margin-left: 5px; }
.cat-news-jumpers a.selected		{ background-position: -31px 0px; }
.cat-news-jumpers .last a			{ margin-bottom: 0; }

.cat-news-wrapper .read-more .TL	{ background-position: 0px -34px; }
.cat-news-wrapper .read-more .TR	{ background-position: 100% -34px; }
.cat-news-wrapper .read-more .TC	{ background-position: 0px -34px; }
.cat-news-wrapper .read-more a		{ color: #666}

.options				{ line-height: 34px; }
.options .read-more		{ float: right; }
.options .read-more .TL	{ background-position: 0px -68px; }
.options .read-more .TR	{ background-position: 100% -68px; }
.options .read-more .TC	{ background-position: 0px -68px; margin: 0px 10px 0px 30px; padding-top: 9px; }
.options .read-more a   { color: #666; display: block; float: left; width: 16px; height: 16px; line-height: 16px; overflow: hidden; }
.options .read-more a img { vertical-align: top; }

/*BOXES*/
.box-01 .TC { width: auto; height: 10px; background-image: url(images/p22_box_01-TC.png); margin: 0 10px; }
.box-01 .BC { width: auto; height: 10px; background-color: #FBFBFB; margin: 0 10px; }
.box-01 .TL { height: 10px; background-image: url(images/p22_box_01-TL.png); }
.box-01 .TR { height: 10px; background-image: url(images/p22_box_01-TR.png); }
.box-01 .BL { height: 10px; background-image: url(images/p22_box_01-BL.png); }
.box-01 .BR { height: 10px; background-image: url(images/p22_box_01-BR.png); }
.box-01 .box-content 	{ background: url(images/p22_box_01-MM.png) #FBFBFB 0 0 repeat-x; }
.box-01 .box-padding 	{ padding: 0px 15px; }
.box-01 .box-caption	{ padding: 0 15px 10px;   }
.box-01 .box-caption h3	{ padding-left: 25px; text-transform: uppercase; font: normal 14px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; background: url(images/p22_box_01-cap.png) 0px 4px no-repeat;}
.box-01 .box-text		{ padding: 10px 25px 10px;  }

.box-02 .TC { width: auto; height: 36px; background-image: url(images/p22_box_02-TC.png); margin: 0 5px; }
.box-02 .TL { height: 36px; background-image: url(images/p22_box_02-TL.png); }
.box-02 .TR { height: 36px; background-image: url(images/p22_box_02-TR.png); }

.box-03 .TC { height: 5px; width: auto; background: url(images/p22_box_03-MM.png) #f1f1f1 0 0 repeat-x; margin: 0 5px; }
.box-03 .TL { height: 5px; background-image: url(images/p22_box_03-TL.png); }
.box-03 .TR { height: 5px; background-image: url(images/p22_box_03-TR.png); }
.box-03 .MR { background-image: url(images/p22_box_03-MM.png) }
.box-03 .ML { background-image: url(images/p22_box_03-MM.png) }
.box-03 .MM	{ padding: 0 0px; background-color: #f1f1f1; }
.box-03 .BC { height: 5px; width: auto; background: url(images/p22_box_03-MM.png) #f1f1f1 0 100% repeat-x; margin: 0 5px; }
.box-03 .BL { height: 5px; background-image: url(images/p22_box_03-BL.png); }
.box-03 .BR { height: 5px; background-image: url(images/p22_box_03-BR.png); }
.box-03 .box-content	{ padding: 15px; }

.box-04 .TC { height: 5px; width: auto; background: none #B8B8B8; margin: 0 5px; }
.box-04 .TL { height: 5px; background-image: url(images/p22_box_04-TL.png); }
.box-04 .TR { height: 5px; background-image: url(images/p22_box_04-TR.png); }
.box-04 .BC { height: 5px; width: auto; background: none #B8B8B8; margin: 0 5px; }
.box-04 .BL { height: 5px; background-image: url(images/p22_box_04-BL.png); }
.box-04 .BR { height: 5px; background-image: url(images/p22_box_04-BR.png); }
.box-04 .MM	{ padding: 15px 25px; background-color: #B8B8B8; color: #FFF;  }
.f-userinfo .box-04		{ width: 200px; }
.f-userinfo .box-04 .MM { padding: 10px;}		

.menu-wrapper { position: relative; }
.menu-wrapper .arrows-bar		{ position: absolute; right: 15px; top: -20px; }
.menu-wrapper .arrows-bar		{ width: 74px; height: 50px; }
.menu-wrapper .arrows-bar .TL	{ width: 74px; height: 50px; background-image: url(images/p22_menu_navi-TL.png); }
.menu-wrapper .arrows-bar .TR	{ width: 74px; height: 50px; background-image: url(images/p22_menu_navi-TR.png); }
.menu-wrapper .arrows-bar .TC	{ width: 58px; height: 50px; margin: auto; background-image: url(images/p22_menu_navi-TC.png); }
.menu-wrapper .arrows			{ padding-top: 15px; }
.menu-wrapper .arrow			{ display: block; width: 16px; height: 16px; overflow: hidden; }
.arrow.prev		{ float: left; margin-left: 10px; } 
.arrow.next		{ float: right; margin-right: 10px; } 
.arrow img		{ vertical-align: top; }


/* FORUM */
.box-02 .b-fcaption	{ height: 36px; vertical-align: middle;  line-height: 36px; }
.forum-caption	{ margin-left: 20px; padding-left: 25px; text-transform: uppercase; font: normal 16px/34px "Lucida Sans Unicode", "Lucida Grande", sans-serif; background: url(images/p22_box_01-cap.png) 0px 12px no-repeat;}
.info-caption	{ text-transform: uppercase; font: normal 16px/20px "Lucida Sans Unicode", "Lucida Grande", sans-serif; }
.forum-title	{ padding: 3px 0; }
.thread-title	{ padding: 3px 3px; }
.forum-flag img { margin: 0 3px; }
.smallblacktext	{ font-size: 11px; }
.important-row	{ padding: 10px 10px; }
.important-row span { display: block; margin-left: 7px; padding-left: 25px; text-transform: uppercase; font: normal 16px/34px "Lucida Sans Unicode", "Lucida Grande", sans-serif; background: url(images/p22_box_01-cap.png) 0px 12px no-repeat; }
.reply			{ margin-right: 15px; }

.e-frontlist tr.first .important-row { padding: 5px 10px 10px }
.e-frontlist tr			{ background:  url(images/p22_box_03-MM.png) 0 100% repeat-x; }
.e-frontlist td.first	{ background:  url(images/p22_box_03-MM.png) 0 0 repeat-y; }
.e-frontlist td.last	{ background:  url(images/p22_box_03-MM.png) 100% 0 repeat-y; }

/* CUSTOM SEARCH */
.search-wrapper		{ padding-top: 10px; padding-right: 20px; }
.search-field		{ width: 199px; height: 30px; background: url(images/p22_search_field.png) #f1f1f1 100% 0 no-repeat; }
.custom-search		{ border: 0px none !important; margin: 5px 0 0 5px}
.search-field input	{ background-color: #f1f1f1 !important}
.custom-button		{ border: 0px; background-color: transparent;}

#news-loader		{ padding: 10px 10px 0 0}
#cat-loader		{ position: absolute; right:20px; top: 60px}

/* CSS CORE */
.smalltext, .smallblacktext { font-size: 11px; }
.tbox, .helpbox, textarea { padding:2px; background-color: #FFF; color: #333; line-height: 18px; border: 1px solid #E2E2E2}

.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 #E2E2E2; }
.forumheader { ont-size: 14px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; }
.forumheader2 {  }
.forumheader3, .finfobar {  }
.forumheader4 {}
.forumheader5 { cursor: pointer; }
.fcaption { font-weight: bold; }
.searchhighlight { text-decoration: underline; color: #993333; font-weight: bold; }
.nextprev	{ margin-bottom: 15px; }
.indent, code-box	{ margin: 10px; padding: 15px; border: 1px solid #CCC; background: url(images/quote.png) #ebebeb 5px 5px no-repeat }