@charset "utf-8";

/* CSS Document */



.req

{

	color:red;font-size:11px; padding-left:5px;

}



.reqerr

{

	color: #FF0000;

	font-size: 11px;

	height: 20px;

	margin-bottom: -10px;

	padding-left: 1px;

	position: static;

}



#emp_prof_imgbox

{

	position:relative;

	margin-left:-234px;	

	z-index:100;

}



#emp_prof_img

{

	z-index:110;	

}





#confirm, #confirmLeave, #commmonLeave { background-color:#D8D8D8; top:100px !important; margin-top:20px; border:1px solid #888888;  }

#confirm-header { background: url(../img/hd-bg.png); padding: 5px 18px 1px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; width:400px; }

#confirm-header  h2 {font-family:"Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;  color: #383838; font-size:13px; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }

#signup-header  p {font-family:"Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;  color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }

#confirm .txt-fld { position: relative; width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: left;  }

#confirm .btn-fld {  float: left;overflow: hidden;padding: 12px 5px;width: 55px; cursor:pointer; }

#confirm .txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #315C7C; font-size:12px; text-align: left;  }

#confirm .txt-fld input { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family:"Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;  outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6;  margin-left:5px;}

#confirm .txt-fld input.good_input {  }

#confirm .txt-fld input.error_input { background: #FDE0E0; }

#confirm .txt-fld textarea { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family:"Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;  outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; margin-left:5px; }

#confirm .txt-fld select { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7;font-family:"Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; margin-left:5px; }

#empactive { background-color:#D8D8D8; top:100px !important; margin-top:20px; border:1px solid #888888;  }

#confirm-header { background: url(../img/hd-bg.png); padding: 5px 18px 1px 18px; border-bottom: 1px solid #CCC; border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; width:400px; }

#confirm-header  h2 {font-family:"Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;  color: #383838; font-size:13px; font-weight: 700; margin-bottom: 3px; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); }

#signup-header  p {font-family:"Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;  color: #444; font-size: 1.3em; margin: 0; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5); text-shadow: none; }

#empactive .txt-fld { position: relative; width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: left;  }

#empactive .btn-fld {  float: left;overflow: hidden;padding: 12px 5px;width: 55px; cursor:pointer; }

#empactive .txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #315C7C; font-size:12px; text-align: left;  }

#empactive .txt-fld input { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family:"Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;  outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6;  margin-left:5px;}

#empactive .txt-fld input.good_input {  }

#empactive .txt-fld input.error_input { background: #FDE0E0; }

#empactive .txt-fld textarea { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family:"Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;  outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; margin-left:5px; }

#empactive .txt-fld select { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7;font-family:"Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; margin-left:5px; }

#emproleassign { background-color:#D8D8D8; top:100px !important; margin-top:20px; border:1px solid #888888;  }

#emproleassign .txt-fld { position: relative; width: 364px; padding: 14px 20px; border-bottom: 1px solid #EEE; text-align: left;  }

#emproleassign .btn-fld {  float: left;

    overflow: hidden;

    padding: 12px 5px;

    width: 55px; cursor:pointer; }


#emproleassign .txt-fld label { display: block; float: left; width: 90px; padding-top: 8px; color: #315C7C; font-size:12px; text-align: left;  }

#emproleassign .txt-fld input { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family:"Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;  outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6;  margin-left:5px;}

#emproleassign .txt-fld input.good_input {  }

#emproleassign .txt-fld input.error_input { background: #FDE0E0; }



#emproleassign .txt-fld textarea { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7; font-family:"Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial;  outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; margin-left:5px; }



#emproleassign .txt-fld select { width: 244px; padding: 8px; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; font-size: 1.2em; color: #222; background: #F7F7F7;font-family:"Segoe UI Web Semibold","Segoe UI Web Regular","Segoe UI","Segoe UI Symbol","Helvetica Neue",Arial; outline: none; border-top: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #E7E6E6; border-bottom: 1px solid #E7E6E6; margin-left:5px; }



#emproleassign #signup-ct

{

	height:300px;	

}





.modal_close { position: absolute; top: 12px; right: 12px; display: block; width: 14px; height: 14px; background: url(../img/modal_close.png); z-index: 2; }



#lean_overlay {

    position: fixed;

    z-index:100;

    top: 0px;

    left: 0px;

    height:100%;

    width:100%;

    background: #000;

    display: none;

}



#message

{

	text-align:center;

    font-size: 11px;	

}



#edit_area

{

	margin-top:20px;	

}





.custom_tab_css

{

	background-color:#21a9ec;

	color: white !important;

	border:none;

	border-bottom:2px solid #0BADFD;

	text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);

	background-image: linear-gradient(rgba(33, 169, 236, 0), rgba(1, 9, 13, 0.1));

}



.custom_tab_css a

{

	color:white !important;

}



.label_title

{

	width:150px;

	float:left;	

	margin-top:10px;

	color:#383838;

}



.label_colon

{

	width:50px;

	float:left;	

	margin-top:10px;

}

.label_data

{

	width:300px;

	float:left;	

	margin-top:10px;

	color:#383838;

	text-align:justify;

}



.cls_line

{

	clear:both;height:40px;	

}



.yui-dt-empty

{

	padding:10px;

	color:#F33;

	text-align:center;	

}

.yui-dt-col-approvel div

{

	color:red;	

}