/* blau bg cedae5 */

body {background: #1A3764; font-family: georgia;}

div.container { background: #E7EDF4; border-right: 3px solid #0E1729; border-top: 2px solid #fff;}

div.header {background: #cedae5; border-bottom: 2px solid #999;}
div#header-right {color: #304053; font-size: 16px; padding: 16px 8px; text-align: right;}
img#logo {margin: 10px 0 6px 34px;}


h1 {color: #1A3764; font-family: georgia;}



div#errorExplanation {background:#FAEECE; border: 1px solid #8696AB; padding: 8px 12px;-moz-border-radius: 3px; -webkit-border-radius: 3px;}
div#errorExplanation h2 {margin: 0px; color:#601A16;}
div#errorExplanation p , div#errorExplanation ul {margin-bottom: 0.2em;}
	
form input.party                        {float: right; width: 30px;}


div#username_box                        {background: #fff; border: 1px solid #aaa; height: 40px; padding: 10px 0 0 0; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div#sum_box {border: 1px solid #aaa; height: 45px; padding-top: 5px;width: 185px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div#sum_box span {line-height: 105%; display: block; padding: 0 6px; font-size: 1.3em; float: left; font-weight: bold; color: #304053;}
div#sum_box input { float:right; margin: 3px 8px 0 0; height: 26px; width: 50px; font-size: 16px; color:#00306a; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

div.sliderbox {background: #fff; border: 1px solid #aaa; clear: left; height: 56px; padding-top: 7px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
div.sliderbox img {float: left; display: block;}
div.sliderbox div.ui-slider { width: 675px; float: left; margin: 16px 5px 0 13px;}



div.sliderbox input.party {font-size: 16px; width: 40px; float: left; margin: 8px 0 0 10px; color:#00306a; -moz-border-radius: 2px; -webkit-border-radius: 2px;}

div#piratenbox {padding: 2px 8px;}
div#piratenbox h2 {margin: 0px; color: #283753;}
div#piratentext {margin-right: 0;}
div#piratentext p {line-height: 100%;}
div#piratenbox div#piraten_slider { width: 507px; float: left; margin: 16px 8px 0 16px;}

div#prognoser_message                   {background: #fff; border: 1px solid #7897AE; color: #111; font-size: 95%; height: 40px; line-height: 150%; padding: 8px 12px;}
div#prognoser_message h3 {color: #283753; margin:0; font-size: 120%;}

div.option_box {line-height: 160%; background: #fff; padding: 8px 12px; border: 1px solid #7897AE; width: 802px;}
div.option_box h2 {color:#003868; margin:0; font-size: 120%;}
div.option_box a {font-weight: bold;}
div.option_box img {vertical-align: bottom;}
div.option_nr_box {font-size: 16px; color: #003868; font-family: georgia; clear: left; height: 50px;}

input#cutandpaste {width: 790px; font-size: 9px; color: #003868;}

input#tip_submit {background: #003868; color: white; margin: 0.4em 0.6em; font-weight: bold; font-size: 1.4em; border: 1px solid #283753; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family: georgia; }
input#tip_submit:hover {background:#002B4F;}

table#results {font-size: 1.2em;}

table#results th              {background:#CEDAE5; border-bottom:1px solid #C1DAD7; border-right:1px solid #C1DAD7; border-top:1px solid #7897AE; color:#283753; padding:6px 8px 6px 14px; text-align:left;}
table#results th.topleft      {background: transparent; border-top: 1px solid #E4EDF4; border-left: 1px solid #E4EDF4;}
table#results td              {vertical-align:middle;background:#fff; height: 28px; border-bottom:1px solid #C1DAD7; border-right:1px solid #C1DAD7; color:#111; padding:6px 12px 4px 4px; text-align:right;}
table#results tr.spacer td    {font-size: 0.8em; color: #777; text-align: left;}
table#results tr.average td   {font-weight: bold; color:#283753;}
table#results tr.even:hover td,
table#results tr.odd:hover td     {background:#f6f6f6;}
table#results td.username     {text-align:left;}
table#results tr.odd td       {background: #eee;}
table#results td.icon         {padding:0; width: 48px; color: #ccc;}
table#results td.icon img     {margin:0; padding:0; width: 48px; height: 48px;}


div.pagination {font-size: 160%;}
.prev_page {padding-right: 0.4em;}
.next_page {padding-left : 0.4em;}


div#show h2 {margin: 3em 0em 2em 0em; line-height: 1.4em; color: #222;}
div#show table {margin-bottom: 0;}

/* ================= */
/* =     FAQ       = */
/* ================= */

div#faq p {font-size: 130%; margin-bottom: 0.5em;}
div#faq h2 {color: #333; border-bottom: 1px solid #283753;}


/* =    utility classes    = */
/* ========================= */

.light {color: #777;}

.round2 {-moz-border-radius: 2px; -webkit-border-radius: 2px;}
.round3 {-moz-border-radius: 3px; -webkit-border-radius: 3px;}
.round5 {-moz-border-radius: 5px; -webkit-border-radius: 5px;}