@import url("/apps/js/polls/polls-pack.css");

body {
margin: 0px;
color: #000000;
font: 12px Arial, Helvetica, sans-serif;
background: #698182;
}

.HPEvents, .HPBBMessages, .HPLinks {
width: 192px;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
}

.HPNews {
width: 262px;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
}

#r{
padding-right: 5px;
}

.neutral, table {
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
}

.contentIndex {
vertical-align: top;
color: #000000;
background: #FFFFFF;
font: 12px Arial, Helvetica, sans-serif;
text-align: justify;
}

.content {
padding: 10px;
height: 500px;
vertical-align: top;
font: 12px Arial, Helvetica, sans-serif;
color: #000000;
background: #FFFFFF;
text-align: justify;
}

a, a:link, a:visited { color: #000033; }
a:hover, a:active { color: #004C8D; }

.lightpad {
font: 8pt Arial, Helvetica, sans-serif;
color: #000;
background: #E7E7E7;
padding: 6px;
}
.lightpad a, .lightpad a:link, .lightpad a:visited { color: #000000; }
.lightpad a:hover, .lightpad a:active { color: #01002A; }

.light {
font: 9pt Arial, Helvetica, sans-serif;
color: #000000;
background: #FFCC66;
}
.light a, .light a:link, .light a:visited { color: #000000; }
.light a:hover, .light a:active { color: #01002A; }

.dark {
font: 10pt Arial, Helvetica, sans-serif;
color: #FFFFFF;
background: #698182;
}
.dark a, .dark a:link, .dark a:visited { color: #FFFFFF; }
.dark a:hover, .dark a:active { color: #FFFFFF; }

.pageTitle {
background: url('/pics/page_title.gif') no-repeat;
width: auto!important;
width: 100%;
height: 33px!important;
height: 48px;
margin-bottom: 10px;
padding: 15px 0px 0px 50px;
font: bold 14px Arial, Helvetica, sans-serif;
color: #FFFFFF;
}

#topNav {
position: relative;
height: 24px;
}
#topNavButtons {
height: 24px;
position: absolute;
z-index: 95;
top: 0;
left: 0;
background-image: url('/pics/topnav_bg.gif');
width:100%;
}

#topNav1 { margin-left: 30px; }
#topNav2 { margin-left: 10px; }
#topNav3 { margin-left: 10px; }
#topNav4 { margin-left: 10px; }
#topNav5 { margin-left: 10px; }
#topNav6 { margin-left: 12px; }
#topNav20 { margin-left: 10px; }
#topNav7 { margin-left: 16px; }


#menuCloser {
position: absolute;
visibility: hidden;
left: -20px;
top: -40px;
z-index: 0;
}
#topNav .subNav {
position: absolute;
visibility: hidden;
top: 24px;
margin: 0 4px 0 0;
z-index: 100;
}
#topNav2Sub {left: 90px;}
#topNav3Sub {left: 180px;}
#topNav4Sub {left: 290px;}
#topNav5Sub {left: 380px;}
#topNav6Sub {left: 455px;}
#topNav20Sub {left: 555px;}
#topNav7Sub {left: 655px;}

#topNav .list {
position: absolute;
z-index: 200;
list-style: none;
margin: 0;
padding: 0;
font: 9px Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
border:1px solid #698182;
border-top-width:0px;
}

#topNav .list li {
background-color: #F4CC7C;
width: 150px;
line-height: 18px;
}

#topNav .list a {
display: block;
width: auto!important;
width: 100%;
padding: 2px 0px 0px 6px;
color: #000000;
text-decoration: none;
z-index: 100;
}
#topNav .list a:hover {
background-color: #660000;
color: #FFFFFF;
}

.footer {
background-image: url('/pics/footer_bg.gif');
background-position: 0px 20px;
background-repeat: no-repeat;
color: #FFFFFF;
padding-top: 25px;
font-size: 11px;
}


/***   Mandatory   ***/
.HPQuickPoll h2 {
    width: 262px;       /* header width  */
    padding-top: 43px;  /* header height */
    /* default background image is /pics/pics/quick_poll_header.png  */
}

.HPQuickPoll .bar-color {
    background-color: #10296B;   /* results bar color */
}