/* CSS Document */



/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

/* End hide from IE-mac */

a[rel~="facebox"] {display: none;}

*{margin:0}
.copy { color:#999999; font-size:11px; margin-top:15px}
.copy a { color:#99CC00; clear:right}
.copy a:hover { text-decoration:underline}

#commentlist { list-style: decimal}
#commentlist li { padding-bottom:5px; border-bottom:dashed 1px #CCCCCC; padding-top:5px}

#adlist {padding: 10px 15px; list-style:none}
#adlist li {float:left; margin-right:10px;}

.notif{ background: url(images/ok.png) 5px 10px no-repeat #FFFFCC;
	    border:#FFCC00 1px solid;color:#000000; margin-bottom:10px; padding:10px 5px 10px 25px;  width:97%}

form { margin-top:10px; }
label { width:100px; display:inline-block; margin-right:10px; }
input { padding:3px; font-family:Tahoma, Geneva, sans-serif; margin-left:0px; border:1px solid #333; margin-bottom:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	}
input:hover{
	background:#DCE6E9;
}

.bulet { background:url(images/bullet.jpg) no-repeat; padding-left:20px}
.add {background:url(images/action_add.png) no-repeat; padding-left:20px}
.edit {background:url(images/edit.png) no-repeat; padding-left:20px}
.delete {background:url(images/delete.png) no-repeat; padding-left:20px}
.view {background:url(images/view.png) no-repeat; padding-left:20px}
.pending {background: url(images/pause.png) no-repeat; padding-left:20px}
.mail {background: url(images/mail.png) no-repeat; padding-left:20px}
.sync {background: url(images/action_sync.png) no-repeat; padding-left:20px}

#subkategori { list-style:none; padding:0; margin-top:10px; margin-bottom:10px}
#subkategori li { display:inline-block; margin-right:10px; height:16px; text-transform:capitalize; background:url(images/12.png) no-repeat; padding-left:25px}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

a {text-decoration:none;color: #6699CC; cursor:pointer;}
a:hover {text-decoration:underline;color: #6699CC}

.curved {
-moz-border-radius:5px;
-webkit-border-radius:5px;
behavior:url(/scripts/border-radius.htc);
}

body{background: #d0ebef; overflow-x:auto; font-family:verdana; font-size:11px; margin-bottom:50px;}

textarea {font-family: verdana; font-size:11px; margin-bottom:10px; border:1px solid #666666; padding:5px; margin-left:0px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px; }



#logo{margin:0 auto; width:300px; height:117px;  margin-top:70px; margin-bottom:10px; text-align:center}

#top{
	 height:23px;
	 background-color: #404040;
	 text-align:left;
	 padding:10px 5px 5px 5px;
	 width:100%;
	 }

#top a{font-family:verdana;
	   font-size:11px;
	   color:#ccc;
	   text-decoration:none;
	   background:none;
	   }

#top a:hover{font-family:verdana;
	   font-size:11px;
	   color:#fff;
	   text-decoration:underline;
	   background:none;
	   }

#top2{
	 height:26px;
	 background-color: #291a97;
	 text-align:left;
	 padding:5px 5px 5px 5px;
	 width:100%;
	 position:fixed;
	 z-index:1;
	 }	 

#top2 a{font-family:georgia;
		font-size:14px;
	    text-decoration:none;
	    background:none;
	   }

#top2 a:hover{font-family:georgia;
	   color:#fff;
	   text-decoration:underline;
	   background:none;
	   }

#left_header{float:left;
			 width:50%;
			 }
#left_header a{color:#fff;}
#right_header a{color:#ccc}
#right_header img{border:0px;}
#right_header{float:right;
			  width:calc(50% - 25px);text-align:right; padding-right:20px;position:relative;top:-10px;
			  }

#error{background-color: #FFE8EC;
	  border: #E40123 solid 1px;
	  color:#000000;
	  width:300px;
	  height:15px;
	  margin:0 auto;
	  margin-bottom:10px;
	  padding:10px 0 15px 15px;  
	  }
	  
.error{
	color:#E40123;
}

#contentAdmin { width:100%; 
				margin:0 auto; 
				padding:0px;
				clear:right;
				padding-top:30px;
				padding-bottom:30px;
				}

#leftAdmin {width:17%;
			height:600px;	
			float:left;
			padding:5px 5px 25px 5px;
	 		margin-top:35px;
			}

#rightAdmin {
	width:98%;
	/* [disabled]margin-top:35px; */
	min-height:75vh;
	float:left;
	padding:10px;
	clear:right
}

#logoclient{width:80px; height:80px; float:left; margin-right:10px}
#client{padding-top:30px; padding-left:5px;}

dt { height:15px;padding:5px; background:#f0f0f0; font-size:12px; border:solid 1px #e7e7e7; color:#666666; cursor:pointer}
dd {padding:10px 10px 0 15px; color:#6666CC;background:#ffffff;border:solid 1px #e7e7e7;}	
#list2 p{padding-bottom:10px; }	
#list2 p img{padding-right:5px; vertical-align:top}

#services li{padding-left:10px}

h1{font-size:20px; font-family:georgia; font-weight:lighter; font-style:italic}
h2{font-family:georgia; font-weight:lighter; font-size:15px; margin-bottom:10px}
h3{font-family:georgia; font-weight:bold; font-size:13px}

.action a{text-decoration:none; color:#3333CC; margin-left:3px}
.action a:hover{color:#990000; text-decoration:underline}

#newslist{border:#E7E7E7 1px solid;
		  margin:10px 10px 10px 0;
		  font-size:11px; color:#333; ; text-decoration:none;
		  background:#f0f0f0
		  }
#newslist th{border-bottom:#E7E7E7 1px solid}
#newslistin td{border-bottom:#ccc 1px solid}
.global_action{margin:25px 0 0 0;font-size:9px;line-height:200%}
.global_action a{font-size:9px; color:#06F; font-weight:100; text-decoration:none}
.global_action a:hover{font-size:9px; color:#990000}
.news_action{margin:25px 0 0 0; display:none;font-size:9px}
.news_action a{font-size:9px; color:#06F; font-weight:100; text-decoration:none}
.news_action a:hover{font-size:9px; color:#990000}

#newstitle {color:#336699; text-decoration:none; font-weight:bold}
#newstitle:hover{color:#990000}

#title_field{width:700px; height:50px; border:#E7E7E7 1px solid; background:#fff; margin-bottom:20px}
#title{font-size:24px; border:none; margin:10px}

#form_container{border:#E7E7E7 1px solid; width:95%; padding:10px; background:#F0F0F0; }
#form_container p{padding-bottom:10px}

#date{color:#333333; font-size:10px; margin-bottom:5px}

.view_table tr{ height:20px;}

.status_client{ text-decoration:underline;color:#990000;}

.status_client:hover {color: #00CC99}

.title {font-weight:bold}

.entry {font-weight:bold; color:#000000} 

.button{background:url(images/bgbutton.jpg) repeat-x; color:#FFF; padding:5px; border:none}

.button2{background:url(images/button3.gif); width:130px; height:30px; float:left}

.button2:hover{background:url(images/button4.gif); float:left}

#thread_history  {list-style:none; margin-top:10px; padding:0;}
#thread_history  li {padding:10px; margin-bottom:10px;}
	.postedby {color:#666666; font-size:10px; margin-bottom:0}
	.reply{color:#000000; font-size:11px;}

#thread{background:#F0F0F0; border:1px solid #E7E7E7; margin-top:10px; padding:10px; line-height:20px; padding-bottom:20px}
#reply {border:solid 1px #ccc; margin-top:10px; padding:10px; font-size:18px; font-family:tahoma}
#mailform {line-height:20px; width:600px; color:#000000}
#mailform input {padding:5px}
#mailform .submit {margin-left:540px; margin-top:10px}

#form1 div,#form2 div{min-height:20px}
#form1 input,select,#contentAdmin input{ width:350px;font-size:13px; padding:2px; border:#666666 1px solid; margin-bottom:5px; -moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;}
#form2 input,select { width:375px;font-size:13px; padding:2px; border:#666666 1px solid; margin-bottom:5px; margin-left:0px;}
#form1 label, #contentAdmin label { width:170px;  float:left; margin-top:5px}
#form2 label { width:170px;  float:left; }
#form1 #submit, #form1 #submitbtn, #form2 #submit, #contentAdmin #submit, #form1 #submitbutton {margin-left:180px; width:70px}
#form1 #submit2, #form2 #submit2 {margin-left:180px; width:70px}
#form1 #cancel {width:70px}
#form1 label.error, #form2 label.error  {
		margin-left: 5px;
		width: auto;
		display: block;
		color: #FF0000;
		font-size:9px;
		margin-top:5px;
		font-weight:bold
	}
#form1 input.short, select.short, #contentAdmin .short{width:150px}
#form1 input.short2, select.short2, #contentAdmin .short2, .short2{width:75px}
#form1 textarea, #contentAdmin textarea{width:345px}
#form1 input.radio, #contentAdmin input.radio{width:20px;border:0px;}

#indexadmin {margin:0 auto;
			 font-size:12px;
			 font-family:tahoma,arial; 
			 background:#FFFFFF; 
			 color:#666666; 
			 padding:0 15px 10px 15px;
			 border: #E7E7E7 solid 1px;
			 width:285px;
			 height:200px;
			 }

#indexadmin input{background-color: #F9F9F9;
	   font-size:24px; 
	   color: #666666;
	   border:#E1E1E1 solid 1px;
	   padding:3px;
	   margin:3px 6px 3px 6px;
		}

#indexadmin p{padding:10px 5px 0px 5px; margin:0}

#form_msg input.radio{width:20px;border:0px;}

#table_order {border-collapse: separate;}
#table_order th{background: #f0f0f0;padding:5px; text-align:left}
#table_order td{text-align:left; padding:5px}

.confirm_link a {text-decoration:none; color:#6699CC}
.confirm_link a:hover {text-decoration:underline;}
.confirm_link a img{border:none}

#bottom{
	position: fixed;
	bottom:0px;
	 height:25px;
	 background-color: #404040;
	 text-align:center;
	 padding:12px 0px 0px 0px;
	 width:100%;
	 color:#fff;
	 }
	 
.record1{
	background:#f0f8fa;
}
.record2{
	background:#f9f9f9;
}
.record1:hover, .record2:hover{
	background:#f3f3f3;
}
div.small_action{
	width:170px;
	border:1px solid #666;
	padding:0px;
	background:#BBECEE;
	cursor:pointer;
	margin:0px;
	margin-bottom:2px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size:11px;
}
div.small_action:hover{
	background:#99F;
}
.new_message_animation_box{
	background:#DEEDEF;
	border:1px solid #036;
	width:210px;
	height:25px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	line-height:23px;
	color:#666;
	cursor:pointer;
}
.new_message_animation_box:hover{
	background:#eee;
	color:#000;
}
.menuicon{
	background-image:url(images/panel_menu_icon.png);
	width:25px;
	height:17px;
}
.menuicon:hover{
	background-position:0px 17px;
}
.silver_button{
	width:auto;
	background-color:#ddd;
	cursor:pointer;
	text-align:center;
	border:#bbb 1px solid;
	color:#555;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
.silver_button:hover{
	background-color:#ccc;
}
.btn_search{
	width:100px;
	background-color:#ddd;
	cursor:pointer;
	text-align:center;
	border:#bbb 1px solid;
	color:#555;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	display:inline-block;
}
.btn_search:hover{
	background-color:#ccc;
}

.search_box{
	border:1px solid #e7e7e7;
	background-color:#ffefb8;
	padding:10px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
td.tdsort{
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	width:10px;
	max-width:10px;
}
a.header_sort{
	font-weight:bold;
	color:#000;
}
a.header_sort:hover{
	text-decoration:underline;
}
.hint_icon{
	position:relative;
	top:3px;
	cursor:pointer;
}
.tooltip_blue{
	position:relative;top:-22px;color:#fff;background-color:#36F;min-width:170px;width:auto;height:20px;opacity:1;border:0px solid #000;font-size:10px;vertical-align:middle;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:2px;
}
.tooltip{
	position:absolute;color:#fff;background-color:#333;width:140px;height:25px;opacity:1;border:0px solid #000;font-size:10px;vertical-align:middle;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:2px;
}
.tooltip_productdesc{
	position:absolute;color:#000;background-color:#E2DE8D;width:auto;max-width:300px;height:auto;opacity:1;border:0px solid #000;font-size:10px;vertical-align:middle;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:2px;
}
.tooltip_black{
	position:absolute;color:#fff;background-color:#333;width:140px;height:37px;opacity:1;border:0px solid #000;font-size:10px;vertical-align:middle;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:2px;
}
.costing_point{
	background-color:#fff;
}
.costing_detailpaddingleft{
	padding-left:200px;
	font-weight:bold;
	color:#777;
}
.costing_detailpaddingleft_price{
	padding-left:200px;
}
.head{
	width:150px;
	background-color:#ddd;
	height:30px;
	position:fixed;
}

.loadingdiv{
	background-color:#fff;
	width:100%;
	min-height:100%;
	position:fixed;
	opacity:0.9;
	z-index:10000;
}
.loadingdiv2{
	position:absolute;	
	left:50%;
	top:50%;	
}

.btn_sync{
	width:90%;
	height:22px;
	background-color:#ddd;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	line-height:20px;
	border:#bbb 1px solid;
	color:#555;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	text-decoration:none;
}
.btn_sync:hover{
	background-color:#FFF;
}

.pc_cheque_overview_table{
	padding:2px;
	border-collapse:collapse;
	border:1px solid #eee;
}
.pc_cheque_overview_table td{
	border:1px solid #eee;
}
.pc_cheque_overview_table_header{
	color:#aaa;
	font-weight:bold;
	vertical-align:bottom;
}

.panel_toolbar{
	position:fixed;
	width:100%;
}
.panel_toolbar2{
	position:relative;
	width:60px;
	height:25px;
	background-color:#ccc;
	padding:2px;
	left:91%;
	text-align:center;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #999;
}
#form1 .panel_toolbar2 input#submit{
	margin-left:0px;
	cursor:pointer;
	width:auto;
}
#form1 input.reconcile{
	width:77px;
	padding:0px;
}
input[readonly="readonly"], input[readonly]
{
    background-color:#bbb;
}
.savebtn{
	width:70px;
	height:25px;
	background:#0C0;
	color:#fff;
	cursor:pointer;
}
.savebtn:hover{
	background:#666;
}
.tableborderpad{
	border-collapse:collapse;
}
.tableborderpad td{
	padding:4px;
	border:1px solid #ccc;
	vertical-align:top;
}

.infoicon{
	max-width: 15px;
	vertical-align: middle;
}

.select2-container{
	margin-bottom:5px !important;
}
.select2-container--default .select2-selection--single {
    border: 1px solid #000 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #000 !important;
    line-height: 23px !important;
}
.select2-container .select2-selection--single {
    height: 23px !important;
}