/*

	default css
	created by: Reagan M. Descartin
	
	
*/

html{
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;
}

body {

	margin-top:0;
	background-color:#eeeeee;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;

}



/*main container of the web page*/
#divContainer{
	width: 1024px;
	margin:auto; /*to place the page at the center of the browser*/ 
	height:auto;
	background-color:#b5b5b5;
	position:relative;
	margin-right:75px;
	box-shadow:5px 5px 6px #8d8d8d;
	-moz-box-shadow:5px 5px 6px #8d8d8d;
	-webkit-box-shadow:5px 5px 6px #8d8d8d;	
	overflow:hidden;
	
}




.header
{
	width:1024px;
	height:146px;
	background-image:url("../images/header_background.png");
}

.headerTop
{
	width:1024px;
	height:48px;
	background-image:url("../images/header_top_background_right.png");
	background-position:right;
	background-repeat:no-repeat;
}

.headerBottom
{
	width:960px;
	height:90px;
	background-color:#FFFFFF;
	margin:auto;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:5px 5px 6px #8d8d8d;
	-moz-box-shadow:5px 5px 6px #8d8d8d;
	-webkit-box-shadow:5px 5px 6px #8d8d8d;	
}

.headerBottomLeft
{
	float:left;
	width:260px;
	height:90px;
	/*background-color:#000000;*/
}

.logoWrapper
{
	height:47px;
	width:221px;
	margin:auto;
	margin-top:20px;
	background-image:url("../images/logo.png");
}

.headerBottomRight
{
	float:left;
	width:700px;
	height:90px;
	/*background-color:#fff000;*/
}

.menuWrapper
{
	height:60px;
	/*width:611px;*/
	width:636px;
	
	margin:auto;
	margin-top:15px;
}
/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
   padding:0px;
    position: relative;
    margin: 0;
    text-align: left;
	background-color:#9b9b9b;
	background-image:url("../images/menu_divider_background.png");
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:3px 3px 5px #8d8d8d;
	-moz-box-shadow:3px 3px 5px #8d8d8d;
	-webkit-box-shadow:3px 3px 5px #8d8d8d;
	 

}

ul#menu li {

	
    display: inline;
    list-style: none;
	
}


.home
{
	border-radius:10px 0px 0px 10px;

}

.about
{
	border-radius:0px 10px 10px 0px;
}


ul#menu li a {
   	padding: 22px 25px;
    font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
    text-decoration: none;
	line-height: 5em;
    color: #FFF;
	background-image:url("../images/menu_default_background.png");
	/*background-image:url("images/menu_default_background.png");*/
	

}

ul#menu li a:hover {
	background-image:url("../images/menu_selected_background.png");
    /*background-image:url("images/menu_selected_background.png");*/
    
	text-decoration: none;
	color:
}

ul#menu li a:active {
	background-image:url("../images/menu_selected_background.png");
	/*background-image:url("images/menu_selected_background.png");*/
	
	color: #FFFFFF;
    text-decoration: none;
}

ul#menu li.selected a {
/*	background-image:url("../images/menu_selected_background.png");*/
	background-image:url("images/menu_selected_background.png");

    color: #000;
}

ul#menu li a.focus
{
	/*background-image:url("../images/menu_selected_background.png");*/
	background-image:url("images/menu_selected_background.png");
	
}

.contentWrapper
{
	position:relative;
	width:1024px;
	min-height:500px;
	
	margin-top:10px;
	margin-bottom:10px;
	/*background-color:#b5b5b5;
	background:-moz-linear-gradient(top, #b5b5b5 0%, #b5b5b5 15%, #cecece 60%, #ededed 100%);
	background:-webkit-linear-gradient(top, #b5b5b5 0%, #b5b5b5 15%, #cecece 60%, #ededed 100%);
	background:linear-gradient(top, #b5b5b5 0%, #b5b5b5 15%, #cecece 60%, #ededed 100%);*/
	/*background-image:url("../images/content_wrapper_background.png");
	background-position:right;
	background-repeat:no-repeat;*/
	/*overflow:hidden;*/

}

.contentWrapperLeft
{
	width:280px;
	float:left;
	position:relative;
	height:auto;
/*	background-color:#0033FF;*/
}

.contentWrapperRight
{
	width:744px;
	float:right;
	/*background-color:#003300;*/
	position:relative;
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
}

.contentWrapperFull
{
	width:1024px;
	float:right;
	/*background-color:#003300;*/
	position:relative;
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
}


.verticalMenu
{
	margin:auto;
	margin-left:30px;
	
	width:240px;
	/*height:450px;*/
	background-color:#FFF;
	position:relative;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:5px 5px 6px #8d8d8d;
	-moz-box-shadow:5px 5px 6px #8d8d8d;
	-webkit-box-shadow:5px 5px 6px #8d8d8d;	
	padding-bottom:20px;
	overflow:hidden;
	
}

.verticalMenuTitle
{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#707070;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;	

}

.verticalMenuLink
{
	/*height:40px;
	min-height:20px;*/
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*font-size:14px;*/
	font-size:12px;
	color:#707070;
	padding: 7px 10px 7px 10px;
	/*margin-top:10px;*/
	cursor:pointer;
	/*background-color:#000066;*/
}
.verticalMenuLink a
{
	text-decoration:none;
	color:#707070;
}


.verticalMenuLinkSelected
{
	/*background-image:url("../images/vertical_menu_selected_background.png");*/
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	background-color:#ddd;
	
}


.verticalMenuLink:hover
{
	/*background-image:url("../images/vertical_menu_selected_background.png");*/
	border-top: 1px solid #111;
	border-bottom: 1px solid #111;
	background-color:#ddd;
}


.mainContent
{
	
	margin:auto;
	margin-left:10px;

	width:700px;
	height:auto;
	background-color:#FFF;
	position:relative;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:5px 5px 6px #8d8d8d;
	-moz-box-shadow:5px 5px 6px #8d8d8d;
	-webkit-box-shadow:5px 5px 6px #8d8d8d;	
    font-family:Arial, Helvetica, sans-serif;
	overflow:hidden

}

.mainContentFull
{
	
	margin:auto;
	margin-left:10px;

	width:1000px;
	height:auto;
	background-color:#FFF;
	position:relative;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:5px 5px 6px #8d8d8d;
	-moz-box-shadow:5px 5px 6px #8d8d8d;
	-webkit-box-shadow:5px 5px 6px #8d8d8d;	
    font-family:Arial, Helvetica, sans-serif;
	overflow:hidden

}

.mainContentTitle
{
	
	padding:30px 30px 0px 30px;
	
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:16px;
	color:#707070;
	text-align:center;
}

.mainContentMessage
{
	
	padding:30px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#707070;

}



.footer
{
	width:1024px;
	height:30px;
	background-color:#eee;
	overflow:hidden;
}


.footerLeft
{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#707070;
	font-weight:bold;
	padding:5px;
	
}


.footerRight
{
	float:right;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#707070;
	font-weight:bold;
	text-align:right;
	padding:5px;
	
}

.footerLink
{
	text-decoration:none;
	font-size:11px;
	color:#707070;
	font-weight:bold;
}

/*
table design
*/

table, th, td
{
	font-family:Arial, Helvetica, sans-serif;	
}

a{
	font-family:Arial, Helvetica, sans-serif;	
}

h1,h2,h3,h4,h5{
	font-family:Arial, Helvetica, sans-serif;	
}
	
input {
	padding:2px;
}

input[type="submit"] {
	padding:3px;
	cursor:pointer;
	cursor:hand;
}


.footerLogo
{
	width:1024px;
	height:100px;
	/*background-color:#eee;*/
	overflow:hidden;
	margin-top:30px;
	padding-top:20px;
	font-size:11px;
}

.footerLogo image{
	vertical-align:middle;
	
}



.errorMessage
{
	color:#FF0000;
}


table.gridtable {
	font-family: Verdana, Arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-color: #666666;
    border-collapse:separate;
    border-spacing:0px;
    border: 1px solid #666666;
	background-color:#fff;
}

table.gridtable th {
    border-left: 1px solid #666666;
	border-color: #666666;
	/*background-color: #dedede;*/
    border-top: 1px solid #666666;
}

table.gridtable td {
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
	padding:4px;
/*	background-color: #ffffff;*/
}

.formLabels{
	
	font-family: Verdana, Arial,sans-serif;
	font-size:12px;

}

.center{
	text-align:center;
	margin:auto;
}

.smallTexts{
	font-size:10px;
}

	
input,textarea {
	padding:2px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	border: 1px solid #d2d2d2;
	
}

input[type="submit"] {
	padding:3px;
	cursor:pointer;
	cursor:hand;
	
}
	
input, select {
	border: 1px solid #d2d2d2;
	background:#fff;
	color:#333;
	font-size:12px;
	margin:5px 0 2px 0;
	padding:5px;
	
}


input[type="submit"] {
	padding:3px;
	cursor:pointer;
	cursor:hand;
}

.tableLables {
	font-family: Verdana, Arial,sans-serif;
	font-size:16px;
}

input.readonly {
	border:none !important;
	font-size:18px !important;
	padding-left: 5px !important;
	margin: 0 8px 2px !important;
}

input.inputbox {
	border:none !important;
	border-style: groove !important;
	font-size:18px !important;
	width:60% !important;
	margin: 0 8px 2px !important;
	text-indent: 3px;
}

table tr.separator { 
	height: 10px; 
}

.radioLabel {
	text-align: left !important;
	font-size: 17px !important;
	margin-left: 44% !important;
	padding-bottom: 10px !important;
	color: #333;
}

.required {
	color: red !important;
	font-size:20px;
}

.field-icon {
  position: relative;
  margin-left: -35px;
  z-index: 2;
  padding-right: 15px;
}

.ContentFull
{
	margin:-10px 10px 0;
	width:98%;
	background-color:#FFF;
	border-radius:10px;
    font-family:Arial, Helvetica, sans-serif;
}

#findDiv {
	padding: 20px 0 20px 50px;
	cursor: pointer;
}

#findDiv div b{
	border-bottom: thin solid;
}

#findDiv div b:hover { color: #337ab7; }

.inputTextarea {
	border:none !important;
	border-style: groove !important;
	font-size:18px !important;
	width:60% !important;
	margin: 0 8px 2px !important;
	text-indent: 3px;	
}

#county_list, #precinct_list{

	display:block;
	width:92%;
	height:25px;
	padding:6px 12px;
	font-size:14px;
	line-height:1.42857143;
	color:#555;
	background-color:#fff;
	background-image:none;
	border:1px solid #ccc;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s
	}

input[list="myselect"] {
	position: absolute;
    margin: -48px 0 0 330px;
    height: 37px;
    width: 45px;
    background: #999;
    color: white;
    border: 0;
    -webkit-appearance: none;
}

#dropdownlist, #precinct_dropdownlist{
	background-color: #fff;
	color: dimgray;
	padding: 2px 10px 2px;
    width: 28%;
    margin-top: -7px;
    position:absolute;
    z-index:1;
}