html, body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#5499CA;
	padding:0px;
	margin:0px;
 	height:auto !important;
        height:100%;
        min-height:100%;
}

p {
font-family: Verdana, Helvetica, Arial, sans-serif;
	line-height:24px;
}

h1 {
	font-family:Gill Sans, Helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#4C4C4C;
	margin:10px 0px;
}

h2:first-line {
	font-size:18px;
}

h2 {
	font-family:Gill Sans, Helvetica, sans-serif;
	font-size:16px;
	font-weight:normal;
	color:#4C4C4C;
}

h3 {
	font-family:Gill Sans, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	color:#4C4C4C;
	margin:2px 0px;
}

h4 {
	font-family:Gill Sans, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#000;
	margin:2px 0px;
}

h5 {
	font-family:Gill Sans, Helvetica, sans-serif;
	font-size:10px;
	font-weight:normal;
	color:#4C4C4C;
	margin:2px 0px;
}

#front {
	height:140px;
	background:url('../images/front.png') no-repeat;
  margin:0px 7px 0px 7px;
  padding:10px 40px;
}

#saldo{
	font-size:30px;
	color:#ff0000;
  width: 50%;
  margin: auto;
  text-align: center;
}

#terbilang{
	font-size:20px;
	color:#000000;
  width: 90%;
  margin: auto;
  text-align: center;
  font-weight:bold;
}

#greybox {
    background:#ebf4fb;
    margin:0px 7px 0px 7px;
    padding:10px 40px;
    border-top:1px solid #d9d9d9;
}

#greybox p {
    color:#4C4C4C;
}

#greybox h1, #greybox h2, #greybox h3, #greybox h4, #greybox h5, #greybox h6 {
    color:#000;
}

#container {
    width:857px;
    margin:0px auto;
    padding:0px;
}

#content {
	width:857px;
	margin:0px auto 0px auto;
	padding-top:10px;
	background:url('../images/backshadow.png');
}

#logintop {
	padding-right:10px;
	float:right;
}



#roundedtop {
    width:856px;
    margin:0px auto 0px auto;
    background:url('../images/roundedtop.png') no-repeat;
    height:31px;
}

#roundedbottom {
    margin:0px auto 0px auto;
    background:url('../images/roundedbottom.jpg') no-repeat;
    height:14px;
}

#package {
		padding-left:12px;
    margin:0px auto 0px auto;
    background:url('../images/backpackage.png') repeat-x;
    height:240px;
    background-position:0px 40px;
}

#packagedetail {
		padding-left:12px;
    margin:0px auto 0px auto;
    background:url('../images/backpackage.png') repeat-x;
    height:370px;
    background-position:0px 40px;
}

#packagedetailb {
		padding-left:12px;
    margin:0px 140px 0px 140px;
    background:url('../images/backpackage.png') repeat-x;
    height:370px;
    background-position:0px 40px;
}

#packagedetailc {
		padding-left:12px;
    margin:0px 240px 0px 240px;
    background:url('../images/backpackage.png') repeat-x;
    height:370px;
    background-position:0px 40px;
}

#vertdiv {
    width:2px;
    margin:35px 2px auto 2px;
    background:url('../images/vertdiv.png') repeat-y;
    height:160px;
    float:left;
}

#paketa {
    width:200px;
		margin:15px 10px 15px 10px;
    background:url('../images/paketa.png') no-repeat;
    height:116px;
		float:left;
}

#paketb {
    width:200px;
    margin:15px 10px 15px 10px;
    background:url('../images/paketb.png') no-repeat;
    height:116px;
		float:left;
}

#paketc {
    width:200px;
    margin:15px 10px 15px 10px;
    background:url('../images/paketc.png') no-repeat;
    height:116px;
		float:left;
}


.arrowlistmenua{
		width: 200px; 
		font: 14px Verdana;
		margin-bottom: 10px; 
		padding: 80px 0 4px 10px;
}

.arrowlistmenua ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-bottom: 8px; 
}

.arrowlistmenua ul li{
		padding-bottom: 2px;
}

.arrowlistmenua ul li{
		color: #6F5100;
		background: url(../images/arrowbullet.png) no-repeat center left;
		display: block;
		padding: 2px 0;
		padding-left: 19px;
		text-decoration: none;
		border-bottom: 1px solid #dadada;
		font-size: 90%;
}

.arrowlistmenub{
		width: 200px; 
		font: 14px Verdana;
		margin-bottom: 10px; 
		padding: 80px 0 4px 10px;
}

.arrowlistmenub ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-bottom: 8px; 
}

.arrowlistmenub ul li{
		padding-bottom: 2px;
}

.arrowlistmenub ul li{
		color: #830C1C;
		background: url(../images/arrowbullet.png) no-repeat center left;
		display: block;
		padding: 2px 0;
		padding-left: 19px;
		text-decoration: none;
		border-bottom: 1px solid #dadada;
		font-size: 90%;
}

.arrowlistmenuc{
		width: 200px; 
		font: 14px Verdana;
		margin-bottom: 10px; 
		padding: 80px 0 4px 10px;
}

.arrowlistmenuc ul{
		list-style-type: none;
		margin: 0;
		padding: 0;
		margin-bottom: 8px; 
}

.arrowlistmenuc ul li{
		padding-bottom: 2px;
}

.arrowlistmenuc ul li{
		color: #2D8C15;
		background: url(../images/arrowbullet.png) no-repeat center left;
		display: block;
		padding: 2px 0;
		padding-left: 19px;
		text-decoration: none;
		border-bottom: 1px solid #dadada;
		font-size: 90%;
}

.disclaimer{
		font-family: Verdana, Helvetica, Arial, sans-serif;
		padding-bottom: 8px;
}

.disclaimer ul{
}

.disclaimer ul li{
		padding-bottom: 8px;
}


#bottom {
		height:200px;
		padding-left:12px;
    margin:0px auto 0px auto;
    background-position:0px 40px;
    background:url('../images/welcomebar.png') repeat-x;
    background-position:top center;
}

#bottomcontent {
		padding-top:35px;
    width:700px;
		margin:5px;
		float:left;
}

.center{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#footergrass {
	height:74px;
	margin:0px;
	background:#333366;
	padding:0px;
	color:#ededed;
  background:url('../images/footergrass.png') repeat-x;
  background-position:bottom center;
}

#clear {
	clear:both;
}



.feature {
	width:320px;
	float:left;
	margin:10px 50px 20px 0px;
}

.feature p {
	font-size:12px;
}

.feature img {
	float:left;
	margin:8px;
}

.feature3 {
	width:210px;
	float:left;
	margin:10px 35px 10px 0px;
	border: 1px solid #CCC;
}

.feature3 p {
	font-size:12px;
	margin:0px 0px 0px 0px;
}

.feature3 li {
	color:#4C4C4C;
  font-family:Helvetica, sans-serif;
	font-size:12px;
	margin:5px;
}


.feature3 ul {
	padding-left:20px;
	margin:0px 0px 0px 0px;
}

.feature3 img {
	float:center;
	margin:8px;
}


.topinput{
	width:100px;
	height:14px;
	font-size:10px;
}
.toplogin{
	width:60px;
	height:22px;
	font-size:10px;	
	font-weight:bold;
}

.inputCorner {
	padding-bottom:0;
	vertical-align:middle;
	width:100px;
}