/* CSS Document */

.content{
	color: #333333;
	font-size: 12;
	font-family: "Arial";
	line-height:1.5;
}

/*.content a{
	color: #666666;
	font-size: 12;
	font-family: "Arial";
	line-height:1.5;
	text-decoration: underline;
}


.content a:hover{
	color: #6FC7F0;
	font-size: 12;
	font-family: "Arial";
	line-height:1.5;
	text-decoration: underline;
}*/

.header {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	font-weight: bold;
	color: #006cb7;
}

.baseline {
	color: #888888;
	font-size: 10;
	font-family: "Arial"
}

.zht 	{
	font-family: PMingLiU,MingLiU, serif;
	font-size: 13px;
}

.header_zht 	{
	font-family: PMingLiU,MingLiU, serif;
	font-size: 16px;
	font-weight: bold;
	color: #006cb7;	
}

.prod_outline {
	height: auto;
	width: auto;
	border-top: 1px solid black;
	border-right: 1px none black;
	border-bottom: 1px none black;
	border-left: 1px solid black;
}

.prod_outlineR {
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px none black;
	border-left: 1px solid black;
}

.prod_header {
	color: #000000;
	background-color: #FFCC66;
	font-weight: bold;
	border-top: 1px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;	
	border-bottom: 1px none black;
}

.prod_headerbg {
	background-color: #FFCC66;
}

.prod_contentbg {
	background-color: #E2E2E2;
}

a:visited {	
	color: #333333;
	text-decoration: none;
	font-size: 12;
	font-family: "Arial";
	line-height:1.5;
}

a:link {
	color: #333333;
	text-decoration: none;
	font-size: 12;
	font-family: "Arial";
	line-height:1.5;
}

a:active {
	color: #333333;
	text-decoration: none;
	font-size: 12;
	font-family: "Arial";
	line-height:1.5;
}

a:hover {
	color: #2260B0;
	text-decoration: underline;
	font-size: 12;
	font-family: "Arial";
	line-height:1.5;
}


.bookmark {
	color: #000000;
	font-weight: bold;
}

.res_header {
	color: #FFFFFF;
	background-color:#006cb7;
	font-weight: bold;
}

.res_line1 {
	background-color:#99ccff;
}

.res_line2 {
	background-color:#ccffff;
}

.page-splits	{ border:none; background:#00ae4d; color:#00ae4d; height:1px; width: 100%; text-align: left; }

.title 		{
	color: #006cb7;
	letter-spacing: 3px;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 14px;
}

.gtitle 		{
	color: #00ae4d;
	letter-spacing: 3px;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 14px;
}

INPUT
{
	font-size: 8pt;	
}

SELECT
{
	font-size: 8pt;	
}

BUTTON
{
	font-size: 8pt;	
}

/* CSS for my first scrolling box */
#scrollingContainer{
	width:130px;	/* 170 pixels in width */
	height:100px;	/* Height of box */
	
	border:0px solid #000;	/* Black border around box */
	background-color: #FFFFFF;	/* Light blue background color */

	padding:2px;	/* A little bit of space between border of box and text inside */
	float:left;	/* I want the text to wrap around the box */
	margin-right:10px;	/* Right margin of 10 pixels */
	font-size:0.7em;	/* Smaller font size than the rest of the page */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden;	/* Hide overflow content */
}
/* End css for my first scrolling box */  

ul.obtabs {
     list-style: none;
     margin: 1px 0 -1px 0;
     padding: 0;
     position: absolute;	 
}
ul.obtabs li {
     float: left;
     display: block;
     height: 24px;
     padding-right: 12px;
     margin-left: -5px;
     position: relative;
     background: url(../global/images/tabright-back.gif) 100% 0 no-repeat;
     border-bottom: 1px solid #bbb8a9;
     white-space: nowrap;
}
ul.obtabs span {
     height: 24px;
     line-height: 24px;
     padding-left: 7px;
     background: url(../global/images/tableft-back.gif) no-repeat;
}
html>body ul.obtabs span {
     display: block;
}
ul.obtabs li#current {
	z-index: 1;
	font-weight: bolder;
	border-bottom: 1px solid #fff;
	height: 25px;
	background-image: url(../global/images/tabright.gif);
	font-size: 12px;
}
ul.obtabs li#current span {
     background-image: url(../global/images/tableft.gif);
}