/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

body {/*
	background: #EEE url(../img/bghome.gif) repeat;#8AA0B9;
	color: #444;
	font: normal 60.5% "Lucida Sans Unicode",sans-serif;
	margin-left: 15%;
*/
/*
	font: normal 60.5% "Lucida Sans Unicode",sans-serif;
*/	
	font-family:Verdana, Arial, Helvetica, sans-serif;

	
		

	background-color: #FFFFFF;
	/*background-image: url(../img/page-bg.png);*/
	background-repeat: repeat-x;
	margin-left: 3%;
	margin-right: 3%;
	/*margin-right: 10%;*/
	/*margin-right: 7%;*/
	


	
}

.container {
background:#FFFFFF;
border:1px solid #999999 ;
	
}

img{
border:0;
}
.img1 a:hover{
position:inherit;
border:outset;
}

.link1 a:hover{
position:inherit;
font-size:12px;

}

.link2 a:link,a:hover{
text-decoration:none;
color:#FF0000;
}


li {
list-style:none;}

ol{

margin-left:30px;

}
.ul {
background:url(../img/bg_nav.gif) repeat-x;
margin-left:8px;
list-style-type: non;
list-style-image:url(../img/list.gif);

}




.sidenav {
	float: right;
	width: 143.5px;
	
}

.sidenav ul {
	margin: 0;
	padding: 0;
	
}
.sidenav li {
	border-bottom: 1px solid #A98;
	border-top:0;
	list-style: none;
}
.sidenav li a {

/*
	background:url(../img/bg_judul.gif);
*/	
	background:#D6DEEC;
	color: #554;
	display: block;
	padding: 2px 2px 10px 8px;
	text-decoration: none;
}
.sidenav li a:hover {
	background: #D6CCB9;
	color: #654;
}



.sidenav1 {
	float:left;
	width: 130px;

}
.sidenav1 ul {
	padding: 0;
	border-top: 1px solid #EAEADA;
	
}
.sidenav1 li {
border-bottom: 1px solid #EAEADA;

}
.sidenav1 li a {
	background:#D1D1D1;

	color: #554;
	display: block;
	padding: 2px 0 8px 5%;
	text-decoration: none;
	padding-left: 25px;

}
.sidenav1 li a:hover {
	background: #F0F0EB;
	color: #654;	
}


.sidenav2 {
	float: right;
	width: 130px;
	
}

.sidenav2 ul {
	margin: 0;
	padding: 0;
	
}
.sidenav2 li {
	border-bottom: 1px solid #A98;
	border-top:0;
	list-style: none;
}
.sidenav2 li a {
	background:url(../img/bg_judul_toko.gif);
	color: #554;
	display: block;
	padding: 2px 2px 10px 8px;
	text-decoration: none;
}
.sidenav2 li a:hover {
	background: #8AA0B9;
	color: #654;
}


.sidenav3 {
	float: right;
	width: 130px;
	
}

.sidenav3 ul {
	margin: 0;
	padding: 0;
	
}
.sidenav3 li {
	border-bottom: 1px solid #A98;
	border-top:0;
	list-style: none;
}
.sidenav3 li a {
	background:#D1D1D1;
	color: #554;
	display: block;
	padding: 2px 2px 10px 8px;
	text-decoration: none;
}
.sidenav3 li a:hover {
	background: #F0F0EB;
	color: #654;
}

.topmenu {
	height: 27px;
	background: url("../img/topmenu.png") no-repeat left top;
	text-align: right;
	padding:left;/* 35px 27px 0 0;*/
}
.page>.topmenu {
	min-height: 27px;
	height: auto;
}
.topmenu li {
	display: inline
}
.topmenu li a{
	float:left;
	width: 105px;
	height: 22px;
	background: #A3BDE5 url("../img/roll.png") no-repeat left top;
	text-align: center;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	overflow: hidden;
}
.topmenu li>a {
	min-height: 22px;
	height: auto;
}

.topmenu li a:hover {
	background: #83A6DC url("../img/roll.png") no-repeat 0 -27px;
}

.greybox2 {
	background:#FFFFFF;
	border: 1px solid #ccc;
	margin-bottom: 15px;
	padding: 9px 7px;
	width:610px;
}

a {
/**/text-decoration:none;
}

.link_header{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
color: #FFFFFF;

}


.nav_left{
/*
background: url(../img/bg_garis.gif) repeat-y;
background:#D6DEEC;
*/
/**/
background: #ffffff;
border-right:1px dashed #CCCCCC;
}

.nav_right{
/*
background: url(../img/bg_garis.gif) repeat-y;
background:#D6DEEC;
*/
/**/
background: #ffffff;
border-left:1px dashed #CCCCCC;

}


#link a:link, #link a:visited, #link a:active {
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#000066;
	font-weight: normal;
	text-decoration: none;
	
}
#link a:first-child{
text-decoration:none;

}
#link a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	color:#FF0000;
	font-weight: normal;
	
	text-decoration: underline;

	}


.message{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
padding-right:20px;
}

.judul{
background:#000066;
color:#FFFFFF;
font-size:16;
font-weight:bold;
text-align:center;
}
.juduldetail{

font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000066;
font-size:13px;
font-weight:bold;
}
.navleft{
background:#336699;
color:#ffffff;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;


}

.iklan{
/*background:#D6DEEC;
*/
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}

.polling{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#999999;
}

.style1{
color:#FF0000;
}

.textemas{
color:#666600;
font-size:11px;
}

.textblue{
color:#0000CC;
font-size:12px;
text-decoration:none;

}

.textwhite{
color:#FFFFFF;
text-decoration:none;
}

.black{
color:#000000;
text-decoration:none;
}


.textred{
color:#FF0000;
font-size:12px;
text-decoration:none;
}
.textimg{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-style:italic;
color:#666666;

}
.textblak{

color:#000000;
font-size:12px;
text-decoration:none;
}

.contentjudul{
/**/
background:url(../img/bg_judul.gif) repeat-x;

color:#000000;
font-size:14px;
font-weight:bold;
text-align:center;
}

.contentgaris{
/**/
background:url(../img/bg_judul1.gif) repeat-x;

color:#000000;
font-size:14px;
font-weight:bold;
text-align:center;
}


.contenttoko{
background:url(../img/bg_judul_toko.gif) repeat-x;
color:#000000;
font-size:14px;
font-weight:bold;
padding-left:8px;

}

.background{
background:url(../img/bg_judul.gif) repeat-x;

}


.contentright{
background:url(../img/topnav-bg.gif) repeat-x;
color:#000000;
font-size:14px;
font-weight:bold;
text-align:center;
width: 130px;
}
.contentjuduldetail{
/*background:#000066;*/
color:#0066FF;
font-size:14;
font-weight:bold;
text-align:left;
}
.contentcreator{
color:#000000;
font-size:12px;
font-style:italic;
}

.login{
background:#CCCCCC;
color:#000000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;


}

.benner{
background:url(../img/bg_iklan.gif) repeat-x;

}


.footer{
background: url(../images/index_44.gif) repeat-x;
font-family:"Times New Roman", Times, serif;
font-size:12px;
color:#000000;
text-align:center;

}

.border{
background:#CCCCCC;
border:1px solid;
font-size:10px;
}






h1 {
    font-size: 2em;
    color: #4B4545;
    text-align: center;
}

table.datagrid {
    width: 100%;
    border-collapse: collapse;
}

table.datagrid thead th { 
    text-align: left;
    background-color: #4B4545;
    background-repeat: no-repeat;
    background-position: right center;
    color: white;
    font-weight: bold;
    padding: .3em .7em;
    font-size: .9em;
    padding-right: 5px;
    background-repeat: no-repeat;
    background-position: 95% right;
}

table.datagrid thead th a {
    color: white;
    text-decoration: none;
    font-size: 1.0em;
    background-repeat: no-repeat;
    background-position: center right;
    padding-right: 15px;
}

table.datagrid thead th.over {
    background-color: #746B6B;
    cursor: pointer;
}

table.datagrid tbody th {
    font-weight: bold;
}

table.datagrid tbody td, table.datagrid tbody th {
    text-align: left;
    padding: .3em .7em;
    border-bottom: 1px solid #eee;
}

table.datagrid tbody tr.alternate td, table.datagrid tbody tr.alternate th {
    background-color: #f1f1f1;
}

table.datagrid tfoot td, table.datagrid tfoot th { 
    background-color: #FFFEE3;
    color: #4B4545;
    padding: .5em;
    font-weight: bold;
    border-top: 2px solid #4B4545;
}

table.datagrid tfoot th { text-align: left; }

table.datagrid tfoot td {  }

.invisible { display: none; }









.treeview ul{ /*CSS for Simple Tree Menu*/
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: white url(../img/list.gif) no-repeat left center;
list-style-type: none;
padding-left: 22px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: white url(../img/+.gif) no-repeat left 1px;
cursor: hand !important;
cursor: pointer !important;
}


.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

table {
        /*font: 12px  Tahoma,sans-serif;*/
		font: 12px Verdana, Arial, Helvetica, sans-serif;
        color: #000000;
    }
	
.textHeader{
	color:#15689A; 
	font-size:21px; 
	font:Arial, Helvetica, sans-serif; 
	font-weight:bold;
}