body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 background:#ededed;
 margin: 0 auto;
}
* { padding: 0; margin: 0; }
p {margin:10px 0 10px 0;line-height:20px;}
p img.banner{margin: 0 0 20px 0; border:none;}
a{color:#069;text-decoration:none;}
a:hover{color:#666666;text-decoration:underline;}
.graph {text-align:center;}

input {border:1px solid #333;}
input:hover, input:active {border-color:#900;}


#outer {
	background:url(images/bg_new.gif) repeat-x;
	margin:0;
	width:100%;
}
#wrapper { 
 margin: 0 auto;
 width: 960px;
}

#faux {
	margin-bottom: 0px;
	overflow: auto;
	width: 100%
}
span, span a {
	font-size:11px;
	line-height:10px;
	color:#333;
}
#rightcolumn span{color:#eee}

/* header */
#header {
	color: #333;
	width: 940px;
	padding: 0 10px;
	height: 119px;
	margin: 0px;
	background: #434343 url(images/header.jpg);
}
	#hd {
	float:right;
	margin:30px 10px 0 0;
	}
		#hd img {
			float:left;
		}
		#hd #number {
			float:left;
			color:#e10000;
			font-size:18px;
			line-height: 20px;
			display: inline;
			vertical-align: middle;
		}
		#hd #number p{
			margin: 10px 0 0;
			white-space: nowrap;
		}
/*end header */

/*BANNER*/
#banner {
 margin-bottom: 0px;
 overflow: hidden; 
 width: 100%;
 height: 327px;
 padding-top:0px;
}
#banner .left {
 padding-right:8px;
 float:left;
 height:310px;
 width:650px;
}
#banner .right {
	height:310px;
	width:300px;
	background:#474747 url(images/cs.jpg);
	float:right;
}
	.right .chat{
		margin:50px 10px 10px;
	}
	.right h2 {
		color:#fff; font-size:14px; font-weight:normal; text-transform:uppercase; padding:10px 0; margin:0;
	}
		/* rotator in-page placement */
			div#rotator {
			position:relative;
			height:310px;
		}
		/* rotator css */
		div#rotator ul{margin:0; padding:0;}
			div#rotator ul li {
			float:left;
			position:absolute;
			list-style: none;
			padding:0;
			margin:0;
		}
		/* rotator image style */	
			div#rotator ul li img {
			border:none;
			padding: 0;
			background: none;
		}
			div#rotator ul li.show {
			z-index:500;
		}


/* CONTENT MAIN */
#content { 
 float: left;
 color: #333;
 margin: 20px;
 padding: 0px;
 width: 460px;
 display: inline;
 position: relative;
}
#content .con_main{
	padding-bottom:20px;	
}
#content a { font-size: 13px;}
h1 {
	border: 1px solid #aeaeae;
	width: 470px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	background-color: #ccc; /* fallback color */
	background: url(images/h2_left.gif) repeat-x top; /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #CCCCCC, #EEEEEE);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#CCCCCC));
	-pie-background: linear-gradient(#EEEEEE, #CCCCCC);
	behavior: url(PIE.htc);
	font:Arial; font-weight: bold;font-size:14px;color:#e10000;
  	-moz-text-shadow: 0 0 2px #000;
  	-webkit-text-shadow: 0 0 2px #000;
	text-shadow: 0 1px 0 white;
	line-height:28px;
	padding:0 0 0 10px;
	text-transform:uppercase;
	margin: 0 -15px 15px -10px;
}

.isi{ /* left and right side contents */
	margin: 0 10px 10px;
	font-size:11px;
}
#content li{
 	margin:0 0 0 20px;
  	padding:0px;
}
#content ul, #content ol {margin-bottom:10px;}

/* SIDEBAR LEFT & RIGHT */
#box p{line-height:10px;}
#box {
	padding: 0 0 10px 0;
	width: 228px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(PIE.htc);	
	margin: 0 0 10px 0;
}
#leftcolumn h2,#rightcolumn h2, #box_banner h2 {
	height:30px;
	behavior: url(PIE.htc);	
	line-height:28px;
	padding-left:10px;
 	font:Arial; font-weight: bold;font-size:12px;
  	-moz-text-shadow: 0 0 2px #000;
  	-webkit-text-shadow: 0 0 2px #000;
	margin: 0 0 15px 0;
	text-transform:uppercase;
	-webkit-border-radius: 8px 8px 0 0;
	-moz-border-radius: 8px 8px 0 0;
	border-radius: 8px 8px 0 0;
}
#box ul {
	margin:0 0 0 10px;
	color:#333;
}
/* LEFTSIDE */
#leftcolumn { 
 display: inline;
 margin: 20px 0;
 padding: 0px;
 width: 230px;
 float: left;
}
#leftcolumn #box {
	border: 1px solid #aeaeae;
	background-color: #eee; /* fallback color */
	background: url(images/left_bg.gif) repeat-x bottom; /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #CCCCCC, #EEEEEE);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#CCCCCC));
	-pie-background: linear-gradient(#EEEEEE, #CCCCCC);
	color:#333;
}
#leftcolumn h2 {
	border-bottom:1px solid #aeaeae;
	-pie-background: linear-gradient(#EEEEEE, #CCCCCC);
	background-color: #ccc; /* fallback color */
	background: url(images/h2_left.gif) repeat-x top; /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #CCCCCC, #EEEEEE);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#CCCCCC));
	color:#e10000;
	text-shadow: 0 1px 0 white;
}
/*RIGHT SIDE*/ 
 #rightcolumn { 
 display: inline;
 margin: 20px 0;
 padding: 0px;
 width: 230px;
 float: Right;
} 

/*#rightcolumn { 
 position: absolute;
 margin-left: 3000px;
 margin-top: 10px;
 padding: 0px;
 width: 230px;
 top : 493px;
 right : 188px;
}*/

#rightcolumn #box {
	border: 1px solid #aeaeae;
	background-color: #eee; /* fallback color */
	background: url(images/left_bg.gif) repeat-x bottom; /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #CCCCCC, #EEEEEE);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#CCCCCC));
	-pie-background: linear-gradient(#EEEEEE, #CCCCCC);
	color:#333;
}
#rightcolumn #box_banner {
	border: 1px;
	width: 228px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url(PIE.htc);
	color:#FFF;
	shadow: 0 1px 0 white;
	margin: 0 0 10px 0;
	background-color: #CCC;
	text-align:center;
	overflow:hidden;
}
#rightcolumn h2, #box_banner h2 {
	border-bottom:1px solid #aeaeae;
	-pie-background: linear-gradient(#EEEEEE, #CCCCCC);
	background-color: #ccc; /* fallback color */
	background: url(images/h2_left.gif) repeat-x top; /* fallback image */
	background-image: -moz-linear-gradient(100% 100% 90deg, #CCCCCC, #EEEEEE);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EEEEEE), to(#CCCCCC));
	color:#e10000;
	text-shadow: 0 1px 0 white;
}
#box_banner h2 {
	margin: 0;
}

/* FOOTER */
#footer_outter {
	width: 100%;
	background: #686868 url(images/ftr_outter_bg.gif) repeat-x top;
}
.footer a{
	width:960px;
	clear: both;
	color: #fff;
	margin: 0px auto;
	padding: 10px;
}

.footer{
	width:960px;
	clear: both;
	color: #fff;
	background: url(images/ftr_bg.gif) no-repeat top;
	margin: 0px auto;
	padding: 10px;
}

.footer p {text-align:center}
.clear { clear: both; background: none; }


/** Navigation **/
#navouter {
 color: #333;
 height:33px;
 margin: 0px;
 background:  url(images/nav_border.gif) no-repeat bottom;
}
#navouter #nav{
	height:30px;
	width:980px;
	margin:0 auto 0 auto;
}
#navouter #nav a{ color:#fff;text-shadow: #333 0 1px 0;}
#navouter #nav li:hover a{color:#333;text-shadow: #666 0 1px 0;}
#navouter #nav li:hover li a{color:#fff;}
#navouter ul{
	height:30px;
	margin:0px;
	padding-left:10px;
	list-style-type:none;
	line-height:30px;
}
#navouter ul ul {
	padding-left:0;
}
	#navouter li{
	/*float:left;*/
	}
	
	#navouter li a{
	color:#fff;
	text-decoration:none;
	height:30px;
	padding:0 11px;
	white-space:nowrap;
	}
	#navouter li a:hover{
		color:#333;
	}

		/** Menu Dropdown **/
		ul.dropdown,
		ul.dropdown li,
		ul.dropdown ul {
		 list-style: none;
		 margin: 0;
		 padding: 0;
		}
		
		ul.dropdown {
		 position: relative;
		 z-index: 597;
		 float: left;
		}
		ul.dropdown li ul li{
			padding-left:10px;
		}
		ul.dropdown li {
		 float: left;
		 line-height: 1.3em;
		 vertical-align: middle;
		 zoom: 1;
		}
		
		ul.dropdown li.hover,
		ul.dropdown li:hover {
		 position: relative;
		 z-index: 599;
		 cursor: default;
		}
		
		ul.dropdown ul {
		 visibility: hidden;
		 position: absolute;
		 top: 100%;
		 left: 0;
		 z-index: 598;
		 width: 100%;
		}
		
		ul.dropdown ul li {
		 float: none;
		}
		
		ul.dropdown ul ul {
		 top: 1px;
		 left: 99%;
		}
		
		ul.dropdown li:hover > ul {
		 visibility: visible;
		}
		/**--**/
		ul.dropdown {
		
		}
		
			ul.dropdown li {
			 color: #fff;
			 line-height:30px;
			}
			ul.dropdown li ul li{
			 padding: -3px 10px 0 10px;
			 border-style: solid;
			 border-width: 1px 1px 1px 0;
			 border-color: #333 #999 #999;
			 background-color: #666;
			 color: #000;
			}
		
		
			ul.dropdown li ul li.hover,
			ul.dropdown li ul li:hover {
			 background-color: #333;
			 color: #000;
			}
		
			ul.dropdown a:link,
			ul.dropdown a:visited	{ color: #000; text-decoration: none; }
			ul.dropdown a:hover		{ color: #000; }
			ul.dropdown a:active	{ color: #ffa500; }
		
		
			/* -- level mark -- */
		
			ul.dropdown ul {
			 width: auto;
			 margin-top: 1px;
			}
		
				ul.dropdown ul li {
				 font-weight: normal;
				}



			/*-------------------------------------------------/
			 * @section		Support Class `dir`
			 * @level sep	ul, .class
			 */
			
			
			ul.dropdown *.dir {
			 padding-right: 10px;
			 background-image: url(images/nav-arrow-down-white.png);
			 background-position: 100% 50%;
			 background-repeat: no-repeat;
			}
			ul.dropdown *.dir:hover {
			 background-image: url(images/nav-arrow-down.png);
			}
			ul.dropdown ul *.dir:hover {
			 background-image: url(images/nav-arrow-down-white.png);
			}
			
			/* -- Components override -- */
			
			ul.dropdown-horizontal ul *.dir {
			 padding-right: 20px;
			 background-image: url(images/nav-arrow-right-white.png);
			 background-position: 100% 50%;
			 background-repeat: no-repeat;
			}
			
			ul.dropdown-upward *.dir {
			 background-image: url(images/nav-arrow-top.png);
			}
			
			ul.dropdown-vertical *.dir,
			ul.dropdown-upward ul *.dir {
			 background-image: url(images/nav-arrow-right.png);
			}
			
			ul.dropdown-vertical-rtl *.dir {
			 padding-right: 10px;
			 padding-left: 15px;
			 background-image: url(images/nav-arrow-left.png);
			 background-position: 0 50%;
			}


/** content table **/
table{
		padding:0;
		text-align:left;
  		margin-bottom:20px;
	}
#box table {width:100%;color:#333;}
#rightcolumn table {margin:0 auto;}
.con_main table{width:100%;}
.con_main table tr td {border-bottom: 1px solid #fffdfc; padding:5px 0; /*text-transform:capitalize;*/}

#content tr td{
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 10px;
	padding: 3px 2px;
	background: #f0f0f0;
}
.isi tr td{
	font-family: "lucida grande", verdana, sans-serif;
	font-size: 9px;
	padding: 3px 0px;
	background: #f0f0f0;
}
#content thead td{color: #fff;background: #e10000;}
.isi thead td{
	color: #fff;
	background-color: #666666;
}

tbody td{
		/*border-left: 1px solid #D9D9D9;*/
}
tbody tr.even td{
	background: #d4d4d4;
}
tbody tr.selected td{
	background: #3d80df;
	color: #ffffff;
	font-weight: bold;
}
tbody tr.ruled td{
	color: #000;
	background-color: #C6E3FF; 
	border-color: #3292FC;
}

/* Opera fix */
head:first-child+body tr.ruled td{
	background-color: #C6E3FF; 
}


/* Form */
#form p{
width:100px;
margin:5px 0;
float:left;
text-align:left;
font-size:1em;
}
#form br { clear: left; }

#form .button{
	margin-left:105px;
	border:none;
	padding:7px;
	font:.9em Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	width:100px;
	cursor:pointer;
}

#content input.button{
        float:none;
	/*margin-left:105px;*/
	border:none;
	padding:7px;
	font:.9em Helvetica, Arial, sans-serif;
	text-transform:uppercase;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	width:100px;
	cursor:pointer;
}
#form .button, #content input.button{
background:#e10000;
color:#fff;
}
	#form .button:hover, #content input.button:hover{
	background:#434343;
	border:none;
	}

	#form .button:active, #content input.button:active{
	background:#0aceff;
	}
	
/* input & textarea */
#content input, #main_content textarea{
margin: 0 5px;
padding: 5px; 
float: left;
background:#fdfdfd;
border:none;
border-top:1px solid #b3b3b3;
border-left:1px solid #b3b3b3;
border-bottom:1px solid #ededed;
border-right:1px solid #ededed;
color:#434;
}
#content input:hover, #main_content textarea:hover{
	border:1px solid #e10;
}
#content input{
width:300px;
}

#content textarea{
width:400px;
height:150px;
}
#content h4 {
	color: #C00;
	font-size:1em;
	padding: 10px 0 0;
}

/* -- faq elements -- */
#container {
	margin: 0 auto;
	width: 700px;
}
#questions {
	margin-bottom: 40px;
	padding-left: 0;
	margin-left: 0;
	border-bottom:double 1px #fff;
}
 
#questions li {
	line-height: 14px;
	/*list-style-type: none;*/
	margin-bottom: 10px;
	color:#069;
	list-style-position:outside;
}

div.faq-a {
	border-bottom: dotted 2px #ddd;
	padding: 10px 0 7px;
}
 
.return-top {
	float: right;
	cursor: pointer;
	padding-left: 20px;
}
.image-border {
	border:none;
}

/** for running text **/
#textstick {
	width:960px;
	height:20px;
	margin:0 auto;
	font-size:90%;
}