/* NON-HEADER */
*{padding:0; margin:0;}
body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	font-size: 12px;
	background: #fff url("../images/ortax/bgmain.png") repeat-x; 
 
} 
/*Font-size: 1.0em = 10px when browser default size is 16px*/
/*Default*/
input {
	font: 11px/15px Verdana, Tahoma, "Lucida Grande", "Lucida Sans Unicode";
	width: 90%;
	padding:2px;
	margin:3px 0px 3px 0px;	
}
select {
	font: 11px/15px "Lucida Grande", "Lucida Sans Unicode" ,Verdana, Tahoma;
	padding:2px;
	margin:3px 0px 3px 0px;	
}
textarea {
	font: 11px/15px Verdana, Tahoma, "Lucida Grande", "Lucida Sans Unicode";
	padding:2px;
	margin:3px 0px 3px 0px;	
}
a:link{
	text-decoration:none;
}
a:visited{
	color:blue;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
}
/* End Default */
#box { 
	width:905px; 
	margin: 0px auto;
	padding: 0px;
}
#head { 
	height:97px;
	padding:0px;
	margin:0px auto;
}
#bottom {
	padding-top: 5px;
	margin-bottom:10px;
	clear: both;
	border-top: 2px solid #e3e3e3;
	font-size:11px;
	text-align:center;
}

/* Menu Utama  begin*/
#menu_atas { 
	height:25px;
	margin:5px auto;
	border: 5px solid #C3C2C2;
	padding: 0px;
	background: url("../images/ortax/menu_bg.gif") repeat-x;
}

#menu_atas ul {list-style-type:none;}
#menu_atas ul li {float:left; position:relative; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; border-right:solid 1px rgb(175,175,175);}
#menu_atas ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:2.0em; line-height:2.0em; padding:0 10px 0 10px; text-decoration:none; font-weight:bold; color: #f0f0f0;}
#menu_atas ul li ul {display:none; border:none;}

/*Non-IE6 Menu Utama hovering*/
#menu_atas ul li:hover a {background-color:#006AAD; text-decoration:none;} /*Color main cells hovering mode*/
#menu_atas ul li:hover a:hover {background-color:#006AAD; text-decoration:none;} /*Color main cells hovering mode*/
#menu_atas ul li:hover ul {display:block; width:165px; position:absolute; z-index:999; top:1.9em; margin-top:0.1em; left:0;}
#menu_atas ul li:hover ul li a {display:block; width:165px; height:auto; line-height:1.3em; margin-left:-1px; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:#4CBEEF; font-weight:bold; color: #f0f0f0;} /*Color subcells normal mode*/
#menu_atas ul li:hover ul li a:hover {background-color:#006AAD; text-decoration:none;} /*Color subcells hovering mode*/

/*IE6 Menu Utama hovering*/
#menu_atas ul li a:hover {background-color:#006AAD; text-decoration:none;} /*Color main cells hovering mode*/
#menu_atas ul li:hover a:hover {background-color:#006AAD; text-decoration:none;} /*Color main cells hovering mode*/
#menu_atas ul li a:hover ul {display:block; width:165px; position:absolute; z-index:999; top:1.9em; t\op:1.9em; left:0; marg\in-top:0.1em;}
#menu_atas ul li a:hover ul li a {display:block; w\idth:165px; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-left:solid 1px rgb(175,175,175); border-bottom: solid 1px rgb(175,175,175); background-color:#4CBEEF; font-weight:bold; color: #f0f0f0;} /*Color subcells normal mode*/
#menu_atas ul li a:hover ul li a:hover {background-color:#006AAD; text-decoration:none;}
/* Menu Utama  end*/


/* Root Menu Kiri Begin */
ul#navmenu{ background: #f5f5f5 url("../images/ortax/menukiri_bg.gif") repeat-x;  margin: 0px; border-bottom: 2px solid #C8C8C8; padding: 0; width: 160px; /*For KHTML*/ list-style: none; }
ul#navmenu li,ul#navmenu ul {  margin: 0;  border: 0 none;  padding: 0;  width: 160px; /*For KHTML*/  list-style: none;}
ul#navmenu:after /*From IE 7 lack of compliance*/{  clear: both;  display: block;  font: 1px/0px serif;  content: ".";  height: 0;  visibility: hidden;}
ul#navmenu li {  float: left; /*For IE 7 lack of compliance*/  display: block !important; /*For GOOD browsers*/  display: inline; /*For IE*/  position: relative;}

ul#navmenu a {  border-top: 1px solid #C8C8C8;  padding: 0 8px;  display: block;  color: #f7f7f7;  font: bold 12px/25px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;  text-decoration: none;  height: auto !important;  height: 1%; /*For IE*/}
/* Root Menu Hover Persistence */
ul#navmenu a:hover{  background-color: #ededed;  color: #2A5A88;  padding: 0 8px;}
ul#navmenu li:hover a,ul#navmenu li.iehover a {  padding: 0 8px;}

/* 2nd Menu */
ul#navmenu li:hover li a,ul#navmenu li.iehover li a {  color: #ececec;  font: bold 10px/25px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;  font-weight: normal;  padding: 0 20px;}
/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,ul#navmenu li.iehover li a:hover,ul#navmenu li:hover li:hover a,ul#navmenu li.iehover li.iehover a {  color: #2A5A88;  padding: 0 20px;}
ul#navmenu ul,ul#navmenu ul ul,ul#navmenu ul ul ul {  display: none;  top: 0;  left: 0px;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,ul#navmenu li:hover ul ul ul,ul#navmenu li.iehover ul ul,ul#navmenu li.iehover ul ul ul {  display: none;}
ul#navmenu li:hover ul,ul#navmenu ul li:hover ul,ul#navmenu ul ul li:hover ul,ul#navmenu li.iehover ul,ul#navmenu ul li.iehover ul,ul#navmenu ul ul li.iehover ul {  display: block;}
/* Root Menu Kiri End */

#kiri { 
	width:175px;
	height:auto;
	padding:0px;
	margin:5px auto;
	border: none;
	float:left;
}

#kanan { 
	width:720px; 
	height:auto; 
	margin:5px auto;
	text-align:left; 
	float:right;  
}

#boxtengah { 
	border:none; 
	float:left; 
	width:525px;
}	

#boxkanan { 
	border:none; 
	float:right; 
	width:185px;
}
#berita_index, #software_index, #tips_index, #klinik_index { 
	float:left; 
	border:solid 1px #f2f2f2;
	background-color: #f1f1f1;
	width:245px;
	padding:5px;
	font: 11px/15px Verdana;
}	

#hotissue_index, #artikel_index, #buku_index { 
	float:right;
	border:solid 1px #f2f2f2;
	background-color: #f1f1f1;
	width:245px;
	padding:5px;
	font: 11px/15px Verdana;
}	

#iklan_silver { 
	float:right;
	width:245px;
	padding:5px;
}

#iklan_silver_kiri{ 
	background-color:#ffffff; 
	padding:5px; 
	margin-bottom:10px;
}


#iklan {
	clear: both; 
	border:none; 
	background-color:#ffffff; 
	padding:5px 0px 5px 0px; 
	
}

#judul{
	width:auto; 
	height:auto;
	font: normal 14px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana;
	color:#346085; font-weight:bold;
	border-bottom:solid 1px #C8C8C8;
	padding-bottom:2px; margin-bottom:5px;
}
#tanggal {
	width:auto; 
	height:auto; 
	font-family:Arial, Helvetica, sans-serif; 
	font-size:10px; 
	color: #666; 
}

#img_kiri {
	margin: 5px 8px 0px 0px; 
	padding: 0px;
	float: left;
}

#icon {
	font-family: tahoma,sans-serif;
	font-size:10px;
	color:#333333;
	text-align:center;
	float:left;
	margin:2px 2px 2px 2px;
}
#kotak_1px , #iklan_kiri, #search, #kurs, #login, #testimoni, #event, #record {
	border:solid 1px #dedede; 
	background-color:#ffffff; 
	padding:5px; 
	margin-bottom:10px;	
}

#media, #consulting, #power, #silver, #hosted{
	border:solid 1px #dedede; 
	background-color:#ffffff; 
	padding:2px; 
	margin-bottom:10px;
	text-align:center;
}

#media #judul, #consulting  #judul, #power  #judul, #silver  #judul, #hosted  #judul{
	color:#0A469E; 
	border-bottom:solid 3px #ededed; 
	padding-top:5px; 
	padding-bottom:5px; 
	margin-bottom:10px; 
	text-align:center;
	font-size:13px;
}

#peraturan {
	background-color:#ffffff; 
	padding:10px;
}

#peraturan #peraturan_list {
	border-bottom:solid 1px #dedede; 
	border-left:solid 8px #dedede; 
	background-color:#fdfdfd; 
	padding-left:10px; 
	padding-bottom:5px; 
	margin-top:10px; 
	margin-bottom:10px; 
	font: 11px/15px Verdana;
}

#content {
	padding:10px 10px 5px 10px;
	border:solid 5px #ededed;
}

#content a {
	text-decoration:none;
}

#content #content_list {
	border-bottom:solid 1px #F0F0F0; 
	padding:3px; 
	margin-bottom:5px;
	font: 11px/17px Verdana;
}

#list_p {
	margin-top: 5px;
	margin-bottom: 5px;
	font: 11px/18px Verdana;
}

#list_p  td{
	padding: 5px 5px 5px 5px;
}
#search_p td {
	padding: 2px;
	border-bottom:1px solid #ededed;
}
#isiaturan {
	border:solid 1px #dedede; 
	background-color:#ffffff; 
	padding:10px; 
	margin-bottom:10px;
	font: 11px/17px Verdana;
	text-align:justify;
}

#isiaturan h1 {
	font: 12px/17px Verdana;
}
#isiaturan a:link{
	text-decoration:underline;
}
#isiaturan a:visited{
	text-decoration:none;
}
#isiaturan a:hover{
	text-decoration:none;
}

#terkait {
	border:solid 1px #dedede; 
	background-color:#f2f2f2; 
	padding:10px; 
	margin-bottom:10px;	
}

#quote {
	border:solid 1px #dedede; 
	background: #FFEAAF url("../images/aturan/quote.gif") no-repeat left;
	padding:15px 15px 5px 25px; 
}

#aturanleft { 
	float:left; 

	border:solid 1px #dedede;
	background-color: #f1f1f1;
	width:310px;
	padding:10px;
	font: 11px Verdana;
}	

#aturanright { 
	float:right;
	border:solid 1px #dedede;
	background-color: #f1f1f1;
	width:310px;
	padding:10px;
	font: 11px Verdana;
}

#listhistory {
	border-bottom:solid 1px #dedede; 
	padding:5px; 
	margin-bottom:5px;
	font: 11px/15px Verdana;
}

#content p { 
	margin-bottom:5px;
}

#content  ol li { 
	margin-left:40px;
	margin-bottom:5px;
}

#content  ul li { 
	margin-left:40px;
	margin-bottom:5px;
}

#content .bgtr1{
	background-color:#ffffff; 
}

#content .bgtr2{
	background-color:#f8f8f8; 
}

#content  .bgover{
	background-color:#ededed; 
}

#content #content_list td{
	border-bottom:solid 1px #d6d6d6;
	border-right:solid 1px #d6d6d6;
	padding:3px;
}

#page {
	padding:10px;
	font-size:11px;
	margin-top:1px;
	margin-bottom:10px;
	border:solid 5px #f3f3f3;
}
#folder {
	padding-left:10px;
	border:none; 	
	margin: 10px auto;
}
#folder a:link{
	color:#003589;
	text-decoration:none;
}
#folder a:visited{
	color:#003589;
	text-decoration:none;
}
#folder a:hover{
	color:#1367F1;
	text-decoration:underline;
}
#folder dt, dd{
	margin: 0px;
	list-style-type: none;
	padding-bottom:2px;
	padding-top:2px;
}

#folder span {
	cursor: pointer;
	font-weight: bold;
}
#folder dt {
	padding-left:20px;
	padding-right:0px;
	margin: 10px 0;
	border-bottom:solid 1px #dedede; 	
	background-image:url(../images/xsim//folder_close.gif);
	background-repeat:no-repeat;
	background-position: top left;
	font-size: 11px;
}
#folder dd {
	padding-left:0px;
	padding-right:0px;
	margin-left: 20px;
}

#folder .noneli {
	padding:0px;
	background-image:none;
	list-style:none;
}
#klinik_q {
	font: normal 1.3em Arial;
	background-image:url(../images/klinik/pertanyaan.gif);
	background-repeat:no-repeat;
	background-position: top left;
	padding-left:25px;
	padding-right:0px;
	margin-top:5px;
	font-weight: bold;
}
#klinik_form {
	padding-left:25px;
	padding-right:0px;
}
#forum {
	margin-top: 5px;
	margin-bottom: 5px;
	font: 11px/15px Verdana;
	border-left:solid 0px #ededed; 	
	border-bottom:solid 0px #ededed; 	
}

#forum  td{
	padding: 5px 5px 5px 5px;
	border-top:solid 0px #ededed; 	
	border-right:solid 0px #ededed; 	
}

#forum th{
	padding: 8px 5px 8px 5px;
	text-align:center;
}

#forum  #top{
	background-color:#3FB1E4; 
	color: #ffffff;
}

#forum  #newtopic{
	border-top:solid 1px #ededed; 	
	border-right:solid 1px #ededed; 	
}

#forum  #topiclist{
	border-top:solid 1px #ededed; 	
	border-right:solid 1px #ededed; 	
	color: #333333;
	background-color:#dedede; 
}

#forum  .bgtr1{
	background-color:#ffffff; 
}

#forum  .bgtr2{
	background-color:#f9f9f9; 
}

#forum  .bgover{
	background-color:#ededed; 
}

#jdltopic{
	padding:10px;
	font-size:12px;
	margin-top:1px;
	border:solid 1px #ededed;
	font-weight:bold;
	color: #C84363;
}

#register {
	margin-top: 5px;
	margin-bottom: 5px;
	font: 11px/15px Verdana;
	border-left:solid 1px #f1f1f1; 	
	border-top:solid 1px #f1f1f1; 	
}
#register th{
	padding: 8px 5px 8px 5px;
	text-align:center;
	border-bottom:solid 1px #f1f1f1; 	
	border-right:solid 1px #f1f1f1; 	
	background-color: #efefef;
}

#register td{
	border-bottom:solid 1px #f1f1f1; 	
	border-right:solid 1px #f1f1f1;
	padding-left:5px;
}

#register .answer{
	background-color: #eaeaea;
	border-top:solid 1px #dfdfdf; 	
	border-bottom:solid 1px #dfdfdf; 	
	border-left:solid 1px #ffffff; 	
}
.cred { color: red; }

.kodeimages {
	margin:3px auto;
	border:solid 2px #c8c8c8; 		
}

#kurs_table {
	width:330px;
	padding-top:5px;
	border-top:solid 1px #ededed;
	margin-top:10px;
}


#dropcontentsubject{
width: 150px;
color: #263683;
font-weight:700;
}

.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 210px;
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 3px; /*margin around each panel*/
width: 210px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

p.samplebuttons{
width: 210px;
text-align: center;
}

p.samplebuttons a{
color: #2e6ab1;
padding: 1px 2px;
margin-right: 3px;
text-decoration: none;
}

/* Messages: quoting */

.quote{
background-color:transparent;
border-left:7px solid #cdcdcd;
color:#696969;
font-size:8pt;
margin-left:5pt;
padding:3px;
width:90%;
font-style:italic;
}

.quoting{
font-weight:bold;
border-top:0px;
color:#696969;
margin-left:5pt;
width:90%;
font-style:normal;
}
/*tooltip*/

.balloonstyle{
position:absolute;
top: -500px;
left: 0;
padding: 6px;
visibility: hidden;
border:1px solid black;
font:normal 10px Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
line-height: 18px;
z-index: 100;
background-image: url('../images/ortax/overlay.png');
width: 250px;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135,Strength=5);
}

#arrowhead{
z-index: 99;
position:absolute;
top: -500px;
left: 0;
visibility: hidden;
}



dl#csschart, dl#csschart dt, dl#csschart dd{
	margin:0;
	padding:0;
	} 	
dl#csschart{
	background:url(../images/polling/bg_chart.gif) no-repeat 0 0;
	width:467px;
	height:385px;
	} 
dl#csschart dt{
	display:none;
	}
dl#csschart dd{
	position:relative;
	float:left;
	display:inline;
	width:33px;
	height:330px;
	margin-top:22px;		
	} 
dl#csschart dd.first{
	margin-left:33px;		
	} 	
dl#csschart span{
	position:absolute;
	display:block;
	width:33px;	
	bottom:0;
	left:0;	
	z-index:1;
	color:#555;
	text-decoration:none;
	} 		
dl#csschart span em{
	display:block;
	font-style:normal;
	float:left;
	background:#fff;
	color:#555;
	border:1px solid #b1b1b1;
	position:absolute;
	top:50%;
	left:2px;
	text-align:center;
	width:27px;
	font-size:8px;
	} 		

/* default column styling */		

	dl#csschart span{
		height:50%;
		background:url(../images/polling/type1.gif) repeat-y;
		} 

/* // default column styling */		
		
/* column types */			

	dl#csschart span.type1{
		background:url(../images/polling/type1.gif) repeat-y;
		} 
	dl#csschart span.type2{
		background:url(../images/polling/type2.gif) repeat-y;
		} 
	dl#csschart span.type3{
		background:url(../images/polling/type3.gif) repeat-y;
		} 
	dl#csschart span.type4{
		background:url(../images/polling/type4.gif) repeat-y;
		} 
	
/* // column types */	

/* percentages */

	dl#csschart span.p0{height:0%;}
	dl#csschart span.p1{height:1%;}
	dl#csschart span.p2{height:2%;}
	dl#csschart span.p3{height:3%;}
	dl#csschart span.p4{height:4%;}
	dl#csschart span.p5{height:5%;}
	dl#csschart span.p6{height:6%;}
	dl#csschart span.p7{height:7%;}
	dl#csschart span.p8{height:8%;}
	dl#csschart span.p9{height:9%;}
	dl#csschart span.p10{height:10%;}
	dl#csschart span.p11{height:11%;}
	dl#csschart span.p12{height:12%;}
	dl#csschart span.p13{height:13%;}
	dl#csschart span.p14{height:14%;}
	dl#csschart span.p15{height:15%;}
	dl#csschart span.p16{height:16%;}
	dl#csschart span.p17{height:17%;}
	dl#csschart span.p18{height:18%;}
	dl#csschart span.p19{height:19%;}
	dl#csschart span.p20{height:20%;}
	dl#csschart span.p21{height:21%;}
	dl#csschart span.p22{height:22%;}
	dl#csschart span.p23{height:23%;}
	dl#csschart span.p24{height:24%;}
	dl#csschart span.p25{height:25%;}
	dl#csschart span.p26{height:26%;}
	dl#csschart span.p27{height:27%;}
	dl#csschart span.p28{height:28%;}
	dl#csschart span.p29{height:29%;}
	dl#csschart span.p30{height:30%;}
	dl#csschart span.p31{height:31%;}
	dl#csschart span.p32{height:32%;}
	dl#csschart span.p33{height:33%;}
	dl#csschart span.p34{height:34%;}
	dl#csschart span.p35{height:35%;}
	dl#csschart span.p36{height:36%;}
	dl#csschart span.p37{height:37%;}
	dl#csschart span.p38{height:38%;}
	dl#csschart span.p39{height:39%;}
	dl#csschart span.p40{height:40%;}
	dl#csschart span.p41{height:41%;}
	dl#csschart span.p42{height:42%;}
	dl#csschart span.p43{height:43%;}
	dl#csschart span.p44{height:44%;}
	dl#csschart span.p45{height:45%;}
	dl#csschart span.p46{height:46%;}
	dl#csschart span.p47{height:47%;}
	dl#csschart span.p48{height:48%;}
	dl#csschart span.p49{height:49%;}
	dl#csschart span.p50{height:50%;}
	dl#csschart span.p51{height:51%;}
	dl#csschart span.p52{height:52%;}
	dl#csschart span.p53{height:53%;}
	dl#csschart span.p54{height:54%;}
	dl#csschart span.p55{height:55%;}
	dl#csschart span.p56{height:56%;}
	dl#csschart span.p57{height:57%;}
	dl#csschart span.p58{height:58%;}
	dl#csschart span.p59{height:59%;}
	dl#csschart span.p60{height:60%;}
	dl#csschart span.p61{height:61%;}
	dl#csschart span.p62{height:62%;}
	dl#csschart span.p63{height:63%;}
	dl#csschart span.p64{height:64%;}
	dl#csschart span.p65{height:65%;}
	dl#csschart span.p66{height:66%;}
	dl#csschart span.p67{height:67%;}
	dl#csschart span.p68{height:68%;}
	dl#csschart span.p69{height:69%;}
	dl#csschart span.p70{height:70%;}
	dl#csschart span.p71{height:71%;}
	dl#csschart span.p72{height:72%;}
	dl#csschart span.p73{height:73%;}
	dl#csschart span.p74{height:74%;}
	dl#csschart span.p75{height:75%;}
	dl#csschart span.p76{height:76%;}
	dl#csschart span.p77{height:77%;}
	dl#csschart span.p78{height:78%;}
	dl#csschart span.p79{height:79%;}
	dl#csschart span.p80{height:80%;}
	dl#csschart span.p81{height:81%;}
	dl#csschart span.p82{height:82%;}
	dl#csschart span.p83{height:83%;}
	dl#csschart span.p84{height:84%;}
	dl#csschart span.p85{height:85%;}
	dl#csschart span.p86{height:86%;}
	dl#csschart span.p87{height:87%;}
	dl#csschart span.p88{height:88%;}
	dl#csschart span.p89{height:89%;}
	dl#csschart span.p90{height:90%;}
	dl#csschart span.p91{height:91%;}
	dl#csschart span.p92{height:92%;}
	dl#csschart span.p93{height:93%;}
	dl#csschart span.p94{height:94%;}
	dl#csschart span.p95{height:95%;}
	dl#csschart span.p96{height:96%;}
	dl#csschart span.p97{height:97%;}
	dl#csschart span.p98{height:98%;}
	dl#csschart span.p99{height:99%;}
	dl#csschart span.p100{height:100%;}