/*
 * wtt.css
 * Top-level style sheet for WriteToThem.com.
 *
 * Copyright (c) 2004 UK Citizens Online Democracy. All rights reserved.
 * Email: matthew@mysociety.org. WWW: http://www.mysociety.org

 *
 * $Id: wtt.css,v 1.61 2009-10-15 13:03:10 louise Exp $
 *
 */

body {
    color: #000000;
    background-color: #ffffff;
    font-family: Tahoma, Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1.4;
}

acronym {
    border-bottom: dotted 1px black;
    cursor: help;
}
address {
    display: inline;
}
h2,h3 {
    margin-top: 0;
}
h2,h3 {
    text-align: center;
}
h2 {
    font-size: 150%;
}
h3 {
    font-size: 120%;
}

blockquote {
    font-style: italic;
}

ol li {
    margin-bottom: 0.5em;
}

form {
    margin: 0;
}
label {
    font-weight: bold;
    cursor: pointer;
}

a:link { color: #0000cc; }
a:visited { color: #330066; }
a:active, a:hover { color: #ff0000; }

/* Generic classes */

.warning {
    color: #ff0000;
    background-color: #ffffff;
    text-align: center;
    font-weight: bold;
}
.repwarning {
    color: #cc0000;
    background-color: #ffffff;
}
.repwarning a {
    color: #990000;
    background-color: #ffffff;
}

#error {
    color: #ff0000;
    background-color: #ffffff;
}
.error {
    color: #ff0000;
    background-color: #ffcccc;
    padding: 2px;
}

/* Header/ body/ footer */

h1#heading {
    color: #000000;
    background-color: #ffe88c;
    border-bottom: solid 2px #a5a57c;
    font-size: 200%;
    padding: 0.4em 1em;
    text-align: left;
    margin: 0 auto;
}
h1#heading a, h1#heading a:link, h1#heading a:visited {
    color: #373f23;
    text-decoration: none;
}
h1#heading a:hover {
    text-decoration: underline;
}

#betatest {
    font-size: 25%;
    vertical-align: top;
}
#homelink {
    font-size: 25%;
}

h1 #homelink a:link, h1 #homelink a:visited, h1 #homelink a:hover, h1 #homelink a {
    color: #0000cc;
    text-decoration: underline;
}

#logo {
    float: right;
    margin-left: 10px;
    padding: 7px 5px 5px;
    border: none;
}

#content {
    margin: 0 auto;
    width: expression(document.body.clientWidth > (904/12) * parseInt(document.body.currentStyle.fontSize)?"55em":"auto");
    max-width: 55em;
    padding: 10px;
}

#footer {
    padding: 3px;
    border-top: solid 1px #527b10;
    font-size: 90%;
    text-align: center;
    width: 75%;
    margin: 1em auto 0;
    clear: both;
}

/* Site breadcrumbs */

ol#breadcrumbs {
    font-size: 80%;
    display: block;
    padding: 0;
    margin-bottom: 1em;
    margin-top: 1em;
    margin-left: 0;
    margin-right: 0;
    text-align: center;
    border-bottom: 1px solid #eee;
    counter-reset: item;
}

ol#breadcrumbs li {
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 1em;
    padding-right: 1em;
    color: #888;
    display: inline;
}
ol#breadcrumbs li:before {
    counter-increment: item;
    content: counter(item) ". ";
}
ol#breadcrumbs li.hilight {
    color: #000;
    background-color: #eee;
}
ol#breadcrumbs li.hilight em {
    font-style: normal;
}

/* Boxes */

#postcodebox, #writebox, #preview, #buttonbox {
    background-color: #d0bf69;
    color: #000000;
}

#postcodebox {
    _width: 27em;
    display: table;
    margin: 1em auto 1em;
    text-align: center;
    border: solid 2px #9c8f4f;
    padding: 8px;
}
#writebox {
    _width: 1px;
    display: table;
    margin: 0 auto;
    border: solid 2px #314208;
    padding: 8px;
}

#writebox ul {
    margin: 0;
    padding: 0;
    margin-bottom: 20px;
}

#writebox li {
    list-style-type: none;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}

#writebox span {
    margin-bottom: 20px;
    display: block;
}

#writebox p.action
{
    font-weight: bold;
}

#writebox p.action input
{
    margin-top: 5px;
    float: right;
    text-align: left;
}

ul#tips li {
    margin-bottom: 0.25em;
}

/* Preview page */

#preview {
    width: 33em;
    margin: 0 auto 1em;
    border: solid 2px #314208;
    padding: 10px;
}
#preview_to {
    float: left;
}
#preview_from {
    float: right;
    text-align: right;
    margin-top: 1em;
}
#preview p {
    clear: both;
    margin-top: 1em;
}

#buttonbox {
    text-align: center;
    width: 33em;
    margin: 0 auto;
    border: solid 2px #314208;
    padding: 8px;
}

/* List of reps page */

.maincol h3, .firstcol h3, #zeitgeist p.n {
    margin-bottom: 0;
}
.maincol h3.houseoflords, .firstcol h3.houseoflords {
    margin-bottom: 0.6em;
    margin-top: 2em;
}
.maincol p, .firstcol p {
    margin-top: 0;
}
#repstable {
    border: solid 2px #9c8f4f;
    border-width: 2px 0;
    border: none;
}
.firstcol {
    border-left: solid 1px #9c8f4f;
    border-left: none;
}
.maincol {
    border-left: solid 1px #9c8f4f;
}

#repstable ul#photo {
    list-style-type: none;
    margin-left: 0;
    padding-left: 0.5em;
}
#repstable img {
    margin-right: 5px;
}
#repstable p#twfy {
    clear: left;
    font-size: 80%;
}
#repstable ul {
    margin-left: 0;
    padding-left: 1.5em;
}

.notebox {
    padding: 5px;
    border: solid 1px #9c8f4f;
    background-color: #d0bf69;
    margin: 0 0 1em 10px;
}

/* Sidebar is on all the about pages */

#sidebar {
    float: right;
    width: 14em;
    padding: 5px;
    border: solid 1px #9c8f4f;
    background-color: #d0bf69;
    margin: 0 0 1em 10px;
}
#sidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#sidebar ul li {
    margin: 0 0 0.5em 0;
    padding: 0;
}
#sidebar ul ul {
    list-style-type: disc;
    margin: 0;
    padding: 0 0 0 1.5em;
}
#sidebar ul ul li {
    margin: 0;
    padding: 0;
}

/* Used for q&a page */

dt {
    font-weight: bold;
}

p.toplink {
    font-size: 80%;
    text-align: right;
}

/* Elsewhere page */

h4:target {
    background-color: #ffe88c;
    padding: 0.5em;
}

/* Confirm page stuff - #advert is just for correction thanks page at present */

#advert_thin {
    width: 50%;
    margin: 0 auto;
}
#advert_thin a {
    font-weight: bold;
}

#advert {
    padding: 1em;
    font-size: 200%;
}

#confirm_message {
    text-align: center;
    font-size:115%;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
    border-bottom: dotted 1px #999999;
}

/* Link to us page */

pre.sourcecode {
    clear: both;
    border: solid 1px #006666;
    padding: 1px;
}

/* PledgeBank advert */
#pledges h2 {
    font-size: 120%;
    border-bottom: solid 1px #c06db3;
    margin: 0;
}
#pledges ul {
    font-size: 89%;
    padding: 0;
    margin: 0 0 0 1.5em;
}
#pledges {
    margin-left: 30%;
    margin-right: 30%;
    border: solid 1px #c06db3;
    background-color: #d9ecff;
    padding: 5px;
    margin-bottom: 1em;
}

/* Box with notes for writing letters on cobranded site */
#cobrand_letter_help h2 {
    clear: both;
}
#cobrand_letter_help p {
    margin-left: 1em;
}

/* Zeitgeist/ stats */

#zeitgeist h3 {
    margin-top: 2em;
}

table.zeitgeist {
    margin: 0 auto;
    border-collapse: collapse;
    border: solid 1px #a5a57c;
    border-width: 1px 0 1px 1px;
}
/*table.zeitgeist tr:hover {
    background-color: #ffe88c;
}*/
table.zeitgeist th, table.zeitgeist td {
    margin: 0; padding: 2px 5px;
    border-right: solid 1px #a5a57c;
}
table.zeitgeist .break {
    border-top: solid 2px #000000;
}
table.zeitgeist .a, table.zeitgeist th {
    background-color: #ffffcc;
}
table.zeitgeist td.c {
    text-align: center;
}
table.zeitgeist th .nostrong {
    font-weight: normal;
}
#year_nav {
   text-align: center;
   font-size: 90%;
   margin-top: -0.3em;
}
#zeitgeist_nav {
   background-color: #ffffac;
   padding: 5px;
   text-align: center;
}
#zeitgeist_cols .left {
    padding-right: 1em;
}
#zeitgeist_cols td.right {
    padding-left: 1em;
}

/* Contact Us form */

#sendmess {
    float: left;
    margin: 0px 1em 0px 0px;
}

#sendmess label,
#sendmess .intro-text {
    text-align: right;
    vertical-align: top;
    display: block;
    width: 15em;
    float: left;
    margin-right: 0.25em;
    font-weight: normal;
}

#sendmess label.inline-label {
    float: none;
    display: inline;
}

#sendmess .intro-text {
    height: 3em;
}

#sendmess .wrong-contact {
    width: 35em;
}

#sendmess p.alert {color: #B1181C}
p.alertsuccess {
  color: #527B10;
  font-size: 120%;
  text-align: center;
}

/* For surveys */

#survey h1 { font-size: 2em; }

#survey table { border-collapse:collapse;
        table-layout:auto;

 }

#survey td {    border-bottom: solid 2px;
        border-color: #C0C0C0;
        padding: 10px;
       }


#survey td.us_label { vertical-align: top;
              }

#survey td.us_formelement { vertical-align: middle;
                    text-align: left; }

#survey div.us_label {max-width:25em;}

#survey col#col_label { max-width:20em;
                width:33%}

#survey select {  width:25em;}
#survey select#id_age {  width:5em;}

#survey div#disclaimer { max-width:45em;}