body { margin:0; padding:0; background:#aabadf url(http://www.countyofdane.com/img/home/background_diagonal.jpg) repeat-x; font-family:Arial; }
form { margin:0; padding:0; }
div { margin:0; padding:0; }
img { border:none; }
a, a:active, a:visited { text-decoration:none; }
a:hover { text-decoration:underline; }
.hiddenRow{ display:none;}
.label { font-weight:bold; }
.map { width:100%; text-align:center; }

div.main { margin:0 auto; width:780px; border:1px solid #5676c0; border-top:none; background-color:#FFFFFF; font-size:85%; }
div.header { padding-right:5px; height:80px; background:#ffffff url(http://www.countyofdane.com/img/home/header.gif) no-repeat top left; overflow:hidden; }
div.elected
{
    font-size:11px; border-top:1px solid #d5ddef; border-bottom:1px solid #d5ddef;
    text-align:center; padding-bottom:4px; padding-top:2px; background-color:#eaeef7; color:#344774;
}
div.content { padding:0px 15px 15px 15px; }
div.footer { clear:both; padding:0px 20px 0px 20px; text-align:center; border-top: 1px solid #8f8f8f; }

div.header a.home { display:block; float:left; width:550px; height:80px; }
div.google { float:right; margin:0; padding:0; height:81px; overflow:hidden; font-family:tahoma,arial; font-size:11px; color:#ffffff; }
.google a { margin-left:45px; display:block; width:75px; height:28px; }
div.google img { margin-left:607px; _margin-left:0px; _margin-right:109px; padding:5px 0px 4px 0px; height:20px; width:59px; display:block; border:none; }
div.google .text { height:16px; width:110px; position:relative; top:-5px; _top:-4px; border:solid 1px #778dd4; }
div.google span { position:relative; top:-2px; }

table.top { width:100%; background:#4a65a5 url(http://www.countyofdane.com/img/home/top.gif) no-repeat center top; text-align:center; font:bold 90% Arial; }
table.top td
{
    padding:2px;
    border-left:1px solid #99F; border-top:1px solid #99F;
    border-bottom:1px solid #000000; border-right:1px solid #000000;
}
table.top td:hover
{
    border-left:1px solid #000; border-top:1px solid #000;
    border-bottom:1px solid #99F; border-right:1px solid #99F
}
table.top img { float:left; }
table.top a, table.top a:active, table.top a:active, table.top a:hover { padding:0px 5px 0px 5px; color:White; }

div.menu, div.footer { width:780px; height:20px; background-color:#eaeef7; border-top:1px solid #d5ddef; border-bottom:1px solid #d5ddef; color:#344774; }
div.contentSpacing { padding:0px 20px 20px 20px; }
div.footer { padding:5px 0px 5px 0px; height:15px; text-align:center; font-size:80%; }
div.subMenuLinks
{
    float:right;
    margin:0 auto; padding:5px 0px 5px 0px; background-color:#eaeef7; border:solid 1px #d5ddef;
    color:#333226; font-size:80%;
}
.subMenuLinks h4 { margin:0; padding:0px 0px 3px 0px; text-align:center; }
.subMenuLinks a { display:block; margin:0; padding:3px 5px 2px 5px; width:140px; background-color:#ffffff; border-bottom:solid 1px #d5ddef; }
.subMenuLinks a.odd { display:block; background-color:#f7fcfe; }
.menuItem { margin:0; padding:0px 0px 0px 5px; }
.subMenuLinks a, .subMenuLinks a:visited, .subMenuLinks a:active { text-decoration:none; }
.subMenuLinks a:hover { text-decoration:underline; }
.subMenuLinks img { margin:0; padding:0px 8px 0px 8px; }
.box
{
    display:block; float:right; margin:0px 5px 0px 0px; padding:0; width:80px; height:20px;
    font-size:10pt;
    _position:relative; _top:15px; _right:5px;
}
.button
{
    display:block; float:right; margin:0px 5px 0px 0px; padding:0;
    _position:relative; _top:15px;
}
div.logonControl { float:right; margin:0px 5px 10px 10px; text-align:center; }
.login { margin:0 auto; padding:0; width:350px; }
div.loginBackground
{
    margin:20px 0px 0px 0px; padding:55px 10px 0px 10px;
    width:330px;
    background-image:url(../img/login.gif);
}
div.loginFooter { margin:0 auto; width:350px; height:20px; background-image:url(../img/loginFooter.gif); }
div.navigation { margin:20px 0px 0px 0px; text-align:center; }
h1, h1.pageHeader { margin-top:15px; padding-top:0px; font-size:140%; font-weight:bold; }
h2, p.subHeader { font-size:110%; font-weight:bold; }
img.step { clear:both; float:left; margin:0px 8px 0px 0px; position:relative; top:-2px; }
p.subSection { padding-bottom:20px; }
ul.topicList { list-style-image:url(../img/icon/bullet_red.gif); }
ul.questions { list-style-image:url(../img/icon/bullet_go.gif); }
ul.ordinances { list-style-image:url(../img/icon/page_white_acrobat.gif); }
.ordinances ul { margin-top:5px; list-style-type:disc; list-style-image:none; }
.ordinances li { margin:0; padding:0px 0px 4px 0px; }
.ordinances span { display:block; margin:0; padding:5px 0px 0px 0px; font-size:90%; color:#807d60; }
.linkList li { padding-bottom:10px; font-weight:bold; }
.linkList a, .linkList a:active, .linkList a:hover, .linkList a:visited { text-decoration:none; }
.labelHeader { display:block; margin:0; padding:0px 0px 20px 0px; font-size:110%; font-weight:bold; }
span.credit { display:block; float:right; margin:0; padding:0px 5px 0px 0px; }
span.update { display:block; float:left; margin:0; padding:0px 0px 0px 5px; }
.logOut { padding-left:10px; color:Black; }

/* Feedback Form */
table.feedbackForm{ width:500px; }
td.feedbackField{ vertical-align:top; padding-top:10px; font-weight:bold; text-align:right; }
td.feedbackValue{ vertical-align:top; padding-top:10px; text-align:left; }
td.feedbackFull{ vertical-align:top; padding-top:10px; font-weight:bold; text-align:center; }
td.feedbackSubmit{ text-align:center; padding-top:20px; }
.errorLabel { font-weight:bold; font-size:120%; color:Red; }
input.text:focus { border-bottom:solid 1px #807d60; border-right:solid 1px #807d60; border-top:solid 2px #66644d; border-left:solid 2px #66644d; background-color:#fffe9d; outline:none; }

/* Payment Options */
div.paymentType { margin:0 auto; padding:0; text-align:center; }
.paymentType img { margin:0; padding:10px 10px 10px 10px; }
div.billingForm { margin:0 auto; padding:0; text-align:center; }
.billingForm p.subHeader { margin:0px 0px 20px 0px; padding:0; }
table.paymentControls { margin:0 auto; padding:0; }
table.paymentControls td.text { text-align:right; }
table.paymentControls td { text-align:left; }
table.paymentControls span { font-weight:bold; }

/* Credits */
.credit a, .credit a:hover, .credit a:active, .credit a:visited { color:#000000; }
div.credits { margin:0 auto; width:600px; height:50px; }
.credits div
{
    padding:10px 10px 10px 10px; width:170px; height:50px; float:left;
    border-bottom:solid 1px #f8f2b9; text-align:center;
}
.credits img { border:none; }
div.creditsEnd { clear:both; width:1px; height:1px; }

div.linkMenu { text-align:center; }
.linkMenu a { padding:0px 5px 0px 5px; }

div.progress { width:100%; text-align:center; font-weight:bold; font-size:120%; }
div.progress img { padding-right:5px; position:relative; top:10px; }

.grid { width:100%; }
.gridEmpty td, .gridHeader th { padding:4px; background-color:#6788c8; color:#ffffff; font-weight:bold; text-align:center; }
.gridSub td { padding:4px; background-color:#88a2d4; color:#ffffff; font-weight:bold; text-align:left; }
.gridRow td, .gridAlt td, .gridHighlight td { padding:5px; text-align:left; border-bottom:solid 1px #d5ddef; }
.gridRow:hover td, .gridAlt:hover td, .gridHighlight:hover td { background-color:#d5ddef; }
.gridRow td { background-color:#f2f4f9; }
.gridHighlight td { background-color:#feffc9; }
.grid .gridPager { background-color:#eaeef7; color:Black; border:none; text-align:right; font-weight:bold; }
.grid .name { font-weight:bold; }
.gridHeader a, .gridHeader a:active, .gridHeader a:hover, .gridHeader a:visited { color:#ffffff; }
.gridPager a, .gridPager a:active, .gridPager a:hover, .gridPager a:visited { color:#ffffff; }
.gridRow a, .gridRow a:active, .gridRow a:hover, .gridRow a:visited { color:#000099; text-decoration:none; }
.gridAlt a, .gridAlt a:active, .gridAlt a:hover, .gridAlt a:visited { color:#000099; text-decoration:none; }
.grid img { border:none; }
.grid .link { display:block; width:100%; height:100%; }

ul.listing { margin:0; padding:0px 0px 15px 0px; width:100%; }
.listing li { margin:0; padding:3px 0px 2px 0px; list-style-type:none; border-bottom:solid 1px #d5ddef; }
.listing li.odd { background-color:#f2f4f9; }
.listing li span { font-weight:bold; }