@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;margin:0;padding:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}

body{
	padding:0;
	font-family:Tahoma;
	font-size:11px;
	color:#000;
	text-align:center;
	margin:10px;
}

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

ol{
	list-style:decimal;
	margin-left:20px;
	/margin-left:24px;
	display:block;
}
ol li{
	margin:0 0 3px;
}

a:hover{
	text-decoration:underline;
}

a#logo{
	position:absolute;
	display:block;
	width:190px;
	height:190px;
	margin-left:760px;
	margin-top:-30px;
	background:url(../images/logo_sfl.jpg) no-repeat 0 0;
	text-indent:-9999px;
}

h1.main_title{
	position:absolute;
	display:block;
	width:684px;
	height:50px;
	background:url(../images/main_title.jpg) no-repeat 0 0;
	margin-top:30px;
	text-indent:-9999px;
}

h3{
	display:inline;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#4d45ab;
	background:url(../images/h3.jpg) no-repeat bottom right;
	padding:10px 15px 8px 0;
}

h4{
	padding:0 0 5px;
	margin:0 0 5px;
	font-family:"Century Gothic";
	font-size:14px;
	font-weight:bold;
	color:#666;
}

.clr{display:block; clear:both;}

#container{
	width:950px;
	text-align:left;
	margin:0 auto;
}

#header{
	display:block;
	background:#fff;
	height:132px;
}

#content{
	clear:both;
	display:block;
	overflow:hidden;
	border:1px solid #ccc;
	border-top:none;
}
#footer{
	clear:both;
	width:950px;
	height:32px;
	padding:8px 0 0;
	text-align:center;
	font-size:10px;
	color:#fff;
	background:url(../images/footer.jpg) no-repeat 0 0;
}

#tabs{
	position:absolute;
	width:950px;
	margin-top:95px;
	height:36px;
	color:#000;
	text-align:center;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#tabs li{
	display:inline;
}
#tabs li a, #tabs li a:hover{
	display:block;
	float:left;
	background:#fff url(../images/tabs_bg.jpg) repeat-x 0 0;
	color:#2125b6;
	height:21px;
	padding:12px 20px 2px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	border:1px solid #ddd;
	border-left:none;
	border-bottom:none;
}
#tabs li a:hover{background-position:0 -36px; color:#fff;}
#tabs li a.current{background-position:0 -36px; color:#fff;}

.submenu{
	float:left;
	position:relative;
	width:950px;
	height:32px;
	background:url(../images/submenu_bg.jpg) no-repeat 0 0;
}
.submenu ul{
	position:absolute;
	list-style:none;
	z-index:100;
	padding:7px 5px 0 2px;
}
.submenu li{
	float:left;
	display:block;
	padding:0 20px;
}
.submenu a, .submenu a:active, .submenu a:visited, .submenu a:hover{
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
.submenu a:hover{text-decoration:underline; color:#333;}

.left_col{
	float:left;
	display:inline;
	width:190px;
	padding:10px 3px 10px 5px;
}
.mid_col{
	float:left;
	display:inline;
	width:730px;
	margin:0 auto;
	padding:10px 5px;
}
.right_col{
	float:left;
	display:inline;
	width:190px;
	padding:10px 6px 10px 4px;
}
.mid_col2{
	display:inline-block;
	width:938px;
	margin:0 auto;
	padding:10px 5px;
	overflow:hidden;
}

a.defaultbtn, a.defaultbtn span{
	display:inline-block;
	height:19px;
	background:url(../images/defaultbtn.jpg) no-repeat top left;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}
a.defaultbtn{padding-left:10px;}

a.defaultbtn span{
	height:13px;
	background-position:bottom right;
	padding:3px 15px 3px 5px;
}

a.defaultbtn-disabled, a.defaultbtn-disabled span{
	display:inline-block;
	height:19px;
	background:url(../images/defaultbtn-disabled.jpg) no-repeat top left;
	color:#fff;
	font-weight:bold;
	cursor:default;
}
a.defaultbtn-disabled{padding-left:10px;}

a.defaultbtn-disabled span{
	height:13px;
	background-position:bottom right;
	padding:3px 15px 3px 5px;
}
a.defaultbtn-disabled:hover{text-decoration:none;}

a.msg_user{
	display:inline-block;
	width:15px;
	height:15px;
	background:url(../images/msg_user.png) no-repeat 0 0; -background:none;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/msg_user.png',sizingMethod='scale');
}
a.msg_read{
	display:inline-block;
	width:15px;
	height:15px;
	background:url(../images/msg_read.png) no-repeat 0 0; -background:none;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/msg_read.png',sizingMethod='scale');
}
a.msg_new{
	display:inline-block;
	width:15px;
	height:15px;
	background:url(../images/msg_new.png) no-repeat 0 0; -background:none;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/msg_new.png',sizingMethod='scale');
}
a.delete{
	display:inline-block;
	width:15px;
	height:15px;
	background:url(../images/delete.png) no-repeat 0 0; -background:none;
	-filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/delete.png',sizingMethod='scale');
}

.login-form{
	display:block;
	width:332px;
	margin:0 auto;
	margin-top:40px;
	font-size:12px;
}

.title_s{
	font-weight:bold;
	background:#abc;
	padding:5px;
	text-align:center;
}
.title_l{
	font-weight:bold;
	font-size:18px;
	background:#abc;
	color:#fff;
	padding:5px;
}
.tiny{font-size:9px;}

span.required{color:#f00; padding:0 3px;}

/*table declaration*/
table.register{
	margin:20px 0;
}
table.register td{padding:3px;}
table.register td.stat{
	width:40%;
	text-align:right;
	padding-right:40px;
}
table.register td.dyn{
	width:60%;
}

table.login{margin:10px 0;}
table.login td{
	padding:3px;
}
table.login td.stat{width:35%; padding-right:45px; text-align:right;}
table.login td.dyn{width:65%;}
/*end table declaration*/

/*form elements*/
input.txtField, input.rdo, select.txtField, textarea.txtField{
	width:200px;
	font-family:Tahoma;
	border:2px solid #999;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:2px;
}
select.txtField{width:auto;}
textarea.txtField{height:30px;}

input.rdo{
	display:inline-block;
	width:auto;
	border:none;
	width:20px;
	position:relative;
	left:-3px;
	top:2px;
	outline:none;
}
input.defaultbtn{
	display:inline-block;
	height:19px;
	background:url(../images/defaultbtn2.jpg) repeat-x 0 0;
	padding:0 12px 2px;
	position:relative;
	/padding:0 8px 0px;
	/top:-2px;
	border:none;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
}

/*login box*/
.login-box{
	display:inline;
	width:400px;
	margin:60px 0;
	border:1px solid #ccc;
	float:left;
}
/*end login box*/

.info-box{
	display:inline;
	width:488px;
	margin:70px 20px 0;
	float:left;
}
.info-box p{line-height:16px;}

ul.bulleted{
	margin:5px 0;
	list-style:disc;
}
ul.bulleted li{margin-left:20px; line-height:16px;}

.boxed{
	display:block;
	border:1px solid #004597;
	margin:0 0 10px;
}
	.boxed .title{
		display:block;
		padding:0 3px;
		background:#004597 url(../images/title_bg.jpg) repeat 0 0;
		color:#fff;
		font-weight:bold;
		border-bottom:1px solid #004597;
		font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
		font-size:13px;
		overflow:hidden;
	}
	.boxed .content{
		padding:3px;
	}

.pay{
	overflow:hidden;
	position:relative;
	/top:2px;
}
.pay_name{
	float:left;
}
.pay_amt{
	float:right;
}

.edit-field{
	display:block;
	margin:20px 0 10px;
}

.filter-selector{
	text-align:right;
}

#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:434px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}

.tab-head{
	display:block;
	width:756px;
	height:30px;
	background:url(../images/green-tab.jpg) no-repeat 0 0;
	font-size:12px;
	font-weight:bold;
	color:#fff;
}
	.thead{
		display:inline;
		float:left;
		padding:8px 10px 0;
	}
	.radio, .chk{width:20px;}
	.id, .sex{width:25px;}
	.job-id{width:39px;}
	.category{width:120px;}
	.treatment-name, .product-name, .payment-method, .prod-treat{width:145px;}
	.long-treatment-name, .name{width:360px;}
	.time, .unit, .qty{width:25px;}
	.point, .size, .discount, .dob{width:40px;}
	.eslid{width:40px;}
	.remarks, .tr-left{width:120px;}
	.start-date, .end-date, .loRange, .hiRange{width:80px;}
	.first-name, .last-name, .type, .description{width:70px;}
	.admin-control, .report-generation, .regular-user{width:120px;}
	.address{width:110px;}
	.job-title, .username{width:66px;}
	.price, .price-pi, .mobile, .home-phone, .work-phone{width:65px;}
	.menu{width:100px;}
	.type{width:56px;}
	
.list-item{
	clear:both;
	display:block;
	-height:35px;
	min-height:35px;
	border-top:1px solid #fabcbf;
	margin:5px 0 0;
}
	.titem{
		display:inline;
		float:left;
		padding:12px 10px 5px;
	}
	.list-item .radio, .list-item .chk{/padding:8px 10px 0;}

.list-menu{
	clear:both;
	border-top:1px solid #fabcbf;
	margin:5px 0 0 0;
	padding:10px 0 0 0;
}

.paging{
	float:right;
	display:inline;
	text-align:right;
}

.edit-field2{
	display:block;
	width:260px;
}
.edit-field{
	display:block;
	margin:10px 0;
}

input, select, textarea{
	font-size:11px;
	font-family:Tahoma;
	padding:0 0 0 3px;
}

.userstable{
	border-color:#cccccc;
}

.faktur {
	border-color:#cccccc;
	
}

table.print td {
	border:solid;
}

.schedtable{
	border-color:#cccccc;
}

.schedtable .title{
	font-weight:bold;
}

.schedtable .error_stock{color:#FF0000;}
.schedtable .odd{background:#0099FF;}
.schedtable .even{background:#00CCFF;}
.schedtable .neut{background:#eee;}
.schedtable .subtotal{background:#00FFFF;}
.schedtable .ongkos{background:#66CCFF;}
.schedtable .total{background:#FF66FF;}


input { padding: 3px; border: 1px solid #999; }
input.error, select.error, textarea.error { border: 1px solid red; }
label.error { color:red; margin-left: 10px; }
td { padding: 5px; }

.messagebox{
	position:absolute;
	width:100px;
	margin-left:5px;	
	padding:1px;
}
.messageboxok{
	position:absolute;
	width:auto;
	margin-left:5px;	
	padding:3px;	
	color:#008000;
	
}
.messageboxerror{
	position:absolute;
	width:auto;
	margin-left:5px;	
	padding:3px;
	color:red;
}

a.coachpaid{
	color:#000;
}

.unconfirmed{
	background-color:#B8C4EB;
}

/*message board styling*/
.newsBoardContainer{
	display:block;
	border:1px solid #999;
	overflow:hidden;
}
.newsBoardContainer .head{
	display:block;
	height:22px;
	padding:3px 0 0;
	background:#004597;
	color:#fff;
	font-weight:bold;
	text-align:center;
}
	.date{
		float:left;
		display:inline;
		width:140px;
		padding:3px 0;
		border-right:1px solid #eee;
	}
	.mBoardInfo{
		float:left;
		display:inline;
		width:550px;
		padding:3px 0;
	}
.mBScroll{
	height:315px;
	overflow:auto;
}
.mBItem{
	overflow:hidden;
	margin:0 5px;
	padding:5px 0;
	border-bottom:1px solid #eee;
}
.mBItem .date{border:none;}
/*end message board styling*/