/****************

Cascading Style Sheet by Bluefrog 
http://bluefrog-creative.com
bluefrog.creative@gmail.com

***************/

/*--- reset css ----*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
body {line-height:1;}
ol, ul {list-style:none;}

/*------------------ do not edit beyond this -----------------------*/
body {margin:0; font-size:11px; color:white; font-family:"Century Gothic"; text-align:center; background:url(images/img0bg.gif) #15396f;}
p {line-height:1.2em; margin:15px auto;}
a {color:white; text-decoration:none;}
a:hover {text-decoration:underline;}
h2 {font-size:13px; color:#FFCC66; margin:5px 0;}
h3 {font-size:14px; margin:0 auto;}
h4 {font-size:12px; color:#FFCC66; margin-top:0;}
h5 {font-size:12px; margin:0 0 5px 0;}


#wrapper {text-align:center; width:960px; height:auto; background:url(images/img-bg.gif) no-repeat; margin:0 auto;}
#content {/*height:370px;*/ background:url(images/content_img.gif) #011826; border-bottom:#ebebeb 2px solid; border-top:#ebebeb 2px solid;}
#logo {background:url(images/img-logo.png) no-repeat center; width:280px; height:105px; margin:0 auto;}
#mainmenu {height:24px; text-align:center; margin-top:5px; padding-top:10px; font-weight:bold; text-transform: uppercase;}
#mainmenu p {margin:0;}
#mainmenu a {margin:0 20px; font-size:12px}
#mainmenu a:hover, #menu2nd a:hover {text-decoration:underline;}

#menu2nd {text-align:center; padding-top:20px; margin-bottom:20px; font-weight:bold; font-size:12px;}
#menu2nd a {margin:0 20px;}

#maincontent {margin:0 auto; width:930px; text-align:left; padding:12px; clear:both; position:static; height:415px;}
.maincontent {width:664px; float:left;}
#leftcontent {float:left; margin-right:15px; width:250px;}
#newscontent {float:left; width:248px; height:110px; /*border-top:1px white dashed; */padding-top:5px;}
#imgcontent { width:248px; height:213px; border:1px white solid;}

#textcontent {float:left; clear:both;}

/*--------------------- table trackrecord ------------------*/
#tabletrack {color:black; border:1px solid black;}
#tabletrack tr td {border:1px dotted #535353;}
#tabletrack tr td.col1 {background-color:#FF9;}
#tabletrack tr td.col2 {background-color:#9FF;}
#tabletrack tr td.colmenu {background-color:#666; color:#FFFFFF;}
#tabletrack tr td.row1 {width:58px;}
#tabletrack tr td.row2 {width:215px;}
#tabletrack tr td.row3 {width:142px;}


marquee {height:150px; padding:5px; border:1px white dotted;}

.clearbox {clear: both; line-height: 0; height: 0; margin-bottom:10px;}
.divcenter {text-align:center;}

.link01, #lightbox div#cbox a {color:#F6B83F;}
.link01 a:hover, #lightbox div#cbox a:hover{text-decoration:underline;}

.caption01 {float:right;}

ul {margin:0; list-style:none; padding:0;}
li {padding:0px;} 
.li1 {background:url(images/bul_li1.gif) center left no-repeat; padding-left:15px; line-height:12px;}
.li2 {background:url(images/bul_li2.gif) left no-repeat; padding-left:15px; margin-left:15px;}
.li2a {background:none; padding-left:15px; margin-left:15px;}
.li3 {background:url(images/bul_li3.gif) top left no-repeat; padding-left:15px; margin:0 0 10px 15px; line-height:12px;}
.li3a {background:url(images/bul_li3.gif) left no-repeat; padding-left:15px; margin-left:15px;}
.li3b {background:url(images/bullets_01_2.gif) left no-repeat; padding-left:15px; margin-left:25px;}
.li3c {background:none; margin:0 10px 25px 0; padding-left:2px; float:left; text-align:left;}


form {	margin:0px;	padding:0px;}
.form input { width:300px; height:21px; font-family:"Century Gothic"; font-size:11px;	color: #000000;	padding:2px 0 0 6px; border-color:#D5D5D5; border-style:solid; border-width:1px; background-color:#F8F8F8; margin-bottom:5px;}
.form textarea { width:300px; height:98px; font-family:"Century Gothic"; font-size:11px; color:#000000;	overflow:auto;	padding:2px 0 0 6px;	border-color:#D5D5D5; border-style:solid;	border-width:1px; background-color:#F8F8F8; margin-bottom:5px;}
.form input:hover, .form textarea:hover, .form input:active, .form textarea:active {background-color:#FFFF99;}


/* contact box */
#box8 div#cbox, #lightbox div#cbox{border:1px white solid; padding:7px; width:280px; margin:10px 0;}

/* lightbox */
#lightbox, news {margin:5px 3px;}
#lightbox a, news a {color:#F6B83F;}
#lightbox a:hover, news a:hover {text-decoration:underline;}
#imej00 {margin:0;}
#imej00 img {float:left; padding:8px; border:0;}
#imej00 a:hover img {border:#F6B83F 1px solid; padding:7px;} /* kalau padding img 8px, padding hover + border = padding img */

#imej00 li a img {float:left; padding:4px; border:0;}
#imej00 li a:hover img {border:#F6B83F 1px solid; padding:3px;}

#imej01 img {float:left; padding:5px; margin-right:10px; border:1px solid grey;}
#imej01 a:hover img{border:1px solid #F6B83F;}

#imej02 img {float:left; padding:5px; margin-right:6px;}
#imej02 a:hover img {border:1px solid #F6B83F; padding:4px;}

#news {height:300px;}
#news img { text-align:center; margin:5px;}
#a01, #a02, #a03, #a04, #a05, #a06 {text-align:center; display:none;}

.logo {float:right; padding:5px; margin-bottom:10px;}


/* noob slide */
p.buttons {margin:0;}
.buttons span{cursor:pointer; padding:0; margin:0 5px;}
.buttons span.active, .buttons span:hover{text-decoration:underline; background:url(images/bullets_01.gif) left top no-repeat; padding-top:5px;}
.buttons {margin:0 auto 5px; padding-bottom:10px; text-align:right; color:#F6B83F; /*border-bottom:1px #666666 solid;*/}


#box8 {position:absolute;}
#box8 div {width:664px; float:left;}
#box8 div img.ads {margin:0 auto; text-align:center; display:block;}
#box8 a {color:#F6B83F;}
#box8 a:hover {text-decoration:underline;}
#box8 .buttons{	text-align:left}
#box8 div p a:hover.deadlinks {cursor:default; text-decoration:none;}
/*#box8 .next{	float:right}
.sample8 .buttons{	text-align:center;	clear:both;}
.sample8 .mask1{	border-top:1px solid #ccc;	border-bottom:1px solid #ccc;}*/
.mask1{	position:relative; width:664px; height:400px; overflow:hidden;}/* tinggi untuk view utama */