/*
Design by zainal Amri
http://gleamland.web.id/
*/

body {background:#091115 url("../usrimages/background.jpg") 0 -80px fixed no-repeat;margin: 0;padding: 0;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 13px;color: #8593a9;overflow-y:auto;}

table, td{font-size:95%; color:#A4A4A4;}
table{border-collapse:collapse;margin:1em 0; width:100%;}
th, td{text-align:left;padding:.5em;border:1px solid #435879;}
th{background:#102637;color:#ddd;}
td{background:#1C425F;}

.image1 {float:right;padding:10px;}

blockquote {font-style: italic;}
a {color: #8593a9;}
a:hover {text-decoration: none;}
.title1 {margin: 0;padding: 10px 0;border-bottom:1px solid #314059;font-weight: normal;font-size: 129%;color: #FFFFFF;}
h1 {margin: 0;padding: 10px 0;font-size: 200%;font-weight: normal;color: #fff;border-bottom:1px solid #314059;}
h2 {margin: 0;padding: 10px 0;border-bottom:1px solid #314059;font-size: 129%;font-weight: normal;color: #FFFFFF;clear:both;}
h3 {display:block;clear:both;}

/* Page */
div#fix-wrapper {position:fixed; _position:absolute; top:0; _top:expression(eval(document.body.scrollTop)); left:0; margin:0; padding:0;width:100%; text-align:center;}
* html div#fix-wrapper {position: absolute;
top:expression(eval(document.compatMode &&
document.compatMode=='CSS1Compat') ?
documentElement.scrollTop : document.body.scrollTop);}
#header{margin:0;padding:0;background: #35455E url("../usrimages/back-header.jpg") top repeat-x;height: 150px;}
#header-wrapper{margin:0px auto;padding:0;width:900px;height: 150px;}
.logo {background: url("../usrimages/logo.jpg") top no-repeat;width:240px;float:left;height: 150px;}
.logo h1, .logo h2 {text-indent:-9999px;border:none;}
.banner{width:660px;float:right;height: 150px;background: url("../usrimages/banner.jpg") bottom no-repeat;}
.banner object {width:640px;}

/* Top Menu */
#top-menu {height: 45px;margin: 0;padding:0;background: url("../usrimages/back-topmenu1.gif") repeat-x;clear:both;}
#top-menu-wrapper {height: 45px;margin: 0px auto;padding:0;background: url("../usrimages/back-topmenu1.gif") repeat-x;width:900px;}
#top-menu ul {list-style: none;margin: 0;padding:0;}
#top-menu li {float: left;}
#top-menu a {float: left;height: 20px;margin: 0px;padding: 15px 22px;text-decoration: none;text-transform: uppercase;font-size: smaller;font-weight: bold;color: #fff;}
#top-menu a:hover {background: url("../usrimages/back-topmenu2.gif") repeat-x;color: #FFFFFF;}
#top-menu .current_page_item a {color: #FFFFFF;}

#page {margin: 0;padding:0;text-align:center;}
#page-wrapper {width: 900px;margin: 0 auto;text-align:left;}

/* Sidebar */
#sidebar {float: left;width: 240px;}
* html #sidebar {float: left;width: 230px;}
#sidebar h2 {margin: 0;padding: 10px 0;font-size: 129%;font-weight: normal;color: #FFFFFF;clear:both; border:none;}
#menu p {color:#8593a9;font-size: 80%;line-height: 180%;}
#menu p img {border:4px solid #314059;}

#menu {margin:0;padding:5px 0 20px 0;}
#menu ul{list-style-type:none;margin:0;padding:0;}
#menu li {border-bottom:1px solid #0099FF;}
#menu li a {font-weight:normal;font-size:11px;padding: 2px 10px 2px 25px;display: block;margin:0;width:205px;}
* html #menu li a {padding: 1px 10px 5px 25px;margin:0;display: block;width:200px;}
#menu li a:link, #menu li a:visited {color: #fff;text-decoration:none;}
#menu li a:hover {color: #fff;background:#091115;}
#menu img {border:5px solid #1C425F; width:230px;}
#menu li.sidemenus {background: #1c425f url("../usrimages/back-sidemenuboxs.gif") left center no-repeat;}
#menu li.sidemenu-1 {background: url("../usrimages/back-sidemenubox1.gif") left center no-repeat;}
#menu li.sidemenu-2 {background: url("../usrimages/back-sidemenubox2.gif") left center no-repeat;}
#menu li.sidemenu-3 {background: url("../usrimages/back-sidemenubox3.gif") left center no-repeat;}
#menu li.sidemenu-4 {background: url("../usrimages/back-sidemenubox4.gif") left center no-repeat;}
#menu li.sidemenu-5 {background: url("../usrimages/back-sidemenubox5.gif") left center no-repeat;}
#menu li.sidemenu-6 {background: url("../usrimages/back-sidemenubox6.gif") left center no-repeat;}
#menu li.sidemenu-7 {background: url("../usrimages/back-sidemenubox7.gif") left center no-repeat;}
#menu li.sidemenu-8 {background: url("../usrimages/back-sidemenubox8.gif") left center no-repeat;}
#menu li.sidemenu-9 {background: url("../usrimages/back-sidemenubox9.gif") left center no-repeat;}
#menu li.sidemenu-10 {background: url("../usrimages/back-sidemenubox10.gif") left center no-repeat;}
#menu li.sidemenu-11 {background: url("../usrimages/back-sidemenubox11.gif") left center no-repeat;}
#menu li.sidemenu-12 {background: url("../usrimages/back-sidemenubox12.gif") left center no-repeat;}

/* Content */
#content {float: right;width: 640px; padding:10px;}
* html #content {float: right;width: 650px; padding:0;}
.boxed1 {padding: 0;}
.boxed2 {line-height: 180%;padding:0;}
.boxed1 p, .boxed ul, .boxed ol {line-height: 180%;}

/* Footer */
#footer-wrap {text-align:center; clear:both;}
#footer {width: 900px;margin: 0px auto;padding:10px;border-top:1px solid #314059;clear:both;text-align:center; }
#footer p {font-size: 85%;text-align:right;}


/*---Login Page ----------------------------------------------------------*/
#container-login{ width: 100%; height: 100%; display: table;background:#091115 url("../usrimages/back-login.jpg") top center no-repeat;text-align:center;}
#position-login { display: table-cell; vertical-align: middle; }
#content-login {width:200px;margin:0px auto;text-align:left;}	
#login {padding:10px;background:#091115;}
#login #login-input {padding:3px;border:1px solid #AFAFAF;display:block;width:100%;margin:0 0 10px 0;}
#login #login-submit {padding:2px; font:normal 100%/1.2 "arial",sans-serif;border:1px solid #4089F2; background:#4089F2; color:#FFF;}
#login #login-input:focus {border:1px solid #5F5F5F;}
* html #container-login {padding:60px 0 0 0;}


a#link:hover { background: none repeat scroll 0% 0%; }
a#link:hover span { background:#fff; border:5px solid #1C425F;padding:2px; display: block; position: absolute; left: 235px; top: 0px;}
a#link:hover em {display: block; position: absolute; left: 104px; top: 75px; width: 65px; height: 1px; line-height: 1px; }
#menu a em, #menu a span { display: none; }


a.screen-1, a.screen-1:visited,
a.screen-2, a.screen-2:visited, 
a.screen-3, a.screen-3:visited, 
a.screen-4, a.screen-4:visited, 
a.screen-5, a.screen-5:visited, 
a.screen-6, a.screen-6:visited, 
a.screen-7, a.screen-7:visited, 
a.screen-8, a.screen-8:visited, 
a.screen-9, a.screen-9:visited,
a.screen-10, a.screen-10:visited, 
a.screen-11, a.screen-11:visited, 
a.screen-12, a.screen-12:visited, 
a.screen-13, a.screen-13:visited, 
a.screen-14, a.screen-14:visited
{z-index:1;}

a.screen-1 b{position:absolute;visibility:hidden;width:200px;height:0;border:0;left:400px;top:50px;}
a.screen-2 b{position:absolute;visibility:hidden;width:200px;height:0;border:0;left:400px;top:27px;}
a.screen-3 b{position:absolute;visibility:hidden;width:200px;height:0;border:0;left:400px;top:4px;}
a.screen-4 b{position:absolute;visibility:hidden;width:200px;height:0;border:0;left:400px;top:-19px;}
a.screen-5 b{position:absolute;visibility:hidden;width:200px;height:0;border:0;left:400px;top:-42px;}
a.screen-6 b{position:absolute;visibility:hidden;width:200px;height:0;border:0;left:400px;top:-65px;}
a.screen-7 b{position:absolute;visibility:hidden;width:200px;height:0;border:0;left:400px;top:-88px;}
a.screen-8 b{position:absolute;visibility:hidden;width:200px;height:0;border:0;left:400px;top:-111px;}
a.screen-9 b{position:absolute;visibility:hidden;width:200px;height:0;border:0;left:400px;top:-134px;}
a.screen-10 b{position:absolute;visibility:hidden;width:200px;height:0;border:0;left:400px;top:-156px;}
a.screen-11 b{position:absolute;visibility:hidden;width:200px;height:0;border:0;left:400px;top:-179px;}
a.screen-12 b{position:absolute;visibility:hidden;width:200px;height:0;border:0;left:400px;top:-202px;}
a.screen-13 b{position:absolute;visibility:hidden;width:200px;height:0;border:0;left:400px;top:-225px;}
a.screen-14 b{position:absolute;visibility:hidden;width:200px;height:0;border:0;left:400px;top:-248px;}

a.screen-1:hover,
a.screen-2:hover,
a.screen-3:hover,
a.screen-4:hover,
a.screen-5:hover,
a.screen-6:hover,
a.screen-7:hover,
a.screen-8:hover,
a.screen-9:hover,
a.screen-10:hover,
a.screen-11:hover,
a.screen-12:hover,
a.screen-13:hover,
a.screen-14:hover
{text-decoration:none; border:0; z-index:1000;}

a.screen-1:hover b img,
a.screen-2:hover b img,
a.screen-3:hover b img,
a.screen-4:hover b img,
a.screen-5:hover b img,
a.screen-6:hover b img,
a.screen-7:hover b img,
a.screen-8:hover b img,
a.screen-9:hover b img,
a.screen-10:hover b img,
a.screen-11:hover b img,
a.screen-12:hover b img,
a.screen-13:hover b img,
a.screen-14:hover b img
{border:0;background:#fff; border:5px solid #1C425F;padding:4px; }

a.screen-1:hover b,
a.screen-2:hover b,
a.screen-3:hover b,
a.screen-4:hover b,
a.screen-5:hover b,
a.screen-6:hover b,
a.screen-7:hover b,
a.screen-8:hover b,
a.screen-9:hover b,
a.screen-10:hover b,
a.screen-11:hover b,
a.screen-12:hover b,
a.screen-13:hover b,
a.screen-14:hover b
{visibility:visible;height:150px;cursor:pointer;z-index:500; }