
body {
background:#8b8b8b;
color:#303030;
font:76% Verdana,Tahoma,Arial,sans-serif;
margin:0;
padding:0;
text-align:center;
}

a {
color:#505050;
font-weight:bold;
text-decoration:none;
}

a:hover {
color:#808080;
text-decoration:underline;
}

p {
line-height:1.5em;
margin:0 0 15px;
}



#container {
background:#f0f0f0 url('img/bodybg.jpg') repeat-x;*/
color:#303030;
margin:0 1.5px;
min-width:770px;
padding:0;
text-align:left;
width:1000px
}

#sitename {
color:#ffffff;
height:92px;
margin:0 0 10px 0px ;
text-align:left;

}

#sitename h1, #sitename h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0px;
}

#sitename h1 {
background: url(img/ez.jpg) no-repeat;
padding-top:81px; // yg dirubah
}


#sitename h2 {
font-size:1.6em;
}

#sitename_billing {
color:#ffffff;
height:92px;
margin:0 0 10px 0px ;
text-align:left;

}

#sitename_billing h1, #sitename_billing h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0px;
}

#sitename_billing h1 {
background: url(img/eztimebilling.jpg) no-repeat;
padding-top:81px; // yg dirubah
}


#sitename_billing h2 {
font-size:1.6em;
}

#sitename_money {
color:#ffffff;
height:92px;
margin:0 0 10px 0px ;
text-align:left;

}

#sitename_money h1, #sitename_money h2 {
font-weight:400;
letter-spacing:-2px;
margin:0;
padding:0px;
}

#sitename_money h1 {
background: url(img/eztrackmoney.jpg) no-repeat;
padding-top:81px; // yg dirubah
}


#sitename_money h2 {
font-size:1.6em;
}

#mainmenu {
float:left;
margin-bottom:0px;
}

#mainmenu ul {
font-size:16px;
margin:0;
padding:0;
}

#mainmenu li {
float:left;
height:35px;
list-style:none;
margin:0;
padding:0;
}

#mainmenu a {
border-right:1px solid #b0b0b0;
color:#606060;
display:block;
font-size:0.7em;
padding:11px 10px 10px;
text-transform:uppercase;
}

#mainmenu a:hover {
background:#f0f0f0 url('img/menuhover.jpg') repeat-x top left;
color:#505050;
text-decoration:none
}

#mainmenu a.current {
background:#f0f0f0 url('img/menuhover.jpg') repeat-x top left;
color:#505050;
text-decoration:none
}


#marqjalan {

float:left;
list-style:none;
margin:5px;
padding:0 0 2px 2px;
width:900px;

}


#wrap {
clear:both;
margin-top:60px; //yg dirubah
font-size:0.9em;
padding:0
}


#leftside, #rightside {
margin:0;
padding:0 8px 10px;
width:183px;
}

#leftside {
float:left;
margin-right:10px;
}

#rightside {
float:right;
margin-left:10px;
}

#leftside h1, #rightside h1 {
color:#505050;
font-size:1.6em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 12px;
}

#leftside h2, #rightside h2 {
font-size:1.1em;
margin:0 0 20px;
}

#leftside p, #rightside p {
font-size:0.9em;
line-height:1.4em;
margin:0 0 16px 10px;
}

.linklist {
margin:0 0 16px 9px;
padding:12px;
}

.linklist li 
{
margin-bottom:0.7em;

}

.linklist a {
color:#04476c;
font-weight:bold;
}

.linklist a:hover{
color:#f9bc46;
font-weight:bold;
/*text-decoration:none;*/
}

.nav {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
padding:5px 4px 4px 10px;
position:relative;
/*text-transform:uppercase;*/
width:550px;
}

.nav:hover, .active {
background:#f8f9fa;
border:1px solid #909090;
color:#303030;
text-decoration:none;
}

.nav_view {
background:#e8e9ea;
border:1px solid #b0b0b0;
color:#606060;
display:block;
margin-top:8px;
/*text-transform:uppercase;*/
width:940px;; 4px; padding-left:4px; padding-right:4px; padding-top:10px; padding-bottom:4px
}

.sub {
font-size:0.8em;
letter-spacing:1px;
margin:3px 0 2px 10px;
padding:4px 2px 2px 8px;
width:125px;
}



#content, #contentalt, #contentsingle {
background-color:#fafcff;
border:1px solid #909090;
color:#2a2a2a;
padding:15px 20px 5px;
}

#content {margin:0 200px;}
#contentsingle {margin:0 10px;}
#contentalt {margin:0 200px 0 20px;}
#content p, #contentsingle p {text-align:justify;}

#contentsingle li {text-align:justify;}

#content h1, #content h2, #contentalt h1, #contentalt h2, #contentsingle h1, #contentsingle h2{
background-color:inherit;
color:#606060;
font-size:1.8em;
font-weight:bold;
letter-spacing:-1px;
margin:0 0 15px;
padding:0;
}

#content h2, #contentalt h2, #contentsingle h2 {
font-size:1.6em;
margin-bottom:10px;
}

.myimg {
border:1px solid #b0b0b0;
float:left;
margin:5px 15px 6px;
padding:5px;
}


#footer {
background:#8b8b8b url('img/footerbg.jpg') repeat-x top left;
clear:both;
color:#ffffff;
font-size:0.9em;
font-weight:bold;
margin:0 1.5px;
text-align:center;
width:1000px; padding-left:0; padding-right:0; padding-top:20px; padding-bottom:20px
}

#footer a {
color:#d0d0d0;
font-weight:bold;
}


.thumbnail {
background:#fafbfc;
border:1px solid #b0b0b0;
margin:0 0 10px 10px;
padding:5px;
}

.searchform {margin:0;}

.searchbox {
background:#f0f0f0;
border:1px solid #b0b0b0;
margin:0 4px 0 0;
width:100px;
}

.searchbutton {
background:#f0f0f0;
border:1px solid #b0b0b0;
}

.clearingdiv {
clear:both;
height:30px;
width:1px;
}

.hide {display:none;}



.intro {
font-size:1.1em;
font-weight:bold;
letter-spacing:-1px;
}

.small {font-size:0.8em;}
.large {font-size:1.4em;}
.center {text-align:center;}
.right {text-align:right;}


/* Boxed Style */

.boxed {
	margin-bottom: 1em;
	background: #F7F7F7 url('img/img07.gif') repeat-x;
	border: 1px solid #909090

}

.boxed .title {
	height: 20px;
	background: url('img/img08.gif') no-repeat 10px 50%;
	text-transform: uppercase;
	font-size: 1em;
	color: #FFFFFF; padding-left:27px; padding-right:0; padding-top:11px; padding-bottom:0
}

.boxed .smalltitle {
	height: 29px;
	padding: 11px 0 0 27px;
	text-transform: uppercase;
	font-size: 0.5em;
	color: #FFFFFF;
}

.boxed .content {
	padding: 0px 0 0 0;
}

/* Boxed Style */

.boxez {
	margin-bottom: 1em;
	background: #F7F7F7 url('img/img07.gif') repeat-x;
	border: 1px solid #909090

}

.boxez .title {
	height: 20px;
	background: url('img/img08.gif') no-repeat 10px 50%;
	text-transform: uppercase;
	font-size: 1em;
	color: #FFFFFF; padding-left:50px; padding-right:0; padding-top:21px; padding-bottom:0
}

.boxez .smalltitle {
	height: 29px;
	padding: 11px 0 0 27px;
	text-transform: uppercase;
	font-size: 0.5em;
	color: #FFFFFF;
}

.boxez .content {
	padding: 0px 0 0 0;
}

.mastertree {
	height: 18px;
	background: #F7F7F7 url('img/img07.gif') repeat-x;
	border: 1px solid #909090;
	text-transform: uppercase;
	font-size: 1em;
	color: #000000

}

.detiltree {
	background: #F7F7F7;
	border: 1px solid #909090;
	margin-bottom: 1em;
	padding: 0 10px 0 10px ;
}
