body {margin:0px; font-family: sans-serif; font-size:0.8em; color:#2f2f2f}
img {border: none}
h1, h2, h3 {padding: 0; margin:0; font-size: 1.3em;}
a {color: #2f2f2f}
a:hover {text-decoration:none}
div,p {margin: 0; padding: 0}

/*** header ***/
#page-login {float:right; margin: 2px 5px 0 0;color:white}
#page-login a {color:white}
#page-lang {color:#909090}
#page-lang a {color:#909090}
#page-lang .current {font-weight:bold}
#header {background-image: url("/static/images/header-pattern.png"); background-repeat: repeat-x}
#wrapper {padding: 0 20px 0 20px;}

/*** right ***/
#left {float:left; width: 55%; margin: 0 30px}
#submenu {padding: 0px; margin: 0px; list-style: none;background: url("/static/images/line.png") no-repeat bottom right}
#submenu li {display: inline; margin-right:2em; color: #707070}
#submenu a {color:#707070; font-size:1.1em; font-variant:small-caps; font-weight:bold; text-decoration:none; }
#submenu a:hover {color: black;}

#content {margin-top:2em;}
#content h1 {font-size:1.4em}
#content h2 {font-size:1.2em}
#content p {margin:5px 20px; text-align: justify}

/*** right bar ***/
#right {float:right; width: 35%;}
#right .widget {border: 2px solid #F8E803; margin: 0 0 20px 0; background-color: #FFFEF2; }
#right .widget h1 {background-color: #F8E803; padding: 0 5px}
/* popup infos */
    div.fact {padding: 5px;}
    div.fact div.when {color: #666; font-size:80%}
    div.fact div.what {color:black; border-bottom:1px solid #F8E803; padding-bottom:2px; font-size:90%; min-height:16px}
    span.more-info {position:relative;}
    span.more-info:hover {position:relative;background-color:#f8b603 }
    span.more-info div {display:none}
    span.more-info:hover div {display: block; position:absolute; top: 1em; left: -10em; width: 15em; border: 2px solid #f8b603; background-color: #f8eed4 !important; color:#000;font-size: 80%;padding:0px !important; z-index:999}
    span.more-info div h2 {background-color:#f8b603 !important;}
    span.more-info ul {padding: 0px; margin: 0px; list-style: none;}

/*** footer ***/
#footer {clear:both;background-image: url("/static/images/footer-shadow.png"); background-repeat: repeat-x; background-position: 0% 0%; padding-top: 20px; color: #999}

#footer ul {padding: 0px; margin: 0px; list-style: none; text-align: center;}
#footer li {display: inline; margin: 0 10px 0 10px}
#footer a {color: #999}
#footer a:hover {color: #444}
#footer .current {font-weight:bold}

/*** special ***/
.user {padding-left: 18px; min-width: 16px; min-height: 16px; background: url(/static/icons/s-user.png) no-repeat 0 50%;color:#2f2f2f}
.leader {padding-left: 18px; min-width: 16px; min-height: 16px; background: url(/static/icons/s-leader.png) no-repeat 0 50%;color:#2f2f2f}
.politician {padding-left: 18px; min-width: 16px; min-height: 16px; background: url(/static/icons/s-candidate.png) no-repeat 0 50%;color:#2f2f2f}
.party {padding-left: 18px; min-width: 16px; min-height: 16px; background: url(/static/icons/s-party.png) no-repeat 0 50%;color:#2f2f2f}
.election {padding-left: 18px; min-width: 16px; min-height: 16px; background: url(/static/icons/s-election.png) no-repeat 0 50%;color:#2f2f2f}
.workgroup{padding-left: 18px; min-width: 16px; min-height: 16px; background: url(/static/icons/s-workgroup.png) no-repeat 0 50%;color:#2f2f2f}

.action {cursor: pointer; background-color: #ccc; text-decoration:none; color: white;margin: 0 5px;}
.action:hover {cursor: pointer; background-color: #999; text-decoration:underline; color: white;}

ul.actions {list-style: none;}
ul.actions li {display: inline; margin-right:2em;}
ul.actions li a {background-color: #ccc; text-decoration:none; color: white;}
/*** errors ***/
div.error {padding: 2px 2px 2px 60px; background: url(/static/icons/l-warning.png) no-repeat 0 50%; min-height:50px}
div.error h1 {padding: 0; margin:0; font-variant: small-caps; font-size: 2em; color: #F88603}
div.error div {color:#F88603}

#preview {border: 1px solid #ccc; background-color:#eee}

.fielderror {color: red;}

/*** flash ***/
#status_block {padding-left:40px; min-width: 16px; min-height: 40px; background: url(/static/icons/m-important.png) no-repeat 0 50%;color:#2f2f2f; border: 4px solid #F8E803; text-align:left; width:75%; margin:20px auto;font-size:1.5em}

/*** signatures ***/
.total-signatures {color:red}

.report {color:white;font-size:0.5em;font-variant:normal;}

.filename {font-family:monospace;font-variant:normal;}

/*** tag ***/
.tag {background-color:#2f2f2f;color:white;font-variant:small-caps;font-size:80%;font-weight:bold;padding:0 6px; margin:0 5px}
.positive {background-color:#4EA135}
.negative {background-color:#A80000}
.new {background-color:#FBB829}

/*** tweets ***/
div.tweets {position:absolute; top:5px; left:15px}
div.tweets a {text-decoration: none}
div.tweet .when {color:#999; font-size:80%}
div.tweet .what {color:white; padding-bottom:2px; font-size:90%; min-height:16px}

/*** who to vote for? ***/
/*
#who_to_vote {
    font-size: 2em;
}

    */

#who_to_vote input {
    border-bottom: 1px solid #2f2f2f;
}

#who_to_vote input.submitbutton {
    border: 1px solid #2f2f2f;
}

#who_to_vote {
    /*border: 4px solid #F88603;*/
    padding: 5px;
    margin: 5px;
    font-weight: bold;
}

.other_ftw { display: none; }