@charset "utf-8";
@import url("js/calendar/jquery.calendar.css");
@import url("css/ui-lightness/jquery-ui-1.8.17.custom.css");
@import url("css/jquery.tablescroll.css");
/*@import url("jquery.ui.datepicker.css");
@import url("css/jquery.ui.core.css");
@import url("css/jquery.ui.accordion.css");
@import url("css/jquery.ui.autocomplete.css");
@import url("css/jquery.ui.button.css");
@import url("css/jquery.ui.datepicker.css");
@import url("css/jquery.ui.dialog.css");
@import url("css/jquery.ui.progressbar.css");
@import url("css/jquery.ui.resizable.css");
@import url("css/jquery.ui.selectable.css");
@import url("css/jquery.ui.slider.css");
@import url("css/jquery.ui.tabs.css");
*/
body {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-color: #04438F;
	margin: 0;
	padding: 0;
	text-align: left;
}

a {
color:#FFF;
text-decoration:none;
}

.garisBawah {
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#FFF;
background-color:#04438f;
color:#FFF;
border-top-width:1px;
border-top-style:solid;
border-top-color:#036;
}

a:hover {
color:red;
text-decoration:none;
}

a:visited {
color:#F90;
text-decoration:none;
}

h1 {
font-size:28px;
font-weight:700;
margin:7px 0 0 10px;
}

.garisBawahPutus {
border-bottom-width:1px;
border-bottom-style:dotted;
border-bottom-color:#CCC;
}

.bag {
text-align:left;
margin:0;
padding:0;
}

.textJudul {
font-size:18px;
color:#999;
font-family:"Arial Black", Gadget, sans-serif;
}

#footer {
	height: auto;
	width: 100%;
	position: fixed;
	left: 0px;
	bottom: 0px;
	color: #FFF;
	background-color: #003366;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	text-align: center;
}
#head_top {
	height: auto;
	width: 100%;
	position: fixed;
	left: 0px;
	top: 0px;
	color: #FFF;
	background-color: #003366;
	padding-top: 4px;
	padding-bottom: 4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	text-align: center;
}
.textbiasa {
	color:#000;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #CCC;
}

.textbiasa a {
	color:#000;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.textbiasa a:hover {
	color:#F00;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}
.textbiasa a:visited {
	color:#000;
	font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
}

.grsRB {
border-right-width:1px;
border-bottom-width:1px;
border-right-style:dotted;
border-bottom-style:dotted;
border-right-color:#FFF;
border-bottom-color:#FFF;
}

.box_full {
border:1px solid #FFF;
}

.bag_login {
	background-image:url(images/gb3.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	background-position: bottom;
}

.form_login {
border:1px solid #CCC;
background-color:#FFF;
}

.grskanan {
border-right-width:1px;
border-right-style:dotted;
border-right-color:#FFF;
}

.form_style {
background-color:#04438F;
color:#FFF;
border-color:#04438F #04438F #FFF;
border-style:solid solid dashed;
border-width:1px;
}

a:active {
	color: #F60;
	text-decoration: none;
}

#rfq {
float:left;
height:auto;
width:500px;
}

div.data {
width:auto;
overflow:auto;
height:110px;
border-bottom-width:1px;
border-bottom-style:solid;
border-bottom-color:#FFF;
}

div.data2 {
	width:auto;
	overflow:auto;
	height:231px;
	border-bottom-width:1px;
	border-bottom-style:solid;
	border-bottom-color:#036;
	background-color: #FFF;
}

div.data3 {
	width:auto;
	overflow:auto;
	height:231px;
}


#rfq_data {
overflow:scroll;
height:120px;
width:450px;
}

.tombol {
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size:12px;
color:#FFF;
background-color:#04438F;
border-style:none;
padding:4px;
}

.tombol:hover {
color:red;
}

.tb_head {
font-size:11px;
color:#FFF;
}

#menu {
margin:0;
padding:0;
}

#menu ul {
color:#FFF;
margin:0;
padding:0;
}

#menu ul li {
color:#FFF;
list-style-image:none;
list-style-type:none;
position:relative;
float:left;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size:12px;
text-transform:none;
}

#menu ul li a {
display:block;
float:left;
width:auto;
color:#FFF;
text-decoration:none;
border-right-width:1px;
border-right-style:solid;
border-right-color:#FFF;
border-left-width:1px;
border-left-style:solid;
border-left-color:#04438F;
height:auto;
padding:0 15px;
}

#menu ul li a:hover {
color:#F60;
border-right-width:1px;
border-right-style:solid;
border-right-color:#FFF;
border-left-width:1px;
border-left-style:solid;
border-left-color:#04438F;
background-position:left top;
}

#menu ul li ul {
display:none;
z-index:1;
}

#menu ul li:hover ul {
display:block;
position:absolute;
left:0;
top:20px;
}

#menu ul li:hover ul li a {
display:block;
left:0;
top:41px;
color:#FFF;
background-color:#76B900;
width:130px;
line-height:18px;
height:24px;
border-color:#690 #690 #6C0;
border-style:solid;
border-width:1px 1px 1px 12px;
}

#menu ul li:hover ul li a:hover {
left:0;
top:41px;
color:#FFF;
background-color:#690;
border-color:#690;
border-style:solid;
border-width:1px 1px 1px 12px;
}

.form_text {
border:1px solid #CCC;
padding:6px;
}

.form_text:focus {
background-color:#06F;
color:#FFF;
}

h3,h2 {
line-height:0;
margin:0;
padding:0;
}
.grs_ab {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #036;
	border-bottom-color: #fff;
}

tr.hover:hover{
	background-color:#b6c6d7;
	}
tr.hover:visited{
	background-color:#b6c6d7;
}
tr.hover:active{
	background-color:#b6c6d7;
	}	
	
		/* BUTTON */
.button{
	font-family: Arial, Helvetica, "Helvetica Neue", Verdana, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-image: url(images/buttons.png);
	background-repeat: repeat-x;
	background-position: left -60px;
	border: 1px solid #CCC;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	font-weight: bold;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
.button:hover{
	background-image: url(images/buttons.png);
	background-repeat: repeat-x;
	background-position: left -96px;
}

.button_del{
	font-family: Arial, Helvetica, "Helvetica Neue", Verdana, sans-serif;
	font-size: 12px;
	color: #FFF;
	background-image: url(images/buttons.png);
	background-repeat: repeat-x;
	background-position: left -60px;
	border: 1px solid #CCC;
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	font-weight: bold;
	padding-top: 4px;
	padding-right: 6px;
	padding-bottom: 4px;
	padding-left: 6px;
}
.button_del:hover{
	background-image: url(images/buttons.png);
	background-repeat: repeat-x;
	background-position: left 0px;
	color: #F00;
}

/*SEARCH*/
.form_src{
	font-size: 11px;
	color: #333;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCC;
	border-bottom-color: #CCC;
	border-left-color: #CCC;
	height: 22px;
}
.form_src_botton{
	background-image: url(images/icon/cari.png);
	background-repeat: no-repeat;
	background-position: right center;
	left: -1px;
	height: 22px;
	width: 22px;
}
.cari {
	text-decoration: none;
	background-image: url(images/icon/Ce0Xa8hR.png);
	background-repeat: no-repeat;
	background-position: left -32px;
	color: #999;
	height: 18px;
	width: 20px;
	position: absolute;
	z-index: 9999;
	margin-top: 3px;
	margin-left: -28px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	cursor: pointer;
	background-color: #FFF;
}

.form_cari {
	color: #333;
	font-size: 11px;
	padding-top: 3px;
	padding-right: 30px;
	padding-bottom: 4px;
	padding-left: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #CCC;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	width: 150px;
}

.form_input {
	color: #333;
	font-size: 11px;
	padding-top: 3px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: 1px solid #CCC;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}
/*List*/
	.ui-button { margin-left: -1px; }
	.ui-button-icon-only .ui-button-text {
	padding-top: 0.47em;
	padding-right: 0.47em;
	padding-bottom: 0.46em;
	padding-left: 0.47em;
} 
	.ui-autocomplete-input {
	margin: 0;
	width: auto;
	padding-top: 0.47em;
	padding-right: 0;
	padding-bottom: 0.47em;
	padding-left: 0.45em;
}
.text_hitam {
	color: #000;
}
.text_hitam a {
	color:#000;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}

.text_hitam a:hover {
	color:#F00;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
.text_hitam a:visited {
	color:#000;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
}
#footer {
	background-color: #036;
	clear: both;
	position: fixed;
	padding-top: 15px;
	padding-right: 6px;
	padding-bottom: 15px;
	padding-left: 6px;
	width: 100%;
}
.beg {
	background-image: url(images/bag.png);
	background-repeat: repeat;
}
.box_form {
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	border: 1px solid #A8BAC8;
	padding: 4px;
}

.fieldset_cll {
	background-color: #e7ebf2;
	border: 1px solid #FFF;
	padding-top: 4px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	color: #000;
}
/*icon*/
#icon_menu {
	text-decoration: none;
	height: 16px;
	width: auto;
	float: left;
	clear: both;
}
.icon {
	text-decoration: none;
	height: 16px;
	width: auto;
	float: right;
}

.icon a{
	text-decoration: none;
	background-image: none;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	color: #666;
	float: right;
}

.icon a:hover{
	text-decoration: none;
	color: #000;
}

.plus {
	text-decoration: none;
	background-image: url(images/icon/P2119h02.png);
	background-repeat: no-repeat;
	background-position: 0 -427px;
	color: #999;
	height: 16px;
	width: 16px;
	float: right;
}

.list {
	text-decoration: none;
	background-image: url(images/icon/P2119h02.png);
	background-repeat: no-repeat;
	background-position: -20px -394px;
	color: #999;
	height: 16px;
	width: 16px;
	float: right;
}
.edit {
	text-decoration: none;
	background-image: url(images/icon/P2119h02.png);
	background-repeat: no-repeat;
	background-position: -24px -339px;
	color: #999;
	height: 16px;
	width: 16px;
	float: right;
}

.close {
	text-decoration: none;
	background-image: url(images/icon/4WSewcWb.png);
	background-repeat: no-repeat;
	background-position: left top;
	color: #999;
	height: 16px;
	width: 16px;
	float: right;
	margin-top: 2px;
	margin-right: 5px;
}

.close2 {
	text-decoration: none;
	background-image: url(images/icon/4WSewcWb.png);
	background-repeat: no-repeat;
	background-position: left -16px;
	color: #999;
	height: 16px;
	width: 16px;
	float: right;
	margin-top: 2px;
	margin-right: 5px;
}

.email {
	text-decoration: none;
	background-image: url(images/icon/Ce0Xa8hR.png);
	background-repeat: no-repeat;
	background-position: -33px -48px;
	color: #999;
	height: 18px;
	width: 20px;
	position: absolute;
	z-index: 1;
	cursor: pointer;
}
.print {
	text-decoration: none;
	background-image: url(images/icon/print_16.png);
	background-repeat: no-repeat;
	background-position: center center;
	color: #999;
	height: 16px;
	width: 16px;
	position: absolute;
	z-index: 1;
	cursor: pointer;
	margin-left: -15px;
}

.titel {
	color: #FFF;
	list-style-image: none;
	list-style-type: none;
	position: absolute;
	float: none;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 9px;
	text-transform: none;
	background-color: #F00;
	z-index: 1;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	height: 15px;
	padding-right: 2px;
	padding-left: 2px;
	padding-top: -5px;
	padding-bottom: 2px;
	margin-top: -8px;
	margin-left: 10px;
}

#scroll {
	margin: 0px;
	padding: 0px;
	height: 300px;
	width: 100%;
	border: 1px groove #FFF;
	overflow: auto;
}

/*=============================================================*/
#m_head {
	float: left;
	width: 100%;
	padding: 4px;
	background-color: #04438F;
}

#m_head ul {
color:#FFF;
margin:0;
padding:0;
}

#m_head ul li {
color:#FFF;
list-style-image:none;
list-style-type:none;
position:relative;
float:left;
font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
font-size:12px;
text-transform:none;
}

#m_head ul li a {
	display:block;
	float:left;
	width:auto;
	color:#000;
	text-decoration:none;
	height:auto;
	margin-right: 4px;
	padding-top: 5px;
	padding-right: 8px;
	padding-bottom: 5px;
	padding-left: 8px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-color: #FFF;
	border-left-color: #FFF;
	border-bottom-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
}

#m_head ul li a:hover {
	color:#04438F;
	border-right-width:1px;
	border-right-style:solid;
	border-right-color:#FFF;
	border-left-width:1px;
	border-left-style:solid;
	border-left-color:#FFF;
	background-position:left top;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFF;
	border-bottom-color: #FFFFFF;
}


#m_cari{
	float: left;
	clear: none;
	width: 100%;
	padding: 4px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #999;
	background-color: #D3DCE3;
	color: #000000;
	margin-top: -5px;
}
#m_menu {
	background-color: #f2f4f8;

}