@charset "UTF-8";
/* CSS Document */

html, body {
	height:100%;
	margin:0;
	padding:0;
	font: 200 13px/25px Arial, Helvetica, sans-serif !important;
}

.dialog-form {
	display:none;	
}
.contact{
	position: absolute;
	top:8px;
	left:160px;
}
.wrapper {
	display: block;
	min-height: 100%; /* real browsers */
	height: auto !important; /* real browsers */
	height: 100%; /* IE6 bug */
	margin-bottom: -100px;
}

.main-wrapper { 
 	width: 100%;
    background-size: cover;
}

.header { 
	boder:1px solid #000; width:100%; height:200px;
}

/* Retina display */
@media screen and (min-width: 1024px){
    .main-wrapper{
        width: 100%; 
		/* background-image: url('../Images/retina.jpg'); */
    }
}
/* Desktop */
@media screen and (min-width: 980px) and (max-width: 1024px){
    .main-wrapper{
        width: 1024px;
		/*background-image: url('../Images/desktop.jpg');*/
    }
}
/* Tablet */
@media screen and (min-width: 760px) and (max-width: 980px){
    .main-wrapper{
		width: 980px;
        /*background-image: url('../Images/tablet.jpg');*/
    }
}
/* Mobile HD */
@media screen and (min-width: 350px) and (max-width: 760px){
    .main-wrapper{
		width: 760px;
        /*background-image: url('../Images/mobile-hd.jpg');*/
    }
}
/* Mobile LD */
@media screen and (max-width: 350px){
    .main-wrapper{
		width: 350px;
        /*background-image: url('../img/mobile-ld.jpg');*/
    }
} 
.tokenize-select { width: 350px; }
.wfooter {
	height: 20px; /* ความสูงของ footer */
	text-align: center;
	line-height:15px;
	font-size:11px;
	color:#999;	
	padding:5px 5px 0px 0px;
	text-align:right;
	background-color:#f2f2f2;
	margin-top:5px;
}
.runlevel {
	width:100%;
	height:100%;

    position:fixed;
	text-align:center;
    top:0px;
	right:0%;
	z-index:9999;  
	display:none; 
	
	background:#f9f9f9 url('../Images/492.png') no-repeat 3px 50%;
	background-size: 33px 13px;
	border-left: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
    color:#006;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:22px;
    padding:5px 5px 5px 42px;	

	text-shadow: 1px 1px 1px #919191;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;	
}
.notification {
	/*width:100%;
	height:100%;*/
    position:fixed;
	text-align:center;
    top:0px;
	right:0%;
	z-index:9999;  
	display:none; 
	
	background:#f9f9f9 url('../Images/492.png') no-repeat 3px 50%;
	background-size: 33px 13px;
	border-left: 1px solid #f2f2f2;
	border-bottom: 1px solid #f2f2f2;
    color:#006;
    font-family:Tahoma,Geneva,Arial,sans-serif;font-size:11px;
    padding:5px 5px 5px 42px;	

	text-shadow: 1px 1px 1px #919191;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;	
	
}
.alert-box {
    position: relative;
    /* center the element */
    right: 0;
    left: 0;
    margin-right: auto;
    margin-left: auto;
	z-index:9999;  
	display:none; 	
	
	color:#555;
	font-family:Tahoma,Geneva,Arial,sans-serif;font-size:12px;
	padding:10px 36px;
	margin:0px 0px 3px 0px;
	height:20px;
	line-height:20px;
	
/*	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;	
	
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	border-bottom-right-radius: 10px;		*/
	
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;	
}
.alert-box span {
	font-weight:bold;
	text-transform:uppercase;
}
.error {
	background:#ffecec url('../Images/home.png') no-repeat 10px 50%;
	border:1px solid #f5aca6;
}
.success {
	background:#e9ffd9 url('../Images/home.png') no-repeat 10px 50%;
	border:1px solid #a6ca8a;
}
.warning {
	background:#fff8c4 url('../Images/home.png') no-repeat 10px 50%;
	border:1px solid #f2c779;
}
.notice {
	background:#e3f7fc url('../Images/home.png') no-repeat 10px 50%;
	border:1px solid #8ed9f6;
}

.wheader {
	z-index: 2; 
	position:relative;
	height:72px;
	min-width:1000px;
	background: url(../Images/h.png);
	background-repeat: repeat-x;
	/*background-color:#f4f4f4;*/
}
.pofilelogin {
	position:absolute;
	right:0px; top :10px;
	text-align:right; 
	
	/*border:0px solid #000;*/
}
.pofilelogin ul { list-style:none; height:50px; margin:0px; padding:0px; float:right; }
    .pofilelogin ul li{float: left; padding:10px;}
	.pofilelogin ul li .cprofile { display:block; margin-top:3px; }

.pipe { border-right:1px solid #cacaca; height:40px; width:2px; position:absolute; top:5px; right:105px; }
	
.btmyaccount {
	display:block;
}	
.btmyaccount:hover {
	opacity:1;
	filter: alpha(opacity=100);
}
.btlogout {
	display:block;
}
.btlogout:hover {
	opacity:1;
	filter: alpha(opacity=100);
}
.logo {
	position:absolute; top:15px; left:20px;	
}
.hnavigator {
	position:relative;
	z-index: 2; 
	/*position:fixed; top :72px; left : 90px; */
	padding-left:90px;
	height:100%;	 
	width :100%;
	height:45px;

	background: url(../Images/barnav2.png) ;
	background-repeat:repeat-x;
	background-color:#f4f4f4;
	
	border-left:0px solid #FFF;
}
#date_time { 
	position:absolute;
	right:10px;
	top:10px;
}

.menuleft {
	z-index: 2; 
	position:absolute; top :72px; left : 0px; 
	height:100%;
	width:90px;
	background: url(../Images/shadow.png);
	background-repeat: repeat-x;
	background-color: #24c0eb ;
}
.menuleft li ul {
	
}
	
img { border:0px; }	
		
#crumbs {
	list-style:none;
	position:relative;
	padding:0px; margin:0px;
}
#crumbs li {
	float:left; position:relative; 
}
#crumbs a { border:0px solid #000; padding-right:10px; line-height:44px; text-decoration:none; }
#crumbs .index { display:block; margin-top:3px; margin-left:17px;margin-right:5px;  }

#crumbs .indexafter { display:block; top:0px; width:13px;height:44px; 
	background: url(../Images/bc1.png);
	background-repeat: repeat-x;
	background-color:e8e8e8;
	position:absolute;   }
#crumbs .onbefore { display:block; top:0px; width:13px;height:44px; 
	background: url(../Images/bc2.png);
	background-repeat: repeat-x;
	background-color:e8e8e8;
	position:absolute; }
#crumbs .onafter { display:block; top:0px; width:13px;height:44px; 
	background: url(../Images/bc3.png);
	background-repeat: repeat-x;
	background-color:e8e8e8;
	position:absolute; }

#crumbs .main { display:block; top:0px; height:44px; 
	background: url(../Images/barnav2.png);
	background-repeat: repeat-x;
	background-color:#e8e8e8;		
	padding-left:25px; color:#666;   }
#crumbs .on { display:block; top:0px; height:44px; 
	background: url(../Images/barnav2.png);
	background-repeat: repeat-x;
	background-color:#c4dced;		
	padding-left:25px; font-weight:bold; }

#menu {
	list-style:none;
	position:relative;
	padding:0px; margin:0px;	
}
#menu li {
	border-bottom:1px solid #19aae2;
	/*border-bottom:1px solid #037ec1;*/
}
#menu li .aa:hover { background-color:#037ecf; }
#menu li ul { display:none; list-style:none; margin:0px; padding:0px; }
#menu li ul li { height:50px; border:0px solid #000; }
#menu li ul li a { display:block; height:47px; color:#FFF; text-decoration:none; text-align:left; padding-left:20px; line-height:45px; white-space:nowrap;}
#menu li ul li a img { float:left; margin-top:12px;margin-right:5px;}
#menu li ul li a:hover { 
	background-color:#069;
	border:0px solid #fff;
	cursor:pointer;
}

#menu li a .rental { display:block; background: url(../Images/rental.png) no-repeat; width:28px; height:25px;position:absolute; top:15px; left:30px; }
#menu li a .ma { display:block; background: url(../Images/ma.png) no-repeat; width:38px; height:25px;position:absolute; top:15px; left:30px; }
#menu li a .onsite { display:block; background: url(../Images/onsite.png) no-repeat; width:28px; height:30px;position:absolute; top:15px; left:31px; }
#menu li a .report { display:block; background: url(../Images/report.png) no-repeat; width:28px; height:25px;position:absolute; top:15px; left:33px; }
#menu li a .setting { display:block; background: url(../Images/setting.png) no-repeat; width:28px; height:25px;position:absolute; top:15px; left:33px; }
#menu li a .admin { display:block; background: url(../Images/admin.png) no-repeat; width:28px; height:25px;position:absolute; top:15px; left:34px; }
#menu li .aa {
	display:block; height:47px; color:#FFF; text-decoration:none; text-align:center; line-height:15px; padding-top:47px;
	border:0px solid #000;
	position:relative;
	cursor:pointer;
}
	
.clear { clear::both; }
.flogin {
	background: url(../Images/loginbox.jpg);
	background-repeat:no-repeat;
	background-color:#FFFFFF;
	position:absolute;
	top:50%; left:50%;
	margin-top:-235px;
	margin-left:-300px;
	padding:0px;
	width:622px;
	height:463px;
}
.flogin form {
	padding:10px;
	margin-top:150px;
}
.flogin form span {
	font-weight:bold;	
}
textarea {
	padding:5px;	
	border:1px solid #e9e9e9;
}
input[type="checkbox"] {
	width:18px;
	height:18px;
	cursor:pointer;
}
input[type="text"]:disabled {
    background: #f4f4f4;
	border:1px solid #f4f4f4;
} 
select {
    color: #000;
    padding: 0px 0px 0px 5px;
	font: 200 13px/25px Arial, Helvetica, sans-serif;
	border:1px solid #e9e9e9;
    background: #fff;
    outline: 0;
    -webkit-box-shadow:inset 0px 1px 6px #ECF3F5;
    box-shadow: inset 0px 1px 6px #ECF3F5;
    height: 27px;
    line-height:27px;
	border-radius: 5px;
	
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;	
}
input[type="text"], input[type="password"], input[type="number"],input[type="time"]  {
    color: #000;
	width:200px;
    padding: 0px 0px 0px 5px;
	font: 200 13px/25px Arial, Helvetica, sans-serif;
	border:1px solid #e9e9e9;
    background: #fff;
    outline: 0;
    -webkit-box-shadow:inset 0px 1px 6px #ECF3F5;
    box-shadow: inset 0px 1px 6px #ECF3F5;
    height: 27px;
    line-height:27px;
	border-radius: 5px;
	
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;	
}
input[type="text"]:focus, input[type="password"]:focus {
    color: #000;
	width:200px;
    padding: 0px 0px 0px 5px;
    border: 1px solid #C5E2FF;
    background: #fff;
    outline: 0;
    -webkit-box-shadow:inset 0px 1px 6px #ECF3F5;
    box-shadow: inset 0px 1px 6px #ECF3F5;
    height: 27px;
    line-height:27px;
	border-radius: 5px;
	
  box-shadow: 0 0 5px rgba(81, 203, 238, 1);
  border: 1px solid rgba(81, 203, 238, 1);	
}
#user_name {
	background: url(../Images/login.png) no-repeat left center;
	background-position: 3px 5px;	
	padding: 0px 0px 0px 25px;
    height: 33px;
    line-height:33px;	
}
#password { 
	background: url(../Images/passwd.png) no-repeat left center; 
	background-position: 3px 7px;
	padding: 0px 0px 0px 25px;
    height: 33px;
    line-height:33px;		
}
.buttonauth{
    background-color: #005db0; /*#9DC45F;*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
    padding: 7px 15px 7px 15px;
    color: #FFF;
    text-shadow: 1px 1px 1px #949494;
	box-shadow: 1px 1px 5px #cccccc;
   cursor:pointer;
}
.buttonauth:hover{
    background-color:#1f8cec; /*80A24A;*/
	cursor:pointer;
}
.btmenu {
	position:relative;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-border-radius: 5px;
	border: none;
	padding: 7px 10px 7px 27px;
	color: #000;
	text-shadow: 1px 1px 1px #949494;
	box-shadow: 1px 1px 5px #cccccc;
	cursor:pointer;	
	text-decoration:none;
	background: url(../Images/bgbt.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	border:1px solid #CCC;
}
.btmenu:hover{
	cursor:pointer;	
	background: url(../Images/bgbt-hover.jpg);
	background-color:#FFFFFF;
	border:1px solid #CCC;
}
.btmenuhover {
	cursor:pointer;	
	/*background: url(../Images/white.png);*/
	background: url(../Images/bgbt-hover.jpg);
	background-color:#FFF;	
	border:1px solid #CCC;	
	color:#FFF;
}
.bullet {
	position:absolute;
	background: url(../Images/bullet.png);
	background-repeat:no-repeat;
	background-position:left;
	width:15px;
	height:14px;
	top:7px;
	left:7px;
}
.formcreate {
	position:relative;
	padding:15px;

	background-color:#f5f5f5;	
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;		
	margin-bottom:2px;
	/*min-height:30px;	*/	
}
.formcreate .hcreateform {
	margin:25px;
}

.formcreate .btaction{
	float:right;
	margin-right:15px;
}

.formsearch {
	position:relative;
	padding-top:8px;
	padding-left:12px;
	padding-bottom:10px;
	background-color:#f5f5f5;	
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;		
	margin-bottom:2px;
	/*min-height:30px;	*/
}
.formsearch .menusearch {
	cursor:pointer;
}
.formsearch .hsearchform {
	margin-top:20px;
	margin-left:50px;
	display:none;
}
.formsearch .btaction{
	float:right;
	margin-right:15px;
}
.cboth {
	clear:both;	
}

.lisearch {
	position:relative; float:right; top:-1px;
}
.lisearch input[type="text"] {
	padding-left:30px;
}
.lbsearch { 
	float:right;
	font-weight:bold;
}
.back {
	position:absolute;
	background: url(../Images/back.png);
	background-repeat:no-repeat;
	background-position:left;
	width:10px;
	height:17px;
	top:7px;
	left:7px;
}
.create {
	position:absolute;
	background: url(../Images/create.png);
	background-repeat:no-repeat;
	background-position:left;
	width:17px;
	height:17px;
	top:5px;
	left:6px;
}
.search {
	position:absolute;
	background: url(../Images/search.png);
	background-repeat:no-repeat;
	background-position:left;
	width:17px;
	height:17px;
	top:5px;
	left:7px;
}

.button{
	background: url(../Images/bgbt.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	font-size:12px;
	
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    border: none;
    padding: 5px 25px 5px 25px;
    color: #666;
    text-shadow: 1px 1px 1px #949494;
	box-shadow: 1px 1px 2px #999;
	border:1px solid #ccc;
    cursor:pointer;
	text-decoration:none;
}
.button:hover{
	background: url(../Images/bgbt-hover.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
		
    padding: 5px 25px 5px 25px;
    color: #fff;
    text-shadow: 1px 1px 1px #949494;
	box-shadow: 1px 1px 2px #999;
	border:1px solid #ccc;
    cursor:pointer;
}
.bgblue {
	background-color:#3CF;	
	border:1px solid #09F;
	color:#FFF;
}
.bgorange {
	background-color:#FC0;	
	border:1px solid #F90;
	color:#FFF;
}
.bgorange2 {
	background-color:#F90;	
	border:1px solid #F90;
	color:#FFF;	
}
.bggreen {
	background-color:#3C0;	
	border:1px solid #390;
	color:#FFF;
}
.bggreen2 {
	background-color:#c5f1a6;	
	color:#000;
}
.bgred {
	background-color:#F66;	
	border:1px solid #F36;
	color:#FFF;
}
.bgyellow {
	background-color:#FF0;	
	color:#000;
}
.bgyellowsoft {
	background-color:#FF9;	
	color:#000;	
}
.bgwhite {
	background-color:#FFF;	
	color:#000;
}
.radius {
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-border-radius: 15px;
}
.radius2 {
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-border-radius: 8px;
}
.buttonaction{
	/*background: url(../Images/bgbt.jpg);*/
	/*background-repeat:repeat-x;*/
	color:#FFF !important;
	font-size:12px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;
    padding: 3px 15px 3px 15px;
    /*color: #666;*/
    text-shadow: 1px 1px 1px #949494;
	box-shadow: 1px 1px 2px #ccc;
	/*border:1px solid #ccc;*/
    cursor:pointer;
	text-decoration:none;
}
.buttonaction:hover{
	/*background: url(../Images/bgbt-hover.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;*/
		
    padding: 3px 15px 3px 15px;
    color:#000 !important;
    text-shadow: 1px 1px 1px #949494;
	box-shadow: 1px 1px 2px #ccc;
	/*border:1px solid #ccc;*/
    cursor:pointer;
}
.bgdefault {
	background: url(../Images/bgbt.jpg);
	background-repeat:repeat-x;
	border:1px solid #ccc;
	color: #000 !important;
}
.bgdefault:hover {
	background: url(../Images/bgbt.jpg);
	background-repeat:repeat-x;
	border:1px solid #ccc;
	color: #fff !important;
}
.auth {
	margin:auto;margin-top:10px;	
}
.auth span {
	font-weight:
}
.f_right {
	position:inherit;
	/*margin-top:47px;*/
	margin-left:91px;
	margin-top:1px;
	top:118px;
	left:91px;
	background:#fff;
	border:1px solid #f3f3f3;
	padding:15px;
}

#center_view {
	min-height:50px;
	border:0px solid #000;
}
.menu-header {
	background-color:#000; width:100%; height:100px;
	position:absolute;
	bottom:0px;
}

.hmodule {
	display:block;  position:relative;
}
.hmodule img {
	float:left;margin-right:7px;
}
.hmodule h1 {
	 padding-top:7px; 	
}

.home_menu {
	position:relative;
	display:block;
	margin-top:20px;
	padding:10px;
	margin-bottom:2px;
	background-color:#F2F2F2;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;	
	list-style:none;
}
.home_menu li {
	display:inline;
	border:0px solid #000;
	margin-right:5px;
}
.home_menu li a {
	
}
.tablewrap_calendar {
    background-color: #f2f2f2; /*#9DC45F;*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;		
	padding:1px;
}
.tablewrap_calendar table {
	background-color:#dddddd;
}
.tablewrap_calendar table th{
	/*background: url(../Images/bgth2.jpg);*/
	background: url(../Images/bgth2_flip.png);
	background-repeat:repeat-x;   
	background-color:#ffffff !important;	
	min-height:25px;
}
.tablewrap_calendar table tr{
	background-color:#ffffff;	
}
.tablewrap_calendar table tr th{
	background-color:#f2f2f2;	
}
.tablewrap_calendar tbody td {
	border:1px solid #FFF;
	cursor:pointer
}
.tablewrap_calendar tbody tr:hover {
	background-color:#f2f2f2;
	border:1px solid #f2f2f2;
	cursor:pointer
}
.tablewrap_calendar tbody td:hover {
	background-color:#FFC;
	border:1px solid #f2f2f2;
	cursor:pointer
}
.tablewrap_calendar tfoot tr td {
	padding:5px 5px 5px 10px;	 
}
.bgf2 {
	background-color:#f2f2f2;	
}


.tablewrap {
    background-color: #f2f2f2; /*#9DC45F;*/
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-border-radius: 5px;		
	padding:1px;
}
.tablewrap table {
	background-color:#dddddd;
}
.tablewrap table th{
	background: url(../Images/bgth2.jpg);
	/* background: url(../Images/bgth2_flip.png); */
	background-repeat:repeat-x;   
	/* background-color:#ffffff !important;	 */
	min-height:25px; 
}
.tablewrap table tr{
	background-color:#ffffff;	
}
.tablewrap table tr:nth-child(even) {
    background-color: #f9f9f9;
}
.tablewrap table thead tr {
	cursor: pointer;
}
.tablewrap table thead .sorting {
    background: url('../Images/sort_both.png') no-repeat center right;
}
.tablewrap table thead .sorting_asc {
    background: url('../Images/sort_asc.png') no-repeat center right;
}
.tablewrap table thead .sorting_desc {
    background: url('../Images/sort_desc.png') no-repeat center right;
}
.tablewrap table th{
	background-color:#f2f2f2;	
}
.tablewrap tbody tr:hover {
	background-color:#f2f2f2;
}
.tablewrap tfoot tr td {
	padding:5px 5px 5px 10px;	
}
.highlight{ background: #FFC !important; }

.submenu {
	position:relative;
	display:block;
	position:fixed; left : 89px; 
	border:0px solid #f2f2f2;
	background: url(../Images/shadow.png);
	background-repeat: repeat-x;
	width:190px;
	height:100%;
	padding-left:-200px;
	background-color:#037ecf;
}
.notijob {
	padding:2px 6px 2px 6px;
	margin-left:3px;
	top:15px;
	height:15px;
	border:1px solid #F60;	
	background-color:#F90;
	color:#FFF;
	
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-border-radius: 8px;	
}
.f-menu{ z-index: 9999; position: fixed; left: 0; top: 0; }
.f-nav{ z-index: 9999; position: fixed; left: 0; top: 0; width: 100%;}
.f-close{ z-index: 9999; position: fixed; right: 10px; top: 0; }
.nav { height: 42px;}
    .nav ul { list-style: none; }
    .nav ul li{float: left; margin-top: 6px; padding: 6px; border-right: 1px solid #ACACAC;}
    .nav ul li:first-child{ padding-left: 0;}
    .nav ul li a { }
	.nav ul li a:hover{ text-decoration: underline;}

.hclose {
	position:fixed; right:10px;	top: 0;
}

h1 { font-size:24px; margin:0px; padding: 0px 0px 0px 15px;  }
h2 { font-size:20px; margin:0px; padding: 0px 0px 0px 15px;  }
h3 { font-size:16px; margin:0px; padding: 0px 0px 5px 0px;  }
.hsearch { position:relative; font-size:18px; margin:0px; padding: 0px 0px 0px 35px; color:#666; display: inline-block; }
.h2search { 
	position:absolute;
	top:0px;
	left:0px;
	width:28px;
	height:28px;
	display:inline-block;
	background-repeat:no-repeat;
}
.h2clear {
	position:absolute;
	right:10px;
	cursor:pointer;
	opacity:0.6;
	filter: alpha(opacity=60);			
}
.h2clear:hover {
	opacity:1;
	filter: alpha(opacity=100);
}
.h2img {
	position:inherit; top:0px; padding-left:5px; float:right;	
	cursor:pointer;
	opacity:0.6;
	filter: alpha(opacity=60);		
}
.h2img:hover {
	opacity:1;
	filter: alpha(opacity=100);
}

.page_next {
	display:block;
	padding:5px;	
	margin-left:3px;
	border:1px solid #fff;
	float:left;
}

.paginator{ margin-top: 1px; text-align:left; font-size: 12px;  }
.paginator span{display: inline-block; height: 18px;  }
.paginator a{ color: #000; display: inline-block; font-weight: normal; margin-left:6px;
	display: inline-block; height: 18px; line-height: 18px; padding: 1px; min-width:15px; text-align:center; border: 1px solid #ddd; 
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-border-radius: 4px;	
	background-color:#f8f8f8;
	text-decoration:none;
 }
.paginator a:visited{color: #5f5e5c; padding: 1px;min-width:15px; text-align:center;}
.paginator a:hover{color: #999; text-decoration:underline; background-color:#f2f2f2; }
.paginator a.page{  padding-right: 8px; padding-left: 8px; }
.paginator span.inactive{color: #ccc; margin-left:3px; }
.paginator span.current{ 
display: inline-block; height: 18px; line-height: 18px; margin-left:6px;
	font-weight: bold; color: #333;  
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-border-radius: 4px;	
	padding: 5px; min-width:15px; text-align:center;
font-size:14px; }
.paginator span.current.lastpage{ background: none; }
.paginator a.page.lastpage{background: none; background-color:#f8f8f8;}

.paginator .first{padding-right: 10px;  
display: inline-block; height: 18px; line-height: 18px; border: 2px solid #ddd; 
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-border-radius: 4px;	
	padding: 1px; min-width:30px; text-align:center;
	font-size:11px;
background-color:#f8f8f8; }

.paginator .prev{padding-right: 10px;  
display: inline-block; height: 18px; line-height: 18px; border: 2px solid #ddd;  
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-border-radius: 4px;	
	padding: 1px; min-width:30px; text-align:center; 
	font-size:11px;
background-color:#f8f8f8;}

.paginator .next{ padding-left: 10px; 
display: inline-block; height: 18px; line-height: 18px; border: 2px solid #ddd; margin-left:6px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-border-radius: 4px;	
	padding: 1px;min-width:30px; text-align:center;
	font-size:11px;
background-color:#f8f8f8;}

.paginator .last{padding-left: 10px; 
	display: inline-block; height: 18px; line-height: 18px; border: 2px solid #ddd;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-border-radius: 4px;	
	padding: 1px; min-width:30px; text-align:center;
	font-size:11px;
background-color:#f8f8f8;}

.showpage { border:0px dotted #333; padding:3px; }
select {
	font: 200 13px/25px Arial, Helvetica, sans-serif;
	color: #000;
    padding: 0px 0px 0px 5px;
	height:27px;
	line-height:27px;
	cursor:pointer;	
}

#rowlimit { 
	min-width:50px;
}

.pright { float:right; }
.bold { font-weight:bold; }
.normal { font-weight:normal !important; }
.navy { color:#005db0; }
.orange { color:#F90; }
.red { color:#F00; }
.green { color:#090; }
.gray { color:#999; }
.yellow { color:#F90; }
.blue { color:#06F; }

.f10 { font-size:10px !important; }
.f11 { font-size:11px !important; }
.f12 { font-size:12px !important; }
.f13 { font-size:13px !important; }
.f14 { font-size:14px !important; }
.f15 { font-size:15px !important; }
.f16 { font-size:16px !important; }
.f18 { font-size:18px !important; }
.f20 { font-size:20px !important; }
.f22 { font-size:22px !important; }
.f24 { font-size:24px !important; }
.f26 { font-size:26px !important; }
.f28 { font-size:28px !important; }
.f30 { font-size:30px !important; }

.p1 { padding:1px; }
.p2 { padding:2px; }
.p3 { padding:3px; }
.p4 { padding:4px; }
.p5 { padding:5px; }

.shadow { text-shadow: 1px 1px 1px #CCC; }

.right { float:right; }

.setting_menu {
	margin-top:20px;	
	border:1px solid #f2f2f2;
	background-color:#f6f6f6;
	
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-border-radius: 10px;		
}
.setting_menu a { text-decoration:none; font-size:14px; color:#363 }
.ui-datepicker-trigger {
	position: relative;
    /*left: -26px;*/
	padding-left:3px;
    top:8px;
	cursor:pointer;
}
.ui-datepicker { 
	font-size: 11px !important; 
}
.datestyle {
	width:100px !important;
}
.permis_list {
	padding:10px; 
	border:1px #f1f1f1;
	background-color:#fff;	
	
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-border-radius: 10px;			
}
.hselectall {
	border-bottom:1px solid #CCC;	
	margin-bottom:10px;
}
.nobr	{ white-space:nowrap; }
.hr { border-bottom:1px solid #e9e9e9; margin-top:2px; }
.cp { cursor:pointer; }

.custom-combobox-input {
	border:1px solid #000;	
	min-height:25px;
}