* { font-size: 13px; font-family: Tahoma; color: #3a372e; }
body { background: url(../img/bg.jpg); text-align: center; }
a { outline: none; color: #330066 }
#page { width: 974px; margin: 0 auto; text-align: left; padding-top: 8px; }
.top { background: url(../img/top.jpg) repeat-x left top; }
#header { width: 974px; height: 97px; background: url(../img/header.jpg) repeat-x left bottom; position: relative; }

#footer { margin-top: 15px; }
#footer #copyrights { float: left; width: 600px; }
#footer #created { float: right; width: 300px; text-align: right; }
#footer * { color: #a5966d; font-size: 11px; }
#footer a { color: #3a372e; text-decoration: underline; } 

h1 { color: #d56628; font-size: 24px; font-family: Georgia; font-weight: normal; margin-bottom: 20px; }
h2 { color: #d56628; font-size: 18px; font-family: Georgia; font-weight: normal; margin-bottom: 3px; }

#nav { position: absolute; top: 40px; left: 260px; }
#nav li { float: left; }
#nav li.sep { padding: 3px 20px; }
#nav li a { color: #4c1e58; font-size: 16px; font-family: Georgia; text-transform: uppercase; text-decoration: none; }
#nav li.active a { color: #da7841; }

#nav_sub li { padding: 7px 0px; background: url(../img/dot.gif) top left repeat-x; }
#nav_sub li a { padding-left: 15px; text-decoration: none; background: url(../img/bullet.gif) center left no-repeat; }

#pager { padding: 5px; background: #f6f2e7; border-top: 1px solid #cabd91; border-left: 1px solid #cabd91; border-bottom: 1px solid #e5d7bd; border-right: 1px solid #e5d7bd; }
#pager b { color: #d76e33; }
#pager a { text-decoration: underline !important; }

.title_block { background: url(../img/block_bottom.jpg) bottom left repeat-x #fff; border-top: 1px solid #d56628; }
.title_block p  span { color: #4c1e58; font-size: 24px; font-family: Georgia; text-transform: uppercase; }
.title_block p span.first { color: #d56628; font-size: 30px; font-family: Georgia; text-transform: uppercase; }
.title_block h1 { font-family: Georgia; color: black; font-size: 18px; font-weight: normal; margin: 0px 0px 8px 0px; }
.title_block .text2 { color: #4c4c4c; font-size: 11px; }

#news { width: 948px; height: 75px; background: url(../img/news.jpg) no-repeat; }

.report_container { border: 1px solid #e1dbc7; padding: 18px; }
.report_block { border: 1px solid #d4cbaa; padding: 5px; }
.report_container h3, .report_table h3 { color: #d87035; font-size: 14px; margin-right: 20px; }

.active_tab { background: #fbfaef; border-left: 1px solid #d4cbaa; border-right: 1px solid #fbfaef !important; }

#abc { padding: 5px 0; margin: 5px 0; border-top: 1px solid #e7e1cd; border-bottom: 1px solid #e7e1cd; }
#abc span { cursor: pointer; }
.abc_active { font-weight: bold; }


/* Login page */
#block-login { position: relative; width: 452px; height: 175px; float: left; background: url('../img/block-login-bg.gif') no-repeat left top #f3efe5; border-top: 1px solid #D56628; border-left: 1px solid #e4dec8; border-right: 1px solid #e4dec8; border-bottom: 1px solid #e4dec8; }
#block-register { position: relative; width: 452px; height: 175px; float: right; background: url('../img/block-login-bg.gif') no-repeat left top #f3efe5; border-top: 1px solid #D56628; border-left: 1px solid #e4dec8; border-right: 1px solid #e4dec8; border-bottom: 1px solid #e4dec8; }

#block-login h2,
#block-register h2 { color: #000; padding-bottom: 20px; } 

#block-login img,
#block-register img { position: absolute; top: 9px; right: -2px; }

.p20 { padding: 20px; }

#block-login td { padding-bottom: 5px; }
#block-login input { width: 100%; }
#block-login p { padding-top: 38px; font-size: 10px; }
#block-login p a { font-size: 10px; }

#block-login .button,
#block-register .button { cursor: pointer; position: absolute; bottom: 0; right: 0; color: #fff; width: 145px; height: 32px; background: url('../img/block-login-button.gif') no-repeat; text-align: center; line-height: 32px; font-size: 14px; } 

#nav_user { position: absolute; top: 25px; left: 205px; padding-left: 25px; border-left: 1px solid #E2DBC8; }
.nav_user { padding-bottom: 10px; font-size: 11px; }
#nav_user .nav_user b { color: #C95615; }
#nav_user .nav_user * { font-size: 11px; }
.nav_user_bold { font-weight:bold; text-decoration: none; color: #000; }


/* Reports main page */
#reports-main { border: 1px solid #F2EBB5; background: #F8F6E1; padding: 20px; }
#reports-main p { border-bottom: 1px dotted #dad3b5; background: url('../img/reports-arrow.gif') no-repeat left 14px; padding: 10px 0 10px 20px; }
#reports-main a { font-size: 16px; text-decoration: none; }
#reports-main a:hover { text-decoration: underline; }


/* Password reminder */
#block-reminder { position: relative; width: 452px; height: 145px; background: url('../img/block-login-bg.gif') no-repeat left top #f3efe5; border-top: 1px solid #D56628; border-left: 1px solid #e4dec8; border-right: 1px solid #e4dec8; border-bottom: 1px solid #e4dec8; }
#block-reminder .button { cursor: pointer; position: absolute; bottom: 0; right: 0; color: #fff; width: 145px; height: 32px; background: url('../img/block-login-button.gif') no-repeat; text-align: center; line-height: 32px; font-size: 14px; } 
#block-reminder td { padding-bottom: 5px; }
#block-reminder input { width: 100%; }
#block-reminder h2 { color: #000; padding-bottom: 20px; }
#block-reminder img { position: absolute; top: 9px; right: -2px; }

/* Account change information */
#registration td { padding-bottom: 5px; }
#registration label { padding-right: 20px; }

/* Registration page */
#registration { position: relative; width: 450px; background: url('../img/registration-bg.gif') no-repeat left top; border: 1px solid #e4dec8; padding: 9px 30px 20px 30px; }
#registration h2 { padding-bottom: 15px; }
#registration input { width: 100%; }
#registration .button { cursor: pointer; position: absolute; bottom: 0; right: 0; color: #fff; width: 145px; height: 32px; background: url('../img/block-login-button.gif') no-repeat; text-align: center; line-height: 32px; font-size: 14px; } 


/* Report */
.report_table2 { border:0; width:100%; background: #fff; }
.report_table2 th,
.report_table2 .th_alt { cursor: pointer; color: #DE6628; font-weight:normal; font-size: 10px; text-align:center; border-bottom: 2px solid #D4CDB3; border-left: 1px solid #D4CDB3; padding: 2px; }
.report_table2 .sorted_asc,
.report_table2 .sorted_desc { background: #f7f4ed; color: #000; }
.report_table2 td { text-align:center; vertical-align:middle; border-bottom: 1px solid #D4CDB3; border-left: 1px solid #D4CDB3; padding:2px; }
.report_table2 td a { color: #000; text-decoration: none; }
.report_table2 td a:hover { color: #330066; text-decoration: none; }
.report_table2 .hleft { border-left: 0; }
.report_table2 .closings,
.report_table2 .permits { cursor: pointer; }

.nosorting th { cursor: default; }

.clean { text-decoration: none; font-weight: bold; }
.clean img { margin-right:7px; }

.expanded { }
.collapsed { display: none; }

.report_detail { padding-top: 20px; }
.closing_highlight { background: #FFD67D; }

#dialog { text-align: left; }

#report_parameters_head { padding-left: 20px; background:url('../img/minus.gif') no-repeat left 3px; }
#report_parameters_head h4 { float: left; cursor: pointer; }
#report_parameters_head a { float: right; padding-left: 20px; }
#report_parameters_head.collapsed { background:url('../img/plus.gif') no-repeat left 3px; display: block; }
#report_parameters_list { padding-top: 10px; }


/* Development */
.dev_table { border:0; width:100%; background: #fff; }
.dev_table th { cursor: pointer; color: #DE6628; font-weight:normal; font-size: 10px; text-align: left; border-bottom: 2px solid #D4CDB3; border-left: 1px solid #D4CDB3; padding:2px; }
.dev_table td { text-align: left; vertical-align:middle; border-bottom: 1px solid #D4CDB3; border-left: 1px solid #D4CDB3; padding: 2px 5px 2px 5px; }
.dev_table .hleft { border-left: 0; }

#dev_map { margin-bottom: 15px; float:right; width:470px; height:400px; }

/* Multimedia of development */
#multimedia { float: right; width: 470px; }
#multimedia .photos { margin-right: 5px; margin-bottom: 5px; }


/* Report google maps */
#report_map_wrapper { position: relative; }
#report_map_google { height:600px; }
#report_map_legend { position:absolute;bottom:40px;right:0px;background:#fff;width:120px;border: 1px solid #ddd;border-right:0; }
#report_map_legend_space { padding: 10px; }
.report_map_legend_item { padding: 3px 0; border-bottom: 1px solid #ddd; clear: both; }
.report_map_legend_item img { float: left; margin-right: 5px; }

/*--- additions 2011-12-15 cal for RedHawk ---*/
table td.consolidated {
  font-weight : bold;
  font-style  : oblique;
}

#builderpermitselect,
#builderblock,
table td.cbp {
  display : none;
}

#permitupdate th,
#permitupdate td {
  width      : 40px;
  text-align : center;
}

th.first {
  border-left : none;
}

#permittoplist {
  color : #D56628;
}

#northpointe_chart,
#northpointe_chart_permit {
  width  : 900px;
  height : 300px;
}

#northpointe_chart_closing {
  width  : 1225px;
  height : 300px;
}

.loading_chart {
  margin : 50px auto 0 auto;
  height : 5px;
  width : 150px;
  padding : 0;
}

div.showdata {
  cursor    : pointer;
  font-size : .8em;
}

td.moveright {
  text-align : right;
  padding    : 0 5px 0 0;
}