@import url("/apps/js/polls/polls-pack.css");
body {
margin: 0;
color: #FFFFFF;
font: 9pt "Arial", Times, serif;
background-image:url(/pics/bg.gif);
background-position:top;
background-repeat:repeat-x;
background-color:#003366;
}
.HPDirectory {
padding: 5px 5px 5px 5px;
font: 9pt "Arial", Times, serif;
color: #193D6A;
width:239px;
background-image:url(/pics/directory_bg.gif);
background-repeat:repeat-y;
}
.HPMemoirs {
padding: 5px 5px 5px 5px;
font: 9pt "Arial", Times, serif;
color: #000000;
width:355px;
}
.HPNews {
padding: 5px 5px 5px 5px;
font: 9pt "Arial", Times, serif;
color: #ffffff;
width:425px;
}
.HPBBMessages {
padding: 5px 5px 5px 5px;
font: 9pt "Arial", Times, serif;
color: #ffffff;
width:425px;
}
.HPEvents {
padding: 5px 5px 5px 5px;
font: 9pt "Arial", Times, serif;
color: #193D6A;
width:239px;
background-image:url(/pics/events_bg.gif);
background-repeat:repeat-y;
}
.HPLinks {
padding: 5px 5px 5px 5px;
font: 9pt "Arial", Times, serif;
color: #193D6A;
width:236px;
background-image:url(/pics/links_bg.gif);
background-repeat:repeat-y;
}
#r {
padding-right:10px;
}
#l {
padding-left:10px;
}
.HPNews a, .HPNews a:link, .HPNews a:visited, .HPBBMessages a, .HPBBMessages a:link, .HPBBMessages a:visited {
color: #FFE400;
}
.HPNews a:hover, .HPNews a:active, .HPBBMessages a:hover, .HPBBMessages a:active {
color: #ffffff;
}
.HPMemoirs a, .HPMemoirs a:link, .HPMemoirs a:visited {
color: #000000;
}
.HPMemoirs a:hover, .HPMemoirs a:active {
color: #A1BBE4;
}
.HPLinks a, .HPLinks a:link, .HPLinks a:visited {
color: #193D6A;
}
.HPLinks a:hover, .HPLinks a:active {
color: #9A230C;
}
.HPEvents a, .HPEvents a:link, .HPEvents a:visited {
color: #193D6A;
}
.HPEvents a:hover, .HPEvents a:active {
color: #9A230C;
}
.HPDirectory a, .HPDirectory a:link, .HPDirectory a:visited {
color: #193D6A;
}
.HPDirectory a:hover, .HPDirectory a:active {
color: #9A230C;
}
.neutral, table {
font: 9pt "Arial", Times, serif;
color: #000000;
}
.neutral a, .neutral a:link, .neutral a:visited {
color: #000000;
}
.neutral a:hover, .neutral a:active {
color: #98210C;
}
.contentIndex {
padding: 0px 0px 0px 0px;
font: 9pt "Arial", Times, serif;
color: #FFFFFF;
background: #FFFFFF;
}
.content {
padding: 10px 10px 40px 10px;
height: 300px;
font: 9pt "Arial", Times, serif;
color: #000000;
background: #ffffff;
}
a, a:link, a:visited {
font-weight: bold;
color: #000000;
}
a:hover, a:active {
font-weight: bold;
color: #DFA200;
}
/*
.light {
font: 9pt "Arial", Times, serif;
color: #000000;
background: #EFD786;
}
.light a, .light a:link, .light a:visited { color: #000; text-decoration:none }
.light a:hover, .light a:active { color: #AF1900; text-decoration:underline }

.dark {
font: 9pt "Arial", Times, serif;
color: #ffffff;
background: #98210C;
}
.dark a, .dark a:link, .dark a:visited { color: #ffffff; }
.dark a:hover, .dark a:active { color: #ffffff; }

*/

.pageTitle {
display: block;
width: auto!important;
width: 100%;
height:30px;
* height: 45px;
padding: 15px 0px 0px 10px;
margin-bottom: 10px;
font: bold 11pt "Arial", Times, serif;
color: #FFFFFF;
background-image:url(/pics/pagetitle.gif);
background-position:left;
background-repeat:no-repeat;
text-transform:capitalize;
font-weight:bold;
}
.bottomNav, .bottomNav a:link, .bottomNav a:visited {
font: 9pt "Arial", Times, serif;
color: #fff;
text-decoration: none;
}
.bottomNav a:hover, .bottomNav a:active {
text-decoration: underline;
}
.bgTopBar {
height: 2px;
background: url(/pics/bgTopBar.gif) repeat-x;
}
#topNav {
position: relative;
height: 21px;
background-color:#FFFFFF;
}
#topNavButtons {
position: absolute;
z-index: 95;
top: 0;
left: 0;
width: 900px;
}
#menuCloser {
position: absolute;
visibility: hidden;
left: 20px;
top: -50px;
z-index: 0;
}
#topNav .subNav {
position: absolute;
visibility: hidden;
top: 21px;
margin: 0 4px 0 0;
z-index: 100;
}
#topNav2Sub {
left: 95px;
}
#topNav3Sub {
left: 206px;
}
#topNav4Sub {
left: 332px;
}
#topNav5Sub {
left: 457px;
}
#topNav6Sub {
left: 582px;
}
#topNav7Sub {
left: 667px;
}
#topNav8Sub {
left: 720px;
}
#topNav .list {
position: absolute;
z-index: 200;
list-style: none;
margin: 0;
padding: 0;
font: 11px Arial, Tahoma, Verdana, Geneva, sans-serif;
}
#topNav .list li {
background-color: #FFD23C;
width: 180px;
line-height: 20px;
}
#topNav .list a {
display:block;
width: auto!important;
width: 100%;
padding: 2px 5px 0px 13px;
color: #193D6A;
font-weight:bold;
text-decoration: none;
z-index: 100;
}
#topNav .list a:hover {
/* background-image:url(/pics/sub_menu_bg_over.gif);
background-repeat:repeat;*/
background:#2e7ac2;
text-decoration:none;
color:#fff;
}
.heading18 {
font-size:18px;
font-weight:bold;
}
.heading16 {
font-size:16px;
font-weight:bold;
}
.heading14 {
font-size:14px;
font-weight:bold;
}
#rightNav {
font-size:12px;
background-color: #fff;
width:170px;
border:1px solid #2e7ac2;
margin-bottom:-2px!important;
margin-bottom:2px;
margin-left:10px;
padding-bottom: 10px;
}
#rightNav a:link, #rightNav a:visited, #rightNav a:active, #rightNav #noLink {
display:list-item;
color:#000000;
margin-left:23px;
padding:5px 2px 5px 5px;
}
#rightNav a:hover {
/* margin-left:0px;
padding-left:0px;*/
background-color:#BD5F41;
color:#FFD23C;
}
#rightNav .header {
background-color: #2e7ac2;
color:#FFFFFF;
margin-bottom:-6px;
padding-bottom:7px;
font-size:12px;
}
.content h3 {
font-size:16px;
font-weight:bold;
letter-spacing:1px;
}
.content ul li, .content ol li {
margin-bottom:5px;
list-style-image:url('/pic/ul_bullet.gif');
}
.content hr {
display: block;
width: 100%;
background: url('/pics/hr.gif') #BFBFBF;
color: #BFBFBF;
background-repeat: no-repeat;
height: 3px;
border:none;
}
.content tfoot {
font-size:10px;
font-style:italic;
}
/* Form styles */
div.form-container {
margin: 0;
padding: 5px;
background-color: #eee;
border: #ddd 1px solid;
}
div.form-container fieldset div, div.form-container table {
clear:both
}
div.form-container fieldset div div {
clear:none
}
p.legend {
margin-bottom: 1em;
}
p.legend em {
color: #C00;
font-style: normal;
}
div.errors {
margin: 0 0 10px 0;
padding: 5px 10px;
border: #FC6 1px solid;
background-color: #FFC;
width: 77%;
_width: 100%;
}
div.errors p {
margin: 0;
}
div.errors p em {
color: #C00;
font-style: normal;
font-weight: bold;
}
div.form-container form {
margin: 0;
padding: 0;
}
div.form-container form p {
margin: 0;
}
div.form-container form p.note {
font-size: 10px;
color: #333;
}
div.form-container form fieldset { /*background: #CADAF8;*/
margin: 10px 0;
padding: 10px;
_padding: 0 10px 10px 10px;
border: #BD5F41 1px solid;
}
div.form-container form legend {
font-weight: bold;
color: #2455A3;
}
div.form-container form fieldset div {
padding: 0.25em 0;
}
div.form-container label, div.form-container span.label { /*margin-right: 10px;*/
padding-right: 10px;
width: 290px;
_width: 210px;
display: block;
float: left;
text-align: right;
}
div.form-container label em, div.form-container span.label em {
position: absolute;
right: 0;
font-size: 12px;
font-style: normal;
color: #C00;
}
div.form-container input:focus, div.form-container textarea:focus {
background-color: #FFC;
border-color: #FC6;
}
div.form-container div.column {
float:left;
margin:0 3px 0 0;
_margin:0 1px 0 1px;
padding:0
}
div.form-container div.controlset label, div.form-container div.controlset input {
display: inline;
float: none;
}
/*div.form-container div.controlset div { margin-left: 170px; }*/
div.form-container div.buttonrow {
margin-left: 180px;
}
div.form-container #fieldset1 label, div.form-container #fieldset1 span.label {
width:185px;
_width:195px;
}
div.form-container #fieldset3a label, div.form-container #fieldset3a span.label {
width:450px;
}
div.form-container #fieldset3b label, div.form-container #fieldset3b span.label {
width:360px;
}
div.form-container #fieldset3c label, div.form-container #fieldset3c span.label {
width:410px;
}
div.form-container #fieldset4a label, div.form-container #fieldset4a span.label {
width:320px;
}
div.form-container #fieldset4b label, div.form-container #fieldset4b span.label {
width:215px;
}
div.form-container input, div.form-container select {
border: 1px solid #7f9db9;
}
/* ==================== FORM ==================== */
div.form-container div.column {
float:left;
margin:0 3px 0 0;
_margin:0 1px 0 1px;
padding:0;
}
div.form-container div.buttonrow {
margin-left: 180px;
margin-top:15px;
}
div.form-container .noBorder {
border-width: 0;
height: inherit;
height: auto;
}
div.form-container textarea {
overflow: auto;
border: 1px solid #7f9db9;
}
div#graph {
display: block;
width: 50px;
height: 218px;
background: url('/pics/bargraph.jpg') top left no-repeat;
background-position: 0 -66px; /* -22px for every bar */
}
div#graph ul {
margin: 0;
padding: 0;
list-style: none;
}
div#graph ul li {
font-family: Arial;
font-size: 11px;
color: #614500;
padding-top: 4px;
height: 18px;
*height: 22px;
display: block;
}
/*** Mandatory ***/
.HPQuickPoll h2 {
width: 239px; /* header width */
padding-top: 52px; /* header height */
background: url('/pics/quick_poll_header.gif') top left no-repeat;
}

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


/*** Optional ***/


/* the inside poll area for choices and results */
.HPQuickPoll .results, .HPQuickPoll .choices, .HPQuickPoll .results_only {
margin:0 auto;
width:70%;
}

.HPQuickPoll .question {
padding: 9px;
margin: 0;
}

/* use for a repeating inside background if necessary */
.HPQuickPoll .quickpoll {
	background-image:url(/pics/directory_bg.gif);
	background-repeat:repeat-y;
	padding-bottom: 5px;
	width: 239px;
}