a:link { color: #529A00; text-decoration: none }
a:visited { color: #529A00; text-decoration: none }
a:active { color: #529A00; text-decoration: none }
a:hover { color: #529A00; text-decoration: none }
img {
	border:none;	
}
body {
	font-size: 12px;
	font-family: "MS Sans Serif";
	color: #529A00;
	background-color:#FFF;
	text-align: center;
}
p{
	text-align:left;	
}
font,table {
	font-size: 12px;
	font-family: "MS Sans Serif";
	color: #666666;
}
li{

}
#hilight{
    background-color:#a1e63d;   
    color: #529A00;	   
}
.NoPrint {	
}
table.PrintArea {
}
h1{
	font-size:12px;
	color:#529A00;
	text-decoration:none;
}
h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:1px;
	font-weight:bold;
	color:#0071bc;
}
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	letter-spacing:1px;
	font-weight:bold;
	color:#62a501;
}
h4{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#62a501;
}
.cj{
	font-family:Arial, Helvetica, sans-serif;
	font-size:50px;
	letter-spacing:1px;
	color:#F69;
}.cjdetail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:1px;
	color:#F69;
}.cjTopic{
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	letter-spacing:1px;
	font-weight:bolder;
	color:#F39;
}.cjTopicPink2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:28px;
	letter-spacing:1px;
	font-weight:bolder;
	color:#F39;
}.cjGreen{
	font-family:Arial, Helvetica, sans-serif;
	font-size:50px;
	letter-spacing:1px;
	color:#056839;
}.cjBlue{
	font-family:Arial, Helvetica, sans-serif;
	font-size:50px;
	letter-spacing:1px;
	color:#173186;
}
.cjBrown{
	font-family:Arial, Helvetica, sans-serif;
	font-size:50px;
	letter-spacing:1px;
	color:#4C2D1C;
}

.cjGreenTopic{
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	letter-spacing:1px;
	font-weight:bolder;
	color:#056839;
}.cjBlueTopic{
	font-family:Arial, Helvetica, sans-serif;
	font-size:34px;
	letter-spacing:1px;
	font-weight:bolder;
	color:#173186;
}
.cjBrownTopic{
	font-family:Arial, Helvetica, sans-serif;
	font-size:34px;
	letter-spacing:1px;
	font-weight:bolder;
	color:#4C2D1D;

}
.cjBrownTopic2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:33px;
	letter-spacing:1px;
	font-weight:bolder;
	color:#4C2D1D;

}

.cjBrownTopic3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	letter-spacing:1px;
	font-weight:bolder;
	color:#4C2D1D;

}
.cjGreendetail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:1px;
	color:#056839;
	
}.cjBrowndetail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:1px;
	color:#4C2D1C;
}

.cjBluedetail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:1px;
	color:#173186;
}
.cjRed{
	font-family:Arial, Helvetica, sans-serif;
	font-size:50px;
	letter-spacing:1px;
	color:#ed1b24;
}.cjRedTopic{
	font-family:Arial, Helvetica, sans-serif;
	font-size:40px;
	letter-spacing:1px;
	font-weight:bolder;
	color:#ed1b24;
}.cjReddetail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	letter-spacing:1px;
	color:#ed1b24;
}
.txt_12{
	font-family: "Tahoma", Arial;
	font-size: 12px;
}
.txt_12B{
	font-family: "Tahoma", Arial;
	font-size: 12px;
	font-weight:bold;
	color:#000;
}
.txt_11B{
	font-family: "Tahoma", Arial;
	font-size: 11px;
	font-weight:bold;
	color:#000;
}
.txt_11{
	font-family: "Tahoma", Arial;
	font-size: 11px;
}

.txt_10{
	font-family: "Tahoma", Arial;
	font-size: 10px;
}


.txt_11grey{
	font-family: "Tahoma", Arial;
	font-size: 11px;
	font-style:italic;
	color:#999;
}
.txt_blue {

	font-family: "Tahoma", Arial;
	font-size: 12px;
	font-style: normal;
	color: #0066B3;
}

.txt_blueth {
	font-family:"CordiaNEW";
	font-size: 14px;
	font-weight:bold;
	color: #0066B3;
}
.txt_blkth {
	font-family:"CordiaNEW";
	font-size: 14px;
	color: #000;
}
.txt_blackTH {

	font-family: "CordiaNew";
	font-size: 18px;
	font-style: normal;
	color: #000000;
	background:#FFF;
}
.txt_blackLetter {

	font-family: "Ms Sans Serif", Arial;
	font-size: 32px;
	font-weight: bold;
	font-style:normal;
	color: #000000;
	background:#FFF;
}
.txt_blueHDR {

	font-family: "Ms Sans Serif", Arial;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	color: #0066B3;
}
.txt_blueBrightHDR {

	font-family: "Ms Sans Serif", Arial;
	font-size: 24px;
	font-weight: bold;
	font-style: normal;
	color:#03F;
	color:#FF9933
}
.style1 {	font-size: 11px;
	color: #000000;
}
.style2 {color: #FFFFFF}
.style3 {font-size: 11px}
.style4 {font-size: 11px; color: #FFFFFF; }
.textdetail {
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 12px;
	color: #529A00;
	text-align:center;
	font-weight: bold;
}
.textbluedetail {
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 14px;
	color: #173186;
	text-align:justify;
}
.textbrowndetail {
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 14px;
	color: #4C2D1C;
	text-align:justify;
}
.textdetail02 {
	font-size: 14px;
	color: #529A00;	
}
	.textarea {
	font-size: 9pt;
	width:600px;
}
.textuser {
	font-family: "MS Sans Serif", Tahoma, sans-serif;
	font-size: 10px;
	color:#0CF;
	font-weight:bold;
}
.textred {
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 12px;
	color:#9f002f;
	font-weight:bold;
}
.textbrown {
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 12px;
	color:#986804;
	font-weight:bold;
}
.textbigbrown {
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 18px;
	color:#986804;
	font-weight:bold;
}
.textbluee {
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 12px;
	color:#0580b8;
	font-weight:bold;
}

.textpink {
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 16px;
	color:#ed0282;
}
.textdetail03 {
	font-size: 12px;
	color: #529A00;	
}
.textdetail002 {
	font-size: 10px;
	color: #529A00;
}


.textWhite {
	font-size: 11px;
	color: #FFF;
}

.textBlack {
	font-size: 12px;
	color: #000;
}
.textBlack2 {
	font-size: 8pt;
	color: #000;
}

.textWhite a:link { color: #FFF; text-decoration: none }
.textWhite a:visited { color: #FFF; text-decoration: none }
.textWhite a:active { color: #FFF; text-decoration: none }
.textWhite a:hover { color: #000; text-decoration: none }
.textGrey {
	font-size: 12px;
	color:#666;	
}
.textBigwhite {
	font-size: 18px;
	color: #FFF;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
}
.textBigBlack {
	font-size: 18px;
	color: #000;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
	font-style:normal;
}
.textbiggreen {
	font-size: 22px;
	color: #66B112;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
}
.textgreen {
	font-size: 12px;
	color: #0B7804;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
}
.textblackblue {
	font-size:14px;
	color:#002FA5;
	font-weight:bold;
	font-style:italic;
}
.textviolate {
	font-size:14px;
	color:#8400A5;
	font-weight:bold;
	font-style:italic;
}
.textblue {
	font-size:14px;
	color: #0072BC;	
}
.textbigblue {
	font-family:"Arial", Helvetica, sans-serif;
	font-size: 18px;
	color:#0072BC;	
	font-weight:bold;
}
.textgreenblue {
	font-size:12px;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
	color:#00a6a0;	
}
.textblack {
	font-family:"Arial", Helvetica, sans-serif;
	font-size:11px;
	color: #000;	
}
.textblack a:link { color: #000; text-decoration: none }
.textblack a:visited { color: #ccc; text-decoration: none }
.textblack a:active { color: #0072BC; text-decoration: none }
.textblack a:hover { color: #0072BC; text-decoration:underline; }
#logout{
	position: absolute;
	background:url(../images/logout_bg.gif) no-repeat;
	width:303px;
	height:29px;
	padding: 0;
	top:51px;
}
#logout_bt
{
    background:url(../images/nav/logout_button.gif) no-repeat;
    height: 14px;
    width: 50px;
    border: none;
	line-height:normal;
	cursor:pointer;
}

#logout_bt:hover {     background: url(../images/nav/logout_button.gif) 0 -14px no-repeat; }
#logout_bt span
{
  /*display: none;*/
}
#login{
	position: absolute;
	background:url(../images/login_bg.gif) no-repeat;
	width:303px;
	height:29px;
	padding: 0;
	top:51px;
}


#login input{
	
	color:#06F;
	border: 0.5pt solid #09F;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 10px;
	height: 12.5pt;
	line-height: 10pt;
	margin: 0;
	padding: 0 0 -2.5pt 0;
	/*space: 0;*/
	z-index: 1;

}
#submit
{
    background:url(../images/nav/login_button.gif) no-repeat;
    height: 14px;
    width: 37px;
    border: none;
	line-height:normal;
	cursor:pointer;
	top:-3px;
/*	font-style:normal; font-size:6px; position:relative; top:3px; left:15px;*/
}

#submit:hover {     background: url(../images/nav/login_button.gif) 0 -14px no-repeat; }
#submit span
{
 font-style:normal; font-size:6px; position:relative; top:3px; left:15px;
}

.submitlog
{
	margin:0px;
	padding:0px;
    background:url(../images/login_bt.gif) no-repeat;
    height: 49px;
    width: 49px;
    border: none;
	/*line-height:normal;*/
	cursor:pointer;
	position:absolute;
}
.submitlog img{
	margin:0px;
	padding:0px;
	
}
.submitlog:hover {     
	background: url(../images/login_bt.gif)  0 -59px no-repeat; 
	margin:0px; 
	padding:0px; 
	height: 49px;
    width: 49px;
	position:absolute;
}
.submitlog span
{
 font-style:normal; font-size:6px; position:fixed; top:3px; 
}



#logoutP{
	position: absolute;
	background:url(../images/logout_bg.gif) no-repeat;
	width:303px;
	height:29px;
	padding: 0;
	top:51px;
}
#logoutP_bt
{
    background:url(../images/nav/logout_button.gif) no-repeat;
    height: 14px;
    width: 50px;
    border: none;
	line-height:normal;
	cursor:pointer;
}

#logoutP_bt:hover {     background: url(../images/nav/logout_button.gif) 0 -14px no-repeat; }
#logoutP_bt span
{
  /*display: none;*/
}
#loginP{
	position: absolute;
	background:url(../images/login_bg.gif) no-repeat;
	width:303px;
	height:29px;
	padding: 0;
	top:51px;
}


#loginP input{
	
	color:#06F;
	border: 0.5pt solid #09F;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 10px;
	height: 12.5pt;
	line-height: 10pt;
	margin: 0;
	padding: 0 0 -2.5pt 0;
	/*space: 0;*/
	z-index: 1;

}
#submitP
{
    background:url(../images/nav/login_button.gif) no-repeat;
    height: 14px;
    width: 37px;
    border: none;
	line-height:normal;
	cursor:pointer;
	top:-3px;
/*	font-style:normal; font-size:6px; position:relative; top:3px; left:15px;*/
}

#submit:hover {     background: url(../images/nav/login_button.gif) 0 -14px no-repeat; }
#submit span
{
 font-style:normal; font-size:6px; position:relative; top:3px; left:15px;
}

.submitlog
{
	margin:0px;
	padding:0px;
    background:url(../images/login_bt.gif) no-repeat;
    height: 49px;
    width: 49px;
    border: none;
	/*line-height:normal;*/
	cursor:pointer;
	position:absolute;
}
.submitlog img{
	margin:0px;
	padding:0px;
	
}
.submitlog:hover {     
	background: url(../images/login_bt.gif)  0 -59px no-repeat; 
	margin:0px; 
	padding:0px; 
	height: 49px;
    width: 49px;
	position:absolute;
}
.submitlog span
{
 font-style:normal; font-size:6px; position:fixed; top:3px; 
}
.approved
{
	margin-top:25px;
	padding:0px;
	background:url(../images/approved.png) no-repeat;
	height: 34px;
	width: 60px;
	border: none;
	/*line-height:normal;*/
	cursor:pointer;
	position:absolute;
}
.approved img{
	margin:0px;
	padding:0px;
	
}
.approved:hover {     
	margin-top:25px;
	background: url(../images/approved.png)  0 -34px no-repeat; 
	padding:0px; 
	height: 34px;
    width: 60px;
	position:absolute;
}
.approved span
{
 font-style:normal; font-size:6px; position:fixed; top:3px; 
}

#regist
{
    background:url(../images/nav/register_button.gif) no-repeat;
    height: 14px;
    width: 43px;
    border: none;
	
	line-height:normal;
	cursor:pointer;
}

#regist:hover {     background: url(../images/nav/register_button.gif) 0 -14px no-repeat; }
#regist span
{
  /*display: none;*/
}

#getpass
{
    background:url(../images/nav/bt_getpass.gif) no-repeat;
    height: 14px;
    width: 48px;
    border: none;
	line-height:normal;
	cursor:pointer;
}

#getpass:hover {     background: url(../images/nav/bt_getpass.gif) 0 -14px no-repeat; }
#getpass span
{
  /*display: none;*/
}

#login a:link, #search a:visited {
	font-size: 90%;
	font-weight: bold;
	
}
#navigation{
	position: absolute;
	width:208px;
	height:29px;
	padding: 0;
	top:51px;
	font-size:10px;	
}
#navigation li {
			float: left;
			position: relative;
			list-style: none;
		}
		#navigation li a {
			display: block;
			text-decoration: none;
			height: 29px;
			background-position: 0 0;
			background-repeat: no-repeat;
			font-style:normal; 
			font-size:9px;
			text-align:right;
		}
		#navigation li#index a{background-image: url(../images/nav/nav_home.gif); width: 43px;}
		#navigation li#indexactive a {background-image: url(../images/nav/nav_home.gif); width: 43px; background-position: 0 -29px;}
		
		
		#navigation li#news a {background-image: url(../images/nav/nav_news.gif); width: 44px;}
		#navigation li#newsactive a {background-image: url(../images/nav/nav_news.gif); width: 44px; background-position: 0 -29px;}
		
		#navigation li#contact a {background-image: url(../images/nav/nav_contact.gif); width: 54px;}
		#navigation li#contactactive a {background-image: url(../images/nav/nav_contact.gif); width: 54px; background-position: 0 -29px;}	
		
		#navigation li#favorites a {background-image: url(../images/nav/nav_favorites.gif); width: 65px;}
		#navigation li#favoritesactive a {background-image: url(../images/nav/nav_favorites.gif); width: 65px; background-position: 0 -29px;}
		
		#navigation li#manage a {background-image: url(../images/nav/nav_manage.gif); width: 54px;}
		#navigation li#manageactive a {background-image: url(../images/nav/nav_manage.gif); width: 54px; background-position: 0 -29px;}	
		
		#navigation li#space{background-image:url(../images/blank.gif); width: 12px;}
		#navigation li a:hover {background-position: 0 -29px;}
		#navigation li a span {
				display:block;
				font-family: "MS Sans Serif", Tahoma, sans-serif;
				font-size: 10px;
				color: #529A00;
		}
		#navigation li a.active {background-position: 0 -29px;
	}
#contacts{
	position:absolute;
}
#second{
	position: absolute;
	width:518px;
	height:24px;
	padding: 0;
	top:80px;
	font-size:10px;
	
}
#second li {
	float:left;
	position: relative;
	list-style: none;
	text-align:center;
}
		#second li a {
			display: block;
			text-decoration: none;
			height: 30px;
			background-position: 0 0;
			background-repeat: no-repeat;
			padding-top:10px;
		}
		
		#second li#coconut a {background-image:url(../images/nav/sec_nav_coconut.gif); width: 54px;}
		#second li#coconutactive a {background-image: url(../images/nav/sec_nav_coconut.gif); width: 54px; background-position: 0 -50px;}
		
		#second li#cocomilk a {background-image:url(../images/nav/sec_nav_coconutmilk.gif); width: 74px;}
		#second li#cocomilkactive a {background-image: url(../images/nav/sec_nav_coconutmilk.gif); width: 74px; background-position: 0 -50px;}
		
		#second li#cocojuice a {background-image:url(../images/nav/sec_nav_coconutjuice.gif); width: 79px;}
		#second li#cocojuiceactive a {background-image: url(../images/nav/sec_nav_coconutjuice.gif); width: 79px; background-position: 0 -50px;}
		
		#second li#product a {background-image:url(../images/nav/sec_nav_product.gif); width: 74px;}
		#second li#productactive a {background-image: url(../images/nav/sec_nav_product.gif); width: 74px; background-position: 0 -50px;}
		
		#second li#magazine a {background-image:url(../images/nav/sec_nav_brand.gif); width: 56px;}
		#second li#magazineactive a {background-image:url(../images/nav/sec_nav_brand.gif); width: 56px; background-position: 0 -50px;}
		#second li#magazine a span{
			position: absolute;
			/*width: 19px;
			height: 13px;*/
			clear:both;
			/*display: block;	*/
			top: -2px;
			left: 8px;	
			background: url(../images/icon_newss.png) no-repeat;
			}
		#second li#magazineactive a span{
			position: absolute;
			/*width: 19px;
			height: 13px;*/
			clear:both;
			/*display: block;	*/
			top: -2px;
			left: 8px;	
			background: url(../images/icon_newss.png) no-repeat;
			}	
		#second li#brand a {background-image:url(../images/nav/sec_nav_brand.gif); width: 64px;}
		#second li#brandactive a {background-image:url(../images/nav/sec_nav_brand.gif); width: 64px; background-position: 0 -50px;}
		
		#second li#ref a {background-image:url(../images/nav/sec_nav_reference.gif); width: 62px;}
		#second li#refactive a {background-image: url(../images/nav/sec_nav_reference.gif); width: 62px; background-position: 0 -50px;}
		
		#second li#career a {background-image:url(../images/nav/sec_nav_career.gif); width: 48px;}
		#second li#careeractive a {background-image: url(../images/nav/sec_nav_career.gif); width: 48px; background-position: 0 -50px;}
		
		
		#second li#blank {background-image:url(../images/blank.gif); width: 1px;}
		#second li a:hover {background-position: 0 -50px;}
		#second li a span {
				font-style:normal;
				/*font-size:9px;*/
				display:block;
				font-family: "MS Sans Serif", Tahoma, sans-serif;
				font-size: 10px;
				color: #529A00;
		}
		#second li a.active {background-position: 0 -50px;	}


img {
	border: none;
	font-family: Tahoma, Arial;
	/*behavior: url(./iepngfix.htc);*/
}

/* dock - top */
.dock {
	position: relative; 
	height: 50px; 
	text-align: center;
	z-index:1;
}
.dock-container {
	position: absolute;
	height: 56px;
	/*background:url(../images/dock-bg.gif);
	padding-left: 10px;*/
}
a.dock-item {
	/*display: block;*/
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 10px Arial, Helvetica, sans-serif;
}
.dock-item img {
	border: none; 
	margin: 2px 3px 0px; 
	width: 100%;	
}
.dock-item span {
	display: none; 
	padding-left: 8px;
}

/* dock2 - second line */
.dock2 {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container2 {
	position: absolute;
	height: 56px;
	/*background:url(../images/dock-bg.gif);
	padding-left: 10px;*/
}
a.dock-item2 {
	/*display: block;*/
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 10px Arial, Helvetica, sans-serif;
}
.dock-item2 img {
	border: none; 
	margin: 2px 3px 0px; 
	width: 100%;	
}
.dock-item2 span {
	display: none; 
	padding-left: 8px;
}
.dock3 {
	position: relative; 
	height: 50px; 
	text-align: center;
}
.dock-container3 {
	position: absolute;
	height: 56px;
	/*background:url(../images/dock-bg.gif);
	padding-left: 10px;*/
}
a.dock-item3 {
	/*display: block;*/
	width: 40px;
	color: #000;
	position: absolute;
	top: 0px;
	text-align: center;
	text-decoration: none;
	font: bold 10px Arial, Helvetica, sans-serif;
}
.dock-item3 img {
	border: none; 
	margin: 2px 3px 0px; 
	width: 100%;	
}
.dock-item3 span {
	display: none; 
	padding-left: 8px;
}

#add {
	height:16px;
	width:89px;
	margin:0 auto;
	}
a.add-button {
	display:block;
    width:89px;
    height:16px;
    background:url(../images/add_icon.gif) 0 0 no-repeat;
    text-decoration: none;
	}
a:hover.add-button {
	background-position:0 -16px;
	}
	
	#addth {
	height:16px;
	width:67px;
	margin:0 auto;
	}


a.addth-button {
	display:block;
    width:67px;
    height:16px;
    background:url(../images/add_th.gif) 0 0 no-repeat;
    text-decoration: none;
	}
a:hover.addth-button {
	background-position:0 -16px;
	}
	
#editth {
	height:16px;
	width:75px;
	margin:0 auto;
	}
a.editth-button {
	display:block;
    width:75px;
    height:16px;
    background:url(../images/edit_th.gif) 0 0 no-repeat;
    text-decoration: none;
	}
a:hover.editth-button {
	background-position:0 -16px;
	}

	#add_editth {
	height:16px;
	width:106px;
	margin:0 auto;
	}
a.add_editth-button {
	display:block;
    width:106px;
    height:16px;
    background:url(../images/add+edit_th.gif) 0 0 no-repeat;
    text-decoration: none;
	}
a:hover.add_editth-button {
	background-position:0 -16px;
	}


.hilight{
/*margin:0 0 20px;*/
font-size:9px;
font-weight:normal;
color:#F00;
}
.read{
/*margin:0 0 20px;*/
font-size:9px;
font-weight:normal;
color:#1b54b5;
}

a.read{
/*margin:0 0 20px;*/
font-size:10px;
font-weight:normal;
color:#F93;
}
a.read:hover{
/*margin:0 0 20px;*/
font-size:10px;
text-decoration:underline;
font-weight:normal;
color:#006;
}
table.letter  textarea {
	clear:both;
}
.date{
/*margin:0 0 20px;*/
font-size:10px;
font-weight:normal;
color:#999;
}
table.graph
{
/*border:1px solid #c3c3c3;*/
border-collapse:collapse;
}

table.graph td 
{
	border-bottom:1px solid #c3c3c3;
	padding:3px;
	font-size:12px;
	color:#68BB05;
	font-family: Tahoma, Arial;
}
.minus{
	font-size:12px;
	color:#F03;
	font-family: Tahoma, Arial;
}
table.ref
{
border:1px solid #8dc70a;
border-collapse:collapse;
}

table.ref td 
{
	border:1px solid #8dc70a;
	padding:3px;
	font-size:9px;
	font-family: Tahoma, Arial;
}
table.ref span
{
	padding:3px;
	font-size:11px;
	font-weight:bold;
	font-family: Tahoma, Arial;
}
table.ref .text
{
	padding:3px;
	font-size:11px;
	font-family: Tahoma, Arial;
}
table.ref  select, textarea {
 font-family: "MS Sans Serif", Tahoma, sans-serif;
 font-size: 10px;
 background-color:#D7E5F2;
 color:#063; 
 border: 1px groove #284279;
 height:20px;
}

table.reference
{
border:1px solid #c3c3c3;
border-collapse:collapse;
}

table.reference td 
{
	border:1px solid #c3c3c3;
	padding:3px;
	font-size:9px;
	font-family: Tahoma, Arial;
}
table.reference span
{
	padding:3px;
	font-size:11px;
	font-weight:bold;
	font-family: Tahoma, Arial;
}
table.reference .text
{
	padding:3px;
	font-size:11px;
	font-family: Tahoma, Arial;
}
table.reference  select, textarea {
 font-family: "MS Sans Serif", Tahoma, sans-serif;
 font-size: 10px;
 background-color:#D7E5F2;
 color:#063; 
 border: 1px groove #284279;
 height:20px;
}
table.gp
{
clear:both;
}
table.list
{
border:1px solid #c3c3c3;
border-collapse:collapse;
}

table.list td 
{
border:1px solid #c3c3c3;
padding:3px;
font-size:9px;
}
table.career
{
border:1px solid #c3c3c3;
border-collapse:collapse;
}

table.career td 
{
border:1px solid #c3c3c3;
padding:3px;
font-size:12px;
}

.browse_page{
	clear:both;
	/*margin-left:12px;*/
	height:35px;
	margin-top:5px;
	display:block;
	width:100%;
}
.browse_page2{
	align:center;
	color:#FFF;
	/*margin-left:12px;*/
	height:20px;
	margin-top:5px;

}
#a link{
	color:#FFF; }
	
.browse_page a,.browse_page a:hover{
	display:block;
	height:18px;
	width:18px;
	font-size:10px;
	float:left;
	margin-right:2px;
	border:1px solid #CCCCCC;
	background-color:#F4F4F4;
	color:#333333;
	text-align:center;
	line-height:18px;
	font-weight:bold;
	text-decoration:none;
}
.browse_page a:hover{
	border:1px solid #0A85CB;
	background-color:#0A85CB;
	color:#FFFFFF;
}
.browse_page a.selectPage{
	display:block;
	height:18px;
	width:18px;
	font-size:10px;
	float:left;
	margin-right:2px;
	border:1px solid #0A85CB;
	background-color:#0A85CB;
	color:#FFFFFF;
	text-align:center;
	line-height:18px;
	font-weight:bold;
}
.browse_page a.SpaceC{
	display:block;
	height:18px;
	width:18px;
	font-size:10px;
	float:left;
	margin-right:2px;
	border:0px dotted #0A85CB;
	/*font-size:11px;*/
	background-color:#FFFFFF;
	color:#333333;
	text-align:center;
	line-height:18px;
	font-weight:bold;
}
.browse_page a.naviPN{
	width:50px;
	font-size:12px;
	display:block;
	height:18px;
	float:left;
	border:1px solid #0A85CB;
	background-color:#0A85CB;
	color:#FFFFFF;
	text-align:center;
	line-height:18px;
	font-weight:bold;	
}
.browse_page a:hover.naviPN{
	width:50px;
	font-size:12px;
	display:block;
	height:18px;
	float:left;
	border:1px solid #0A85CB;
	background-color:#0A85CB;
	color:#FC0;
	text-align:center;
	line-height:18px;
	font-weight:bold;	
}
#menuleft{
	position:relative;
	width:244px;
	padding: 0;	
	vertical-align:top;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-align:right;	
}
#menuleft li {
	float:left;
	width:244px;
	position:relative;
	list-style: none;
	font-family:"Arial", Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	text-align:right;	
	vertical-align:top;	
}
		#menuleft li a {
			display: block;
			text-decoration: none;
			height:26px;
			font-family:"Arial", Helvetica, sans-serif;
			font-weight:bold;
			font-size:12px;
			background:url(../images/cc_sidemenu01.gif);
			position:relative;
			text-align:right;
			color:#FFF;
			padding-right:8px;
			padding-top:4px;
		}		
		
		#menuleft li#01 a {background-image:url(../images/cc_sidemenu01.gif); width: 244px; height:26px; background-position: 0 0px;}
		#menuleft li#01active a {background-image: url(../images/cc_sidemenu01.gif); width: 244px; background-position: 0 -26px;}
		#menuleft li#01 a:hover  {background-image: url(../images/cc_sidemenu01.gif); width: 244px; background-position: 0 -26px;color:#060; font-weight:bold;}
		#menuleft li#blank {background-image:url(../images/blank.gif); width: 1px; clear:both;}
		#menuleft li a:hover {color:#060; font-weight:bold;background-position: 0 -26px;}
		#menuleft li a span {display:block;}
		#menuleft li a:hover span {color:#060; font-weight:bold;background-position: 0 -26px;}
		#menuleft li a.active {background-position: 0 -26px;	}
		
		
#buttonLi{
	position:relative;
	width:250px;
	padding: 0;	
	font-size:10px;
	vertical-align:top;
	text-align:center;	
}
#buttonLi li {
	float:left;
	width:100px;
	position:relative;
	list-style: none;
	text-align:center;
	vertical-align:top;	
}
		#buttonLi li a {
			display: block;
			text-decoration: none;
			height:26px;
			font-family:"Arial", Helvetica, sans-serif;
			font-weight:bold;
			font-size:12px;
			background:url(../images/bt_spec1.gif);
			position:relative;
			text-align:center;
			padding-top:6px;
			color:#FFF; 
		}		
		.clearbuttonLi { 
			clear:both;
		}
		#buttonLi li#bt a {background-image:url(../images/bt_spec1.gif); width: 100; height:26px; background-position: 0 0px;}
		#buttonLi li#btactive a {background-image: url(../images/bt_spec1.gif); width: 100px; background-position: 0 -36px;}
		#buttonLi li#bt a:hover  {background-image: url(../images/bt_spec1.gif); width: 100px; background-position: 0 -36px;}
		#buttonLi li#blank {background-image:url(../images/blank.gif); width: 1px; clear:both;}
		#buttonLi li a:hover {background-position: 0 -36px;font-style:normal; color:#060; }
		#buttonLi li a span {font-style:normal; color:#FFF; font-weight:bold; font-size:12px; position:relative;text-align:center; }
		#buttonLi li a:hover span {font-style:normal; color:#060; font-weight:bold; font-size:12px;text-align:center;}
		#buttonLi li a.active {background-position: 0 -36px;	}		
		
.droplinetabs{
overflow: hidden;
color:#FFF;
}

.droplinetabs ul{
font: bold 12px Arial;
margin:0;
padding:0;
width: 100%;
height:46px;
list-style: none;
color:#FFF;
}

.droplinetabs li{
display: inline;
height:46px;
padding: 0;
color:#FFF;
/*padding-top:12px;*/
text-align:center;
}
		.droplinetabs li#oc1 a {background-image:url(../images/nav/oc_01.gif); width: 108px;}
		.droplinetabs li#oc1active a {background-image: url(../images/nav/oc_01.gif); width:108px; background-position: 0 -46px; font-size:13px; color:#CCC;}
		
		.droplinetabs li#oc2 a {background-image:url(../images/nav/oc_02.gif); width: 108px;}
		.droplinetabs li#oc2active a {background-image: url(../images/nav/oc_02.gif); width: 108px; background-position: 0 -46px; font-size:13px; color:#CCC;}
		
		.droplinetabs li#oc3 a {background-image:url(../images/nav/oc_03.gif); width: 142px;}
		.droplinetabs li#oc3active a {background-image: url(../images/nav/oc_03.gif); width: 142px; background-position: 0 -46px; font-size:13px; color:#CCC;}
		
		.droplinetabs li#oc4 a {background-image:url(../images/nav/oc_04.gif); width: 142px;}
		.droplinetabs li#oc4active a {background-image:url(../images/nav/oc_04.gif); width: 142px; background-position: 0 -46px; font-size:13px; color:#CCC;}
		
		.droplinetabs li#oc5 a {background-image:url(../images/nav/oc_05.gif); width: 103px;}
		.droplinetabs li#oc5active a {background-image: url(../images/nav/oc_05.gif); width: 103px; background-position: 0 -46px; font-size:13px; color:#CCC;}
		
		.droplinetabs li#oc6 a {background-image:url(../images/nav/oc_06.gif); width: 155px;}
		.droplinetabs li#oc6active a {background-image: url(../images/nav/oc_06.gif); width: 155px; background-position: 0 -46px; font-size:13px; color:#CCC;}

.droplinetabs a{
float: left;
color:#FFF;
height:46px;
text-decoration: none;
padding-top:12px;
}

.droplinetabs a:link, .droplinetabs a:visited, .droplinetabs a:active{
color:#FFF;
}

.droplinetabs a span{
float: left;
display: block;
text-align:center;
cursor: pointer;
float: none;
color:#FFF;
}
.droplinetabs a:hover{
background-position: 0 -46px;
color:#FFF;
}
.droplinetabs a:hover span{
background-color: transparent;
padding-top:2px;
}		

.fisheye, 
.fisheye2, 
.fisheye3{
	text-align: center;
	height: 50px;
	position: relative;
}
a.fisheyeItem, 
a.fisheyeItem2, 
a.fisheyeItem3
{
	text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	top: 0;
}

.fisheyeItem img, 
.fisheyeItem2 img, 
.fisheyeItem3 img
{
	border: none;
	margin: 0 auto 5px auto;
	width: 100%;
}

.fisheyeItem span,
.fisheyeItem2 span,
.fisheyeItem3 span
{
	positon: absolute;
	display: none;
	font-size:9px;
	font-weight:normal;
}
.fisheyeContainter, 
.fisheyeContainter2, 
.fisheyeContainter3
{
	/*background-color: #f00;*/
	height: 50px;
	width: 400px;
	left: 200px;
	position: absolute;
}
#ImageBoxOverlay
{
	background-color: #000;
}
#ImageBoxCaption
{
	background-color: #F4F4EC;
}
#ImageBoxContainer
{
	width: 250px;
	height: 250px;
	background-color: #F4F4EC;
}
#ImageBoxCaptionText
{
	font-weight: bold;
	padding-bottom: 5px;
	font-size: 13px;
	color: #000;
}
#ImageBoxCaptionImages
{
	margin: 0;
}
#ImageBoxNextImage
{
	background-image: url(images/blank.gif);
	background-color: transparent;
}
#ImageBoxPrevImage
{
	background-image: url(images/blank.gif);
	background-color: transparent;
}
#ImageBoxNextImage:hover
{
	background-image: url(images/next_image.jpg);
	background-repeat:	no-repeat;
	background-position: right top;
}
#ImageBoxPrevImage:hover
{
	background-image: url(images/prev_image.jpg);
	background-repeat:	no-repeat;
	background-position: left bottom;
}
#slideshow {
	margin:0 auto;
	width:244px;
	height:230px;
	
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  left:12px;
  width:220px;
  height:230px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:220px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:230px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  margin-left:3px;
  width:18px;
  height:133px;
  text-indent:-10000px;
  z-index:1;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent  url(../images/f_left.gif) no-repeat 0 0;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/f_right.gif) no-repeat 0 0;
}

/** 
 * Style rules for Demo page
 */
/** {
  margin:0;
  padding:0;
  font:normal 11px Verdana, Geneva, sans-serif;
  color:#ccc;
}*/
/*a {
  color: #fff;
  font-weight:bold;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
body {
  background:#393737 url(images/bg_body.jpg) repeat-x top left;
}*/
#pageContainer {
  margin:0 auto;
  width:244px;
/*  background:url(images/bg_feature.gif) no-repeat top left;*/
}
#pageContainer h1 {
  display:block;
  width:244px;
  height:104px;
  text-indent: -10000px;
}
.slide h2, .slide p {
  margin:5px;
  
}
.slide h2 {
 font-family:Arial, Helvetica, sans-serif;
 font-size:20px;
  color:#F39;
  letter-spacing:-1px;
}
.slide img {
 /* float:right;*/
  clear:both;  
  margin-top: 15px;
 /* margin:0 5px;*/
}
#mover {
width: auto;
position:absolute;
overflow:hidden;
}

#JT_close_left, #JT_close_right{font-size: 1.1em;}
#JT_copy p, #JT_copy ul{font-size: 1.1em;}
#contentPad{
margin:0px;
}

.formInfo a, .formInfo a:active, formInfo a:visited{
	background-color:#FF0000;
	font-size: 1.3em;
	font-weight:bold;
	padding:1px 2px;
	margin-left:5px;
	color:#FFFFFF;
	text-decoration: none;
}

.formInfo a:hover{
	color:#660000;
	text-decoration: none;
}

/* ---- jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arr_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arr_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	/*border: 1px solid #CCCCCC;*/
}

.jTip{
cursor:help;
border:none;
}

table.inlist
{
border:none;
border-collapse:collapse;
}

table.inlist td 
{
border:none;
padding:3px;
font-size:9px;
}

#btn_moveup
{
  display: block;
  background:url(../images/move_up.gif);
  width:11px;
  height:10px;
}

#btn_moveup:hover
{ 
  background-position: 0 -10px;
}

#btn_moveup span
{
  position: absolute;
  top: -999em;
}

#btn_movedown
{
  display: block;
  background:url(../images/move_down.gif);
  width:11px;
  height:10px;
}

#btn_movedown:hover
{ 
  background-position: 0 -10px;
}

#btn_movedown span
{
  position: absolute;
  top: -999em;
}