/*******************************************************/
/*      All Class Styles & Styles for specific pages   */
/*******************************************************/

.style1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
}
.style2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.7em;
}

.style3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
}

.style4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .7em;
	font-weight: bold;	
}

.style5
{
	font-size: .8em;
	text-align: justify;
}

.style6
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
}

.style7
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-weight: bold;
	color: #050D3A;
}

.center
{
	text-align: center;
}

.bold
{
	font-weight: bold;
}

.boldCenter
{
	font-weight: bold;
	text-align: center;
}

.boldItalic
{
	font-weight: bold;
	font-style: italic;
}

.feature
{
	margin: 15px;
	width: auto;
}

.featurePnl
{
	margin: 0 15px 0 15px;
	width: auto;
}

.featurePic
{
	margin: 15px;
	width: auto;
}

.featurePic td
{
	vertical-align: top;
}

.signature
{
	font-family: Script MT Bold; 
	font-size: 1.0em; 
	margin-left: 5px; 
	color: #3D3D3D
}

.lblValidate
{
	font-weight: bold;
	color: #B31515;
}

.label{
	 font-family: Verdana, Arial,sans-serif;
	 font-size: .7em;
	 color: #000000;
}

.label2{
	 font-family: Verdana, Arial,sans-serif;
	 font-size: .7em;
	 color: #ffffff;
}

.label3{
	 font-family: Verdana, Arial,sans-serif;
	 font-size: .7em;
	 font-weight: bold;
	 color: #000000;
}

.dropdown
{
	font-family: Verdana, Arial,sans-serif;
	font-size: .7em;
	height: 20px;
}

.req
{
	color: Maroon;
	text-align: left;
	font-size: .7em;
}

.progress
{
	font-family: Verdana;
	font-size: 11px;
	margin-left: 10px;
	height: 40px;
}

.lblHolder
{
	height: 20px;
}

.panel
{
	border: inset 1px;
	padding: 20px;
	background-color: #fafafa;
}

.panel1
{
	border: inset 1px;
	padding: 20px;
	background-color: #F1F1F1;
}

.panel2
{	
	background-color: #E2E3D3;
	width: 100%;	
}

.panel3
{
	border: inset 1px;
	margin: 15px;
	padding: 0 10px 5px 10px;
	background-color: #f1f1f1;
}

.panelForm
{
	border: inset 1px;
	padding: 20px;
	background-color: #DDDFC2;
}

.panelTip
{
	border: inset 1px;
	padding: 10px 20px;
	background-color: #FAFAFA;
}

.panelPicHm
{
	background-color: #8D8E69;
	float: left;
	width: 220px;
	height: auto;
	text-align: center;
	margin-right: 10px;
	color: #fafafa;
	font-family: Calibri;
	font-size: .9em;
}

.panelPicL
{
	background-color: #405B24;
	float: left;
	width: 220px;
	height: auto;
	text-align: center;
	margin-right: 10px;
	color: #fafafa;
	font-family: Calibri;
	font-size: .9em;
}

.panelPicL a
{
	color: #ffffff;
}

.panelPicL a:hover
{
	color: #ececec;
}

.panelPicR
{
	background-color: #405B24;
	float: right;
	width: 220px;
	height: auto;
	text-align: center;
	color: #fafafa;
	font-family: Calibri;
	font-size: .9em;
}

.panelPicR a
{
	color: #ffffff;
}

.panelPicR a:hover
{
	color: #ececec;
}

.staffPic
{
	width: 100%
}

.staffPic td
{
	background-color: #83795D;
	padding: 5px;	
	text-align: left;
	color: #fafafa;
	width: 33%;
}

.staffPic img
{
	height: 133px;
	width: 100px;
	float: left;
	margin-right: 10px;
}

.staffPic a
{
	color: #ffffff;
}

.staffPic a:hover
{
	color: #ececec;
}

.gvPanel
{
	margin: 0 5px 0 5px;
}

.gvPanel a
{
	color: #4D7820;
}

.gvPanel a:hover
{
	color: #3F5827;
	/*font-size: 1.1em;*/
}

.gvPanel a:visited
{
	color: #A69E9E;
}

.gvPanel a:active
{
	color: #A69E9E;
}

.divHead
{
	background-image: url(../images/divHeader_bg.png); 
	background-repeat: repeat-x; 
	border: 1px solid #2F4F4F;
	color: #ffffff;
	font-family: Verdana;
	font-size: .9em;
	font-weight: bold;
	padding: 5px;
	margin: 5px 0 5px 0;
}

.textbox
{
	width: 200px;
}

.tbWatermark
{
	color: #000000;
	background-color: #F2F7FD;
	font-size: 1.1em;
	width: 195px;
}

/* hover opacity effect */

a.linkopacityBtn img 
{
	background-color: #FFFFFF;
	filter:alpha(opacity=90); 
	-moz-opacity: 0.9; 
	opacity: 0.9;}

a.linkopacityBtn:hover img 
{
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
}

a.linkopacity img 
{
	filter:alpha(opacity=50); 
	-moz-opacity: 0.5; 
	opacity: 0.5;}

a.linkopacity:hover img 
{
	filter:alpha(opacity=100);   
	-moz-opacity: 1.0;   
	opacity: 1.0;
}

/******************* hover image layout for images (not being used) ***************/
/* TO USE:  <a href="" onclick="return false" class="thumb"><img alt="" src="image location">some text</a> */

a.thumb
{
	width: auto;
	height: auto;
	margin-right: 10px;
	display: block;
	font-size: .8em;
	/*float: left;*/
}

a.thumb:hover {
	background-color: #f1f1f1; /* background needed for IE */
}

a.thumb img /* do not display image initially */
{	
	width: 0px; 
	height: 0px; 
}

a.thumb:hover img 
{
	width: 160px;
	height: 210px;
	/*margin-left: 200px; 
	margin-top: -32px; */
	position: absolute;
	top: 705px;
	margin-left: 725px;
	/*z-index: 1;*/
}

/***************** AJAX accordian layout ***************/

.accordionHeader
{
	border: 1px solid #2F4F4F;
	color: #ffffff;
	background-color: #2E4D7B;
	font-family: Verdana;
	font-size: .9em;
	font-weight: bold;
	padding: 5px;
	margin: 5px 0 5px 0;
	cursor: pointer;
}

.accordionHeaderSelected
{
	background-color: #5078B3;
	border: 1px solid #2F4F4F;
	color: #ffffff;
	font-family: Verdana;
	font-size: .9em;
	font-weight: bold;
	padding: 5px;
	margin: 5px 0 5px 0;
	cursor: pointer;
}

.accordionContent
{	
	border: 1px dashed #2F4F4F;
	border-top: none;
	padding: 10px 5px 5px 5px;
}

.accordionLink
{
	font-weight: bold;
	text-align: center;
	font-size: .8em;
	padding: 5px;
}

.accordionLink:hover
{
	font-size: .9em;
}

/***************** Popup Message and Overlay Effect ***************/

.popperHid 
{
    display: none;
}

.popperShow 
{
    position: absolute;
    z-index: 99;
    display: block;
    padding: 10px;
    border: 5px solid #434343;
    width: 385px;
    left: 50%;
    top: 28%;
    margin: 0 0 0 -200px;
    font-family: Calibri;
	font-size: .9em;
	font-weight: bold;
	text-align: justify;	
    background-image: url(../images/table_bg.png);
    color: #0A0A0A;
    /*filter: alpha(opacity=100);
    opacity: 1.0;*/
}

.popperShow #closebutton
{
    display: block;
    text-align: center;
    clear: both;
    margin: .5em 0 0 0;
}

.popperShow #closebutton input 
{
    font-size: 90%;
}

.black_overlay
{
	display: block;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #ececec;
    z-index:1001;
   -moz-opacity: 0.9;
    opacity:.90;
    filter: alpha(opacity=90);
}

/************** default.aspx *****************/

.homeImg
{
	float: left; 
	margin: 5px;
}

.missionDiv
{
	height: 260px;
	background-color: #ffffff; 
	padding: 5px 8px 5px 5px; 
	border: solid 1px #D7D6D6;
}

.newsbox
{
	float: right;
	background-color: #ffffff;
	border: solid 1px #D7D6D6;
	padding: 5px 8px 5px 8px;
	width: 270px;
	height: 240px;
	text-align: justify;
	overflow: auto;
}

.programs
{
	float: left;
	background-image: url(../images/patrol_bg.png);
	background-repeat: no-repeat; 
	text-align: center;
	border: solid 1px #ffffff;
	padding: 5px 2px;
	height: 240px;
}

/************** ~/inquiry/picture.aspx *****************/

.bookPic
{
	border: solid 1px #D7D6D6;
}

/************** ~/inquiry/roster.aspx *****************/

.btnAlpha
{
	width: 40px;
}

/************** contactus.aspx & visitationForm.aspx *****************/

.contactInfo
{
	float: right;
	margin-top: 10px;
	width: 400px;
}

.contactTxtBx
{
	width: 325px;
}

.visitTxtBx
{
	width: 200px;
}

/************** employment.aspx *****************/

.empDiv
{
	margin: 20px 0 0 10px; 
	border: dotted 1px #3F5827; 
	background-color: #DDDFC2;
	padding: 10px;
}

/************** ~/divisions/orgInfo.aspx *****************/

.orgChart
{
	width: 100%; 
	margin-bottom: 10px;
	padding-bottom: 5px;
	text-align: center; 
	font-size: .7em; 
	font-weight: bold; 
	background-color: #DDDFC2; 
}

.rankTbl
{
	width: 100%;
	font-size: .7em;  
	text-align: center; 
	vertical-align: middle; 
	background-color: #FFFFFF; 
	border: dotted 1px #091517;
}

.rankTbl tr
{
	height: 65px;
}

/************** ~/divisions/jail.aspx *****************/

.visit
{
	background-color: #C5C7A5;
	margin-top: 10px; 
	padding: 10px; 
	border: dashed 1px;
}

/*********** ~/divisions/taskForce.aspx & ~/divisions/envEnforcement.aspx page *************/

.taskImg
{
	float: right; 
	margin-left: 10px; 
	padding: 5px; 
	border: dotted 1px #3F5827; 
	text-align: center
}

/*********** ~/divisions/svu.aspx *************/

.svuImgDiv
{
	background-color: #DDDFC2; 
	padding: 5px; 
	margin-top: 15px; 
	border: dotted 1px #3F5827;
}

.svuImg
{
	margin-left: 95px;
}

/************** .faqStyle *****************************************/
/* currently used for ~/divisions/sorFaq.aspx page */

.faqStyle
{
	margin: 15px;
	width: auto;
}

.faqStyle a:focus{
	color: #003399;
	text-decoration: underline;
	font-weight: normal;
}

.faqStyle a:hover{
	color: #003399;
	text-decoration: underline;
	font-weight: normal;
}

.faqStyle ul, p
{
	font-size: 11px;
}

.faqStyle div
{
	display: none;
	padding: 5px;
}

.faqStyle div a:focus{
	color: #003399;
	text-decoration: underline;
	font-weight: normal;
}

.faqStyle div a:hover{
	color: #003399;
	text-decoration: underline;
	font-weight: normal;
}

/*********** sitemap.aspx page *************/

.siteMap
{
	margin: 5px 20px;
	width: auto;
	background-color: #F2F7FD;
	border: solid 1px #ffffff;
	padding: 10px;
}

.siteMap ul
{
	font-size: 11px;
	list-style-type: none;
}

.siteMap ul ul
{
	list-style-type: disc;
}

.siteMap ul ul ul
{
	list-style-type: circle;
}

.siteMap li
{
	margin-top: 5px;
}

.mapIndent
{
	margin: 10px 10px 10px 400px;
	width: 55%;
}

.contactImg
{
	float: left;
	margin: 20px 0 0 10px;
	width: 360px;
}

/*
.contactImg {
	position: fixed;
	top: 310px;
	margin-left: 30px;
	width: 360px;	
}
*/