/* CSS Document */
/* basic elements */

body
{
	margin: 0;
	padding: 0;
	font-family: verdana;
	font-size: 11px;
	color: #454545;
	margin-left: auto;
	margin-right: auto;
	width: 888px;
	background-color: #333333;
	background-image: url(../images/back-all.jpg);
	background-position: center;
	background-repeat: repeat-y
}

a, a:link, a:visited, a:active {
	text-decoration: none;
	color: #094582;
	font-size: 11px;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
	color: #005978;
	font-size: 11px;
}

ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

img {
	border : 0 none; 
}

input, textarea {
	border: 1px inset #999999;
	font-family: verdana;
	font-size: 11px;
	color: #444444;
	padding: 3px;
    background-color: #efefef;
}

select {
	border: 1px solid #999999; 
	font-size: 11px; 
	font-family: Verdana;
}

option, optgroup {
	font-size: 11px; 
	font-family: Verdana;
	background-color: white;
	font-style: normal
}

form {
	margin:0
}


.checkradio {
	border: 0 none;
	background-color: #FFFFFF	
}

input.button {
	font-size: 10px;
	font-weight: bold; 
	color: #ffffff;
	background-color: #666666;
	font-family: verdana,tahoma;
	border: 1px outset #999999
}

.warnbox {
	border: 1px solid #ffeba2;
	background-image: url(../images/warn-back.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	padding: 30px 5px 20px 33px;
	width: 445px
}

.hilite {
	background-color: #fcf4a0
}

.asterik, .required {
	color: #990000;
	
}

.small {
	color: #999999;
	font-size: 9px
}

table {
	border-collapse: collapse
}

tr.tablehead {
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold
}

.section {
	background-image: url(../images/back-section.jpg);
	padding: 5px;
	padding-top: 10px;
	background-repeat: repeat-x
}

.sectit {
	font-family: arial;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px
}

.secdesc {
	font-family: verdana;
	color: #666666;
	font-size: 10px
}
.imgnews {
	padding-right: 5px;
	padding-bottom: 5px
}

.newsbox {
	border-bottom: 1px dashed #cccccc;
	text-align: justify; 
	padding-left: 5px; 
	padding-right: 5px;
	padding-top: 10px
}

.faq-q {
	padding: 5px; 
	border-bottom: 1px dashed #e8e1c9; 
	background-image: url(../images/faq-q.gif); 
	background-repeat: no-repeat; 
	background-position: top left; 
	padding-left: 25px;
	margin-left: 10px;
	line-height: 16px
}

.faq-a {
	padding: 5px; 
	border-bottom: 1px dashed #e8e1c9; 
	background-image: url(../images/faq-a.gif); 
	background-repeat: no-repeat; 
	background-position: top left; 
	padding-left: 25px;
	margin-left: 10px;
	line-height: 16px
}

.albumtitle {
	font-size: 12px;
	font-family: georgia;
	font-weight: bold
}

#pagesection {
	background-image: url(../images/back-page.jpg);
	height: 100px;
	border-top: 2px solid #333333;
	background-repeat: no-repeat
}

#pagesubsection {
	background-repeat: no-repeat; 
	background-position: right; 
	height: 100px;
}

#welcome {
	background-image: url(../images/back-welcome.jpg);
	background-repeat: no-repeat;
	padding: 10px;
	border-top: 2px solid #333333;
	line-height: 16px
}

.agentbenefit {
	width: 250px; 
	float: right; 
	padding: 5px; 
	background-color: #d0e6ff; 
	text-align: right; 
	border: 1px dashed #05458d; 
	margin-top: 6px; 
	margin-left: 10px; 
	margin-bottom: 6px
}


/* layout styling */
div#banner
{

}

div#navbar
{

}

div#info
{
	height: 64px;
	background-image: url(../images/back-whymvc.jpg);
	padding-top: 15px;
	padding-left: 10px;
	color: #FFFFFF;
	font-size: 10px
}

div#container
{
	background-image: url(../images/nav_col_base.jpg);
	background-repeat: repeat-y;
	background-color: #FFFFFF
}

div#container2
{
	background-repeat: repeat-y;
	background-position: right;
}

div#left
{
	float: left;
	width: 200px;
}

div#right
{
	float: right;
	width: 180px;
	margin: 0;
	padding-top: 1px
}

div#content
{
	margin-left: 210px;
	margin-right: 190px;
	padding-top: 1px;
}

#cleardiv
{
	clear: both;
	height: 1em;
}

div#footerlink
{
	clear: both;
}

div#footer
{
	clear: both;
	background-image: url(../images/back-footer.gif);
	background-repeat: repeat-x;
	height: 110px;
	font-size: 10px;
	color: #a4a4a4;
	padding-top: 10px;
	padding-left: 20px;
	background-color: #293842
}

#fleft {
	float: left;
	width: 450px;
	padding-top: 35px;
	color: #7c7b7b
}

#fright {
	float: right;
	width: 380px;
	text-align: right;
	padding-right: 20px;
	padding-top: 15px;
}

ul#usersubmenu {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul#usersubmenu {
	margin-top: 1px;
}

ul#usersubmenu li a {
	display: block;
	width: 180px;
	color: #1b539f;
	font-weight: bold;
	padding: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #ffffff;
	font-size: 11px;
	background-color: #b0c4de;
	border-bottom: 1px solid #ffffff
}

ul#usersubmenu li a.special1 {
	color: #ff3300;
	background-color: #ffcc00;
}

ul#usersubmenu li a:link, ul#usersubmenu li a:visited {
	color: #1b539f;
	text-decoration: none;
}

ul#usersubmenu li a:hover, ul#usersubmenu li a:active, ul#usersubmenu li a.special1:hover {
	color: #ff6600;
	text-decoration: none;
	background-color: #fee997;
}

#navbar ul li {
	float: left; padding: 0px; margin: 0px;
}

a#nav1 {
	width: 86px;
	height: 28px;
	display: block;	
	background-image: url(../images/button-home.gif);
}

a:hover#nav1 {
	background-image: url(../images/button-home-o.gif);
}

a#nav2 {
	width: 128px;
	height: 28px;
	display: block;	
	background-image: url(../images/button-about.gif);
}

a:hover#nav2 {
	background-image: url(../images/button-about-o.gif);
}

a#nav3 {
	width: 95px;
	height: 28px;
	display: block;	
	background-image: url(../images/button-product.gif);
}

a:hover#nav3 {
	background-image: url(../images/button-product-o.gif);
}

a#nav4 {
	width: 116px;
	height: 28px;
	display: block;	
	background-image: url(../images/button-news.gif);
}

a:hover#nav4 {
	background-image: url(../images/button-news-o.gif);
}

a#nav5 {
	width: 159px;
	height: 28px;
	display: block;	
	background-image: url(../images/button-member.gif);
}

a:hover#nav5 {
	background-image: url(../images/button-member-o.gif);
}

a#nav6 {
	width: 118px;
	height: 28px;
	display: block;	
	background-image: url(../images/button-gallery.gif);
}

a:hover#nav6 {
	background-image: url(../images/button-gallery-o.gif);
}

a#nav7 {
	width: 61px;
	height: 28px;
	display: block;	
	background-image: url(../images/button-faq.gif);
}

a:hover#nav7 {
	background-image: url(../images/button-faq-o.gif);
}

a#nav8 {
	width: 125px;
	height: 28px;
	display: block;	
	background-image: url(../images/button-contact.gif);
}

a:hover#nav8 {
	background-image: url(../images/button-contact-o.gif);
}


#footerlink ul li {
	float: left; padding: 0px; margin: 0px;
}

a#opnav1 {
	width: 115px;
	height: 57px;
	display: block;	
	background-image: url(../images/button-op-tsel.gif);
}

a:hover#opnav1 {
	background-image: url(../images/button-op-tsel-o.gif);
}

a#opnav2 {
	width: 99px;
	height: 57px;
	display: block;	
	background-image: url(../images/button-op-indosat.gif);
}

a:hover#opnav2 {
	background-image: url(../images/button-op-indosat-o.gif);
}

a#opnav3 {
	width: 42px;
	height: 57px;
	display: block;	
	background-image: url(../images/button-op-xl.gif);
}

a:hover#opnav3 {
	background-image: url(../images/button-op-xl-o.gif);
}

a#opnav4 {
	width: 80px;
	height: 57px;
	display: block;	
	background-image: url(../images/button-op-s.gif);
}

a:hover#opnav4 {
	background-image: url(../images/button-op-s-o.gif);
}

a#opnav5 {
	width: 75px;
	height: 57px;
	display: block;	
	background-image: url(../images/button-op-as.gif);
}

a:hover#opnav5 {
	background-image: url(../images/button-op-as-o.gif);
}

a#opnav5a {
	width: 48px;
	height: 57px;
	display: block;	
	background-image: url(../images/button-op-mentari.gif);
}

a:hover#opnav5a {
	background-image: url(../images/button-op-mentari-o.gif);
}

a#opnav6 {
	width: 42px;
	height: 57px;
	display: block;	
	background-image: url(../images/button-op-im3.gif);
}

a:hover#opnav6 {
	background-image: url(../images/button-op-im3-o.gif);
}

a#opnav7 {
	width: 73px;
	height: 57px;
	display: block;	
	background-image: url(../images/button-op-so.gif);
}

a:hover#opnav7 {
	background-image: url(../images/button-op-so-o.gif);
}

a#opnav8 {
	width: 60px;
	height: 57px;
	display: block;	
	background-image: url(../images/button-op-bebas.gif);
}

a:hover#opnav8 {
	background-image: url(../images/button-op-bebas-o.gif);
}

a#opnav9 {
	width: 57px;
	height: 57px;
	display: block;	
	background-image: url(../images/button-op-jempol.gif);
}

a:hover#opnav9 {
	background-image: url(../images/button-op-jempol-o.gif);
}

a#opnav10 {
	width: 63px;
	height: 57px;
	display: block;	
	background-image: url(../images/button-op-flexi.gif);
}

a:hover#opnav10 {
	background-image: url(../images/button-op-flexi-o.gif);
}

a#opnav11 {
	width: 69px;
	height: 57px;
	display: block;	
	background-image: url(../images/button-op-esia.gif);
}

a:hover#opnav11 {
	background-image: url(../images/button-op-esia-o.gif);
}

a#opnav12 {
	width: 65px;
	height: 57px;
	display: block;	
	background-image: url(../images/button-op-fren.gif);
}

a:hover#opnav12 {
	background-image: url(../images/button-op-fren-o.gif);
}

/* --------------------- */
#cektrx {
	background-image: url(../images/back-cek-trx.jpg);
	padding: 5px;
	padding-top: 20px;
	padding-left: 176px;
	background-repeat: no-repeat;
	height: 200px;
	font-size: 9px;
	line-height: 14px;
	border-bottom: 1px solid #dadada
}

#welcome {
	background-image: url(../images/back-welcome.jpg);
	background-repeat: no-repeat;
	background-position: right;
	padding: 10px;
	border-top: 2px solid #333333;
	line-height: 16px
}

#titlepage {
	border-bottom: 1px solid #dadada
}

.content {
	line-height: 18px
}

#crightleft {
	float: left;
	width: 410px;
}

#crightright {
	float: right;
	width: 250px;
}