@charset utf-8;

/* CSS Document */
body {
margin:0 auto;
color:#747474;
}

a {
text-decoration:none;
color:#6fa0bd;
/*blue*/
}

a:hover {
color:#96cff0;
/*light blue*/
}

.wrap_all {
width:980px;
margin:0 auto;
}

.wrap_head {
height:160px;
width:960px;
float:left;
padding-left:10px;
padding-right:10px;
border-bottom:1px solid #9dc1d6;
/*blue line*/
}

.wrap_logo {
height:160px;
float:left;
}

.wrap_logo img {
float:left;
margin-top:10px;
}

.wrap_top_menu {
float:right;
height:80px;
width:750px;
}

.top_menu-logout {
float:right;
width:60px;
height:70px;
}

.top_menu-logout:hover {
box-shadow:1px 1px 5px #CCC;
}

.top_menu-fb {
float:right;
margin-right:10px;
width:100px;
height:70px;
}

.top_menu-fb:hover {
box-shadow:1px 1px 5px #ccc;
}

.wrap_nav {
float:left;
height:40px;
width:750px;
margin-top:30px;
}

.nav_menu {
float:left;
font-size:20px;
font-weight:700;
color:#6fa0bd;
padding:10px;
margin-left:7px;
cursor:pointer;
}

.nav_menu:hover {
background-color:#d6e9f4;
color:#6fa0bd;
border-radius:8px;
}

.nav_menu:active {
color:#575757;
}

.wrap_profile {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 900px;
	height: 188px;
	float: left;
	margin-top: 20px;
	padding: 10px 35px 0px 40px;
	border: 1px solid #d8d8d8;
}

.profile_pic {
width:150px;
height:150px;
float:left;
margin-right:20px;
margin-top:15px;
text-align:center;
}

.profile_pic img {
/*max-width:143px;
			max-height:107px;
			float:left;
			
			padding-left:11px;*/
padding-top:10px;
}

.profile_text {
width:382px;
height:157px;
float:left;
margin-top:15px;
}

.profile_bold {
font-size:18px;
color:#65a3a4;
font-weight:700;
display:block;
margin-bottom:15px;
text-shadow:1px 1px 1px #fff;
}

.profile_line {
width:375px;
display:block;
margin-bottom:10px;
}

.wrap_breakdown {
background:url(../img/leave_request/breakdown.png) no-repeat;
width:285px;
float:right;
padding-top:78px;
}

.breakdown_line {
display:block;
font-weight:700;
color:#7f7e7e;
padding-left:200px;
margin-bottom:11px;
}

.breakdown_line span {
font-weight:700;
color:red;
}

.wrap_tabbox {
width:640px;
float:left;
margin-right:20px;
margin-top: 20px;
}

.wrap_tabbutt {
width:630px;
float:left;
padding-left:10px;
}

.tab_menu-2line {
float:left;
width:120px;
height:45px;
background-color:#d6e9f4;
padding-top:5px;
font-weight:700;
text-transform:uppercase;
color:#6fa0bd;
text-align:center;
border-top:2px solid #fff;
border-left:2px solid #fff;
border-right:2px solid #fff;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

.tab_menu-2line-selected {
float:left;
width:120px;
height:45px;
background-color:#9dc1d6;
padding-top:5px;
font-weight:700;
text-transform:uppercase;
color:#333;
text-align:center;
border-top:2px solid #fff;
border-left:2px solid #fff;
border-right:2px solid #fff;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

.tab_menu-2line-selected:hover {
color:#333;
}

.tab_menu {
float:left;
width:120px;
height:35px;
background-color:#d6e9f4;
padding-top:15px;
font-weight:700;
text-transform:uppercase;
color:#6fa0bd;
text-align:center;
border-top:2px solid #fff;
border-left:2px solid #fff;
border-right:2px solid #fff;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

.tab_menu-selected {
float:left;
width:120px;
height:35px;
background-color:#9dc1d6;
padding-top:15px;
font-weight:700;
text-transform:uppercase;
color:#333;
text-align:center;
border-top:2px solid #fff;
border-left:2px solid #fff;
border-right:2px solid #fff;
border-top-left-radius:10px;
border-top-right-radius:10px;
}

.tab_menu-selected:hover {
color:#333;
}

/*.tab_reguest{
		
		width:163px;
		height:43px;
		float:left;
		cursor:pointer;
	}
		.tab_reguest:hover{
			background:url(../img/leave_request/request_but_active.png) no-repeat;
			width:163px;
			height:43px;
			float:left;
			cursor:pointer;
		}
		.tab_reguest:active{
			background:url(../img/leave_request/request_but_active.png) no-repeat;
			width:163px;
			height:43px;
			float:left;
			
		}
	.tab_approval{
		background:url(../img/leave_request/approval_but.png) no-repeat;
		width:163px;
		height:43px;
		float:left;
		cursor:pointer;
	}
		.tab_approval:hover{
		background:url(../img/leave_request/approval_but_active.png) no-repeat;
		width:163px;
		height:43px;
		float:left;
		cursor:pointer;
		}
		.tab_approval:active{
		background:url(../img/leave_request/approval_but_active.png) no-repeat;
		width:163px;
		height:43px;
		float:left;
		}
	.tab_calendar{
		background:url(../img/leave_request/calendar.png) no-repeat;
		width:163px;
		height:43px;
		float:left;
		cursor:pointer;
	}
	
		.tab_calendar:hover{
		background:url(../img/leave_request/calendar_but_active.png) no-repeat;
		width:163px;
		height:43px;
		float:left;
		cursor:pointer;
	}
		.tab_calendar:active{
		background:url(../img/leave_request/calendar_but_active.png) no-repeat;
		width:163px;
		height:43px;
		float:left;
	}
	.tab_pending{
		background:url(../img/leave_request/pending.png) no-repeat;
		width:152px;
		height:43px;
		float:left;
		cursor:pointer;
	}
	.tab_pending:hover{
		background:url(../img/leave_request/pending_active.png) no-repeat;
		width:152px;
		height:43px;
		float:left;
		cursor:pointer;
	}
	.tab_pending:active{
		background:url(../img/leave_request/pending_active.png) no-repeat;
		width:152px;
		height:43px;
		float:left;
		cursor:pointer;
	}*/
.tab_box_up {
}

.tab_box_mid {
/*background:url(../img/leave_request/border_mid.png) repeat-y;*/
border-top:4px solid #9dc1d6;
border-left:#d8d8d8 solid 1px;
border-right:#d8d8d8 solid 1px;
border-bottom:#d8d8d8 solid 1px;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
width:600px;
float:left;
padding-left:20px;
padding-right:20px;
padding-top:20px;
min-height:403px;
}

.tab_box_down {
/*background:url(../img/leave_request/border_down.png) no-repeat;
			width:640px;
			height:24px;
			float:left;*/
}

.request_head {
color:#6fa0bd;
display:block;
font-weight:700;
margin-bottom:15px;
text-transform:uppercase;
}

.wrap_request {
width:600px;
height:20px;
border-bottom:2px solid #999;
margin-bottom:10px;
padding-bottom:5px;
float:left;
}

.wrap_request_in {
width:600px;
float:left;
margin:10px 0;
}

.line_request_in {
width:600px;
float:left;
border-bottom:1px solid #c5c5c5;
}

.wrap_request_detail {
width:50%;
margin-top:3px;
float:left;
}

.wrap_request_detail-head {
width:53%;
margin-top:3px;
float:left;
}

/*LEAVE TYPE BUSINESS, HOLIDAY, SICK*/
.leave_type-annual {
float:left;
background-color:#add7f7;
width:15px;
height:15px;
margin-right:6px;
margin-top:6px;
}

.leave_type-sick {
float:left;
background-color:#ffa969;
width:15px;
height:15px;
margin-right:6px;
margin-top:6px;
}

.leave_type-business {
float:left;
background-color:#fed83f;
width:15px;
height:15px;
margin-right:6px;
margin-top:6px;
}

.wrap_request_detail span {
font-weight:700;
margin-right:10px;
}

.wrap_request_time {
width:25%;
margin-top:3px;
float:left;
}

.bold {
font-weight:700;
color:#747474;
}

.line_request_head {
background:url(../img/leave_request/line.png) no-repeat center;
width:600px;
height:11px;
float:left;
margin-bottom:10px;
}

.request_tab {
width:595px;
height:20px;
float:left;
background:#dfe2e1;
font-weight:700;
padding-top:5px;
padding-left:5px;
color:#575757;
text-transform:uppercase;
cursor:pointer;
}

.wrap_request_cancle {
width:10%;
height:50px;
float:right;
}

.request_cancle {
background:url(../img/leave_request/cancle.png) no-repeat;
width:57px;
height:24px;
cursor:pointer;
float:left;
}

.request_approve {
background:url(../img/leave_request/approve.png) no-repeat;
width:57px;
height:24px;
cursor:pointer;
float:left;
}

.request_submit {
background:url(../img/leave_request/submit.png) no-repeat;
width:57px;
height:24px;
cursor:pointer;
float:left;
}

.leave_button {
width:500px;
float:left;
height:50px;
margin-top:110px;
}

.bt_business-leave {
float:left;
background:url(../img/leave_request/bt_business.png) no-repeat;
width:155px;
height:50px;
cursor:pointer;
}

.bt_business-leave:hover {
background:url(../img/leave_request/bt_business_select.png) no-repeat;
}

.bt_business-leave-selected {
float:left;
background:url(../img/leave_request/bt_business_select.png) no-repeat;
width:155px;
height:50px;
cursor:pointer;
}

.bt_holiday-leave {
float:left;
background:url(../img/leave_request/bt_holiday.png) no-repeat;
width:155px;
height:50px;
cursor:pointer;
margin:0 17px;
}

.bt_holiday-leave:hover {
background:url(../img/leave_request/bt_holiday_select.png) no-repeat;
}

.bt_holiday-leave-selected {
float:left;
background:url(../img/leave_request/bt_holiday_select.png) no-repeat;
width:155px;
height:50px;
cursor:pointer;
margin:0 17px;
}

.bt_sick-leave {
float:left;
background:url(../img/leave_request/bt_sick.png) no-repeat;
width:155px;
height:50px;
cursor:pointer;
}

.bt_sick-leave:hover {
background:url(../img/leave_request/bt_sick_select.png) no-repeat;
}

.bt_sick-leave-selected {
float:left;
background:url(../img/leave_request/bt_sick_select.png) no-repeat;
width:155px;
height:50px;
cursor:pointer;
}

.come_holiday {
background:url(../img/leave_request/coming_holiday.png) no-repeat;
float:right;
width:279px;
padding-top:70px;
padding-left:30px;
padding-bottom:20px;
background-color:#f8fbfd;
border:1px solid #c2e0e0;
border-radius:10px;
margin-top: 20px;
}

.wrap_holiday_text {
width:262px;
float:left;
margin-bottom:20px;
}

.wrap_holiday_text p {
font-weight:700;
color:#747474;
margin:0 0 5px;
padding:0;
}

.holiday_text {
display:block;
width:100%;
margin-bottom:20px;
}

.holiday_text_annual {
font-weight:700;
color:#598faf;
cursor:pointer;
}

.holiday_text_annual:hover {
color:#6dafd5;
}

.wrap_footer {
width:100%;
height:60px;
float:left;
border-top:2px solid #c0b9b9;
background:#666;
margin-top:30px;
}

.address {
background:url(../img/leave_request/address.png) no-repeat;
width:630px;
height:61px;
float:left;
}

.wrap_logo_login {
width:290px;
margin:0 auto;
}

.logo_login {
background:url(../img/login/logo.png) no-repeat;
width:281px;
height:230px;
float:left;
margin-top:50px;
}

.wrap_login_box {
width:484px;
margin:0 auto;
}

.login_box {
width:450px;
height:206px;
float:left;
padding-top:50px;
padding-left:50px;
border:1px solid #CCC;
margin-top:50px;
margin-bottom:20px;
}

.login_box_head {
font-weight:700;
float:left;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:20px;
}

.wrap_login_but {
width:135px;
margin:0 auto;
}

.login_but {
background:url(../img/login/login.png) no-repeat;
width:87px;
height:46px;
float:left;
margin-top:45px;
}

.login_but:hover {
background:url(../img/login/login_hover.png) no-repeat;
}

/*=============== Approve ============*/
.reject-desc {
border:1px solid;
float:left;
height:50px;
line-height:24px;
margin:0 59px 10px 20px;
overflow-y:auto;
padding-left:5px;
padding-right:5px;
width:450px;
}

/*=================review===============*/
.request_summary {
width:600px;
float:left;
line-height:22px;
}

.wrap_submit-bt {
width:600px;
height:50px;
float:left;
margin-top:20px;
}

.cancle {
background:url(../img/popup/cancle.png) no-repeat;
width:86px;
height:46px;
float:left;
cursor:pointer;
margin-right:15px;
}

.cancle:hover {
background:url(../img/popup/cancle_hover.png) no-repeat;
}

.ok {
background:url(../img/popup/ok.png) no-repeat;
width:86px;
height:46px;
float:left;
cursor:pointer;
margin-right:10px;
}

.ok:hover {
background:url(../img/popup/ok_hover.png) no-repeat;
}

.top_menu-password {
background:url(../img/changepass/bt-changepass.png) no-repeat;
float:right;
height:70px;
margin-right:10px;
width:80px;
}

.top_menu-password:hover {
background:url(../img/changepass/bt-changepass-h.png) no-repeat;
float:right;
height:70px;
margin-right:10px;
width:80px;
}

.wrap_change_but {
width:220px;
margin:0 auto;
}

.save_but {
float:left;
width:90px;
height:50px;
background:url(../img/changepass/change_bt-save.png) no-repeat;
}

.save_but:hover {
background:url(../img/changepass/change_bt-save-h.png) no-repeat;
}

.reset_but {
float:left;
width:90px;
height:50px;
background:url(../img/changepass/change_bt-reset.png) no-repeat;
}

.reset_but:hover {
background:url(../img/changepass/change_bt-reset-h.png) no-repeat;
}
// Jeab
input[type=text].basic {
margin:0;
}

input[type="text"],input[type="password"] {
-webkit-box-shadow:none;
-moz-box-shadow:none;
box-shadow:none;
-webkit-border-radius:0;
-moz-border-radius:0;
-ms-border-radius:0;
-o-border-radius:0;
border-radius:0;
color:#858585;
padding:0 0 0 3px;
border:1px solid #d7d7d7;
display:inline-block;
background:#fdfdfd;
width:170px;
height:25px;
}
.btn.btn-lightblue a{
	color: #fff;
}