BODY {
  font-family : Arial, Helvetica, sans-serif;
  font-weight : normal;
  color : #000000;
  background-color : White;
  margin : 0 0 0 0;
  padding : 0 0 0 0;
  height: 100%;
  font-size: 11pt;  
}

.title {
  font-style : normal;
  font-weight : bold;
  font-size : 10pt;
  color : #ffffff;
  background-color: #303741;
  height: 15pt;
  padding: 5pt 0pt 1pt 5pt;
  width: 99%;
}

.little_title
{
  font-style : normal;
  font-weight : bold;
  font-size : 10pt;
  color : Black;
  background-color: #999999;
  padding: 1px 0px 1px 3px;
  margin: 5px 0px 5px 0px;
}

.right {
  text-align: right;
}

.plain_title {
  font-style : normal;
  font-variant : normal;
  font-weight : bold;
  font-size : 14pt;
  color : #000000;
}

.Small {
  font-size: Small;
}

.Table {
  border: none;
  font-size: 10pt; 
}

.Table_Row {
  font-size: 10pt;
}

.Table_Header {
  background-color: #303741;
  font-weight: bold;
  font-size: 10pt;
  color: White;
  text-align: center;
}

.Table_Bold
{
 font-weight: bold;
 padding-right: 10px;
 white-space:nowrap; 
}

.pageTitle {
  font-family : Arial, Helvetica, sans-serif; 
  font-style : normal; 
  font-variant : normal; 
  font-weight : bold; 
  font-size : 16pt; 
  color : #2F2569;
}

.left_menu a {
  font-style  : normal; 
  font-variant : normal; 
  font-size : 10pt;
  text-decoration: none;
  width: 170px;
  display:block;
  color: Black;
  font-weight: 500;
  padding-left: 20px;
}

.left_menu a:hover
{
  color: White;
  text-decoration: underline;
  background-color: #303741; 
}

.Menu
{
  font-style  : normal; 
  font-variant : normal; 
  font-size : 10pt;
  text-decoration: none;
  width: 170px;
  display:block;
  color: Black;
  font-weight: 500;
}

.Menu a:hover
{
  color: White;
  text-decoration: underline;
  background-color: #303741; 
}

.Grid
{
  border: #000066 .05em solid;
  width: 100%;
}

.Grid td {
  padding: 3px 10px 3px 3px;
}

.Grid th
{
  font-size: 10pt;
  color: #ffffff;
  background-color: #303741;
  height: 20px;
  padding: 3px;
  font-weight: bold;
  white-space:nowrap;
}

.Grid tr
{
  background-color: #FAFAD2;
  font-size: 9pt;
  color: #000000;
}

.Grid tr.Alternate
{
  background-color: #EEE8AA;
  font-size: 9pt;
}

.Grid tr:hover, Grid tr.alternate:hover
{
   background-color: Silver;
   color: black;
}

.dhmlLinks:hover {
  font-family : Arial, Helvetica, sans-serif; 
  font-style : normal; 
  font-variant : normal; 
  font-weight : bold; 
  font-size : 8pt; 
  color : #FAB000;
  text-decoration: none; 
}

.titleBar {
  font-family : Arial, Helvetica, sans-serif; 
  font-style : normal; 
  font-variant : normal; 
  font-weight : bold; 
  font-size :10pt;
  text-decoration: underline; 
  color : #ffffff;
}

.titleBar:hover {
  font-family : Arial, Helvetica, sans-serif; 
  font-style : normal; 
  font-variant : normal; 
  font-weight : bold; 
  font-size : 10pt;
  text-decoration: underline; 
  color: #FAB000;
}

.smalltext {
  font-family : Arial;
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  font-size : 8pt;
}

.smalltext a:link{
  font-family : Arial, Helvetica, sans-serif;
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
}

.smalltext a:visited{
  font-family : Arial, Helvetica, sans-serif;
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
}

.noline a:link{
  text-decoration : none;
}

.noline a:visited{
  text-decoration : none;
}

.largetext {
  font-family : Arial, Helvetica, sans-serif;
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  font-size : 1.2em;
}

.largetext a:link{
  font-family : Arial, Helvetica, sans-serif;
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  font-size : 1.2em;
}

.largetext a:visited{
  font-family : Arial, Helvetica, sans-serif;
  font-style : normal;
  font-variant : normal;
  font-weight : normal;
  font-size : 1.2em;
}

.errortext {
  font-family : Arial, Helvetica, sans-serif;
  font-size : .9em;
  color : red;
  font-weight : bold;
}

.black {
  background-color : #000000;
}

.bg_dark {
  background-color : #2F2569;
  color : #ffffff;
}

.bg_medium {
  background-color : #b1b1ff;
  color : #000000;
  font-weight : bold;
}

.bg_light {
  background-color : #ccccff;
}

.alt_bg_dark {
  background-color : #066fa0;
}

.alt_bg_medium {
  background-color : #2794d8;
}

.small_gray {
  color : #434E54;
  font-size: 10pt;
}

.smallBlue {
  font-family : Arial, Helvetica, sans-serif; 
  font-style : normal; 
  font-variant : normal; 
  font-weight : normal; 
  font-size : 8pt; 
  color : #2F2569;
}

.smallpt {
  font-size : 8pt; 
}

.list_green {
  list-style-type: square;
  font-size: 10pt;
  color: #0E8F00;
}

.list_red {
  list-style-type: square;
  font-size: 10pt;
  color: #BF1417;
}

/* DIV Sections */
#header {
  background-color: #303741;
  text-align: center;
  padding: 5px 0px 5px 0px;
  color: #ffffff;
  font-size: 10pt;
}

#body_left {
  width: 190px;
  margin-left: 0px;
  margin-top: 0px;
  float: Left;
  padding: 15px 0px 0px 10px;
}

#body_right {
  margin: 15px 10px 15px 210px;
  border: solid 1px #C0C0C0;
  padding: 10px;
  position: relative;
  overflow: hidden;
}

#footer {
  background-color: #303741;
  color: #ffffff;
  font-size: 10px;
  height: 25px;
  padding: 5px 5px 5px 5px;
  margin-top: 50px;
  font-weight: bold;
  text-align: center;
  clear: both;
}

.Search_Permits {
  background-image: url('/images/search_header.png');
  background-repeat: no-repeat;
  width: 190px;
  text-align: center;
  font-size: 9pt;
  padding-bottom: 10px;
}

.Search_Permits h1 {
  color : #ffffff;
  font-weight: bold;
  font-size: 10pt;
  padding-top: 7px;
}

.Contractor_LogIn {
  background-image: url('/images/contractor_header.png');
  background-repeat: no-repeat;
  width: 190px;
  padding-bottom: 10px;
  text-align: center;
}

.Contractor_LogIn h1 {
  color : #ffffff;
  font-weight: bold;
  font-size: 10pt;
  padding-top: 7px;
}

.Control_Panel {
  background-image: url('/images/control_header.png');
  background-repeat: no-repeat;
  width: 190px;
  padding-bottom: 10px;
}

.Control_Panel h1 {
  color : #ffffff;
  font-weight: bold;
  font-size: 10pt;
  padding-top: 7px;
  text-align: center;
}

.Manage_Permits {
  background-image: url('/images/manager_header.png');
  background-repeat: no-repeat;
  width: 190px;
  line-height: 130%;
  padding-bottom: 10px;
}

.Manage_Permits h1 {
  color : #ffffff;
  font-weight: bold;
  font-size: 10pt;
  padding-top: 6px;
  text-align: center;
}

.Shopping_Cart {
  background-image: url('/images/cart_header.png');
  background-repeat: no-repeat;
  width: 190px;
  text-align: center;
  padding-bottom: 10px;  
}

.Shopping_Cart h1 {
  color : #ffffff;
  font-weight: bold;
  font-size: 10pt;
  padding-top: 7px;
}

.Menu_Header {
  background-image: url('/images/menu_header.png');
  background-repeat: no-repeat;
  width: 190px;
  padding-bottom: 10px;  
}

.Menu_Header h1 {
  color : #ffffff;
  font-weight: bold;
  font-size: 10pt;
  padding-top: 7px;
}

.Padding_5 {
  padding : 5px 5px 5px 5px;
}

.collapsePanel 
{
	width: 640px;
	height: 0px;
	background-color: White;
}

.collapsePanelHeader
{ 
	height: 20px;
	color: navy;
	background-color: white;
	padding: 5px 0px 0px 0px;
	cursor: pointer;
	vertical-align: middle;
	border-bottom: 1px solid;
}

.table_bold_right
{
	font-weight: bold;
	font-size: 10pt;
	padding: 0px 5px 0px 00px;
	text-align: right;
}

.PageView 
{
  padding: 5px;
  Border-left: solid 1px #666666; 
  Border-bottom: solid 1px #666666; 
  Border-right: solid 1px #666666; 
}

.Subtotal
{
	margin-top: 10px;
}

.important_panel
{
  border: 1px solid #990000;
  padding: 5px;
  background-color: #FFFFCC;
  color: Maroon;
  margin-bottom: 15px;
}

.important_panel div
{
  background: url(/images/important.png) no-repeat;
  padding: 7px 0px 0px 37px;
  color: Maroon;
  height: 32px;
  font-weight: bold;
  font-size: 16px;
}

.tip_panel
{
  border: 1px solid #5fbe3a;
  padding: 5px;
  background-color: #ddffd0;
  color: #0b5e01;
  margin-bottom: 15px;
}

.tip_panel div
{
  background: url(/images/hint.png) no-repeat;
  padding: 7px 0px 0px 37px;
  color: #0b5e01;
  height: 25px;
  font-weight: bold;
  font-size: 16px;
}

.error_panel
{
  border: 1px solid #02005c;
  padding: 5px;
  background-color: #b9befd;
  color: #02005c;
  margin-bottom: 15px;
}

.error_panel div
{
  background: url(/images/stop.png) no-repeat;
  padding: 7px 0px 0px 37px;
  color: #02005c;
  height: 25px;
  font-weight: bold;
  font-size: 16px;
}

.ApplyForPermit
{
 float: left;
 border: solid 1px Gray;
 padding: 5px;
 margin: 5px;
 height: 55px;
 text-align: center;
 width: 80px;  
}

.rounded_menus {
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	behavior: url(/css/border-radius.htc);
  background-color: #e9e9e9;
}

.RowClickable 
{
  cursor: pointer;
}

.AlternateClickable
{
  cursor: pointer;
  background-color: #EEE8AA;
  font-size: 9pt;
}

.AlternateClickable
{
   background-color: Silver;
   color: black;
  cursor: pointer;
}

.white
{
  color: White;
}