body {background-color:#ffffff;}
.style36 {	font-family: "Bookman Old Style";
	font-size: 30px;
	font-weight: bold;
}
.style34 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; }
.style35 {color: #999999}
.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #999999;
}
.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	font-weight: bold;
}
.style6 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-size: 12px; }
.style12 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a:link {
	color: #CC0000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CC0000;
}
a:hover {
	text-decoration: none;
	color: #003399;
}
a:active {
	text-decoration: none;
	color: #CC0000;
}
.style16 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
body {
	background-image: url();
	background-color: #FFFFFF;
}
.style20 {color: #003399; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;}
.style22 {
	color: #000000;
	font-weight: bold;
}
.style23 {font-size: 9px}
.style24 {font-size: 11px}
.style25 {font-family: Verdana, Arial, Helvetica, sans-serif}
.style28 {
	font-family: "Bookman Old Style";
	font-size: 25px;
	font-weight: bold;
}
.style29 {
	font-family: "Bookman Old Style";
	font-weight: bold;
	font-size: 14px;
}
.title {font-size: large}
.style30 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.style32 {color: #0081D2}
.style33 {color: #CC0000}

input {background-color:#ffffff;border:0px;}
.form-search {
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 128px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #43908F;
	border-bottom-color: #43908F;
}
.tbFBWhite {
	border: none;
	font-size: 11px;
	font-family: Verdana;
	height: 18px;
	margin: 0px;
	padding: 0px;
	color: #2c2c2c;
	background-color: #ffffff;
	width: 128px;
}.btm-border {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D5D3D3;

}
td {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #494949;
	line-height: 15px;
	text-decoration: none;
}
tdprofile {
	font-family: arial;
	font-size: 11px;
	font-weight: normal;
	color: #494949;
	line-height: 15px;
	text-decoration: none;
}
.td-link {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #494949;
	line-height: 15px;
	text-decoration: none;
}
.td-link:hover {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #494949;
	line-height: 15px;
	text-decoration: underline;
}
.td-blue {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #1B4BA7;
	text-decoration: none;
}
.td-blue:hover {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #1B4BA7;
	text-decoration: underline;
}
.link-download {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #1A4DAA;
	text-decoration: none;
}
.link-download:hover {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #1A4DAA;
	text-decoration: underline;
}
.td-red {
	font-family: tahoma;
	font-size: 11px;
	font-weight: normal;
	color: #D10522;
	text-decoration: none;
}
.menaravisi {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #767676;
	text-decoration: none;
}
.menaravisi:hover {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bolder;
	color: #767676;
	text-decoration: underline;
}
.btm-border2 {
	margin-bottom: 10px;
	background-color:#FBFBFB;
	color:#747373;
	padding:2px;
	text-align:left;
	font-family: tahoma;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ACACAC;
	line-height: 15px;
}
.menutitle{
	cursor:pointer;
	margin-bottom: 5px;
	background-color:#FBFBFB;
	color:#747373;
	width:131px;
	padding:2px;
	text-align:left;
	font-weight:bold;
	font-family: tahoma;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ACACAC;
	line-height: 20px;
}
.menutitle-blue{
	cursor:pointer;
	margin-bottom: 5px;
	background-color:#FBFBFB;
	color: #1E45A0;
	width:131px;
	padding:2px;
	text-align:left;
	font-weight:bold;
	font-family: tahoma;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ACACAC;
	line-height: 20px;
}
.menutitle2{
	cursor:pointer;
	margin-bottom: 5px;
	background-color:#FBFBFB;
	color:#747373;
	padding:2px;
	text-align:left;
	font-weight:bold;
	font-family: tahoma;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ACACAC;
	line-height: 20px;
}
.menutitle3{
	cursor:pointer;
	margin-bottom: 5px;
	color:#747373;
	width:150px;
	padding:2px;
	text-align:left;
	font-weight:bold;
	font-family: tahoma;
	font-size: 11px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ACACAC;
	line-height: 20px;
}
.submenu{
margin-bottom: 0.5em;
}
.sub-link {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #1E45A0;
	text-decoration: none;
	line-height: 20px;
}
.sub-link:hover {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #1E45A0;
	text-decoration: underline;
	line-height: 20px;
}
.sub-link2 {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #1E45A0;
	text-decoration: none;
	line-height: 5px;
}
.sub-link2:hover {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #1E45A0;
	line-height: 5px;
	text-decoration: underline;
}
.sublink-on{
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #1E45A0;
	text-decoration: underline;
	line-height: 20px;
}
.sublink-on2{
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #1E45A0;
	text-decoration: underline;
	line-height: 13px;
}
.main-link {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	color: #747373;
	text-decoration: none;
}
.main-link-on {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #1E45A0;
}
.main-link:hover {
	font-family: tahoma;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #1E45A0;
}
.form1 {
	border: none;
	font-size: 11px;
	font-family: Verdana;
	height: 15px;
	margin: 0px;
	padding: 0px;
	color: #2c2c2c;
	background-color: #ffffff;
	width: 250px;
}
.form2 {
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	height: 22px;
	width: 242px;
}
.year {
	font-family: tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #4FA38F;
	text-decoration: none;
}
.square {
	border: 1px solid #E6E4E4;
}
.text {
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #747373;
	text-decoration: none;
}
.textfield
{
	font-family: tahoma;
	font-size: 10px;
	font-weight: bold;
	color: #747373;
	border-top:none;
	border-bottom:solid 1px;
	border-left:none;
	border-right:none;
}
.selectbox{
	font-family: Verdana;
	font-size: 11px;
	text-decoration: none;
	height: 22px;
}.tahun {
	font-family: arial;
	font-size: 24px;
	font-weight: bold;
	color: #1F449E;
}
.square {
	border: 1px solid #E4E7E7;
}

  
/*Tabbing Menu */
/*Credits: By Santosh Setty (http://webdesigninfo.wordpress.com) */
/*Posted to: Dynamic Drive CSS Library (http://www.dynamicdrive.com/style/) */

.glossymenu{
	position: relative;
	padding: 0 0 0 34px;
	margin: 0 0 0 0;
	background: url(../images/menub_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 13px;
	font-weight: bold;
	padding:0 0 0 10px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 20px 0 8px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(../images/menub_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(../images/menub_hover_right.gif) no-repeat right top; /*right tab image path*/
}
.pages {
	MARGIN-TOP: 20px; MARGIN-BOTTOM: 20px
}
.pages .pages_disabled {
	BORDER-RIGHT: #c6d6e6 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #c6d6e6 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; MARGIN: 1px; BORDER-LEFT: #c6d6e6 1px solid; COLOR: #c6d6e6; PADDING-TOP: 2px; BORDER-BOTTOM: #c6d6e6 1px solid; BACKGROUND-COLOR: #fafdfd
}
.pages .pages_current {
	BORDER-RIGHT: #56aa04 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #56aa04 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; MARGIN: 1px; BORDER-LEFT: #56aa04 1px solid; COLOR: #56aa04; PADDING-TOP: 2px; BORDER-BOTTOM: #56aa04 1px solid; BACKGROUND-COLOR: #c7eba0
}
.pages .page {
	BORDER-RIGHT: #0c86b5 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #0c86b5 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; MARGIN: 1px; BORDER-LEFT: #0c86b5 1px solid; COLOR: #0c86b5; PADDING-TOP: 2px; BORDER-BOTTOM: #0c86b5 1px solid; BACKGROUND-COLOR: #edf2f5
}
.pages .page:hover {
	BORDER-RIGHT: #0c86b5 1px solid; PADDING-RIGHT: 6px; BORDER-TOP: #0c86b5 1px solid; PADDING-LEFT: 6px; PADDING-BOTTOM: 2px; MARGIN: 1px; BORDER-LEFT: #0c86b5 1px solid; COLOR: #0c86b5; PADDING-TOP: 2px; BORDER-BOTTOM: #0c86b5 1px solid; BACKGROUND-COLOR: #CCFF00
}
.pages .page A {
	COLOR: #0c86b5
}
.pages .page A:hover {
	COLOR: #0c86b5
}
BODY INPUT.ygrp-button {
	BORDER-RIGHT: #a6a6a6 1px solid; BORDER-TOP: #a6a6a6 1px solid; BORDER-LEFT: #a6a6a6 1px solid; COLOR: #404040; BORDER-BOTTOM: #a6a6a6 1px solid; BACKGROUND-REPEAT: no-repeat; FONT-SIZE: 11px;FONT-FAMILY: tahoma; BACKGROUND-COLOR: #e5e5e5
}
BODY INPUT.ygrp-action {
	BORDER-RIGHT: #1e5fc7 1px solid; BORDER-TOP: #1e5fc7 1px solid; FONT-SIZE: 11px; FONT-WEIGHT: bold; BORDER-LEFT: #1e5fc7 1px solid; COLOR: #fff; BORDER-BOTTOM: #1e5fc7 1px solid; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: tahoma; BACKGROUND-COLOR: #4384f0
}
/******************************* standard stuff *************************************/

/********************************* LiveValidation *************************************/

.LV_valid {
    
	background-repeat:no-repeat;
	background-image:url(../gbr/checkbullet.gif);
	font-size:15px;
	color:transparent;
}
	
.LV_invalid {
	color:#CC0000;
}
	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active,
.fieldWithErrors input.LV_valid_field,
.fieldWithErrors textarea.LV_valid_field {
    border: 1px solid #00CC00;
}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active,
.fieldWithErrors input.LV_invalid_field,
.fieldWithErrors textarea.LV_invalid_field {
    border: 1px solid #CC0000;
}
#refreshmsg{
	color: #ccc;
	font-size:10px;
	}
	#submit {
	width:100px;

	}
	#elem{
	margin-left:10px;
	}
	#results{
	color:#73A2F9;
	}
	#desc{
	margin-top: 25px;
	margin-left: auto; margin-right: auto;
	width:600px;
	text-align:left;
	color:#73A2F9;
	}#refreshmsg{
	color: #ccc;
	font-size:10px;
	}
	#submit {
	width:100px;

	}
	#elem{
	margin-left:10px;
	}
	#results{
	color:#73A2F9;
	}
	#desc{
	margin-top: 25px;
	margin-left: auto; margin-right: auto;
	width:600px;
	text-align:left;
	color:#73A2F9;
	}
.heading {
	color: #BF3313;
	font-size: 18px;
	margin: 10px 0px 0px 20px;
}

.description {
	color: #333333;
	margin: 0px 0px 5px 20px;
}

#list {
	padding: 10px;
}

#list .a {
	margin-bottom: 5px;
	border-collapse: collapse;
	width: 100%;
}

#list .c {
	text-align: left;	
}

#list .d {
	text-align: center;
}

#list .e {
	text-align: right;
}

.list {
	border-collapse: collapse;
	width: 100%;
}

.list th {	
	height: 28px;
	padding: 0px 4px;
	border-bottom: 3px solid #30559C;
	cursor: pointer;
}

.list td {
	height: 32px;
	padding: 0px 4px;
	vertical-align: middle;	
	overflow: auto;
}

.list a {
	color: #000000;
	text-decoration: underline;
}

.list img {
	border: 0px;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.row1 td, .row2 td, .highlight td, .previous td  {
	border-bottom: 1px solid #EEEEEE;
}

.highlight {
	background-color: #EBF1FC;
}

.row1 {
	background-color: #FFFFFF;
}
 
.row2 {
	background-color: #F9F9F9;	
}

.previous {
	cursor: pointer;
	background-color: #EBF1FC;	
}

.rating {
	color: #FF0000;
	text-transform: uppercase;
	font-size: 10px;
}
 
.box {
	border: 1px solid #A7A6AA;
	background: #FFFFFF;
	overflow: auto;
	height: 148px;
	display: block;
}
 
.box table {
	width: 100%;
}

.box table tr td {
	border-bottom: 1px solid #EEEEEE;
	cursor: pointer;
}

.error {
	color: #FF0000;
	font-size: 10px;
	display: block;
	clear: both;
}

.required {
	margin: 0;
	color: #FF0000;
	display: inline;
}

.warning {
	color: #000000;
	text-align: center;
	font-size: 10px;  
	background-color: #FFB3B5;
	padding: 3px;
	display: block;
	margin-bottom: 10px;
}

.message {
	color: #000000;
	text-align: center;
	font-size: 10px;
	background-color: #99FF00;
	padding: 3px;
	display: block;
	margin-bottom: 10px;
}

.price_old {
	text-decoration: line-through;
}

.price_new {
	color: #FF0000;
}

#phpinfo .a, #phpinfo .b {
	margin: 20px;
	border: 1px solid #EEEEEE;
	padding: 10px;
}

#home .a {
	float: left;
	width: 325px;
	margin-left: 10px;
}

#home .a table {
	width: 100%;
	border-collapse: collapse;  
}

#home .a table td {
	text-align: center;
	cursor: pointer;
	padding: 10px;
}

#home .a table img {
	margin-bottom: 3px;
}

#home .b {
	float: left;
	width: 430px; 
	margin-left: 10px; 
}

#home .b table {
	width: 100%;
	border-collapse: collapse;
}

#home .b table th {
	border-bottom: 3px solid #30559C;
	padding: 4px;
}

#home .b table td {
	padding: 4px;
	cursor: pointer;
}

#home legend {
	border: 1px solid #EEEEEE;
	padding: 5px;
}

#home fieldset {
	border: 1px solid #EEEEEE;
	padding: 10px;
}

#home > .b  > fieldset {
	margin-bottom: 10px;
}

#image img {
	border: 1px solid #CCCCCC;
}

#mail {
	margin: 20px 0px 0px 40px;
}

/* invoice */
#report_sale {
	margin-top: 20px;
	width: 600px;
	position: relative;
	left: 50%;
	margin-left: -300px;
}
.tableTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 11px; FILTER: progid:DXImageTransform.Microsoft.Gradient(enabled='true',endColorstr='#DEDEDE', startColorstr='#FAFAFA', gradientType='0'); COLOR: #000000; FONT-FAMILY: Tahoma; HEIGHT: 20px; BACKGROUND-COLOR: #ebebeb; TEXT-DECORATION: none
}
.tableBorder {
	BORDER-RIGHT: #d6d6de 1px solid; BORDER-TOP: #d6d6de 1px solid; FONT-SIZE: 11px; FILTER: progid:DXImageTransform.Microsoft.Gradient(enabled='true',endColorstr='#FFFFFF', startColorstr='#F1F1F1', gradientType='0'); BORDER-LEFT: #d6d6de 1px solid; BORDER-BOTTOM: #d6d6de 1px solid; FONT-FAMILY: Tahoma
}
.details {
	background-color:#E2F9E3;
	border:1px dotted #8FBD50;
	margin:15px 0px 10px;
	padding:10px;
}