@import url("css/menu.css");

/*
COLOR Definitions

(a) 203a66 = Mountain Blue color that matches the color of the mountains on the header logo

(b) 384d15 = Dark Green that is the same color as the one used by the Containers skin
(b) 5c6f3e = A lighter color green that is the same shade as (b)
*/

/* CSS Document */
#Body {background-color:#556b2f; margin:0; padding:0;}


/* ControlPanel style (this is for the Admin control panel at the top of the page when in admin mode  */
.ControlPanel{background:transparent url(images/cpanel_center.png) repeat-x bottom left; border:none;padding-bottom:10px;}
.cpanel_left {background: url(images/cpanel_left.png) no-repeat bottom left;padding-left:21px;}
.cpanel_right {background: url(images/cpanel_right.png) no-repeat bottom right;padding-right:33px;}

/*-------- Default Style --------*/
body,/*th,td,*/div,p,/*table,*/h1,h2,h3,h4,h5,h6,.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, input, .CommandButton
{
	color: #203a66; /* Mountains Blue Color */
	color: #001100;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
body,/*th,td,*/div,p,/*table,*/.Normal,.NormalDisabled,.Head,.SubHead,.SubSubHead, a:link, a:visited, a:hover{font-size:12px;}
h1, h2, h3, h4, h5, h6{color:#375162; color: #003300}
h1, h2, h3, h4, h5, h6, h1 input{font-weight:bold;}
h2, h4, h6{text-decoration:underline;}
h1, h2, h1 input{font-size:14px;margin:10px 0;}
h1, h2 {font-size:18px;}
h3, h4{font-size:12px;margin: 4px 0 0 0;}
h5, h6{font-size:10px;margin:0;}



li { margin-top:5px;}

.picture {border: solid 2px #001100; margin: 10px;}

table.grid {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #001100;
	border-collapse: collapse;
}
table.grid th {
	border-width: 1px;
	padding: 4px 6px 4px 6px;
	border-style: solid;
	border-color: #001100;
	font-weight:bold;
	color: #384d15;
}
table.grid td {
	border-width: 1px ;
	border-spacing: 0px;
	padding: 4px 6px 4px 6px;
	border-style: solid;
	border-color: #001100;
}

table.gridless {
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.gridless th {
	border-width: 0px;
	padding: 5px 8px 5px 8px;
	font-weight:bold;
	color: #384d15;
}
table.gridless td {
	border-width: 0px ;
	border-spacing: 0px;
	padding: 10px 8px 10px 8px;
}

table.paging {
	border-width: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}
table.paging th {
	border-width: 0px;
	padding: 5px 10px 5px 10px;
	font-weight:bold;
	color: #384d15;
}
table.paging td {
	border-width: 0px ;
	border-spacing: 0px;
	padding: 5px 10px 5px 10px;
}

table.paging a{text-decoration:underline;}
table.paging a:active{font-weight:bold;}

td.bold { font-weight:bold;}

.Head, .SubHead, .SubSubHead, .Normal, .NormalDisabled, .NormalDisabled, .NormalBold, .NormalRed, .NormalTextBox{font-family:Verdana, Arial, Helvetica, sans-serif;}
.Head{color:#2E3D47;font-weight:bold;}
.SubHead {color:#4C6171;}
.SubSubHead{color:#6E8AA0;}
.NormalRed {color:#F00;}


/* Datagrids */
.DataGrid_Container {margin-top:15px;}
.DataGrid_Header{font-weight:bold;}
.DataGrid_Header td, .NormalBold td{font-weight:bold;}

/*-------- design style --------*/

/* Main Background Setting */
#s_wrap_main{display:table;width:975px; margin:0 auto; background-color:#eeeeee;}
#s_wrap_sub{display:table-row}
.template_style{display:table-cell}


.top_space{height:0px;} /* Creates space between the header logo and the top of the page. We set to zero and push our logo against the top of the browser window.*/
.lang_pad{padding:7px 0 0 25px;float:left;}

/* top right bottom left*/

/* No idea what this is for right now; assuming it's some kind of mini-logo? */
/*
.logo_top_left{padding:0; margin:0;  height:0px;}
.logo_top_right{padding:0; margin:0; }
.logo_top_bg{padding:0; margin:0 45px 20 27px; /*margin:0 39px 0 27px;*/ /*background-color:Orange; height:0px;}
*/


/* This handles our main Header Logo */
.logo_left{padding:0;}
.logo_right{padding:0; }
.logo_pad{ margin: 0 2 0 2; padding: 0 0 0 0 ; background-color: Transparent;} 

/* the class of txt is what is actually used by the default menu system. It doesn't look like any other CSS sets this, so we're free to do so */
.txt{font-size:12px;}

.menu_bg{background: url(images/menu_bg.png) repeat-x top left; padding:0 0 0 0;  margin: 0 0 0 0; }
.menu_left{padding:0; margin:0; }
.menu_right{margin:0;  font-size:8px; }

/* We've disabled the search, so this is irrelevant */
.search_style{float:right; height:40px;}
.search_bg{padding:8px 2px 0 0;}

/* Styling for the Breadcrumb Navigation */
.bread_bg{font-size: smaller; padding:0; margin: 0 19px 0 7px;  height:34px;}
.bread_left{padding:0; margin:0; height:34px;}
.bread_right{padding:0;  height:34px;}

#login_style{ float:right; line-height:34px; padding-right:18px;}
#bread_style{ float:left; line-height:34px; padding-left:18px;}



.center_bg{padding:0; margin:0;clear:both;}
.left_bg{padding:0; margin:0;}
.right_bg{padding:0; margin:0;  }
.content_pad{padding:5px 2px 0 5px; margin: 0 2px 0 5px;}
.content_width{padding-top:15px; min-height:350px; }

.bot_left{padding:0; margin:0;}
.bot_right{padding:0; margin:0;}
.bot_bg{padding:0; margin:0; height:20px;text-align:center;width:100%;font-weight: bold;font-size:smaller;color:#384d15;}

.bot_pad{margin-bottom:20px;padding:0 30px 0 20px;text-align:center; width:99%;}
/*#terms_style{float:left;}
#copy_style{float:right;}
*/
.clear_float{clear:both; line-height:0; font-size:0; height:0;}

/* ------------- FileManager ----------------------*/
div.FileManager{height:auto;border:none;}
table.FileManager{width:99%}


a.CommandButton:link, a.CommandButton:visited{color:#CB2027; font-weight:bold; text-decoration:none;}
a.CommandButton:hover{color:#3E81B5; text-decoration:underline;}

/*-------------- ControlPanel Changes -------------*/
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited{color:#3E81B5;}
.ControlPanel a.CommandButton:hover{color:#CB2027; text-decoration:underline;}
.ControlPanel a.CommandButton:link, .ControlPanel a.CommandButton:visited, .ControlPanel .SubHead{font-size:11px;}

/*-------------- Pane Style -----------------------*/
.ContentPane { padding:0; margin:0; /*width:635px;*/  }
.TopPane { padding:0; margin:0; width:720px;  }
.BottomPane{ padding:0; margin:0; width:720px; }
.LeftPane{ padding:0 5px 0 0; width:235px; margin:0;  }
.RightPane{ padding:0 0 0 5px; width:150px; margin:0;  }

/*-------------- Hyperlink Style ------------------*/
/*a,a:link,a:visited,a:active{color:#384d15; text-decoration:none; font-weight:normal; }
a:hover{color:#5c6f3e; text-decoration:underline; }
*/
a,a:link,a:visited,a:active{color:#003366; text-decoration:none; }
a:hover{color:#003366; text-decoration:underline; }

/*-------------- Breadcrumb Style -----------------*/
.Breadcrumb,
a.Breadcrumb:link,a.Breadcrumb:active,a.Breadcrumb:visited{font-size: 0.8em; font-weight: bold;color:#384d15;}
a.Breadcrumb:hover{color:#5c6f3e;}

/*-------------- Link Style -----------------------*/
.linkscontainer{padding-top:20px;text-align:center;}
.links,a.links:link,a.links:active,a.links:visited{ font-weight:bold; color:#3E81B5; text-transform:uppercase;}
a.links:hover{color:#5c6f3e;}

/*-------------- User Style -----------------------*/
.user,a.user:link,a.user:active,a.user:visited {font-size: 0.8em; font-weight:bold;}
a.user:hover{color:#5c6f3e;}

/*-------------- CurrenteDate Style ---------------*/
.CurrentDate{font-size: 0.8em; font-weight: bold;color:#384d15;}

/*-------------- Footer Style ---------------------*/
.footer,a.footer:link,a.footer:active,a.footer:visited { font-weight:bold; font-size:small;color:#384d15;}
a.footer:hover{color: #5c6f3e;}

/*-------------- Empty panes Style ----------------*/
.DNNEmptyPane{width:0;padding:0;margin:0;}

/*-------------- Search SkinObject Styles --------------*/
/*
div.SearchContainer{position:relative; white-space: nowrap;}
div.SearchBorder{width: 180px; height: 20px; border: solid 1px #e0e0e0; float:left; background-color: White; white-space: nowrap; margin-top: 2px;}
div.SearchContainer a{padding: 0; display: block; float:left; }
div.SearchContainer a img{padding-left:5px;}
div.SearchIcon{float: left; width: 31px; height: 20px; cursor: pointer; z-index: 11; background: no-repeat 2px 2px; text-align:right;}
div.SearchIcon img{margin-top: 3px;}

input.SearchTextBox{float: left; z-index: 10; border: 0; width:130px; height:18px; margin-left:3px; color: #43494D;}

#SearchChoices{clear: both; display: none; border: solid 1px #C3D4DF; z-index: 2000; cursor: pointer; margin: 0; padding: 0; text-align:left; background-color: #F3F7FA; position:absolute; top: 22px; left: 0;}
#SearchChoices li{cursor: pointer; margin: 0; padding: 2px 2px 0 2px; padding-left: 25px; height: 18px; text-align:left; background-color: #F3F7FA; background-repeat: no-repeat; background-position: 2px center; list-style: none; list-style-image: none; border: none; display:block;}
#SearchChoices li.searchHilite{background-color: #CE0D0D;	color:#ffffff; border: none;}
#SearchChoices li.searchDefault{background-color: #F8FAFF; border: none;}
*/

.current_date_style{text-align:left;margin:0 0 0 0; padding: 0 0 0 10px;white-space:nowrap;}
.bread_style{ text-align:center; width: 100%;}
.user_style{ text-align:right;white-space:nowrap;}
.bread_table_style{ width: 99%}

.underline {text-decoration: underline;}
.red {color: Red;}
.darkred { color: Maroon;}

.ElectedOfficial{text-align:center;}
.ElectedOfficialSmaller{font-size:smaller;}
.ElectedOfficial img {display: block;margin-left: auto; margin-right: auto; border: solid 2px #384d15;}

.commissioners table{display: block;margin-left: auto;margin-right: auto }
.commissioners td {text-align:center; vertical-align:text-top;}
.commissioners img {display: block;margin-left: auto; margin-right: auto; border: solid 2px #384d15;}

.center {display: block;margin-left: auto; margin-right: auto;}

.Wanted{ font-size: 18px; color: #375162; font-weight: bold;}
.Felony { font-size: 16px; font-weight: bold; color: Red;}
.Misdemeanor { font-size: 16px; font-weight: bold; color: Maroon;}












table.patty_grid {
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #001100;
	border-collapse: collapse;
}
table.patty_grid th {
	border-width: 1px;
	padding: 4px 6px 4px 6px;
	border-style: solid;
	border-color: #001100;
	font-weight:bold;
	color: #384d15;
}
table.patty_grid td {
	border-width: 1px ;
	border-spacing: 0px;
	padding: 4px 6px 4px 6px;
	border-style: solid;
	border-color: #001100;
	vertical-align:top;
}