/* watchdog.net */


/* main links */

a {color:#0f5b89; text-decoration:underline;}
a:visited {color:#002233; text-decoration:underline; }
a:hover { color: #348cad; text-decoration:underline;  }
a.headline {color:#EE4400; text-decoration:none;}
a.headline:visited {color:#EE4400; }
a.headline:hover {color:#EE4400; text-decoration:underline; background-color: transparent;}
a.sidebarlink  {text-decoration:none; font-weight: bold; }
a.sidebarlink:hover  {text-decoration:underline; }
a.attributelink  { color: #0f5b89 }
a.attributelink:hover  {text-decoration:underline; background-color: transparent; }
a.secondary  { color: #EE4400 }
a.secondary:hover  {color: #900; text-decoration:underline; background-color: transparent; }
a.secondary:visited  {color: #EE4400; text-decoration:underline; background-color: transparent; }
a.external  { color: #638f45 }
a.external:hover  {color: #355321; text-decoration:underline; background-color: transparent; }
a.logo:hover { background-color: transparent; }
a.more {color:#EE4400; font-style:italic; text-decoration:underline; }
a.more:visited {color:#EE4400; font-style:italic; text-decoration:underline; }
a.more:hover {color:#EE4400;  font-style:italic; text-decoration:underline; }

/* core styles */
html {background:url(/images/bkg.png); background-color: #002233; background-position: top center;}
body {margin:0; font-size:12px; line-height:20px; font-family:Arial, Helvetica, sans-serif; }

#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: 10px; 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; }
#topnav { float: right; height: 64px; margin-top:35px; padding-right: 32px; }
#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:transparent; 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:0 0 20px 0; font-weight: normal; color:#EE4400; font-family:"Georgia"; font-size:26px; line-height: 30px; }
.fakeh1 {margin:0 0 6px 0; font-weight: normal; color:#EE4400; font-family:"Georgia"; font-size:26px; line-height: 30px; }
#text p {margin:10px 0;}

#footer {padding:30px 10px 0px 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;}
#left_footer_base {float:left; padding:10px 0 0 10px; font-size:12px;}
#left_footer_base a { font-weight: normal; }
#right_footer {float:right; padding:10px 10px 0 0; color:#FFFFFF; font-size:12px;}
#right_footer a {color:#fff399;}

img { border:none }

.infochart { text-align: left; padding-right: 15px; padding-left: 15px; width: 33.3% }
.blog-entry-white { text-align: left;  background-color: #fff; }
.blog-entry { text-align: left;  }


/* sidebar */
#sidebar {float:right; padding:20px; width:248px; border: 1px solid #ccc; background-color: #ebebeb; margin-right: 20px; margin-left: 30px; margin-top: -28px; }
#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: #fff; border: 1px solid #0f5b89; color: #444; font-size:14px; font-family:"Georgia"; padding: 5px 6px 5px 6px; margin: 10px 4px 0px 0px; }
textarea:focus { background-color: #f0faff; border: 1px solid #EE4400; color: #000; }
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: #000; 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: #999; font-size:14px; font-family:"Georgia"; padding: 5px 6px 5px 6px; margin-right: 4px; }
input.white:focus { background-color: #fff; border: 1px solid #EE4400; color: #000; }
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;  }


/* fieldsets */
fieldset { width: 535px; border: 1px solid #ccc; background: #F5F5FD; padding: 0 2em 2em 2em; margin: 0 0 2em 0; }
legend { font-weight: bold; font-size: 1.2em; padding: 0 0.5em; color:#EE4400; }
fieldset label { display: block; font-size: 0.95em; margin: 0.5em 0 0 0; color: #023; }
fieldset input { padding: 0.3em; font-weight: bold; font-size: 1.1em; max-width: 500px; margin: 0; color: #023; }
fieldset textarea { font-size: 1.1em; width: 505px; padding: 0.2em; margin: 0}
fieldset th { vertical-align: middle; }
fieldset { vertical-align: middle; }
fieldset .wrong { margin-left: 4px; }


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;}
button.action {background-color: #d9eefa; border: 1px solid #83b3d0; color: #EE4400; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; margin-right: 4px;  text-decoration: none;}
button.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; text-decoration: none;}
button.red {border: 1px solid #EE4400; background-color: #EE4400; color: #fff; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; margin-right: 1px; text-decoration: none;}
button.red:hover {border: 1px solid #D8D600; background-color: #FFF399; color: #EE4400; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; text-decoration: none;}

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

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

td.frontbox-white {
	background-color: #fff;
    text-align: left;
}


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

.frontbox-top-blue { background:transparent url(/images/box/blue.top.png) center 0px repeat-x; padding-left: 0px;  }
.frontbox-bottom-blue { background:transparent url(/images/box/blue.bottom.png) center 0px repeat-x; padding-left: 0px;  }
.frontbox-left-blue { background:transparent url(/images/box/left.line.png) left 0px repeat-y; width: 28px; padding-left: 0px;  }
.frontbox-blue { background-color:transparent; padding-left: 0px;  }
.frontbox-blue-top-left { background:transparent url(/images/box/left.top.curve.blue.png) left 0px repeat-x; width: 28px; height: 28px; padding-left: 0px;  }
.frontbox-blue-bottom-left { background:transparent url(/images/box/left.bottom.curve.blue.png) left 0px repeat-x; width: 28px; height: 28px; padding-left: 0px;  }

.frontbox-top-white { background:transparent url(/images/box/white.top.png) center 0px repeat-x; padding-left: 0px;  }
.frontbox-bottom-white { background:transparent url(/images/box/white.bottom.png) center 0px repeat-x; padding-left: 0px;  }
.frontbox-left-white { background:transparent url(/images/box/white.left.line.png) left 0px repeat-y; width: 28px; padding-left: 0px;  }
.frontbox-right-white { background:transparent url(/images/box/white.right.line.png) right 0px repeat-y; padding-left: 0px;  }
.frontbox-white { background-color:transparent; padding-left: 0px;  }
.frontbox-white-top-left { background:transparent url(/images/box/left.top.curve.white.png) left 0px repeat-x; width: 28px; height: 28px; padding-left: 0px;  }
.frontbox-white-bottom-left { background:transparent url(/images/box/left.bottom.curve.white.png) left 0px repeat-x; width: 28px; height: 28px; padding-left: 0px;  }

.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; text-decoration: none;}
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; text-decoration: none;}
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; text-decoration: none;}
a.actionhighlight { background-color: #0f5b89;}
a.highlight:hover {background-color: #fff; border: 1px solid #83b3d0; color: #EE4400; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; margin-right: 4px; text-decoration: none;}
a.select {background-color: #eee; color: #EE4400; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; border-bottom: 5px solid #ccc; border-top: 1px solid #ccc; margin-right: 1px;  text-decoration: none;}
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; text-decoration: none;}
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; text-decoration: none;}
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; text-decoration: none;}
a.footer:hover {border: 1px solid #D8D600; background-color: #FFF399; color: #EE4400; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; text-decoration: none;}
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;  text-decoration: none;}
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; text-decoration: none;}
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; text-decoration: none;}
a.task:hover {border: 1px solid #50aa50; background-color: #50aa50; color: #fff; font-size:14px; font-family:"Georgia"; padding: 4px 6px 4px 6px; text-decoration: none;}




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; }
.postit2 {border: 1px solid #ccc; background-color: #FFF399; padding: 1em; margin-right: auto; margin-top: 20px; line-height: 16px; margin-bottom: 30px; }
.postit-top {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;  }

.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;}
.disclaimer { color: #666; font-size: 10px; text-align: right; line-height: 14px }
.answer { margin-left: 1.5em;}

.strapline { border-bottom: 1px solid #6dbde4; margin-top: -12px; margin-bottom: 30px; }
.subhead-blue {margin:10px 0 10px 0; font-size:16px; font-weight:bold; color: #0f5b89; }
.subhead-ltblue {margin:0 0 0px 0; font-size:18px; font-weight:bold; color: #6ea9cf; }



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

table.interest_group_ratings { margin: 0; padding-left: 0; border-collapse: collapse; border-spacing: 0; }
table.interest_group_ratings td { text-align: right;  }
table.interest_group_support td, th { text-align: left; }
.more_interest_groups { text-align: left; padding-right: 2em; padding-left: 20px; font-weight: normal; font-style: italic; color: #666;  }


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

.chartlist {  padding-left: 40px; padding-right: 40px; margin-left: 0;}
.chartlist li { position: relative; line-height: 1.6;  border-bottom: 1px solid #ccc; color: #999; }
.chartlist li a { position: relative; padding: 0em 0em 0em 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: #eee;  min-width: 1px; }
.chartlist .index:hover { display: block; position: absolute; left: 0; top: 0; bottom: 0; background: #cff; min-width: 1px; }

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

.strapline { text-align: right; font-style: italic;}
.sparkline { height: 1em; }
td.sparkline { padding-right: 3px; width: 35px; }
td.sparkdata { padding-right: 3px; }
td.sparknum { color: #EE4400; text-align: left; }
.sidemap  { width: 248px; height: 420px; margin-top: 0; margin-left: -20px; }
#sidebarmap {float:right; padding:20px 20px 0 20px; padding-top: 0; border: 1px solid #ccc; background-color: #99b3cc; margin-right: 20px; overflow: hidden;}
.headshot, .smallheadshot { padding-right: 1em; border: 0;}
.headshot { width: 10em; float: left; }
.smallheadshot { width: 5em; margin-top: 0em; float: left; padding: 8px; border: 1px solid #666; }
.pretitle { margin-top: 0em;}

.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 { text-align: center; padding-right: 0px; padding-left: 0px; }
td.support, td.oppose { text-align: center; padding-right: 0px; padding-left: 0px;  } /* for compatibility with everything else */
.support { background-color: #afa;; color: #297529; font-weight: bold; text-align: center;  padding-right: 0px; padding-left: 0px; border-bottom: 1px solid #fff; }
.oppose { background-color: #fab79d; color: #942525; font-weight: bold; text-align: center;  padding-right: 0px; padding-left: 0px; border-bottom: 1px solid #fff; }
.present { background-color: #eee; color: #999; font-weight: bold; text-align: center;  padding-right: 0px; padding-left: 0px; border-bottom: 1px solid #fff; }
.error { border: 3px solid #EE4400; padding: 2px 5px; background-color: #EE4400; color: white; }
.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;}

#upperbar { background-color: #d9eefa; padding: 0.8em 1.5em; position: relative; border-top: 1px solid #ccc; margin-top: 15px; }
#upperbar h2 { display: inline; font-size: 1.2em;}
#upperbar #uppermenu { color: #a8dcfa; position: absolute; top: 0.8em; right: 1.5em;}
#upperbar #uppermenu a { margin: 0 0.2em; }

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

#sharepetition #emails { height: 50px; }
#sharepetition #subject { width: 100%; }
#loadcontacts button { margin-top: 0.5em; }
#loadcontacts p { margin: 0 0 0.5em 0; }
#loadcontacts #email { margin-bottom: 0.5em;}
#loadcontacts #provider span { display: block; }

.login th, .signup th { font-weight: normal; }
.login fieldset, .signup fieldset { width: 250px; }
.login input, .signup input { width: 250px; }
.signup { padding-left: 2em; border-left: 1px solid #ccc; }
.login { padding-right: 2em; }

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

th, td { vertical-align: top; }
