/* Reset CSS */


h1{ font-size:28px;}
h2{ font-size:26px;}
h3{ font-size:14px;}
h4{ font-size:16px;}
h5{ font-size:14px;}
h6{ font-size:12px;}
h2{color: #575656;font-family: 'Maven Pro',sans-serif;}
h1,h3,h4,h5,h6{ color: #333333;font-family: 'Maven Pro',sans-serif;}
small{ font-size:10px;}
b, strong{ font-weight:bold;}
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }
.left { float:left; }
.right { float:right; }
.alignleft { float: left; margin-right: 15px; }
.alignright { float: right; margin-left: 15px; }
.clearfix:after,
form:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

body {
	min-width: 1024px;
	overflow: auto;
}

#id_staff_employee th{
	text-align: right;
	font-weight: normal;
	height: 20px;
}

#bodys{
	width: 1024px;
	overflow:hidden;
}

#bodys ul{
	list-style:none;
}
#breadcrumb a{
	font-size: 14px;
	font-family:'Maven Pro',sans-serif;
	color: #00a4f0;
}
#breadcrumb a:hover
{
	color: #0d71b6;
}
.container_
{
	width: 1024px;
	margin: 0 auto;
	padding-top: 40px;
}

.topnav #header_logo img{
	width: 30px;
	height: 25px;
	padding-top: 14px;
}

.topnav #header_logo a{
	text-decoration:none;
	font-size:25px;
	color: #b2b2b2;
}
.topnav #header_logo{
	background-size:auto auto;
	float: left;
}
.topnav #logout{
	background-size:auto auto;
	float: right;
}
.topnav #header_logo li,.topnav #logout li{
	font-family:'Maven Pro',sans-serif;
	float: right;
}
.topnav #header_logo_img{
	width: 35px;
	height: 58px;
	margin-left: 30px;
	padding-top: 2px;
}
.topnav #person{
	width: 110px;
	height: 58px;
}
.topnav #person a ,.topnav #logout a{
	line-height:58px;
}
.topnav #logout li{
	width: 40px;
	height: 58px;
	margin-right: 5px;
}
.topnav #logout a{
	text-decoration:none;
	font-size:14px;
	color: #b2b2b2;
}
.topnav #header_logo a:hover,.topnav #logout a:hover{
	background: none repeat scroll 0 0 rgba(0,0,0,0);
	color:#FFFFFF;
}
.topnav ul{
	list-style:none;
}
.topnav{
	background-color: #4f4f4f;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.35);
	height: 58px;
	left: 0;
	top: 0;
	width: 100%;
}

#staff_left
{
	-moz-box-sizing: border-box;
	display: block;
	float: left;
	min-height: 400px;	
	width: 240px;
	border: 0px solid rgba(76, 76, 76, 0.13);
}
#staff_content
{
	-moz-box-sizing: border-box;
	display: block;
	float: left;
/*	height: 600px;
	width: 738px;
*/	background-color:#FFFFFF;
	margin-top: 5px;
	border: 1px solid #efefef;
	margin-left: 50px;
	min-height: 390px;
}




#changeform{
	float: right;
	padding-top: 10px;
}
/*#staff_content .h {*/
	/*background: url("../img/User_02.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	/*color: #666666;*/
	/*padding: 40px 0 50px 153px;*/
	/*margin: 40px 0 0 100px;*/
/*}*/
#staff_content .h {
	width: 480px;
	height: 120px;
	position:relative;
	margin-top: 30px;
	left:20%;
}
#welcome b,p{
/*    border-bottom:1px solid #e9e9e9;
*/}
.person_pic{
	width:110px;
	height:120px;
	border-radius: 6px;
	background-color: #d7d8da;
	box-shadow: 5px 5px 5px #888888;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	overflow:hidden;
}
.person_pic img{
	width:100px;
	height:110px;
	border-radius: 6px;
	padding-top: 5px;
}
.person_info,.person_pic{
    float: left;
}
.person_info{
    margin-top: 6px;
    margin-left: 20px;
}
.person_info p{
	padding: 5px 0 5px 0;
}

.about{
    height: 30px;
}
.about_ul li{
    line-height: 30px;
    list-style:none;
    padding:0;
    margin:0;
    float:left;
}

.subheader {
	text-align: center;
	margin-top: 20px;
}
.subheader h2 {
    text-shadow: 1px 0px 1px #787777;
	display: inline-block;
}
.subheader_line {
	background: url(../img/subheader_line.png) no-repeat;
	width: 250px;
	height: 8px;
	margin: 0 10px 5px 10px;
	display: inline-block;
}
#id_edit_form1 th{
    height: 19px;
    font-family:'Maven Pro',sans-serif;
    font-weight:400;
    font-size:12px;
    color:#000000;
    text-align	:right;
}