﻿/* CSS Document */
a {
	text-decoration:none;
}
.clear:after, .box:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
.clear, .box
	{
	display:inline-block;
	position: relative;
	}
.clear, .box
	{
	display: block;
	}	

ul{ list-style:none}
ul#menu li ul, #b5 ul#st_tab li ul {
	display: none; 
	left: 0px;
	position: absolute; 
	top: 27px;
}
/* Block 1, Left Content */
	/* Top */
	#hometop{background:url(../images/tab/BotGradiant.gif) repeat-x bottom left; margin-bottom:0px;}
	.tab{ width:502px; margin:0; padding:0}
	.tab li { float:left; cursor:pointer }
	.tab li span{padding-top:10px; text-align:center; display:block}
	.topcontent{ width:502px; border:1px solid #996633} 
	#tabbg {	
	border-left:1px solid #E8CB88;
	border-right:1px solid #E8CB88;	
	width:500px;
	overflow:hidden;
	}
	
	.activetab{
		font:12px Arial, Helvetica, sans-serif;
		font-weight:normal;
		color:#023F88;		
		}
	
	.inactivetab{
		font:12px Arial, Helvetica, sans-serif;
		font-weight:normal;
		color:#057FC8;
		}
	/* tab1rate tab */
	.tab1 {
		width:120px;
		height:37px;
		background-image:url(../images/tab/Tab1_on.gif);
		background-repeat:no-repeat;		
		}
	
	.tab2off {
		width:120px;
		height:37px;
		background:url(../images/tab/Tab2_R.gif) no-repeat left;		
		}
	
	.tab3off {
		width:142px;
		height:37px;
		background-image:url(../images/tab/Tab2_off.gif);
		background-repeat:repeat-x;		
		}
	
	.tab4off {
		width:120px;
		height:37px;
		background-image:url(../images/tab/Tab4_off.gif);
		background-repeat:repeat;		
		}
	/* tab2 tab */
	.tab1offL {
		width:120px;
		height:37px;
		background-image:url(../images/tab/Tab1_L.gif);
		background-repeat:no-repeat;		
		}
	
	.tab2 {
		width:120px;
		height:37px;
		background-image:url(../images/tab/Tab2_on.gif);
		background-repeat:no-repeat;		
		}
	
	.tab3offR {
		width:142px;
		height:37px;
		background-image:url(../images/tab/Tab3_R.gif);
		background-repeat:no-repeat;		
		}
	
	/* tab3 tab */
	.tab1off {
		width:120px;
		height:37px;
		background-image:url(../images/tab/Tab1_off.gif);
		background-repeat:no-repeat;
		background-position:right;		
		}
	
	.tab2offL {
		width:120px;
		height:37px;
		background:url(../images/tab/Tab2_L.gif) no-repeat right;		
		}
	
	.tab3 {
		width:142px;
		height:37px;
		background-image:url(../images/tab/Tab3_on.gif);
		background-repeat:no-repeat;		
		}
	
	.tab4offR {
		width:120px;
		height:37px;
		background-image:url(../images/tab/Tab4_R.gif);
		background-repeat:no-repeat;		
		}
	
	/* tab4 tab */
	.tab1off {
		width:120px;
		height:37px;
		background-image:url(../images/tab/Tab1_off.gif);
		background-repeat:no-repeat;
		background-position:right;		
		}	
	.tab2offC {
		width:120px;
		height:37px;
		background-image:url(../images/tab/Tab2_off.gif);
		background-repeat:repeat-x;		
		}
	
	.tab3offL {
		width:142px;
		height:37px;
		background-image:url(../images/tab/Tab3_L.gif);
		background-repeat:no-repeat;		
		}
	
	.tab4 {
		width:120px;
		height:37px;
		background-image:url(../images/tab/Tab4_on.gif);
		background-repeat:no-repeat;		
		}	
	.bottom{ float:none; width:100%}
	.bottom span{ display:block}
	.bottom .borderleft{ float:left; background:url(../images/tab/BotLeftCorner.gif) no-repeat bottom left; width:6px; height:10px; display:block}
	.bottom .borderright{ float:right; background:url(../images/tab/BotRightCorner.gif) no-repeat bottom right; width:6px; height:10px; display:block}
	/* =============== Tap Content ========================*/
	.tabcontent {padding:0 5px; width:480px; overflow:hidden}
	.tabcontent img{ float:right;border:1px solid #d3d3d2; padding:1px;}
	.tabcontent .txt img{ border:none; float:none}
	.tabcontent .title a{ color:#023f88;}
	.tabcontent ul{ margin:10px 0;}
	.tabcontent li{ margin:5px 0;}
	.tabcontent li a{ padding-left:10px;background:url(../images/icon/icon4.gif) no-repeat left 6px ;color:#0087c7}
	
	#tabbg p.title{  margin:5px 0; width:220px; }
	#tabbg p.txt{ height:65px;width:220px; overflow:hidden; }
	#tabbg ul{width:220px; height:45px; overflow:hidden}	

#mgdo { width:760px; padding:8px 0 0 0;}
#b1{ float:left; width:502px; }
#b2{ float:right; width:310px; margin-left:0px;}


