body{
background:#000;
color:#fff;
margin:0;
padding:0;
}

/*----------------------------------->>> Fonts  <<<--------------------------------------*/

a,a:hover{
font: normal 14px/18px Arial,Helvetica;
letter-spacing:1px;
word-spacing:1px;
}
.indent,.box,.centered,.admin-message,.csp10_center td,.delicacy,.confidence,.main-body td{
font: normal 14px/18px Arial,Helvetica;
letter-spacing:1px;
word-spacing:1px;
}
caption,.caption2{
font: normal 16px/18px Arial,Helvetica;
letter-spacing:1px;
word-spacing:1px;
}
.poster,.main-footer,.pagenav span,.pagenav a{
font: normal 12px/14px Arial,Helvetica;
letter-spacing:1px;
word-spacing:1px;
}
.bigfont{
font: bold 48px Arial,Helvetica;
color:#8FBC8F;
line-height:0;
}
/*----------------------------------->>> Images <<<--------------------------------------*/

img{ border:0; }
.img_baseline,.img_text-top,.img_text-bottom,.img_float_left,.img_float_right,.img_middle{ margin:0; }
.img_top,.img_bottom{ margin:10px 0; }

.img_float_left{ float:left; }
.img_float_right{ float:right; }

.img_baseline{ vertical-align:baseline; }
.img_top{ vertical-align:top; }
.img_middle{ vertical-align:middle; }
.img_bottom{ vertical-align:bottom; }
.img_text-top,.img_flip{ vertical-align:text-top; }
.img_text-bottom{ vertical-align:text-bottom; }

.img_flip{ cursor:pointer; }

/*----------------------------------->>> Tags  <<<---------------------------------------*/

strong{
font-weight:600;
color:#666;
}
a{ text-decoration:none; }
a:hover{ text-decoration:underline; }

/*----------------------------------->>> Jquery <<<--------------------------------------*/

.drag{ cursor:move; }

/*------------------------------->>> Setuser styles <<<----------------------------------*/

.setuser_table{
width:100%;
height:100%;
background-color:#F5F5F5;
border:0;
border-collapse:collapse;
border-spacing:0;
padding:0;
}
.setuser_table td{
text-align:center;
vertical-align:middle;
}
.setuser{
width:100%;
height:540px;
background:url(images/setuser.gif) no-repeat center center;
}
/*-------------------------------->>> Text styles <<<------------------------------------*/

.center{ text-align:center; }
.right{ text-align:right; }
.inline{
display:inline;
vertical-align:top;
margin:0;
}
.indent{
margin:0;
padding-left:30px;
}
.english{
color:#333;
font: italic 14px/18px Arial,Helvetica;
letter-spacing:1px;
word-spacing:1px;
}
.underline{
font:inherit;
text-decoration:underline;
}
.formula{ background:#FFFFF0; }

/*---------------------------------->>> Header <<<---------------------------------------*/

.main-header{
width:100%;
height:124px;
}
.logo{
float:left;
width:160px;
height:124px;
margin:0;
padding:0;
}
.lgf{
width:auto;
height:124px;
background:transparent;
vertical-align:top;
text-align:left;
margin:0;
padding:0;
}
.full-header{
float:right;
width:327px;
height:124px;
vertical-align:top;
text-align:right;
margin:0;
padding:0;
}

/*-------------------------------->>> Loginform <<<--------------------------------------*/

#shelf{  
width:auto;
border:0;
border-collapse:collapse;
border-spacing:0;
padding:0; 
}
#shelf td{
padding:0;
}
.shadow{
position:relative;
width:130px;
height:15px;
margin:0; 
padding:0; 
}
.faceside{ 
position:absolute;
width:130px;  
height:15px;
font-family:'PT Sans Caption',Arial;
font-size:10px;
font-weight:700;
letter-spacing:1px;
text-align:center;
border:0;
margin:-15px 0 0;
padding:0 5px;
}
.controlpanel{
width:auto;
margin:0;
padding:0;
}

/*-------------------------------->>> Navigation <<<-------------------------------------*/

.sub-header1{
width:100%;
height:30px;
background-color:#000;
margin:0;
padding:0;
}
.logo2{
float:left;
display:inline;
width:101px;
height:30px;
margin:0;
padding:0;
}
.sub-header{
float:left;
display:inline;
width:515px;
height:30px;
margin:0;
padding:0;
}
.sub-header2{
float:right;
width:101px;
height:30px;
margin:0;
padding:0;
}
.b_shoutbox{
float:right;
width:82px;
height:15px;
margin:0 5px 0 0;
padding:0;
}
.panelbutton{
width:82px;
height:15px;
cursor:pointer;
}

/*-------------------------->>> Make a horizontal line <<<------------------------------*/

.sub-header ul{
margin:0;
padding:0;
}
.sub-header ul li{
display:inline;
}

a.white,li.white a{
color:#fff;
text-decoration:none;
}
a:hover.white,li.white a:hover{
color:#fff;
text-decoration:underline;
}

/*--------------------------------->>> Panels <<<--------------------------------------*/

.side-left .side-border-right {display: none;}
.side-right .side-border-left {display: none;}

/*--------------------------------->>> Titles <<<--------------------------------------*/

.capmain{
width:100%;
height:15px;
background:url(images/title.gif) repeat-x;
background-color:#fff;
margin:0;
padding:20px 0 0;
}
.capmain-edges{
background:url(images/title.gif) repeat-x;
background-color:#fff;
margin:0;
padding:0;
}
.capmain-left{
float:left;
margin:0;
padding:20px 0 0;
}
.capmain-right{
float:right;
margin:0;
padding:20px 0 0;
}
.subject{
width:100%;
height:25px;
background-color:#fff;
font: normal 18px/20px 'Ubuntu',Arial,serif;
letter-spacing:1px;
word-spacing:1px;
color:#555;
margin:0;
padding:12px 0 3px;
}
#articles {
width:50%;
vertical-align:top;
}
caption{
height:20px;
background-color:#fff;
text-align:left;
white-space:nowrap;
}
.caption1{
height:20px;
}
.caption2{
height:20px;
}
.caption4{
width:100%;
height:20px;
margin-bottom:-21px;
}
.caption5{
height:20px;
}

/*-------------------------------->>> Shoutbox <<<-------------------------------------*/

.side-body{
float:left;
width:100%;
background:transparent;
margin:0;
padding:0 3px;
}
.bbdrag{
width:230px;
height:150px;
display:none;
position:absolute;
background-color:#333750;
border:1px solid #FFF6B8;
margin-left:450px;
z-index:3000;
}
.bbdrag span{
background:url(images/bbmove.gif) no-repeat top center;
cursor:move;
}
.bbdrag div{
float:right;
width:20px;
height:20px;
background:url(images/clear.gif) no-repeat;
cursor:pointer;
}
/*-------------------------------->>> Tables  <<<--------------------------------------*/

.base,.base_nowrap,.base_nowrap_center,.basecenter,.base_1row_bgimg,.csp10,.shop {
width:100%;
border:0;
border-collapse:collapse;
border-spacing:0;
padding:0;
}
.base td{
padding:0;
}
.base_nowrap td{
padding:0;
white-space: nowrap;
}
.base_nowrap_center td{
padding:0;
text-align:center;
white-space: nowrap;
}
.basecenter td{
padding:0;
text-align:center;
}
.base_1row_bgimg td{
padding:0;
}
.main-body{
width:100%;
background-color:#fff;
border:0;
border-collapse:collapse;
border-spacing:0;
padding:0;
}
.main-body td{
padding:0 10px;
}
.basic100,.cellspace76,.colorjs{
width:100%;
border:0;
border-collapse:separate;
border-spacing:1px;
padding:1px;
}
.colorjs{
background-color:#333750;
}
.basic100{
background-color:#C8C9CA;
}
.confidence{ background-color:#fff; }
.top div,.top,.bottom div,.bottom{
width:100%;
height:11px;
}
.box{ 
width:auto;
height:auto;
}
.centered{
width:inherit;
margin:0;
padding:0 12%;
}
.width12{ width:12%; }
.twice, .triple{
width:100%;
border-collapse:collapse;
border-spacing:0;
border:1px solid #fff;
}
.twice td{
width:50%;
vertical-align:top;
padding:0 10px;
}
.twice_ad{
border-width:0 1px 0 0;
border-right-style:dashed;
}
.triple td{
width:35%;
vertical-align:top;
padding:0 10px;
}
.cellspace76 td{
height:35px;
vertical-align:middle;
padding:0 10px;
}
.basic100 td{
height:25px;
vertical-align:middle;
padding:0 10px;
}
.csp10_center{
width:auto;
border-collapse:separate;
border-spacing:10px;
border:0;
text-align:center;
}
.tabs{
width:100%;
border-style:solid;
border-width:1px 0;
border-collapse:separate;
padding:0;
}
.shop td{
vertical-align:top;
padding:0 10px;
}

/*----------------------------------->>> Search <<<--------------------------------------*/

.search{
width:750px;
height:auto;
table-layout:fixed;
border:0;
border-collapse:collapse;
border-spacing:0;
background:#434343;
color:#000;
}

.search td{
border:0;
font: normal 12px/12px Arial,Helvetica;
padding:0;
}

.w40_1,.w40_2,.w40_3,.w40_4{width:40px; height:40px;}
.w40_1{ background:url(../../images/search/w40-1.gif) no-repeat; }
.w40_2{ background:url(../../images/search/w40-2.gif) no-repeat; }
.w40_3{ background:url(../../images/search/w40-3.gif) no-repeat; }
.w40_4{ background:url(../../images/search/w40-4.gif) no-repeat; }

.sp1_30{ width:30px; }
.sp1_170{ width:170px; }
.sp1_70{ width:70px; }
.sp1_30,.sp1_170,.sp1_70{ height:40px; }
.sp2{ width:40px; }
.sp3_30{ width:30px; }
.sp3_170{ width:170px; }
.sp3_70{ width:70px; }
.sp3_30,.sp3_170,.sp3_70{ height:15px; }
.sp5{ width:70px; height:30px; }
.sp7{ width:30px; height:35px; }
.sp8,.w35_2{ width:170px; height:35px; }

.rad1,.sp9{ width:30px; height:30px; }

.w30_1,.w30_2,.w30_3,.w30_4,.w30_5,.w30_6,.w30_7,.w30_8,.w30_9,.w30_10,.w30_11,.w30_12,.sp4{ width:170px; height:30px; }
.w30_1{ background:url(../../images/search/w30-1.gif) no-repeat; }
.w30_2{ background:url(../../images/search/w30-2.gif) no-repeat; }
.w30_3{ background:url(../../images/search/w30-3.gif) no-repeat; }
.w30_4{ background:url(../../images/search/w30-4.gif) no-repeat; }
.w30_5{ background:url(../../images/search/w30-5.gif) no-repeat; }
.w30_6{ 
background:url(../../images/search/w30-6.gif) no-repeat; 
text-align:right;
}
.w30_7{ 
background:url(../../images/search/w30-7.gif) no-repeat; 
text-align:right;
}
.w30_10{ background:url(../../images/search/w30-10.gif) no-repeat; }
.w30_11{ background:url(../../images/search/w30-11.gif) no-repeat; }
.w30_12{ background:url(../../images/search/w30-12.gif) no-repeat; }

.w35_1{
width:240px;
height:35px;
background:url(../../images/search/w35-1.gif) no-repeat;
}
.sb{
width:100px;
height:23px;
background:#363636;
color:#A0A0A0;
padding:0 0 5px;
cursor:pointer;
}
.stextbox{
width:210px;
height:15px;
background:transparent;
border:0;
outline-width:0;
}
.ctextbox{
width:150px;
height:20px;
}

/*----------------------------------->>> Tabs <<<--------------------------------------*/
.csp10 td{
width:25%;
padding:0;
}
.tab div{ background:url(images/tab_left.gif) no-repeat top left; }
.tab{ background:url(images/tab_right.gif) no-repeat top right; }
.tab, .tab div {
width:100%;
height:20px;
margin:0;
}
.tabs td{
padding:5px;
}

/*----------------------------------->>> Links <<<--------------------------------------*/

.weblink_c{ 
width:150px;
vertical-align:top;
}
.weblink_t{ height:20px; }
.weblink_d{ 
height:100px;
vertical-align:top;
}
.thumb{ 
width:150px;
height:120px;
border:1px solid #434343;
margin-top:0;
margin-left:0;
margin-right:0;
padding:0;
}
.infogr{
width:40px;
background:#575757;
font:inherit;
border:1px solid #363636;
margin:1px;
padding:1px 5px;
}
.mainbutton{ 
width:15px;
height:110px;
}
.button,.mainbutton{
background:#575757;
color:#E9E9E9;
margin:0;
padding:3px;
cursor:pointer;
}
.textarea{
width:300px;
height:100px;
border:5px double #575757; 
overflow:auto;
margin:0;
}
.autowin{
width:100%;
border:5px double #575757;
margin:0;
padding:1px 5px;
}
/*----------------------------------->>> Admin <<<--------------------------------------*/

.admin-message{
background:transparent;
border:0;
text-align:center;
margin:0;
padding:0 4px 5px;
}
.select{
width:auto;
margin-bottom:5px;
padding:5px;
}
.textrow{
width:700px;
margin-bottom:15px;
padding:5px;
}

/*---------------------------------->>> Footer <<<--------------------------------------*/

.page_footer_l{
width:234px;
height:67px;
background:url(images/page_footer_l.gif) no-repeat;
margin:0;
vertical-align:bottom;
}
.page_footer{
width:100%;
height:67px;
background:url(images/page_footer.gif) repeat-x;
}
.page_footer_r{
width:234px;
height:67px;
background:url(images/page_footer_r.gif) no-repeat;
text-align:right;
margin:0;
}
.poster_l{
width:234px;
height:73px;
margin:0;
}
.poster{
width:100%;
height:73px;
background:url(images/poster.gif) repeat-x;
vertical-align:top;
text-align:center;
color:#888E87;
}
.poster_r{
width:234px;
height:73px;
margin:0;
vertical-align:top;
text-align:left;
}
.pagenav{ 
background:transparent;
text-align:center;
margin-top:-50px;
padding:0 0 30px;
}
.pagenav span{
background:transparent;
padding:2px 4px;
margin:2px;
}
.pagenav a{
background:transparent;
border:1px solid #fff;
color:#888E87;
text-decoration:none;
padding:2px 4px;
margin:2px;
}
.pagenav a:hover{
text-decoration:none;
margin:2px;
}
.footimage{
width:100%;
height:100px;
background:url(images/footer_bk.gif) repeat-x;
}
.main-footer{
width:100%;
height:80px;
background:url(images/footer_bk2.gif) repeat-x;
color:#555;
margin-top:-1px;
}

/*---------------------------------->>> Reserve <<<--------------------------------------*/

.tbl-border {
border:1px solid #eee;
}
.tbl1{
background-color:#fff;
padding:4px;
}
.tbl2{
padding:2px;
}
.cell1 {
width:33%;
vertical-align:top;
}
.y1 {
width:100%;
border:0;
text-align:left;
}
.x3{
width:20%;
background:#fbfbfb;
vertical-align:top;
}
.small {
font-size:10px;
}
.side-label {
color:#555;
background-color:#f1f1f1;
margin:2px 0;
padding:2px 2px 3px;
}
.tbl,.tbl4{
color:#555;
background-color:#fff;
padding:4px;
}
.tbl3{
font-size:11px;
color:#555;
background-color:#f3eeef;
padding:4px;
}
.small2,.side-small {
font-size:10px;
font-weight:400;
color:#555;
}
.x1{
width:50%;
vertical-align:top;
}
.x2{
width:50%;
vertical-align:top;
}
.news-category {
border:0;
float:left;
margin:3px 5px 0 0;
}
.forum-caption {
font-size:11px;
font-weight:700;
color:#888;
background-color:#f3eeef;
padding:2px 4px 4px;
}
.quote {
font-size:11px;
color:#555;
background-color:#fffbec;
border:1px solid #eee;
margin:0 20px;
padding:4px;
}
.shoutbox {
color:#777;
}
.bbcode{
color:#000;
font-size:10px;
margin-top:2px;
}
.shoutboxdate {
font-size:10px;
color:#888;
}
.comment-name,.shoutboxname {
font-weight:700;
color:#04688d;
}
