/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menus/mini-tabbed-pages.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
/*three tabs*/
#tabs {width:591px; text-align:center; /*background: url(icon/border.png) top repeat-x;*/ margin:0; position:relative; z-index:200; font:bold 14px verdana, arial, sans-serif;}
#tabs ul {padding:0; margin:0; width:591px; list-style:none; position:relative;}
#tabs ul li.outer {float:left; display:inline; margin:0 4px 3px 10px; width:125px; height:53px; border-bottom:0px solid #9c9c9c; line-height:50px; color:#1f1f1f; cursor:pointer;}

#tabs ul li.one {background:url(icon/buttons.png) no-repeat top left;}
#tabs ul li.two {background:url(icon/buttons.png) no-repeat top left;}
#tabs ul li.three {background:url(icon/buttons.png) no-repeat top left;}
#tabs ul li.four {background:url(icon/buttons.png) no-repeat top left;}
#tabs ul li.five {background:url(icon/buttons.png) no-repeat top left;}
#tabs ul li.six {background:url(icon/buttons.png) no-repeat top left;}

#tabs ul li div {display:none;}
#tabs ul li.click {color:#dbdbdb; background-position:0 -55px; height:55px; cursor:default;}
#tabs ul li.click div {display:block; padding:0px; position:absolute; left:0px; top:55px; width:591px; border-bottom:0px solid #fff;}

#tabs ul li.click div.tab_left
{background:#fff url(icon/banner_bg.png);}

#tabs ul li.click div.tab_center
{background:#fff url(icon/banner_bg.png);}

#tabs ul li.click div.tab_right
{background:#fff url(icon/banner_bg.png);}

.clear {clear:both; height:0; line-height:0; overflow:hidden;}

#tabs span.base {display:block; height:20px;font-size:10px; color:#c60; background:url(icon/bottom.gif) bottom;}
#tabs div h5 {font-size:11px; margin:0;}
#tabs div p {font-weight:normal; text-align:left; color:#000; margin-top:3px; line-height:15px;}
#tabs div a img {border:0;}
#tabs div img.image {float:left; border:0; margin-right:5px; margin-top:-15px;}
#tabs div a.unlock {background:url(icon/unlock.gif); display:block; width:30px; height:30px; margin:0 auto;}
#tabs div a.unlock:hover {border:0;}
#tabs div a:hover.unlock img {visibility:hidden;}
#tabs p.bold {color:#069; padding-top:5px;}
#tabs form {margin-top:-10px; padding:0;}
#tabs form fieldset {padding:0;}
#tabs p.buttons {text-align:center;}

/*thwo tabs*/
#form{
 width:277px;
 float:right;
 font-size:11px;
}
#tabs2 {width:277px; height:406px; text-align:center;margin:5px 0 0; position:relative; z-index:200; font:bold 12px verdana, arial, sans-serif;}
#tabs2 ul {padding:0; margin-left:15px;; width:260px; list-style:none; position:relative;}
#tabs2 ul li.outer {float:left; display:inline; margin:0 0px 0px 5px; width:115px; height:53px; border-bottom:0px solid #9c9c9c; line-height:38px; color:#939393; cursor:pointer;}

#tabs2 ul li.org {}
#tabs2 ul li.search {}

#tabs2 ul li div {display:none;}
#tabs2 ul li.click {color:white; height:38px; cursor:default; background: url(icon/buttons2.png);}
#tabs2 ul li.click div {display:block; padding:0px; position:absolute; left:0px; top:37px; width:247px; border-bottom:0px solid #fff; height:355px;}

#tabs2 ul li.click div.tab_reg
{margin-top: 10px;font-size:12px; color:#5b5a5a;}

#tabs2 ul li.click div.tab_ser
{font-size:12px; color:#5b5a5a;}

#tabs2 ul li.click div.tab_right
{background:#fff url(icon/banner_bg.png);}

.clear {clear:both; height:0; line-height:0; overflow:hidden;}

#tabs2 span.base {display:block; height:20px;font-size:10px; color:#c60; background:url(icon/bottom.gif) bottom;}
#tabs2 div h5 {font-size:11px; margin:0;}
#tabs2 div p {font-weight:normal; text-align:left; color:#000; margin-top:3px; line-height:15px;}
#tabs2 div a img {border:0;}
#tabs2 div img.image {float:left; border:0; margin-right:5px; margin-top:-15px;}
#tabs2 div a.unlock {background:url(icon/unlock.gif); display:block; width:30px; height:30px; margin:0 auto;}
#tabs2 div a.unlock:hover {border:0;}
#tabs2 div a:hover.unlock img {visibility:hidden;}
#tabs2 p.bold {color:#069; padding-top:5px;}
#tabs2 form {margin-top:-10px; padding:0;}
#tabs2 form fieldset {padding:0;}
#tabs2 p.buttons {text-align:center;}

/*three tabs help*/
#tabs4 {text-align:center;/* background-color:#DBDBDB;*/ margin:0; position:relative; z-index:0; font:bold 14px verdana, arial, sans-serif;width:900px;}
#tabs4 ul {padding:0; margin:0; width:591px; list-style:none; position:relative;}
#tabs4 ul li.outer {float:left; display:inline; margin:0 4px 3px 10px; height:53px; border-bottom:0px solid #9c9c9c; line-height:50px; color:#1f1f1f; cursor:pointer;}

#tabs4 ul li.one {background:url(icon/graytab.jpeg) no-repeat top left; width:131px;}
#tabs4 ul li.two {background:url(icon/graytab.jpeg) no-repeat top left; width:156px;}
#tabs4 ul li.three {background:url(icon/graytab.jpeg) no-repeat top left; width:156px;}
#tabs4 ul li.four {background:url(icon/buttonss.png) no-repeat top left;}
#tabs4 ul li.five {background:url(icon/buttonss.png) no-repeat top left;}
#tabs4 ul li.six {background:url(icon/buttonss.png) no-repeat top left;}

#tabs4 ul li div {display:none;}
#tabs4 ul li.click { color:brown; height:55px; cursor:default; border:1px solid/*background: url(../images/wrapper.png) repeat-x scroll 0 0 transparent;*/}
#tabs4 ul li.click div {display:block; padding:0px; position:absolute; left:0px; top:55px; width:591px; border-bottom:0px solid #fff;}

#tabs4 ul li.click div.tab_left
{/*background: url(../images/wrapper.png) repeat-x scroll 0 0 transparent;;*/width:864px;height:500px;padding-left:38px;text-align:left;}
#tabs4 ul li.click p
{
    font-size: 15px;
    line-height: 25px;
}
#tabs4 ul li.click div.tab_center
{/*background: url("../images/wrapper.png") repeat-x scroll 0 0 transparent;*/
width:885px;height:500px;padding-left:15px;text-align:left;}

#tabs4 ul li.click div.tab_right
{/*background: url("../images/wrapper.png") repeat-x scroll 0 0 transparent;*/width:885px;height:500px;padding-left:15px;text-align:left;}

.clear {clear:both; height:0; line-height:0; overflow:hidden;}

#tabs4 span.base {display:block; height:20px;font-size:10px; color:#c60; background:url(icon/bottom.gif) bottom;}
#tabs4 div h5 {font-size:11px; margin:0;}
#tabs4 div p {font-weight:normal; text-align:left; color:#000; margin-top:3px; line-height:15px;}
#tabs4 div a img {border:0;}
#tabs4 div img.image {float:left; border:0; margin-right:5px; margin-top:-15px;}
#tabs4 div a.unlock {background:url(icon/unlock.gif); display:block; width:30px; height:30px; margin:0 auto;}
#tabs4 div a.unlock:hover {border:0;}
#tabs4 div a:hover.unlock img {visibility:hidden;}
#tabs4 p.bold {color:#069; padding-top:5px;}
#tabs4 form {margin-top:-10px; padding:0;}
#tabs4 form fieldset {padding:0;}
#tabs4 p.buttons {text-align:center;}