/* site wide styles */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, hr { margin: 0px; padding: 0px; } 
body { background: #ffffff; font-family: Arial, Helvetica, Geneva, Verdana, sans-serif; }
img { border: 0px; }
#main-content { width: 940px; margin-left: auto; margin-right: auto; background: #FFFFFF; } 

a:link { text-decoration: none; color: #0d6fae; }
a:visited { text-decoration: none; color: #0d6fae; }
a:hover { text-decoration: underline; color: #0080c6; }
a:active { text-decoration: none; color: #0d6fae; }
p { color: #000000; }

/* header */

#header { height: 150px; width: 100%; background: #FFFFFF; }
	
#accessibility { height: 20px; background: #FFFFFF; padding: 0px; width: 940px; }
#accessibility-links { float: right; width: 165px; display: none; } 
#top-navigation-menu li { vertical-align: middle; height: 16px; line-height: 16px; list-style: none; float: left; width: 75px;  font-size: 0.60em; color: #000000; }
#top-accessibility-menu  li { vertical-align: middle; height: 17px; line-height: 17px; list-style: none; float: left; padding: 0px 3px 0px 0px; color: #000000; }

#accessibility a:link { text-decoration: none; color: #000000; }
#accessibility a:visited { text-decoration: none; color: #000000; }
#accessibility a:hover { text-decoration: underline; color: #0080c6; }
#accessibility a:active { text-decoration: none; color: #000000; }

#main-branding { height: 118px; background: #FFFFFF; padding: 0px; }

#millions-branding { float: left; border: 0px solid grey; width: 430px; height: 104px; }
#millions-branding img { vertical-align: middle; }

#login-box { float: left; width: 300px; height: 104px; visibility:hidden; }
#login-form  { padding: 5px 0px 0px 0px; margin: 0px; width: 270px; }
#login-form .form-links { height: 24px; text-align: right; font-size: 0.7em; padding: 0px; }
#login-form .form-links a { vertical-align: top; padding: 5px; }
#login-form .form-links label  { color: #000000; font-weight: bold; }
#login-form #login-email, #login-password { font-size: 1.0em; width: 150px; height: 16px; padding: 0px; margin: 0px; border: 0px; }
#login-box a { color: #000000; }

#login-form-logged-in .form-links { width: 240px; padding-left: 30px; height: 17px; border: 0px; text-align: left; font-size: 0.7em; }

#login-success { margin-left: 20px; width: 260px; height: 100px;  }
#login-success #message { font-size: 0.7em; padding: 35px 5px 10px 15px; }
#login-success #logout { border: 0px; font-size: 0.7em; padding: 5px 5px 0px 15px; width: 170px; }
#logout-link { font-weight: bold; }

#email-submit { position: relative; left: 130px; background: none; }
#forgotton-email-submit { position: relative; left: 175px; background: none; }
#report-submit { position: relative; left: 175px; background: none; }
#report-cancel { position: relative; left: 185px; background: none; }
#register-submit { position: relative; left: 130px; background: none; }

#report-content-area { position: relative; left: 155px; width: 390px; background: #eff3fb; color: #000000; padding: 5px; border: 1px solid #dfe9f2; margin: -15px 20px 20px 20px; }
#report-message-area { width: 400px; height: 125px; }
#heading-reported { font-weight: bold; width: 170px; text-align: right; }

#websites-branding { float: left; border: 0px solid grey; width: 205px; height: 104px; }
#websites-branding img { vertical-align: middle; padding: 0px 0px 0px 12px; margin-top: -2px; }

#graphic-millionslogo { padding-left: 5px; width: 104px; height: 104px; }
#graphic-headline { padding: 5px; width: 267px; height: 38px; }
#graphic-biglogo { padding: 0px; width: 118px; height: 118px; }
#graphic-itvlogo { padding: 0px; width: 50px; height: 35px; }

#main-navigation { display: none; }

#region { display: none; }
#regionform { display: none; }
#region-select { display: none; }
#region-submit { display: none; }
#region #chooseregion { display: none; }

#navigation-menu ul { display: none; }
#navigation-menu li { display: none; }
#navigation-menu a:link { text-decoration: none; color: #000000; }
#navigation-menu a:visited { text-decoration: none; color: #000000; }
#navigation-menu a:hover { text-decoration: underline; color: #0080c6; }
#navigation-menu a:active { text-decoration: none; color: #000000; }
#navigation-menu .last { background: none; }

#breadcrumb { height: 25px; background: #FFFFFF; }
#breadcrumblinks { padding: 0px 0px 0px 0px; height: 25px; width: 700px; float: left; display:inline; }
#breadcrumblinks li { list-style: none; float: left; padding: 5px 15px 0px 10px; font-size: 0.70em; background: url("../gfx/navigation/breadcrumb-spacer.gif") right top no-repeat;  }
#breadcrumblinks a:link { text-decoration: none; color: #000000; }
#breadcrumblinks a:visited { text-decoration: none; color: #000000; }
#breadcrumblinks a:hover { text-decoration: underline; color: #0080c6; }
#breadcrumblinks a:active { text-decoration: none; color: #000000; }
#breadcrumb-menu .last { background: none; }

#share { visibility: hidden;  width: 100px; float: right; display:inline; }
#share li { list-style: none; float: left; padding: 1px 5px 0px 5px; }

/* main */

#main { padding-top: 10px; height: 100%; }
#main p { padding-bottom: 1.1em; }
#main h2 {  padding-left: 0.0em; } 
#main h3 { font-weight: bold; padding-bottom: 1.0em; } 

/* site map */
ul li { list-style: none; }
ul ul { margin: 0.5em 0em 0.5em 3em; }
ul ul li { list-style: none; }

/* footer */

#footer { height: 70px; padding: 5px 0px 0px 10px; background: #FFFFFF;  clear: both; }
	
#lower-navigation { height: 30px;  border: 0px; }
#lower-navigation-menu { display: none; } 

#external-sites-menu { float: right; } 
#external-sites-menu ul { border: 0px; }
#external-sites-menu li { vertical-align: bottom; height: 20px; line-height: 20px; list-style: none; float: left; padding: 0px 10px 0px 0px; border: 0px; font-size: 0.75em; color: #000000; }
	
#lower-branding { height: 45px; clear: both; }
#lottery-funding { width: 205px; height: 35px; background: url("../gfx/branding/award-funding-logo.gif") top center no-repeat ; }

#facebook { width: 65px; height: 20px; background: url("../gfx/branding/nav-facebook-logo.gif") top center no-repeat; }
#youtube  { width: 55px; height: 20px; background: url("../gfx/branding/nav-youtube-logo.gif") top center no-repeat; }
#flickr   { width: 50px; height: 20px; background: url("../gfx/branding/nav-flickr-logo.gif") top center no-repeat; }
#twitter  { width: 60px; height: 20px; background: url("../gfx/branding/nav-twitter-logo.gif") top center no-repeat; }

/* page layout */

#page-left { float: left; }
#page-right { float: right; }
#page-right-fan-page { float: right; width: 760px; }

/* left side elements */

#left-navigation-box { background: url("../gfx/backgrounds/top-175px-liteblu.png") no-repeat top center; font-size: 0.75em; padding: 5px 0px 5px 0px; margin-bottom: 5px; width: 175px; }
#left-navigation-box .content { background: url("../gfx/backgrounds/bottom-175px.png") bottom; padding: 0px 0px 15px 0px; }
#left-navigation-box h2 { font-size: 1.4em; font-weight: normal; padding: 0px 0px 5px 5px; color: #ffffff; margin: 0px 0px 0px 5px; }
#left-navigation-box dl { padding: 0px; margin: 0px; border: 0px; }
#left-navigation-box dt { padding: 3px 10px 3px 20px; background: #f2f2f2 url("../gfx/navigation/left-menu-arrow.gif") no-repeat;   }
#left-navigation-box .selected { color: #FFFFFF; background: #e1e1e1 url("../gfx/navigation/left-menu-arrow-selected.gif") no-repeat top left; font-weight: bold; }
#left-navigation-box .sub-selected { font-weight: bold; }
#left-navigation-box dd { font-size: 0.9em; padding: 3px 10px 3px 30px; color: #000000; background: #FFFFFF; }
#left-navigation-box .heading { background: #e4eef2; padding: 0px 0px 0px 7px; font-size: 0.9em; }

#left-profile-box { background: url("../gfx/backgrounds/top-175px-liteblu.png") no-repeat top center; font-size: 0.75em; padding: 5px 0px 5px 0px; margin-bottom: 5px; width: 175px; }
#left-profile-box .content { background: url("../gfx/backgrounds/bottom-175px-liteblu.png") bottom; padding: 0px 0px 10px 0px; }
#left-profile-box h2 { font-size: 1.4em; font-weight: normal; padding: 0px 0px 5px 5px; color: #ffffff; margin: 0px 0px 0px 5px; }
#left-profile-box dl { padding: 0px; margin: 0px; border: 0px; }
#left-profile-box dt { padding: 3px 10px 3px 20px; background: url("../gfx/navigation/left-menu-arrow.gif") no-repeat;  }
#left-profile-box #selected { color: #FFFFFF; background: #d0d0d0 url("../gfx/navigation/left-menu-arrow-selected.gif") no-repeat top left; font-weight: bold; }
#left-profile-box dd { font-size: 0.9em; padding: 3px 10px 3px 30px; color: #000000; background: #FFFFFF; }
#left-profile-box .heading { background: #e4eef2; padding: 0px 0px 0px 7px; font-size: 0.75em; }

#support-project-box { background: url("../gfx/backgrounds/top-175px-yellow.png") no-repeat top center; font-size: 0.70em; padding: 5px 0px 5px 0px; margin-bottom: 5px; width: 175px;   }
#support-project-box .content { background: url("../gfx/backgrounds/bottom-175px.png") bottom; padding: 0px 0px 10px 0px; }
#support-project-box h2 { font-size: 1.4em; font-weight: normal; padding: 0px 0px 5px 5px; margin: 0px 0px 0px 5px; }
#support-project-box h3 { font-size: 1.1em; font-weight: bold; padding: 0px 0px 5px 5px; margin: 0px 0px 0px 5px; }
#support-project-box p { font-size: 1.0em; font-weight: normal; padding: 1px 5px 5px 5px; }
#support-project-box ul { vertical-align: middle; padding: 0px 0px 0px 10px; margin: 0px; border: 0px; width: 160px; }
#support-project-box li { list-style: none; vertical-align: middle; text-align: right; height: 23px; width: 160px;  }
#support-project-box input { vertical-align: middle; padding: 0px; margin: 0px; }
#support-project-box #support-message { margin-right: 2px; width: 155px; height: 17px;  border: 1px solid #1f2226;  background: #1f2226 url("../gfx/text-box-background.gif") repeat-x top center; }

/* narrowest content (175px) blue */
.narrowest-content-box { background: url("../gfx/backgrounds/top-175px-blu.png") no-repeat top center; font-size: 0.70em; padding: 5px 0px 5px 0px; margin-bottom: 5px; width: 175px; }
.narrowest-content-box .content { background: url("../gfx/backgrounds/bottom-175px-blu.png") bottom; padding: 0px 0px 10px 5px; }
.narrowest-content-box h2 { font-size: 1.4em; font-weight: normal; padding: 0px 0px 2px 5px; margin: 0px 10px 0px 10px; border-bottom: 1px solid grey; }
.narrowest-content-box h2 .begin-highlight {color: #FFFFFF; }
.narrowest-content-box h2 .end-highlight {color: #FFFFFF; }
.narrowest-content-box dl { padding: 0px 0px 5px 5px; margin: 0px; border: 0px; }
.narrowest-content-box dd { font-size: 0.9em; padding-bottom: 5px; color: #FFFFFF; }
.narrowest-content-box a:link { text-decoration: none; color: #39b2ff; }
.narrowest-content-box a:visited { text-decoration: none; color: #39b2ff; }
.narrowest-content-box a:hover { text-decoration: underline; color: #68c1fa; }
.narrowest-content-box a:active { text-decoration: none; color: #39b2ff; }
.narrowest-content-box ul { width: 156px; clear: both; padding: 0px 0px 0px 5px; }
.narrowest-content-box li { float: left; border: 1px solid black; margin: 0px; padding: 0px; list-style: none; height: 50px; width: 50px; }
.narrowest-content-box hr { height: 1px; color: #8c8c8c; background-color: #8c8c8c; border: 0px; margin-bottom: 3px; }
.narrowest-content-box p { padding: 0px 5px 5px 5px; color: #FFFFFF; }

/* content boxes */
.begin-highlight { color: #FFFFFF; }
.end-highlight { color: #FFFFFF; }

#container { width: 760px; clear: both; border: 0px; margin: 0px; padding: 0px; }
#column-left { width: 255px; float: left; border: 0px; margin: 0px; padding: 0px; }
#column-centre { width: 255px; float: left; border: 0px; margin: 0px; padding: 0px; }
#column-right { width: 250px; float: right; border: 0px; margin: 0px; padding: 0px; }

/* wide (760px) content */
.widest-content-box { background: url("../gfx/backgrounds/top-760px.png") no-repeat top center; font-size: 0.75em; padding: 5px 0px 5px 0px; margin: 0px 0px 5px 0px; width: 760px;  color: #000000; }
.widest-content-box .content { background: url("../gfx/backgrounds/bottom-760px.png") bottom; padding: 10px;  color: #000000; }
.widest-content-box h1 { font-size: 1.5em; font-weight: normal; color: #000000; padding: 0px 0px 3px 5px; border-bottom: 0px solid #0d6fae; margin: 0px 10px 0px 10px; }
.widest-content-box h2 { font-size: 1.5em; font-weight: normal; color: #000000; padding: 0px 0px 3px 5px; border-bottom: 0px solid #0d6fae; margin: 0px 10px 0px 10px; }
.widest-content-box h3 { font-size: 1.2em; font-weight: normal; color: #000000; line-height: 0.3em; }
.widest-content-box h4 { font-size: 1.1em; font-weight: bold; color: #000000; }
.widest-content-box address { padding: 0.5em; }
.widest-content-box hr { height: 1px; color: #8c8c8c; background-color: #8c8c8c; border: 0px; margin-bottom: 3px; }
.widest-content-box p { padding: 0.3em 0em 0.1em 0.0em; color: #000000; }
.widest-content-box ul, dl, ol { padding-left: 10px; }
.widest-content-box #project-info-area { width: 480px; padding: 0px 0px 5px 0px; float: left; }
.widest-content-box .project-info { padding-left: 3px; border: 0px; width: 157px; height: 50px; background: url("../gfx/backgrounds/project-details.gif") no-repeat top center; float: left; text-align: center; color: #000000; }
.widest-content-box .project-info .title { font-weight: bold; margin: 0.5em 0em -0.8em 0.0em; font-size: 1.2em;  color: #000000; }
.widest-content-box .project-info p { padding: 0px; color: #000000; }
.widest-content-box .project-status { margin-bottom: 5px; font-weight: bold; padding: 2px 0px 0px 3px; border: 0px; width: 477px; height: 20px; background: url("../gfx/backgrounds/strapline-project-status.gif") no-repeat top center; float: left; text-align: center; color: #000000; }
.widest-content-box dt {}
.widest-content-box dd { padding: 0px 0px 10px 10px; }

/* project details */

#project-images { width: 250px; float: right; }
#project-support-box h2 { text-align: center; font-weight: bold; color: #ffffff; font-size: 1.9em; padding: 4px 0px 0px 0px; border: 0px; }
#project-support-box { background: url("../gfx/backgrounds/show-your-support.gif") no-repeat top center; width: 250px; height: 90px; font-size: 0.75em; padding-bottom: 5px; }
#project-footer { font-size: 0.9em; background: #d9d9d9; margin: 3px 3px 3px 3px; padding: 6px 6px 6px 9px; width: 460px; }

.project-footer-box { background: url("../gfx/backgrounds/project-footer-top.gif") no-repeat top center; font-size: 0.9em; padding: 5px 0px 5px 0px;  width: 475px; color: #000000; }
.project-footer-box .content { background: url("../gfx/backgrounds/project-footer-bottom.gif") bottom center no-repeat; color: #000000; }
.project-footer-box .content p { margin-top: -10px; margin-bottom: -10px; }

#support-this-project, #support-this-subscribe { height:27px; }
#support-this-project, #support-this-subscribe input { float: left; padding-right: 2px; }
#support-this input { float: left; padding-right: 2px; }
#support-this-left { padding: 2px 5px 5px 20px; height: 26px; width: 100px; float: left; color: white; font-size: 1.2em; }
#support-this-right { padding: 2px 0px 5px 0px;  height: 26px; width: 120px; float: left; color: white; font-size: 1.2em; }
#support-thanks { text-align: center;  color: #ffffff; font-size: 1.2em; padding: 6px 15px 0px 15px; line-height: 1.1em; }
#support-thanks a:link { text-decoration: none; color: #ffffff; }
#support-thanks a:visited { text-decoration: none; color: #ffffff; }
#support-thanks a:hover { text-decoration: underline; color: #ffffff; }
#support-thanks a:active { text-decoration: none; color: #ffffff; }

img#project-support-status { display:block; float:left; margin-right: 3px; }
img#project-subscribe-status { display:block; float:left; margin-right: 3px; }

/* Flickr Photostream & YouTube Gallery Titles */
#flickr-gallery-title { font-size: 1.4em; font-weight: normal; background: url("../gfx/branding/background-flickr.gif") no-repeat top right; margin-right: 10px; padding: 0px 0px 5px 5px; }
#video-gallery-title  { font-size: 1.4em; font-weight: normal; background: url("../gfx/branding/background-youtube.gif") no-repeat top right; margin-right: 10px; padding: 0px 0px 5px 5px; }
#flickr-image-large, #youtube-video-large { float: left; padding: 0px 10px 5px 0px;} 

/* video gallery */

#video-gallery-box { background: url("../gfx/backgrounds/top-760px.png") no-repeat top center; font-size: 0.75em; padding: 5px 0px 5px 0px; margin: 0px 0px 5px 0px; width: 760px; }
#video-gallery-box .content { background: url("../gfx/backgrounds/bottom-760px.png") bottom; padding: 10px;  }
#video-gallery-box h2 { font-size: 1.4em; font-weight: normal; background: url("../gfx/branding/background-youtube.gif") no-repeat top right; margin-right: 10px; padding: 0px 0px 5px 5px; }
#video-gallery-box hr { height: 1px; color: #8c8c8c; background-color: #8c8c8c; border: 0px; margin-bottom: 3px; }
#video-gallery-box dl { float: left; list-style: none; padding: 0px 0px 10px 0px; }
#video-gallery-box dt { padding: 0px; margin: 1px; }
#video-gallery-box dd { padding: 0px; margin: 1px; font-size: 0.8em; height: 1.0em; }
#video-gallery-box #thumbnails { overflow: auto; width: 740px; height: 120px; overflow: auto; }
#video-gallery-box .title a { color: #0d6fae; text-decoration: none; }
#video-gallery-box .duration { font-weight: bold; }
#video-gallery-box .views { color: #666666;}
#youtube-video-large { float: left; padding: 0px 10px 5px 0px;}
#youtube-video-text { }

/* fan page elements */

.disclaimer-banner { background: url("../gfx/backgrounds/message-strapline.png") no-repeat top center; width: 760px; height: 20px; text-align: center; font-size: 0.9em; margin-top: 10px; padding: 2px 0px 0px 0px; }
.disclaimer-banner-box { background: url("../gfx/backgrounds/disc-top-760px.png") no-repeat top center; font-size: 0.75em; padding: 15px 0px 5px 0px; margin: 0px 0px 5px 0px; width: 760px; color: #000000; text-align: center; }
.disclaimer-banner-box .content { background: url("../gfx/backgrounds/bottom-760px.png") bottom; padding: 0px; color: #000000; }
.disclaimer-banner-box p { padding: 0px 10px 0px 10px; font-size: 0.9em; }

/* wider content (505px) */
.wider-content-box { background: url("../gfx/backgrounds/top-505px.png") no-repeat top center; font-size: 0.75em; padding: 5px 0px 5px 0px; margin: 0px 0px 5px 0px; width: 505px; }
.wider-content-box .content { background: url("../gfx/backgrounds/bottom-505px.png") bottom; padding: 10px; }
.wider-content-box h2 { font-size: 1.4em; font-weight: normal; margin: 0px 10px 0px 10px; }
.wider-content-box hr { height: 1px; color: #8c8c8c; background-color: #8c8c8c; border: 0px; margin-bottom: 3px; }
.wider-content-box dl { padding: 0px; margin: 0px; border: 0px; }
.wider-content-box dt { font-size: 0.9em; padding-bottom: 5px; font-weight: bold; }
.wider-content-box dd { font-size: 0.9em; padding-bottom: 15px; }
.wider-content-box img { float: left; padding-right: 5px; }

/* wide content (685px) */
.wide-content-box { background: url("../gfx/backgrounds/top-685px.png") no-repeat top center; font-size: 0.75em; padding: 5px 0px 5px 0px; margin: 0px 0px 5px 0px; width: 685px; clear: both; color: #000000; }
.wide-content-box .content { background: url("../gfx/backgrounds/bottom-685px.png") no-repeat bottom; width: 665px; padding: 10px; color: #000000; }
.wide-content-box .content ul li { color: #000000; }
.wide-content-box p { color: #000000; }
.wide-content-box h1 { font-size: 1.6em; font-weight: normal; color: #000000; padding: 0px 0px 3px 5px; margin: 0px 10px 0px 10px; }
.wide-content-box h2 { font-size: 1.6em; font-weight: normal; color: #000000; padding: 0px 0px 3px 5px; margin: 0px 10px 0px 10px; }
.wide-content-box h3 { font-size: 1.2em; font-weight: bold; color: #000000; padding-top: 0px; margin-top:0px; color: #000000; }
.wide-content-box hr { height: 1px; color: #8c8c8c; background-color: #8c8c8c; border: 0px;  margin-bottom: 3px; }
.wide-content-box ol { margin-left: 1.0em; padding-bottom: 1.0em; }
.wide-content-box ul { margin-left: 1.0em; padding-bottom: 1.0em; }

/* narrow content (250px) */
.narrow-content-box { background: url("../gfx/backgrounds/top-250px.png") no-repeat top center; font-size: 0.75em; padding: 5px 0px 5px 0px; margin: 0px 0px 5px 0px; width: 250px; } 
.narrow-content-box .content { background: url("../gfx/backgrounds/bottom-250px.png") bottom; padding: 10px; }
.narrow-content-box h2 { font-size: 1.4em; font-weight: normal; margin: 0px 10px 0px 10px; border-bottom: 0px solid #c6c6c6; }
.narrow-content-box h4 { font-size: 1.0em; font-weight: bold; padding-bottom: 5px; }
.narrow-content-box hr { height: 1px; color: #8c8c8c; background-color: #8c8c8c; border: 0px; margin-bottom: 3px; }
.narrow-content-box dl { padding: 0px 0px 10px 0px; margin: 0px; border: 0px; }
.narrow-content-box dt { font-size: 0.9em; padding: 5px 0px 5px 0px; font-weight: bold; }
.narrow-content-box dd { font-size: 0.9em; margin-bottom: 7px; }
.narrow-content-box .report-content { font-size: 0.9em; }
.narrow-content-box p { font-size: 0.9em; }
.narrow-content-box img { float: left; padding-right: 5px; }
.fixed-height-475px { height: 475px; }
.scroll-not-logged-in { height: 400px; overflow: auto; }
.scroll-logged-in { height: 350px; overflow: auto; }
.scroll-with-error { height: 310px; overflow: auto; }
.fixed-height-scroll-450px { height: 445px; overflow: auto; }

/* twitter messages */

#twitter-messages dt { font-weight: normal; }
#twitter-messages dd { font-weight: bold; font-style: italic; }

.project-date { }
.vote-details { background: url("../gfx/backgrounds/strapline-wide.gif") no-repeat top center; width: 660px; height: 20px; text-align: center; font-size: 0.9em; padding: 2px 0px 0px 4px; }
.project-highlight { background: #e3e3e3 url("../gfx/feature-background.gif") repeat-x bottom center; width: 320px; float: left; font-size: 0.9em; border: 1px solid #d8d8d8; margin: 2px; padding: 2px; }
.project-highlight h2 { font-weight: bold; font-size: 1.3em; }
.project-highlight h3 { height: 1.5em; border-top: 0px #ebebeb solid; border-bottom: 0px #ebebeb solid; text-align: center; font-weight: bold; font-size: 0.9em; }
.project-highlight p { padding: 2px; }
.project-highlight .morelink { text-align: right; padding: 0px 10px 5px 0px; }
.project-highlight .project-title { font-size: 1.3em; }
.project-highlight .vote-strapline { background: url("../gfx/backgrounds/vote-strapline.gif") no-repeat top center; width: 100%; height: 0.5em;  font-size: 1.2em; color: #000000; }
.project-highlight img { float: left; margin: 5px 10px 0px 0px; }
.project-highlight .vote-complete-strapline { background: url("../gfx/backgrounds/vote-pending-strapline.gif") no-repeat top center; width: 100%; height: 0.5em;  font-size: 1.2em; color: #000000; }
.project-highlight .vote-pending-strapline { background: url("../gfx/backgrounds/vote-complete-strapline.gif") no-repeat top center; width: 100%; height: 0.5em;  font-size: 1.2em; color: #000000; }
.project-highlight img { float: left; margin: 5px 10px 0px 2px; } 
.case-study-image { width: 220px; padding-bottom: 5px; margin: 0px; border: 0px; }
.case-study-image img { margin-left: 5px; }

/* font resize buttons */

.fontResizer { display: block; }
.fontResizer a { display: block; width: 18px; height: 18px; text-align: center; border: 0px solid #000000; line-height: 18px; color: #666; text-decoration: none; }
.fontResizer a:hover { color: #000000; text-decoration: none; }
.smallFont { font-size: 9px; }
.medFont { font-size: 13px; }
.largeFont { font-size: 15px; }
.curFont { background: #ffffff; }

/* report icon, read more link and edit functionality  */
.content-links { height: 16px;  }
.content-links li { width: 90px; height: 16px; }
.report {  font-size: 0.9em;  }
.report img { vertical-align: middle;  }
.edit { font-size: 0.8em; } /* Placeholder for CMS editing */
.readmore {  font-size: 0.8em; float: right; padding-top: 2px; }

/* headings */

#title-aboutus { width: 350px; height: 35px; background: url("../gfx/titles/title-aboutus.gif") no-repeat top center; }
#title-aboutus span { display: none; }
#title-login { width: 350px; height: 35px; background: url("../gfx/titles/title-login.gif") no-repeat top center; }
#title-login span { display: none; }
#title-password { width: 380px; height: 35px; background: url("../gfx/titles/title-password.gif") no-repeat top center; }
#title-password span { display: none; }
#title-register { width: 350px; height: 35px; background: url("../gfx/titles/title-register.gif") no-repeat top center; }
#title-register span { display: none; }
#title-contactus { width: 350px; height: 35px; background: url("../gfx/titles/title-contact.gif") no-repeat top center; }
#title-contactus span { display: none; }
#title-faqs { width: 415px; height: 35px; background: url("../gfx/titles/title-qanda.gif") no-repeat top center; }
#title-faqs span { display: none; }
#title-accessibility { width: 350px; height: 35px; background: url("../gfx/titles/title-access.gif") no-repeat top center; }
#title-accessibility span { display: none; }
#title-terms { width: 415px; height: 35px; background: url("../gfx/titles/title-terms.gif") no-repeat top center; }
#title-terms span { display: none; }
#title-sitemap { width: 350px; height: 35px; background: url("../gfx/titles/title-sitemap.gif") no-repeat top center; }
#title-sitemap span { display: none; }
#title-westcountry { width: 350px; height: 35px; background: url("../gfx/titles/region-westcountry.gif") no-repeat top center; }
#title-westcountry span { display: none; }
#title-twitter { background: url("../gfx/branding/background-twitter.gif") no-repeat top right; margin-right: 10px; }
#title-upcoming-votes { width: 200px; height: 25px; background: url("../gfx/titles/small-upcoming-votes.gif") no-repeat top center; }
#title-upcoming-votes { display: none; }
#title-voting-results { width: 200px; height: 25px; background: url("../gfx/titles/small-voting-results.gif") no-repeat top center; }
#title-voting-results { display: none; }
#title-winning-projects { width: 200px; height: 25px; background: url("../gfx/titles/small-winning-projects.gif") no-repeat top center; }
#title-winning-projects span { display: none; }
#title-report { width: 520px; height: 35px; background: url("../gfx/titles/title-reportcontent.gif") no-repeat top center; }
#title-report span { display: none; }

/* web forms */
#error-box-small { border: 1px solid red; width: 222px; margin: 0px 0px 3px 0px; padding: 3px; background: #ffff86; font-size: 0.9em; }
#error-box-large { border: 2px solid red; width: 640px; margin: 5px; padding: 5px; background: #ffff86; }
#error-box-larger { border: 2px solid red; width: 720px; margin: 4px; padding: 5px; background: #ffff86; }
.error-message { font-size: 0.9em; margin: 1px; padding: 2px; background: #ffff86; color: #FF0000; }
.error-area { padding-left: 173px; margin-top: -10px; padding-bottom: 5px; }

.success-box-medium { border: 1px solid #DDDDDD; width: 475px; margin: 3px 0px 3px 0px; padding: 3px; background: #F0F0F0; }
.success-message { font-size: 0.9em; vertical-align: top; margin: 3px; padding: 2px; background: #ffff86; color: #FF0000; }
.success-area { padding-left: 173px; margin-top: -10px; padding-bottom: 5px; }

#form-find-out { width: 200px; }
#form-recaptcha { width: 312px; height:123px; padding-left: 135px; }
#form-recaptcha-report { width: 312px; height:123px; padding-left: 175px; }

fieldset { margin: 0px; border: 0px; background: white; padding: 0.5em; } 
.form-registration { width: 640px; margin: 5px; border-bottom: 3px solid #F8F8F8; }
.form-registration label { float: left; text-align: right; width: 170px; font-weight: bold; color: #000000; margin: 0px; padding: 0px 5px 0px 0px; }
.form-registration .label-long { font-weight: bold; width: 400px; float: none; text-align: left; padding: 0px; }
.form-registration p { color: #000000; }
.form-registration legend { font-weight: bold; font-size: 1.1em; color: #000000; }

.form-report { width: 640px; margin: 5px; border-bottom: 3px solid #F8F8F8; }
.form-report label { float: left; text-align: right; width: 170px; font-weight: bold; color: #000000; margin: 0px; padding: 0px 5px 0px 0px; }
.form-report .label-long { font-weight: bold; width: 400px; float: none; text-align: left; padding: 0px; }
.form-report p { color: #000000; }
.form-report legend { font-weight: bold; font-size: 1.1em; color: #000000; }

.profile-update { width: 720px; margin: 5px; border-bottom: 3px solid #F8F8F8; }
.profile-update label { float: left; text-align: right; width: 170px; font-weight: bold; color: #000000; margin: 0px; padding: 0px 5px 0px 0px; }
.profile-update .label-long { font-weight: bold; width: 400px; float: none; text-align: left; padding: 0px; }
.profile-update p { color: #000000; }
.profile-update legend { font-weight: bold; font-size: 1.1em; color: #000000; }

#form-name, #form-forename, #form-surname, #form-emailaddress, #form-emailaddress-retype, #form-choice, #form-username, #form-password, #form-password-retype, #form-profileimage { width: 225px; color: #000000; }
#form-postcode { width: 75px; } 
#form-message { width: 450px; height: 150px; }
#label-supportmessage { font-weight: normal; padding: 0px; margin: 0px; width: 175px; text-align: left; float: none; }
#label-latestactivity { font-size: 1.0em;  font-weight: bold; padding: 5px 0px 3px 0px; margin: 0px; width: 225px; text-align: left; float: left; }
#label-activity-message { text-align: left; float: left; padding-bottom: 3px; }
#latest-messages-form { text-align: left; }
.form-padding { padding-left: 45px; }
.form-padding .highlight { font-weight: bold; float: left; width: 125px; text-align: right; padding-right: 5px; }

.narrow-content-box #activity-message { width: 228px; margin-bottom: 2px; height: 30px; border: 1px solid #1f2226; background: #ffffff url("../gfx/text-box-background.gif") no-repeat top left; font-family: Arial, Helvetica, Geneva, Verdana, sans-serif; font-size: 0.9em; }
.narrow-content-box #activity-message-form {  text-align: right; }

/* user profile */

#user-map { float: right; padding: 2px; }
#user-profile-pic { padding: 2px; margin-left: auto; margin-right: auto; width: 145px; height: 145px; }

#profile-list dt {  width: 280px; float: left;}
#profile-list dt a { font-size: 1.1em; }
#profile-list dd { }
#profile-update { padding-left: 350px;  }
#profile-pic-update { padding-left: 175px; }

/* front page elements */

#left-promo-boxes { width: 530px; margin-left: 24px; padding-top: 15px; }
#top-banner { background: url("../gfx/frontpage/promo-box-530x135.gif") no-repeat top center; width: 530px; height: 135px; margin-top: 14px; }
#dynamic-feed { background: url("../gfx/frontpage/promo-box-257x285.gif") no-repeat top center; width: 257px; height: 285px; margin-top: 14px; font-size: 1.0em; float: left; }
#lower-banner { background: url("../gfx/frontpage/promo-box-530x135.gif") no-repeat top center; width: 580px; height: 135px; float: left; }
#top-small-banner { background: url("../gfx/frontpage/promo-box-257x135.gif") no-repeat top center; width: 257px; height: 135px; margin-top: 14px; float: right;  }
#lower-small-banner { background: url("../gfx/frontpage/promo-box-257x135.gif") no-repeat top center; width: 257px; height: 135px; margin-top: 14px; float: right;  }

.small-banner-content { padding-top: 12px; font-size: 0.9em; }
.small-banner-content img { padding: 3px 5px 3px 0px; float: left; }
.small-banner-content p { color: #ffffff; font-size: 0.8em; margin: 2px 14px 2px 12px; padding: 0px; }

#top-small-banner a:link { text-decoration: none; color: #ffce08; }
#top-small-banner a:visited { text-decoration: none; color: #ffce08; }
#top-small-banner a:hover { text-decoration: underline; color: #ffce08; }
#top-small-banner a:active { text-decoration: none; color: #ffce08; }

#lower-small-banner a:link { text-decoration: none; color: #ffce08; }
#lower-small-banner a:visited { text-decoration: none; color: #ffce08; }
#lower-small-banner a:hover { text-decoration: underline; color: #ffce08; }
#lower-small-banner a:active { text-decoration: none; color: #ffce08; }

#front-content-box { padding: 10px 13px 13px 17px; font-size: 0.9em; }
#front-content-box h2 { font-size: 1.0em; color: #ffffff; padding: 0px 0px 2px 0px;}
#front-content-box p { color: #ffffff; font-size: 0.8em; padding-bottom: 3px; }
#front-content-box img { float: left; padding: 2px 5px 0px 0px; }
#front-content-box a:link { text-decoration: none; color: #ffce08; }
#front-content-box a:visited { text-decoration: none; color: #ffce08; }
#front-content-box a:hover { text-decoration: underline; color: #ffce08; }
#front-content-box a:active { text-decoration: none; color: #ffce08; }

#dynamic-feed-data { padding-left: 0px; color: white; width: 245px; height: 220px; overflow: auto; }
#dynamic-feed-data dl { font-size: 0.8em; }
#dynamic-feed-data dt { padding: 5px; font-size: 0.9em; }
#dynamic-feed-data dd { padding: 2px; font-size: 0.8em; }
#dynamic-feed-data .data-title { color:#ffc800; font-weight: bold; }
#dynamic-feed a { float: right; padding: 3px 20px 0px 0px; font-size: 0.7em; }
#dynamic-feed a:link { text-decoration: none; color: #ffce08; }
#dynamic-feed a:visited { text-decoration: none; color: #ffce08; }
#dynamic-feed a:hover { text-decoration: underline; color: #ffce08; }
#dynamic-feed a:active { text-decoration: none; color: #ffce08; }

.banner-title { padding: 0px; margin: 12px 0px 0px 13px; width: 200px; height: 25px; }

#case-study-search { margin-left: 25px; width: 530px; height: 135px; background: url("../gfx/frontpage/promo-box-case-studies.gif") top center no-repeat; }
#case-study-title { padding: 15px 0px 0px 15px; width: 250px; }
#case-study-text { width: 240px; padding: 5px 0px 0px 15px; font-size: 0.75em; float: left; }
#case-study-form { width: 260px; float: right; padding-right: 2px; }
#case-study-form label { font-weight: bold; font-size: 0.8em; }
#case-study-form #dropdown-region { font-size: 0.8em; width: 130px; padding: 1px; margin: 1px; }
#case-study-form #dropdown-year { font-size: 0.8em;  width: 80px; padding: 1px; margin: 1px; }
#case-study-form #case-study-button { margin-left: 80px; vertical-align: top; }
#case-study-form .winners-labels { width: 80px; float: left; height: 20px; }

#right-map-area { }

#bottom-promo-boxes { width: 905px; clear: both; height: 145px; margin-top: 14px; }
#bottom-phone-box { width: 926px; clear: both; margin-left: 14px;  padding-top: 10px;  }

#regions-banner { width: 315px; height: 135px; background: url("../gfx/frontpage/promo-box-315x135.gif") no-repeat top center; float: right; }
#regions-banner a:link { text-decoration: none; color: #ffce08; }
#regions-banner a:visited { text-decoration: none; color: #ffce08; }
#regions-banner a:hover { text-decoration: underline; color: #ffce08; }
#regions-banner a:active { text-decoration: none; color: #ffce08; }
#regions-banner ul {  list-style: none; color: white; font-size: 0.7em; float: left; width: 95px; }
#regions-banner-list { margin-left: 20px; margin-top: 5px;}

#front-headline { color: #ffcb0e; font-size: 2.5em; font-weight: normal; position: relative; left: 20px; top: 5px; }
#front-strapline { color: #ffffff; font-size: 1.2em; font-weight: normal; position: relative; left: 20px; top: 5px; }
#front-vote-info-title { position: relative; left: 25px; top: 15px; background: url("../gfx/frontpage/title-banner-background.gif") top center no-repeat; width: 530px; height: 50px; margin-bottom: 5px; }
#vote-info { font-weight: bold; font-size: 1.3em; position: relative; left: 10px; top: 12px; float: left; }
#vote-info-link { font-weight: bold; font-size: 0.9em; position: relative; left: 20px; top: 18px; }
#vote-info-link a:link { text-decoration: none; color: #000000; }
#vote-info-link a:visited { text-decoration: none; color: #000000; }
#vote-info-link a:hover { text-decoration: underline; color: #000000; }
#vote-info-link a:active { text-decoration: none; color: #000000; }

#front-ukmap { float: right; padding-right: 35px; margin-top: -70px; }
#front-explanation { color: #ffffff; font-size: 0.8em; font-weight: normal; text-align: right; padding: 0px; width: 155px; position: relative; left: 165px; top: 85px; }

#phone-numbers { background: url("../gfx/frontpage/background-test.gif") top center no-repeat; width: 880px; height: 550px; }

/* frontpage phone numbers */

.phone-content-box { background: url("../gfx/frontpage/top-phone-numbers.gif") no-repeat top center; font-size: 0.75em; padding: 5px 0px 5px 0px; margin: 0px 0px 5px 10px; width: 880px; }
.phone-content-box .content { background: url("../gfx/frontpage/bottom-phone-numbers.gif") bottom; padding: 10px; }
.phone-content-box table { float: left; margin: 0px 0px 5px 14px; border-spacing: 0px; border-collapse: collapse; }
.phone-content-box td { padding: 2px 0px 4px 0px; vertical-align: top; font-size: 1.0em; margin: 0px; }
.phone-content-box p { margin: 10px 0px 0px 15px; }

#phone-content-box-title { font-size: 1.7em; font-weight: bold; margin: 15px 0px 0px 15px; background: url("../gfx/frontpage/title-long-banner-background.gif") no-repeat top center; width: 850px; height: 40px; padding-top: 5px; }
#phone-content-box-text { padding: 2px 0px 0px 10px; }

.phone-content-box .region-title { padding: 2px 4px 2px 4px; font-weight: bold; color: #ffce08; }
.phone-content-box .region-section { padding: 5px 0px 5px 0px; }
.phone-content-box .project-title { width: 320px; float: left; color: #1c4d60; }
.phone-content-box .phone-number { width: 90px; color: #1c4d60; font-weight: bold; }
.phone-content-box .underline { border-bottom: 1px solid #cacaca; }

.phone-content-box .project-title { width: 315px; float: left;  font-size: 1.00em; color: #1c4d60; }
.phone-content-box .project-title a:link { text-decoration: none; color: #1c4d60; }
.phone-content-box .project-title a:visited { text-decoration: none; color: #1c4d60; }
.phone-content-box .project-title a:hover { text-decoration: underline; color: #1c4d60; }
.phone-content-box .project-title a:active { text-decoration: none; color: #1c4d60; }
.phone-content-box .phone-number { width: 90px; font-size: 1.00em; color: #1c4d60; }

/* tool tip */

.bubble-content { border: none; width: 305px; height: 110px; padding: 10px 10px 0px 10px; color: #676767; }
.bubble-content img { float: left; padding-right: 5px; margin: 0px; }
.bubble-title { font-size: 0.9em; padding-bottom: 5px; }
.bubble-description { font-size: 0.7em; }

#tooltip { position: absolute; z-index: 3000; }
#tooltip h3, #tooltip div { margin: 0; }
#tooltip.pretty { border: none; width: 397px; padding:0px; height: 132px; background: url('../gfx/frontpage/map-bubble.png'); }

/* google map styling (large - for case study page) */

#map { width: 740px; height: 350px; }
#small-map { width: 230px; height: 255px; }
#medium-map { width: 250px; height: 255px; margin-top: 5px; }
.map-balloon { width: 250px; margin-bottom: 10px; padding-top:5px; }
.map-balloon .strong { font-weight: bold; }
.map-balloon h3 { }
.map-balloon a { }

/* misc elements */

.back-to-top { font-size: 0.8em; }									/* back to top links - used site wide */
.site-map-column { float: left; width: 150px; }						/* site map formatting */
.site-map-column li { padding: 5px 0px 0px 0px; }					/* site map formatting */
.site-map-column li a { font-weight: bold; }						/* site map formatting */
.site-map-column ul li a { font-weight: normal; }					/* site map formatting */
.show-bullets li  { margin-left: 1.0em; list-style-type: disc; }	/* show bullets in specific unordered lists */

.disclaimer { font-size: 0.8em; }