/* OLD SCHOOL STAFF DIRECTORY STYLES */

.dept-schooldir {
	background-color: #e2e2e2;
	color: #000000;
	padding: 3px 3px;
	margin: 4px;
	margin-left: 0px;
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 15px;
	border: 0px solid red;
	border-bottom: 0px solid #e2e2e2;
	font-weight: normal;
}

.name-schooldir {
	background-color: #ffffff;
	color: #000000;
	padding: 0px 0px;
	margin: 0px;
	margin-left: 4px;
	margin-bottom: 0px;
	font-size: 13px;
	line-height: 15px;
	border: 0px solid red;
	border-bottom: 0px solid #e2e2e2;
	font-weight: normal;
}

.emailbox {
	background-color: #ffffff;
	padding: 2px;
	margin-top: 2px;
	margin-left: 5px;
	border: 0px solid #6699CC;
	color: #000;
}

.emailbox input{
	background-color: #ffffff;
	border: 0px;
	height: 30px;
	border-bottom: 1px solid #6699CC;
	border-left: 4px solid #FF9933;
	padding: 5px;
	margin: 0px;
	padding-left: 5px;
	padding-right: 5px;
	width: 100%;
	display: none;
}

.emailbox p{
	margin: 0px; 
	padding: 0px;

}

.deptList {font-size: 11px; padding: 5px; margin: 5px;}

.job-title-schooldir {
	color: #666666;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	font-weight: normal;
}

/* NEW STAFF DIRECTORY SCHOOL STYLES */

<!--[if lte IE 9]>


#departmentList 
{
margin: 0 0 0 0;
padding: 0;
}


#departmentList p
{
	margin: 2em 0 0 0;
line-height:1.4em;
}
#departmentList p a
{
font-weight:normal;
text-decoration:none;
}	

#departmentList p a:hover
{
font-weight:normal;
text-decoration:underline;

}	


	#employee {
		margin:0 0 .4em 0;
		padding:.5em 0em .5em .2em;
	}
	
	.employeename {
		font-weight:600;
	}
	
	.alternaterow {
		background-color: #f6f5f5;
	}
	
	#employee p {
		margin:0;
		padding:0;
	
	}
	
		#employee p a {
		margin:0;
		padding:0;
		font-size: 100%;
	}
	
	#box_left {
		float:left;
		width:47%;
		margin: 0 4% 0 0;
		padding:0;
	
	}
	
	#box_right {
	float:left;
		width:47%;
		margin: 0 0 0 0;	
		padding:0;
	}
	
		 .staffprinticon  {
		
		float:right;
	
		margin:0 2em 0 0;
		padding: 5px;	
		background: #f4f4f4;  border-radius: 0.25em 0.25em 0.25em 0.25em;	border:1px solid #ecebeb;    box-shadow: 0 0 0 1px #fff inset; overflow:hidden;		
		}
		
/* styles for search box  */

#searchwrapes {
margin: .5em 0 1em 0;	
width:238px;
	padding:1% 1% 1% 1% !important;
	border:#c1c0c0 solid 1px;

	float:right;

}

#searchwrapes .searchtext {
    width: 63%;
	float:left;

}

#searchwrapes .searchbtn {
    width: 31%;
	float:right;

    background:#e37805;
    border: 1px solid #8B5723;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
    box-shadow: 1px 1px 4px #939393;
    color: #FFFFFF;
  
    text-align: center;
  
    text-shadow: 0 1px 1px #909090;
    vertical-align: middle;
	 cursor: pointer;
	 font-size:11px;
	padding:2px 0px 2px 0px;
	webkit-appearance: none;

}

#searchwrap {
margin: .5em 0 1em 0;	

	padding:4% 2% 15% 2% !important;
	border:#c1c0c0 solid 1px;


}

#searchwrap .searchtext {
    width: 63%;
	float:left;

}

#searchwrap .searchbtn {
    width: 31%;
	float:right;

    background:#e37805;
    border: 0px solid #8B5723;
    border-radius: 0.5em ;
    box-shadow: 1px 1px 1px #939393;
	
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em; 
	-moz-border-radius: .5em;
    color: #FFFFFF;
  
    text-align: center;
  
    text-shadow: 0 1px 1px #373737;
    vertical-align: middle;
	 cursor: pointer;
	 font-size:11px;
	padding:2px 0px 2px 0px;
	webkit-appearance: none;

overflow: visible; 
display: inline-block;
}
#searchwrap .searchbtn:focus {  outline: 0;  background: #fff;}

#searchwrap .searchbtn:hover{   background: #c56906;}

#searchwrap .searchbtn:hover{   background: #c56906;}  
#searchwrap .searchbtn:active,.form-wrapper button:focus{   outline: 0; }
#searchwrap .searchbtn:hover:before{   border-right-color: #e37805;}
#searchwrap .searchbtn:focus:before,.form-wrapper button:active:before{  border-right-color: #e37805;} 
#searchwrap .searchbtn:-moz-focus-inner {  border: 0;    padding: 0;}