/* Reset CSS
http://meyerweb.com/eric/tools/css/reset/
v1.0 | 20080212
--------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; }

/* Typography
--------------------------------------------------------------------*/
body { color: #111; font-family: Arial, sans-serif; font-size: 62.5%; line-height: 1.5em; }

a { color: #000; text-decoration: underline; }
	a:hover { text-decoration: none; }

abbr { border-bottom: 1px dashed; cursor: help; }
blockquote { background: #f2f4f5; border: 1px solid #bfe4f6; font-size: 1.3em; line-height: 1.5em; margin: 1.5em 5em .75em; padding: 1em 1.5em 0 1.5em; }
	blockquote p { font-size: 1em; }
	cite { display: block; font-style: italic; text-align: right; margin: 0em 5.5em 1.5em; }

del { text-decoration: line-through; }

dl { font-size: 1.3em; line-height: 1.5; margin-bottom: 1.5em; }
dt { font-weight: bold; margin-bottom: .5em; }
dd { margin-bottom: .5em; }
dl dd * { font-size: 1em; }

em { font-style: italic; }

h1 { font-size: 2.4em; font-weight: bold; line-height: 1.5; margin: .5em 0;  }
h2 { font-size: 1.9em; font-weight: bold; line-height: 1.5; margin: .5em 0; }
h3 { font-size: 1.6em; font-weight: bold; line-height: 1.5; margin: .5em 0; }
h4, h5, h6 { font-size: 1.5em; font-weight: normal; line-height: 1.5; margin: .5em 0; }

hr { background: #e3e3e3; border: 0; color: #e3e3e3; height: 1px; margin: 20px 0; }

img {}
ins { border-bottom: 1px dotted; }

ol { margin-bottom: 1.5em; }
ol li { font-size: 1.4em; line-height: 1.5; list-style: decimal; margin-left: 2em; }
ol li * { font-size: 1em; }
ol li ol { margin-bottom: 0; }

p { font-size: 1.4em; line-height: 1.5; margin-bottom: 1em; }

small { font-size: .75em; }
strong { font-weight: bold; }
sub { font-size: .85em; vertical-align: sub; }
sup { font-size: .85em; vertical-align: super; }

table {}
table { font-size: 1.4em; line-height: 1.5; }
table p { font-size: 1.0em; }

ul { margin-bottom: 1.5em; }
ul li { font-size: 1.4em; line-height: 1.5; list-style: disc; margin-left: 2em; }
ul li * { font-size: 1em; }
ul li ul { margin-bottom: 0; }

/* Forms
--------------------------------------------------------------------*/
form {}
button { border: 2px solid; border-color: #fff #808080 #808080 #fff; cursor: pointer; font-size: .9em; padding: 2px 4px; margin-left: 270px; font-size:15px; margin-top:15px; }
button:hover { border-color: #808080 #fff #fff #808080;font-size:15px;}
fieldset { border: 1px solid #369; margin-bottom: 15px; padding: 5px 15px 15px; }
label { clear: left; float: left; line-height: 1.7; margin-right: 10px; text-align: right; vertical-align: middle; width: 260px; }
legend { border: 1px solid; border-color: #99BCDF #369 #369 #99BCDF; font-size: 1.2em; padding: 4px 10px; }
input { border: 1px solid #A6B08E; padding: 3px; vertical-align: middle; width: 280px; font: 1em Verdana, Arial, sans-serif; }
input.error { border-color: #f77; }
input:focus { background: #edefe8; }
form p {}
	p.options { padding-left: 190px; text-align:right}
	p.checks { padding-left: 300px; text-align:right}
.checks input { float: none; width: auto; }
.checks label { float: none; }
.checks span { float: none; }
form span {}
	span.asterisk { color: #f00; font-size: .85em; }
textarea { border: 1px solid #A6B08E; font: 1em Verdana, Arial, sans-serif; height: 130px; padding: 3px; vertical-align: middle; width: 280px; }
textarea.error { border-color: #f77; }
textarea:focus { background: #edefe8; }

/* Common
--------------------------------------------------------------------*/
.align_left { text-align: left;    }
.align_right { text-align: right;   }
.align_justify { text-align: justify; }
.center { text-align: center; }
.clear_left   { clear: left;  }
.clear_both   { clear: both;  }
.clear_right  { clear: right; }
.clear { background: none; border: 0; clear: both; display: block; float: none; font-size: 0; height: 0; margin: 0; padding: 0; overflow: hidden; visibility: hidden; width: 0; }
.clearfix:after { clear: both; content: ' '; display: block; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display:block; }
.css_test { display: none; height: 1px; width: 1px; }
.debug_info { background: #111; color: #FFFF27; font-size: 1.3em; margin: 1.6em auto; padding: 20px; text-align: left; width: 760px; }
.float_left { float: left;  }
.float_none { float: none;  }
.float_right { float: right; }
.hide_inner { text-indent: -10000px; }
.print_only { display: none; }
.remove_this { display: none; }

/* CMS & Frontend styles
Ive moved these out of the CMS - whats the point sharing, there's only a few
-------------------------------------------------------- */
div.alert { padding: 5px 30px 5px 35px; margin-bottom: 10px; }
div.alert ul, div.alert ol { margin: 0 0 10px 0; line-height: 2.4em; }
div.alert h4 { margin: 0 0 10px 0; padding: 0; font-weight: bold; }
div.alert p { margin: 0 0 10px 0; padding: 0; line-height: 1.3em; }
div.warning { background: #fcfce2 url(../../img/icons/alert.gif) 10px 10px no-repeat; border: 1px solid #e4cb9c; }
div.done { background: #deffef url(../../img/icons/tick.gif) 10px 10px no-repeat; border: 1px solid #58bf8c; }
div.error { background: #fde6e6 url(../../img/icons/alert.gif) 10px 10px no-repeat; border: 1px solid #e56666; }
form p.tip { margin: 12px 0 12px 190px; padding: 0px 5px 8px 28px; }
form p.tip span { position: relative; display: block; top: -8px; left: -21px; width: 15px; height: 8px; }
form p.thelp { background: #edf2fa url(../../img/icons/helper.gif) 6px 8px no-repeat; border: 1px solid #9dbadf; }
form p.thelp span { background: transparent url(../../img/icons/tip_arrow_blue.gif) 0px 0px no-repeat; }
form p.terror { background: #fde6e6 url(../../img/icons/cancel.gif) 6px 8px no-repeat; border: 1px solid #e56666; }
form p.terror span { background: transparent url(../../img/icons/tip_arrow_red.gif) 0px 0px no-repeat; }
form p.twarning { background: #fcfce2 url(../../img/icons/alert.gif) 6px 8px no-repeat; border: 1px solid #e4cb9c; }
form p.twarning span { background: transparent url(../../img/icons/tip_arrow_yellow.gif) 0px 0px no-repeat; }

/* Layout
--------------------------------------------------------------------*/

html { }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:09px;text-align:left; background: #eee; background: url(../../img/design/bgbg.gif) 0 0 repeat;}
#topbg { background-image: url(../../img/design/bgcm.gif); background-repeat: repeat-x; width: 100%; height: 569px; margin: 0px; padding: 0px;}

.wrapper {width: 960px; margin: auto; background-color:#FFFFFF; }

#header { padding: 10px 15px 0 5px; margin: 0; background-image: url(../../img/design/headerbg.jpg); height:120px;}
#header p#logo { margin: 0; padding: 0; float: left; background: url(../../img/design/logo.png) 0 0 no-repeat; }
#header p#logo a { display: block; width: 150px; height: 180px; margin-right: 20px; text-indent: -10000px; }
#header h1 { padding: 16px 16px 16px 16px; }

#header ul { margin: 0; padding: 0; }
#header ul li { margin: 0; padding: 0; list-style-type: none; }

	#header ul li { width: 279px; float: left; margin-right: 10px;}
		#header ul li a { display: block; text-align: center; padding: 8px; }
			#header ul li a.active { font-weight: bold; }

	#header ul li ul li { width: 89px; float: left; margin-right: 0px; border: none; background-image: none;}
	#header ul li ul li a { display: block; }

#content { padding: 10px 20px; background-image: url(../../img/design/content_gradient.jpg); background-repeat: no-repeat; background-color:#fff;  }


/* Archive Links (home 1 & 2)
--------------------------------------------------------------------*/
ul.archive_links { margin: 0 0 16px 50px; padding: 0;  }
ul.archive_links li { padding: 0; float: left; list-style-type: none; }
ul.archive_links li a { display: block; padding: 20px; text-align: center; }

/* Voting Links (home 3)
--------------------------------------------------------------------*/
ul.voting_links { margin: 0 0 16px 110px; padding: 0; }
ul.voting_links li { margin: 0 10px 0 0; padding: 0; width: 350px; float: left; list-style-type: none; }
ul.voting_links li a { display: block;  padding: 20px; text-align: center; }

/* Results Links (home 5)
--------------------------------------------------------------------*/
ul.results_links { margin: 0 0 16px 100px; padding: 0; }
ul.results_links li { margin: 0 20px 0 0; padding: 0; width: 350px; float: left; list-style-type: none; }
ul.results_links li a { display: block; padding: 20px; text-align: center; }


/* Vote (sites list)
--------------------------------------------------------------------*/
table.sites_list { border-collapse: collapse; margin: 0px auto 20px auto; }
table.sites_list td { padding: 8px 20px; text-align: center; border: 1px solid #000; }

/* Vote (teams list)
--------------------------------------------------------------------*/
table.team_list { border-collapse: collapse; margin: 0px auto 20px auto; }
table.team_list td { padding: 8px 20px; text-align: center; border: 1px solid #000; }

p.years_list { text-align: center; }
p.years_list a.active { font-weight: bold; }

.site_image { margin: 0 0 10px 10px; }


#footer { border-top: 1px solid #ccc; padding: 5px 0; background-image: url(../../img/design/bottombg.jpg); min-height:70px;  }
#footer p { font-size: 1.2em; line-height: 1.8em; text-align: right; padding-right:5px }


form#table_vote { background-image: url(../../img/design/vote_bg.gif); background-repeat: repeat-x;  background-color: #cccccc; border: 1px solid #666666; padding: 2px;}
form#table_vote p { clear: both; margin: 5px 0; }
form#table_vote p.disclaimer { padding: 10px 50px; font-size:9px }
form#table_vote label, 
form#table_vote p select,
form#table_vote p input 
form#table_vote p textarea
{ float: left; margin-top: 10px; }
form#table_vote label { padding-right: 15px;text-align: right; width: 430px; }
form#table_vote button { color: #00008B; background-color: #ffccff; Border: 1px outset #000; padding: 2px 4px 2px 4px; float: right; margin-right: 280px;}

#country_list { margin-right: 10px; }
#t2 { margin-right: 10px; }



table {
  border-collapse: collapse;
  border: 1px solid #38160C;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  color: #F6ECF0;
  background: #641B35;
  }
caption {
  text-align: left;
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  }
td, th {
  border: 0px dashed #B85A7C;
  padding: .8em;
  color: #F6ECF0;
  }
thead th, tfoot th {
  font: bold 11px verdana, arial, helvetica, sans-serif;
  border: 1px solid #A85070;;
  text-align: left;
  background: #38160C;
  color: #F6ECF0;
  padding-top:6px;
  }
tbody td a {
  background: transparent;
  text-decoration: none;
  color: #F6ECF0;
  }
tbody td a:hover {
  background: transparent;
  color: #FFFFFF;
  }
tbody th a {
  font: normal 11px verdana, arial, helvetica, sans-serif;
  background: transparent;
  text-decoration: none;
  font-weight:normal;
  color: #F6ECF0;
  }
tbody th a:hover {
  background: transparent;
  color: #FFFFFF;
  }
tbody th, tbody td {
  vertical-align: top;
  text-align: left;
  }
tfoot td {
  border: 1px solid #38160C;
  background: #38160C;
  padding-top:6px;
  }
.odd {
  background: #7B2342;
  }
tbody tr:hover {
  background: #51152A;
  }
tbody tr:hover th,
tbody tr.odd:hover th {
  background: #51152A;
  }