/* watchdog.net */


/* core styles */
html {background:url(images/bkg.png); background-color: #002233; }
body {margin:0; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; }
a {color:#EE4400; text-decoration:none;}
a:hover {text-decoration:underline;}
a.sidebarlink  {text-decoration:none; font-weight: bold; }
a.sidebarlink:hover  {text-decoration:underline; }

#container {width:782px; margin:0 auto; padding-top: 10px;}
#container-leaf {width:100%; margin:0 auto; padding-top: 0px;}

#logo {font-size:24px; font-family:"Georgia"; float: right; margin-top: 23px; margin-right: 20px; height: 115px; }
#logo a {color:#FFFFFF; text-decoration:none; text-transform:uppercase;}

#intro {font-size:24px; font-family:"Georgia" sans-serif; line-height: 29px; color: #fff; padding-top: 35px; padding-left: 15px; }
#intro-leaf {font-size:24px; font-family:"Georgia" sans-serif; line-height: 29px; color: #fff; padding-left: 15px; }

#header { background:url(images/main_bkg.png) center -74px no-repeat; height: 70px; }
#header-leaf {  }

#main {margin:0px 0px 0px 0px; float:left; background-color:#FFFFFF; min-height:550px; display:inline; clear: both; width: 100%;}

#text {margin: 50px 280px 0 40px;}
#text ul {padding:0; margin:10px 0 10px 40px;}
#text li {list-style:none; padding-left:15px; background:url(images/li.gif) no-repeat 0px 6px;}
h1 {margin:20px 0 20px 0; font-weight: normal; color:#EE4400; font-family:"Georgia"; font-size:26px; }
#text p {margin:10px 0;}

#footer {padding:0 10px; height:169px; clear:both; background:url(images/footer_bkg.png) center top no-repeat; }
#footer-leaf {padding:0 10px; height:169px; clear:both; margin-top: -0px;}
#menu_footer { padding:5px 5px 5px 15px; margin-top: 60px; margin-bottom: 40px; }
#left_footer {float:left; padding:10px 0 0 10px; color:#FFFFFF; font-size:12px;}
#left_footer a {color:#fff399;}
#right_footer {float:right; padding:10px 10px 0 0; color:#FFFFFF; font-size:12px;}
#right_footer a {color:#fff399;}

img { border:none }



/* sidebar */
#sidebar {float:right; padding:20px 20px 0 20px; width:180px; border: 1px solid #ccc; background-color: #ebebeb; margin-right: 20px; }
#sidebar h2 {font-family:"Georgia"; margin:0 0 10px 0; font-size:18px; font-weight:normal; color: #002233 }
#sidebar ul {margin:0; padding:0;}
#sidebar li.top {list-style:none; border-bottom:1px solid #83b3d0; border-top:1px solid #83b3d0;  padding:6px 6px; line-height: 14px; }
#sidebar li {list-style:none; border-bottom:1px solid #83b3d0; padding:6px 6px; line-height: 14px; }
#sidebar li:hover {background-color:#f3f3f3; }



/* form elements */
textarea { background-color: #d9eefa; border: 1px solid #83b3d0; color: #999; font-size:14px; font-family:"Georgia"; padding: 5px 6px 5px 6px; margin: 10px 4px 0px 0px; }
textarea:focus { background-color: #f0faff; border: 1px solid #83b3d0; color: #EE4400; }
input { background-color: #d9eefa; border: 1px solid #83b3d0; color: #999; font-size:14px; font-family:"Georgia"; padding: 5px 6px 5px 6px; margin-right: 4px; }
input:focus { color: #EE4400; background-color: #f0faff;  }
input.personalize { background-color: #002233; border: 1px solid #0f5b89; color: #FFF399; font-size:14px; font-family:"Georgia"; padding: 5px 6px 5px 6px; margin-right: 4px; width: 152px; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; }
input.personalize:focus { background-color: #0f5b89; border: 1px solid #EE4400;  }
input.white { background-color: #fff; border: 1px solid #0f5b89; color: #EE4400; font-size:14px; font-family:"Georgia"; padding: 5px 6px 5px 6px; margin-right: 4px; }
input.white:focus { background-color: #fff; border: 1px solid #EE4400;  }
input.password { background-color: #fff; border: 1px solid #50aa50; color: #EE4400; font-size:14px; font-family:"Georgia"; padding: 5px 6px 5px 6px; margin-right: 4px;  width: 90%; }
input.password:focus { background-color: #fff; border: 1px solid #50aa50;  }
input.highlight { background-color: #FFF399; border: 1px solid #EE4400; color: #EE4400; font-size:14px; font-family:"Georgia"; padding: 5px 6px 5px 6px; margin-right: 4px;  }
input.highlight:focus { background-color: #fdf6c5; border: 1px solid #EE4400;  }

button {border: 1px solid #0f5b89; background-color: #0f5b89; color: #fff; font-size:14px; font-family:"Georgia"; padding: 3px 6px 3px 6px; margin-right: 4px;}
button:hover {border: 1px solid #EE4400; background-color: #EE4400; color: #fff; font-size:14px; font-family:"Georgia"; padding: 3px 6px 3px 6px; margin-right: 4px;}
button.personalize {border: 1px solid #0f5b89; background-color: #0f5b89; color: #fff; font-size:14px; font-family:"Georgia"; padding: 3px 2px 3px 2px; margin-right: 0px;}
button.personalize:hover {border: 1px solid #D8D600; background-color: #FFF399; color: #EE4400; font-size:14px; font-family:"Georgia"; padding: 3px 2px 3px 2px;}
button.alert {border: 1px solid #50aa50; background-color: #50aa50; color: #fff; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; margin-right: 1px;}
button.alert:hover {border: 1px solid #EE4400; background-color: #EE4400; color: #fff; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px;}

.frontbox {
	background:transparent url(images/box/blue.bkg.png) center 0px repeat; 
    text-align: center;
}

.frontbox-top { background:#fff url(images/box/blue.top.png) center 0px repeat-x; }
.frontbox-bottom { background:#fff url(images/box/blue.bottom.png) center 0px repeat-x; }
.frontbox-left { background:#fff url(images/box/left.line.png) right 0px repeat-y; }
.frontbox-right { background:transparent url(images/box/right.line.png) right 0px repeat-y; }
.frontbox-white { background-color: #fff; }

.liquidbox {
    padding: .05em 20px;
	background-color: #e6f2f9;
	border-left: 1px solid #99c7e4;
	border-right: 1px solid #99c7e4;
	background:transparent url(images/gradient.middle.gif) center 0px no-repeat; 
}

.frontbox h1 {margin:0px 0 0 0; font-weight: normal; color:#EE4400; font-family:"Georgia"; font-size:22px; }


/* links */
a.yellow {background-color: #FFF399; border: 1px solid #EE4400; color: #EE4400; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; margin-right: 4px;}
a.yellow:hover {background-color: #EE4400; border: 1px solid #EE4400; color: #FFF399; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; margin-right: 4px;}
a.highlight {background-color: #EE4400; border: 1px solid #fff; color: #fff; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; margin-right: 4px;}
a.highlight:hover {background-color: #d9eefa; border: 1px solid #83b3d0; color: #EE4400; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; margin-right: 4px;}
a.select {background-color: #eee; color: #EE4400; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; border-bottom: 4px solid #ccc; border-top: 1px solid #ccc; margin-right: 1px; }
a.watchdog {border: 1px solid #0f5b89; background-color: #0f5b89; color: #fff; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; margin-right: 4px;}
a.watchdog:hover {border: 1px solid #002233; background-color: #002233; color: #fff; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; margin-right: 4px;}
a.footer {border: 1px solid #EE4400; background-color: #EE4400; color: #fff; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; margin-right: 1px;}
a.footer:hover {border: 1px solid #D8D600; background-color: #FFF399; color: #EE4400; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px;}
a.action {background-color: #d9eefa; border: 1px solid #83b3d0; color: #EE4400; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; margin-right: 4px; }
a.action:hover {background-color: #d9eefa; border: 1px solid #83b3d0; color: #EE4400; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; margin-right: 4px;}
a.task {border: 1px solid #50aa50; background-color: #50aa50; color: #fff; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; margin-right: 1px;}
a.task:hover {border: 1px solid #50aa50; background-color: #50aa50; color: #fff; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px;}




td.formlabel { font-weight: bold; text-align: right; vertical-align: top; padding-top: 6px;}
td.formfield { vertical-align: top; padding-top: 6px;}
td.formurl {  }

table.signs { margin-top: 20px; width: 100%; }
table.signs td { border-bottom: 1px solid #ccc; padding-top: 4px; padding-bottom: 4px; }
table.signs td.count { font-weight: bold }



/* alerts */
.postit {border: 4px solid #fff; background-color: #FFF399; padding: 1em; margin-right: auto; margin-top: 20px; line-height: 16px; margin-bottom: 30px; }
.signatories { text-align: center; border: 1px solid #ccc; padding: 1em; font-size: larger; width: 20em; background-color: #eee; margin-top: 80px;  }
#personalize { margin-right: auto; line-height: 16px; font-size: 9px; position: absolute; right: 35px; top: 10px; white-space: nowrap; }
.slickform {border: 1px solid #D8D600; background-color: #FFF399; padding: 1em; margin-right: auto; margin-top: 20px; line-height: 16px; }
.blurb { font-size: 11px; line-height: 13px; padding-top: 3px; }

.attribution { font-size: 11px; padding-bottom: 3px; padding-top: 10px; color: #999;  }
a.attributelink  { color: #0f5b89 }

.emphasis { color:#EE4400; font-weight: bold; }
.wrong { color:#EE4400; font-weight: bold; }
.msg { background:#fff; padding: 10px;  color: #50aa50; }
.petition { border-top: 1px solid #ccc; padding: 10px;}
.sources { background-color: #eee; color: #555; padding: 1em; font-size: smaller; margin-top: 2em; clear: both;}
.answer { margin-left: 1.5em;}

.strapline { border-bottom: 1px solid #ccc; margin-top: -12px; margin-bottom: 44px;  }
.subhead-blue {margin:0 0 0px 0; font-size:18px; font-weight:bold; color: #6ea9cf; }



/* rep and district pages */
td { vertical-align: top;}
th { text-align: left;}
table.structure, table.structure td, table.structure tr { margin: 0; padding-left: 0; border-collapse: collapse; border-spacing: 0;}
.structure td { padding-right: 2em;}
tr.odd {background-color: #eee;}
tr.even { }

table.interest_group_ratings td { text-align: right; }
th, td { padding-left: 0.5em; vertical-align: top; } /* space out the columns a bit */
table.interest_group_support td, th { text-align: left; }

.explain { color: #999; margin-top: -.5em; font-size: smaller;}
.explain a { color: #777; text-decoration: underline; }

.chartlist { width: 30em; padding-left: 0; margin-left: 0;}
.chartlist li { display: block; position: relative; line-height: 1.6; border-bottom: .1em solid white; }
.chartlist li a { position: relative; padding: 0.25em 4.5em 0.25em 9px; min-width: 4.5em; z-index: 2;}
.chartlist .count { color: #888; position: absolute; display: block; top: 0; right: 0; text-align: right; padding-right: .5em; z-index: 2;}
.chartlist .index { display: block; position: absolute; left: 0; top: 0; bottom: 0; background: #cff; text-indent: 9999px; overflow: hidden; min-width: 1px; }

.infoblock { float: left; padding-top: 0; margin-top: 0; margin-right: 3em;}
.charted th { text-align: left; padding-right: 2em;}
.charted td { text-align: right; }
.charted th[colspan='2'] { font-weight: normal; font-style: italic; text-align: center; color: #666; }
table.charted img { border: 0;}

.strapline { text-align: right; font-style: italic;}
.sparkline { height: 1em; }
.sidemap  { width: 220px; height: 420px; margin-top: 0; margin-left: -20px; }
#sidebarmap {float:right; padding:20px 20px 0 20px; padding-top: 0; width:180px; border: 1px solid #ccc; background-color: #99b3cc; margin-right: 20px; overflow: hidden;}
.headshot, .smallheadshot { padding-right: 1em; border: 0;}
.headshot { width: 10em; float: right;}
.smallheadshot { width: 5em; margin-top: 1em; float: left;}
.pretitle { margin-top: 2em;}

.minimapbox { float: left; text-align: center; width: 300px; }
.minimap { width: 200px; height: 200px; margin: auto;}
.bigmap { width: 50%; height: 300px; margin-bottom: 2em; float: right; }

.support, .oppose { padding: .2em;}
td.support, td.oppose { padding-left: .5em; } /* for compatibility with everything else */
.support { background-color: #afa;}
.oppose { background-color: #faa;}
.wrong, .error {color: red; }
.msg {display: block; background-color:#bfb; border:1px solid #ccc; margin: auto; margin-top:10px; width: 50%; text-align: center; color: #070; padding: 1em}



/* wyr */
.passbox { width: 15em; float: right; border: 1px solid #999; padding: 0 1em; text-align: center; background-color: #ccc; color: #444;}
.passbox * { color: #444;}
.editlink {float:right; }
.table.signs {border:0;}
.contacts-listing { width: 30em; height: 300px; overflow: auto; border: 1px solid #ddd;}
.contacts-listing li{ display: block; border-bottom: 0.1em solid #ddd; padding:2px 2px 2px 2px; }
.select-all {width: 28em; background-color:#ddd; display:block; padding-left:2em; margin-bottom:0px;}



/* about */
table.imgbox { clear: left; margin-bottom: 2em; }
table.imgbox td.left { text-align: center; width: 112px; }
table.imgbox td.left img { width: 112px;}
table.imgbox td.right { padding-left: 15px; vertical-align: top; padding-top: 1em;}

h2.rep { color: #094260; margin-bottom: 6px; }
h2.repred { color: #EE4400; margin-bottom: 6px; }

td.rule {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
