/* CSS for Amarjeet Sohi - concocted by Rob Butz / Oxygen Smith - http://oxygensmith.com */
/* last update Sept 1, 2010*/
/* originally based on Web2Feel's Milano Wordpress theme: */
/* http://web2feel.com/milano-theme */

/* =reset */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  vertical-align: baseline;
}

/* forms.css (from BluePrint) */
label {font-weight:bold; font-family:"Lucida Sans","Trebuchet MS",Arial,sans-serif;}
p.largelabel {font-size: 16px; font-weight:bold; font-family:"Lucida Sans","Trebuchet MS",Arial,sans-serif; padding-top: 12px; margin-bottom: 0px; padding-bottom: 0px;}
.formcaption {font-family:"Lucida Sans","Trebuchet MS",Arial,sans-serif; color: #666; font-size: 11px; line-height: 1.2em; margin-top: 0px;} /* field instructions */
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input[type=text], input[type=password], input.text, input.title, input.vz_url_field, textarea, select {background-color:#fff;border:1px solid #bbb;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, input.vz_url_field:focus, textarea:focus, select:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, input.vz_url_field, textarea, select {margin:0.5em 0;}
input.text, input.title, input.vz_url_field {width:300px;padding:5px;}
input.title, input.vz_url_field {font-size:1.5em;}
textarea {width:390px;height:250px;padding:5px;}
input[type=checkbox], input[type=radio], input.checkbox, input.radio {position:relative;top:.25em;}
form.inline {line-height:3;}
form.inline p {margin-bottom:0;}
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.req {color: #cc0000 !important; font-weight: bold;}

.textarea_medium {height: 150px; width: 575px;}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove annoying border on linked images. */
a img { border: none; }

/* notices, errors, successes */

.error, .notice, .success {
padding: .8em 1.6em .8em 1.6em;
text-align: center;
}

.notice {
	background-color: #fff6bf;
	color: #514721;
	border-bottom: 2px solid #ffd324;
}

/* Default link styling. */

a {color:#6F615A;text-decoration:none;outline:none;}
a:hover {color:#d53030;text-decoration:underline;}

/* =structure */

body {
	margin:0 auto;
	padding:0px 0px 0px 0px;
	font-family: Georgia, Arial, Tahoma, sans-serif;
	color:#161514;
	font-size:13px;
	background: #020727 url(/img/body/theglowpart2.png) repeat-y 50% 0;
}
	
body#tests { /* used on test pages */ 
	margin:0 auto;
	padding:0px 0px 0px 0px;
	font-family: Georgia, Arial, Tahoma, sans-serif;
	color:#161514;
	background: #fff;
}

.container {width: 1000px; margin:0px auto; /* used on test pages */ }

#top {
	height:125px;
	margin:auto;
	background:#bde1f4 url(/img/body/header_sohi.png) no-repeat;
	width:1000px;
	overflow-y: hidden;
	}

#top_elect {
	position: relative;
	height:125px;
	margin:auto;
	background:#bde1f4 url(/img/election/sohi_election_header.png) no-repeat;
	width:1000px;
	overflow: hidden;
	}
	
a.header_volunteer, a.header_donate, a.header_vote {
	position: absolute;
	top: 79px;
	height: 35px;
	display: block;
	padding: 0px;
	text-indent: -9999px;
}

a.header_volunteer { width: 186px; left: 545px; }
a.header_donate { width: 139px; left: 738px; }
a.header_vote { width: 112px; left: 884px; }

a.header_volunteer:hover { background: url(/img/election/red_volunteer.png) no-repeat; }
a.header_donate:hover { background: url(/img/election/red_donate.png) no-repeat; }
a.header_vote:hover { background: url(/img/election/red_vote.png) no-repeat;  }

#myslider{
	background:url(/img/body/slider_background.jpg);
	height:289px;
	padding: 0px 40px 0px 0px;
	position: relative; /* check to see if trouble later */
}

#myslider_big { 
	background-color: #2a41cb;
	width: 1000px;
	height:294px;
	overflow:hidden;
	padding: 0px;
	position: relative;
}

.electionhome_slideshow_image { /* used on election homepage slideshow */
	position: relative;
}

.electionhome_slideshow_caption { /* used on election homepage slideshow */
	position: absolute;
	background-color: #041686;
	top: 0px; left: 0px;
	width: 300px;
	z-index: 50;
	padding: 10px;
	font-size: 18px;
	color: #fff;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

#wrapper{
	width:1000px;
	margin:0 auto;
	text-align: left;
	background: url(/img/body/content-repeat-background.png) repeat-y 50% 0;
	}
	
#wrapper_elect { /* for election version of the home page */
	width:1000px;
	margin:0 auto;
	text-align: left;
	background: #fff;
}

#navigation {
	height: 45px;
	background: #4cc;
}

#content{
	float:left;
	width:648px;

}

#rightcol{
	float:right;
	width:348px;
}

#footer{
	clear:both;
	width:1000px;
}

/* =backgrounds and =subsections */

/* ------- home page slide show -------- */

#coverslide{
	position:absolute;
	top: 20px;
	right: 30px;
	width:540px;
	background:#fff;
	height:260px;
}

#slider { 
	position:absolute;
	top: 7px; left: 7px;
 	width: 525px; height: 245px;
 	margin: 0; padding: 0px;
 	overflow: hidden; z-index: 10;
}

#slider_big, #slider_still { 
	/* slider_big: for election version of the home page */
	/* slider_still: test version, unactivated by jQuery cycle */
	position:absolute;
	top: 0px; left: 0px;
 	width: 1000px; height: 280px;
 	margin: 0; padding: 0px;
 	overflow: hidden; z-index: 10;
}



#welcomebox {
	width: 350px;
	float: left;
	margin: 40px 0px 0px 23px;
	height: 220px;
	overflow: hidden;
}
 		 
#slider img { } 
#welcome-headline { z-index: 11; }
#welcome { z-index: 12; }
#editslides { position: absolute; top: 20px; left: 20px; height: auto; width: auto;}

/* -------- slider arrows ----------- */

#prev1 {
	position: absolute;
	top:120px;
	left: 409px;
	display: block;
	width: 21px;
	height: 49px;
	background: url(/img/buttons/mainslides_arrows_prev.png) no-repeat 0 0;
	z-index: 15;
}

:hover#prev1 {
	background: url(/img/buttons/mainslides_arrows_prev.png) no-repeat 0 -50px;
}

#next1 {
	position: absolute;
	top:120px;
	left: 970px;
	display: block;
	width: 21px;
	height: 49px;
	background: url(/img/buttons/mainslides_arrows_next.png) no-repeat 0 0;
	z-index: 15;
}

:hover#next1 {
	background: url(/img/buttons/mainslides_arrows_next.png) no-repeat -0 -50px;
}



/* issues pages */

#hot, #otherissues, #issuesheader, #issuesfooter {
	margin-top: 1em;
}


/* ---------- footer -------- */

#footer{
	background-color: #01092d;
	background-image: url(/img/body/footer_background.jpg);
	background-repeat: no-repeat;
	height: 65px;
	position: relative;
	padding:10px 0 0 0px;
	
	color:#ccc;
	font-family: Tahoma,georgia,Century gothic, Arial, sans-serif;
	font-size:11px;
	font-weight:normal;
	letter-spacing:1px;
}

.fleft{
	position: absolute;
	top: 15px; left: 34px;
	line-height:18px;
}

.fmiddle {
	position: absolute;
	top: 15px; left: 452px;
	line-height:18px;
	text-align:right;
}

.fright {
	position: absolute;
	top: 15px;
	right: 34px;
	padding: 0px;
	line-height:18px;
	text-align:left;
	width: 285px;
	color: #2a41cb;
}

.fbuttons {
	position: absolute;
	top: 17px; right: 34px;
	padding: 0px;
	width: 289px;
	height: 28px;
	overflow: hidden;
}

.rssbutton {
	background: url(/img/buttons/rssbutton.png) no-repeat 0px -28px;
	width: 186px;
	height: 30px;
}

:hover.rssbutton {
	background: url(/img/buttons/rssbutton.png) no-repeat 0px 0px;
}

/* ------------ =content ---------- */

.content_inner, .content_inner_normal { /* all use content_inner - content_inner_normal is a class we can add extra IE CSS to b/c of that browser's problem with the margin */ 
	padding-top: 20px;
}

.content_elect {
	padding-top: 20px;
	height: 346px;
	position: relative;
	background: #fff;
}

.content_elect h1 {
	height: 26px; width: 306px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	margin-bottom: 6px;
}

h1.goals 			{ background-image: url(/img/election/elect_goalsandpriorities.png); }
h1.accomplishments  { background-image: url(/img/election/elect_accomplishments.png); }
h1.about 			{ background-image: url(/img/election/elect_aboutamarjeet.png); }	

.content_elect h2 {
	font-size: 20px;
}

.electbox_about, .electbox_accomplishments, .electbox_goals {
	width: 287px; height: 306px; 
	line-height: 2em;
}

.electbox_about { position: absolute; top: 20px; left: 20px; }
.electbox_accomplishments { position: absolute; top: 20px; left: 345px; }
.electbox_goals { position: absolute; top: 20px; left: 680px; }

.content_elect ul {
	margin-top: 10px;
	margin-left: 18px;
	font-family: "Trebuchet MS", Arial, sans-serif; 
	font-weight: bold;
	color: #2842cb;
	font-size: 14px;
	line-height: 1.4em;
}

.content_elect a:link, .content_elect a:visited {color: #2842cb;}
.content_elect a:hover, .content_elect a:active {color: #cc0000;}

#content_elect_divider {
	width: 1000px;
	height: 16px;
	background: url(/img/election/election_pagedivider.png) repeat-x;
}

#content_elect_newsarea {
	position: relative;
	width: 1000px;
	height: 460px;
	background: url(/img/election/amarjeet_lower.jpg) no-repeat;
}

#content_elect_newsarea .campaign_newsblock {
	position: absolute;
	top: 40px; left: 170px;
	width: 500px;
	height: 440px;
	overflow: hidden; 
}

#content_elect_newsarea h3 {
	width: 159px; height: 15px;	
	background: url(/img/election/campaign_news.png) no-repeat;
	text-indent: -9999px;
}

#content_elect_newsarea h1 {
	font-size: 32px;
	line-height: 36px;
}

#content_elect_newsarea .contents {
	margin-top: 12px;
	margin-left: 60px;
}

#content_elect_newsarea p {
	font-size: 16px;
	margin-left: 60px;
}

#content_elect_newsarea .rightcolumn {
	position: absolute;
	right: 0px; top: 0px;
	width: 328px;
	height: 460px;
	background: #eee;
}

#content_elect_newsarea .videoframe_elect {
	height: 264px; width: 320px;
	margin: 4px;
}

a.sm_youtube, a.sm_facebook, a.sm_twitter {
	display: block;
	height: 48px; width: 319px; 
	margin-bottom: 6px;
	margin-left: 6px; 
	background-repeat: none;
	text-indent: -9999px;
}

a.sm_youtube  { background: url(/img/buttons/as_youtube.png) no-repeat; }
a.sm_twitter  { background: url(/img/buttons/as_twitter.png) no-repeat; }
a.sm_facebook { background: url(/img/buttons/as_facebook.png) no-repeat; }

a.readmore_elect {
	display: block;
	background: url(/img/election/readmore_election.png) no-repeat;
	width: 109px;
	height: 25px;
	text-indent: -9999px;	
	margin-top: 12px;
}

a.readmore_elect_large {
	display: block;
	background: url(/img/election/readmore_election_large.png) no-repeat;
	width: 186px;
	height: 40px;
	margin-left: 60px;
	margin-top: 20px;
	text-indent: -9999px;	
}

a.sm_youtube:hover, a.sm_facebook:hover, a.sm_twitter:hover, 
a.readmore_elect_large:hover, a.readmore_elect:hover {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/* ------------ =sidebar ---------- */

.rightcol_inner { 
	padding-top: 10px;
}

.sidebar_list { /* for <ul> with class sidebar_list */
	margin: 14px 30px 14px 35px;
	line-height: 1.2em;
}

.sidebarbox_solid {
	width: 313px;
	margin: 0px 0px 12px 4px;
	padding: 5px 15px 15px 5px;
	background-color: #dde0f3;
}

.field_expo {
	clear: left;
	padding-top: 3px;
	padding-left: 2px;
	font-size: 11px;
}

.formfield {
	font-size: 10px;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

#mailinglist_form { 
	 margin-left: 12px;
}

#videoframe_single { margin: 12px 0px 16px 12px; }

/* ------------ components ---------- */


/* The Search */
#search {
	height:27px;
	width:auto;
	margin-top:92px;
	margin-right:50px;
	padding:8px 5px 0px 10px;
	width:193px;
	background: #2941cb;
	float:right;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

#search .homesearch {margin-top: 93px;}

#search form {
	margin: 0;
	padding: 0;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search p {
	margin: 0;
	font-size: 85%;
}

#keywords, #subscribefield {
	float: left;
	margin:0px 0px 0px 0px;
	width: 150px;
	padding: 2px;
	background: #fff;
	height: 15px;
	border-left: 2px solid #7dc4e9;
	border-top: 2px solid #7dc4e9;
	border-bottom: 2px solid #7dc4e9;
	border-right: 1px solid #7dc4e9;
	font: normal 120% "Tahoma", Arial, Helvetica, sans-serif;
	color:#999;
}

#keywords {
	float: left;
	font-size: 100%;
}

#searchsubmit, #subscribesubmit {	
	width:32px;
	height:20px;
	float:left;
	display: block;
	background:#c5e5f5;
	border-right: 2px solid #7dc4e9;
	border-top: 2px solid #7dc4e9;
	border-bottom: 2px solid #7dc4e9;
	border-left: 1px solid #7dc4e9;
	color: #00f;
	height:23px;
	text-align: center;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

#subscribesubmit {
	width: auto;
	margin-left: -1px;
	margin-right: 55px;
}

:hover#searchsubmit, :hover#subscribesubmit {
	cursor: pointer;
	background-color: #66f;
	color: #fff;
	font-weight: bold;
}

#searchform {	/* advanced search form */
	margin-left: 12px;
}

#searchform p {
	margin: 0px 0px 3px 0px;
	padding: 0px;	
}

#comment_form textarea {
	margin-left: 10px;
}

#adv_search_submit {	
	padding: 5px;
	text-align: center;
	margin: 0px auto;
	display: block;
	background:#c5e5f5;
	border: 2px solid #7dc4e9;
	color: #00f;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
}

:hover#adv_search_submit {
	cursor: pointer;
	background-color: #66f;
	color: #fff;
	font-weight: bold;
}

/* ----- =entry styling ---- */

.single, .single_full { /* news entry */ 
	position: relative;
	width:530px;
	margin: 0px 5px 15px 100px;
	height:100%;
	color: #001;
	font: 1.1em Georgia, "Times New Roman", sans-serif;
	line-height: 1.5em;
}

.single_full { /* news entry */ 
	margin-left: 23px;
	width:585px;
}

.event_entry { /* addition that displays border */
	border-bottom: 1px dotted #999;
}

.metadata, .metadata_full {
	background:url(/img/body/metadata_background.png) no-repeat;
	width: 525px;
	height: 31px;
	overflow: hidden;
	margin-left: 10px;
	position: relative;
	font-size: 12px;
	font-family: Tahoma, Verdana, sans-serif;
}

.metadata_full {
	background:url(/img/body/metadata_background.png) repeat-x;
	width: 585px;
	margin-left: 0px;
}


.permabox {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 23px;
	height: 23px;
	background:url(/img/buttons/permalink.png) no-repeat;
}

.perma {
	position: absolute;
	top: 3px;
	left: 30px;
}

.metadata_category {
	position: absolute;
	top: 3px;
	left: 100px;
}

.metadata_comments { position: absolute; top: 3px; right: 140px; }
.metadata_full_comments { position: absolute; top: 3px; right: 35px; }

.metadata_commenticon, .metadata_full_commenticon {
	position: absolute;
	top: 5px;
	right: 110px;
	width: 23px;
	height: 23px;
	background:url(/img/buttons/comments.png) no-repeat;
}

.metadata_full_commenticon {
	right: 5px;	
}

.readmore, .readmore_free { /* readmore_free is the 'read more' button outside of the metadata bar, appearing on events page */
	float: right;
	width: 107px;
	height: 31px;
	background:url(/img/buttons/readmore.png) no-repeat;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.readmore_free {margin-top: -40px;}

.readmore a, .readmore_free a {
	margin: -1px 0px 0px 10px;
	padding-top: 5px;
	display: block;
	width: 107px;
	height: 31px;
}

.readmore_free a {
	font-size: 12px;
	font-family: Tahoma, Verdana, sans-serif;
}

.title{
	margin: 0 0 0 0px;
	padding: 0px 0px 0px 0px;
}	

.datebox, .datebox_full {
	width: 64px;
	height: 64px;
	overflow: hidden;
	background: #009 url(/img/buttons/datebox.png) 50% 50% no-repeat;)
	border: 2px solid #fff;
	color: #fff;
	font-size: 11px;
	text-transform: uppercase;
	text-align: center;
    position: absolute;
	font-family: Georgia, Times, serif;
    top: 10px;
    left: -70px;
    padding: 2px;
}

.datebox_full { /* datebox on full entries */
	left: 0px; 
	position:inherit; 
	float: left;
	margin: 0px 10px 20px 10px;
}

.month, .year {letter-spacing: .2em; }

.date {
	font-size:20px;
	font-family:Tahoma, century gothic,Arial,Verdana,Helvitica,sans-serif;
	padding:0px;
}


/* ------ top styling ------- */

.blogname {
	width:400px;
	font-family:Century gothic,Verdana,Tahoma,sans-serif;	
	margin:5px 0 0 0px;
    float:left;
	height:80px;
	}

/* ----- all headlines ------ */

.blogname h1  {
	font-size:40px;
	padding:0 0 0px 0;
	font-weight:normal;
	color:#cacccd;
	text-align:left;
	margin:5px 0 0 30px;
	text-indent:-9000px;
	background:url(images/logo.png) no-repeat;
}

.single h1, .single_full h1 { /* for landing pages */
	margin: 0px 0 5px 0;
	padding: 5px 0px 0px 10px;
	text-align: left;
	font: 32px Georgia, century gothic, Arial, verdana, sans-serif;
	font-weight:normal;
	overflow:hidden;
}

.single h2, .single_full h2 {
	margin: 0px 0 5px 0;
	padding: 5px 0px 0px 10px;
	text-align: left;
	font: 24px Georgia, century gothic, Arial, verdana, sans-serif;
	font-weight:normal;
	overflow:hidden;
}

.single h3, .single_full h3 {
	margin: 0px 0 5px 0;
	padding: 5px 0px 0px 10px;
	text-align: left;
	font: 18px Georgia, century gothic, Arial, verdana, sans-serif;
	font-weight:bold;
	overflow:hidden;
}

.single .date-header h4, .single_full .date-header h4 { /* used for archive headings - news */
	margin: 0px 0 5px 0;
	padding: 5px 0px 0px 10px;
	text-align: left;
	font: 12px Tahoma, sans-serif;
	font-weight:normal;
	text-transform: uppercase;
	letter-spacing: 2px;
	margin-bottom: 30px;
	background: url(/img/body/archive_background.png) no-repeat 0 0;
	overflow:hidden;
	width: 543px;
	height: 32px;
}

.single h4 span { /* used for the alternate font in archive headings - news */
	font: 18px Georgia, century gothic, Arial, verdana, sans-serif;
	letter-spacing: normal;
	letter-spacing: 2px;
}

.single h5, .single_full h5 {
	font-size: 1.4em;
	margin: .5em 0 5px 0;
	padding: 5px 0px 0px 10px;
}

.single h5.alt, .single_full h5.alt {
	font-size: 1.4em;
	margin: .5em 0 5px 0;
	padding: 5px 0px 0px 10px;
	font-weight: bold;
}

.single h6.alt, .single_full h6.alt { /* for image gallery caption */
	font-weight: normal;
	font-size: .8em;
	text-transform: uppercase;
	margin: .5em 0 5px 2px;
	color: #777;
	letter-spacing: 1px;
	margin-bottom: 10px;
}


#rightcol h3 {
	width: 333px;
	height: 36px;
	margin-left: 4px;
	margin-top: 10px;
}

h3 span {display:none;}
h3.links {background:url(/img/sidetitles/links.png) no-repeat; }
h3.goals {background:url(/img/sidetitles/goals.png) no-repeat; }
h3.issues {background:url(/img/sidetitles/issues_in_the_media.png) no-repeat; }
h3.stayinformed {background:url(/img/sidetitles/stay_informed.png) no-repeat; 
				 margin: 0px 0px 0px 0px; }
h3.video {background:url(/img/sidetitles/video.png) no-repeat; }
h3.latest {background:url(/img/sidetitles/latest_updates.png) no-repeat; }
h3.archives {background:url(/img/sidetitles/archives.png) no-repeat; }
h3.photos {background:url(/img/sidetitles/image_galleries.png) no-repeat; }
h3.socialmedia {background:url(/img/sidetitles/online.png) no-repeat; }


#welcomebox h3 { 
	text-align: center;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 1.3em;
	font-weight: bold;
	margin-top:10px;
}	

h4.issuetitle {
	margin-bottom: 0px;
	font-weight: bold;
	margin: 0px 0px 0px 10px;
	padding: 5px 0px 0px 0px;
	text-align: left;
	font-weight:normal;
	background: transparent;
	font-family: Georgia, serif;
	color: #666;
	letter-spacing: normal;
	text-transform: none;
	font-size: 1.3em;
}


h6.breadcrumbs {
	margin-left: 11px;
	padding-bottom: 11px;
}

/* share button (on issue page, it's inline for more control) */

.metadata_full_comments a.addthis_button { /* positioning of the share button w/in news page */ 
	position: absolute;
	top: 3px;
	right: 75px;
}

/* rss box */

.rssbox {
	width: 317px;
	height: 146px;
	background: url(/img/body/rssbox_background.jpg) no-repeat 0 0;
	margin: 10px auto 10px auto;
	text-align: center;
	padding: 5px 0px 0px 0px;
	text-transform: uppercase;
	overflow:hidden;

}

.rssbox span {font-size: 1.3em; font-weight: bold;}
.rssbox img { padding-top: 10px; padding-bottom: 10px; }


/* -------- =paragraph & =list styling ------- */

#welcomebox p{
	padding:0px 0px;
	margin:10px 0px;
	font-size:14px;
	font-family: Tahoma, Arial, sans-serif;
	line-height: 1.5em;
	color:#ccf;
}

h4.issuetitle+p {
	margin-top: 0px;
	padding-bottom: 1em;
}

.single p, .single_full p {
	margin: 0px 0 5px 0;
	padding: 5px 0px 0px 10px;
}

.single ul, .single_full ul,
.single ol, .single_full ol {
	margin: 0px;
	padding: 5px 0px 0px 23px;
}

.single li, .single_full li { /* additional line spacing */
	padding-bottom: 5px; 
}

.smalltext {font-family: Tahoma, Verdana, Arial, sans-serif; font-size: .8em; color: #999; line-height: 1.2em;}
.alert {color: #c00; font-weight: bold;}




/* -------- comment styling ----------- */

.commentpolicy {font-style: italic;}
.comments_block {margin-top: 20px;} /* space between header and list of comments */
.comment_preview {margin-top: 20px; margin-bottom: 10px; padding: 8px; border: 1px solid #fee; background: #fcc;}

/* Normal Bubble */
.comment, .comment_admin {
	width: auto;
	margin-bottom: 24px;
}

.comment blockquote {
	margin: 0px; padding: 0px;
	border: 1px solid #c9c2c1;
	background-color: #fff;
}

.comment_admin blockquote {
	margin: 0px; padding: 0px;
	border: 1px solid #77b0ef;
	background-color: #c2e9f2;
}

.comment blockquote p, .comment_admin blockquote p {
	margin: 10px;
	padding: 0px;
}

.comment cite {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 15px;
	top: 6px;
	background: transparent url(/img/common/comment_tip.gif) no-repeat 80px 0;
	font-style: italic;
}

.comment_admin cite {
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 9px 0px 0px 15px;
	top: 6px;
	background: transparent url(/img/common/comment_admin_tip.png) no-repeat 80px 0;
	font-style: italic;
}

/* image galleries */

.mainimage {background: #fff; padding: 3px; border: 1px solid #ccc; margin-left: 7px;}
.mainimagecaption {color: #999; margin-left: 13px;}
.mainimagecredit {color: #999; width: 100%; margin-left: 13px; font-size: .7em; text-transform: uppercase; letter-spacing: 1px; text-align: right;}

#gallery ul { list-style: none; margin-left: 10px; padding: 0px; width: 620px;}
#gallery ul li { display: inline; }
#gallery ul img {
	border: 5px solid #ddd;
	border-width: 5px 5px 20px;
	margin-right:4px;
}

#gallery ul img.sq { /* square images, event slider */
	border: 5px solid #fff;
	border-width: 5px;
	margin-right:4px;
}

#gallery ul a:hover img {
	border: 5px solid #a9cbfe;
	border-width: 5px 5px 20px;
	margin-right: 4px;
	color: #fff;
}

#gallery ul a:hover img.sq { /* square images, event slider */
	border: 5px solid #a9cbfe;
	border-width: 5px;
	margin-right: 4px;
	color: #fff;
}

#gallery ul a:hover { color: #fff; }

#sidebarpics ul { 
	list-style: none; margin-left: 30px; padding: 10px 10px 10px 0px;}
#sidebarpics ul li { display: inline; }
#sidebarpics ul img {
	border: 5px solid #ddd;
	border-width: 5px;
	margin: 0px 4px 8px 0px;
}

#sidebarpics ul a:hover img {
	border: 5px solid #a9cbfe;
	border-width: 5px;
	margin: 0px 4px 8px 0px;
}

#sidebarpics ul a:hover { color: #fff; }


/* jquery-lightbox.css - github version */

#lightbox{
position: absolute;
left: 0;
width: 100%;
z-index: 100;
text-align: center;
line-height: 0;
}
 
#lightbox a img{ border: none; }
 
#outerImageContainer{
position: relative;
background-color: #fff;
width: 250px;
height: 250px;
margin: 0 auto;
}
 
#imageContainer{
padding: 10px;
}
 
#loading{
position: absolute;
top: 40%;
left: 0%;
height: 25%;
width: 100%;
text-align: center;
line-height: 0;
}
#hoverNav{
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 10;
}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}
 
#prevLink, #nextLink{
width: 49%;
height: 100%;
background: transparent url(/images/blank.gif) no-repeat; /* Trick IE into showing hover */
display: block;
}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(/images/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(/images/next.gif) right 50% no-repeat; }
 
/*** START : next / previous text links ***/
#nextLinkText, #prevLinkText{
color: #FF9834;
font-weight:bold;
text-decoration: none;
}
#nextLinkText{
padding-left: 20px;
}
#prevLinkText{
padding-right: 20px;
}
/*** END : next / previous text links ***/
/*** START : added padding when navbar is on top ***/
 
.ontop #imageData {
    padding-top: 5px;
}
 
/*** END : added padding when navbar is on top ***/
 
#imageDataContainer{
font: 10px Verdana, Helvetica, sans-serif;
background-color: #fff;
margin: 0 auto;
line-height: 1.4em;
}
 
#imageData{
padding:0 10px;
}
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; }
#imageData #helpDisplay {clear: left; float: left; display: block; }
 
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	display: none;
}
 
 
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
 
* html>body .clearfix {
	display: inline-block;
	width: 100%;
}
 
* html .clearfix {
/* Hides from IE-mac \*/
height: 1%;
/* End hide from IE-mac */
}
 
#lightboxIframe {
display: none;
}

/* --------- =supporters page --------- */

.supporter_entry {
	border-bottom: 1px dotted #999;
	padding: 6px 6px 6px 0px;
	background: url(/img/common/openquote.png) top left no-repeat;
}

.supporter_name {
	text-align: right;
	color: #000;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.supporter_aboutyou {
	text-align: right;
	color: #999;
	font-family: "Trebuchet MS", Arial, sans-serif;
	font-size: 14px;
}

.supporter_comments {
	color: #030;
	background: url(/img/common/openquote-georgia.png) top left no-repeat;
	text-align: left;
	font-size: 16px;
	padding: 0.5em;
	margin: 0;
}
		
.supporter_comments p:first-letter {
	font-size: 3em;
	font-weight: bold;
}

/* -------- =facebook ------------------------- */

#fb_likebox {
	width: 325px;
	height: 256px;
	margin: 12px 4px 4px 12px;
	background: #fff;
}

/* -------- =twitter ------------------------- */

#twitter_div_new {
	background: #fff;
	width: 320px;
	margin: 10px 0px 0px 10px;
	padding: 6px;
	-moz-border-radius: 8px; 
	-webkit-border-radius: 8px;
}

.tweet_date {
	color: #b1b7d6;
	font-family: "Lucida Sans", "Trebuchet MS", Arial, sans-serif;
}

.tweet_text {
	color: #6770a0;
	font-size: 24px;
}

.tweet_date a:link, .tweet_date a:visited {
	color: #b1b7d6; text-decoration: none;
}

.tweet_date a:hover, .tweet_date a:active {
	color: #cc0000; text-decoration: 1px dotted #cc0000;
}
	
a.twitter_button {
	width: 282px; height: 36px;
	background: url(/img/common/twitterbutton.png) top left no-repeat;
	text-indent: -9999px;
	display: block;
	margin-left: 40px;
	margin-top: -4px;
}

a.twitter_button:hover {
	background-position: 0px -37px;
}
	
/* -------- =privacy and other misc text ------ */

.privacy_policy { 
	color: #999;
	margin-left: 15px;
	margin-top: 10px;
	 }

/* -------- =navigation - main menu ----------- */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *, .sf-menu-elect, .sf-menu-elect * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu, .sf-menu-elect {
	line-height:	1.0;
	width: 1000px;
	background: url(/img/body/menubar_background.png);
}
.sf-menu ul, .sf-menu-elect ul {
	position:		absolute;
	top:			-999em;
	width:			10em; /* left offset of submenus need to match (see below) */

}
.sf-menu ul li, .sf-menu-elect ul li {
	width:			100%;

}
.sf-menu li:hover, .sf-menu-elect li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li, .sf-menu-elect li {
	float:			left;
	position:		relative;
}
.sf-menu a, .sf-menu-elect a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul, .sf-menu-elect li:hover ul, 
.sf-menu li.sfHover ul, .sf-menu-elect li:sfHover ul {
	left:			0;
	top:			2.5em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul, ul.sf-menu-elect li:hover li ul, 
ul.sf-menu li.sfHover li ul, ul.sf-menu-elect li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu-elect li li:hover ul,
ul.sf-menu li li.sfHover ul, ul.sf-menu-elect li li:sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu-elect li li:hover li ul,
ul.sf-menu li li.sfHover li ul, ul.sf-menu-elect li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu-elect li li li:hover ul,
ul.sf-menu li li li.sfHover ul, ul.sf-menu-elect li li li.sfHover ul {
	left:			10em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu, .sf-menu-elect {
	float:			left;
}
.sf-menu a, .sf-menu-elect a {
	border-left: 1px solid #66c;
	text-decoration:none;
	padding: 0px;
	height: 55px;	
}

.sf-menu, .sf-menu a {
	height: 55px;
}
.sf-menu-elect, .sf-menu-elect a {
	height: 52px;
	overflow: hidden;
}

	

li span {display:none;}

.menu_homeandnews { background: url(/img/nav/home.png) no-repeat; width: 113px; height: 56px; }
.menu_aboutme { background: url(/img/nav/aboutme.png) no-repeat; width: 155px; height: 56px; }
.menu_issues { background: url(/img/nav/issues.png) no-repeat; width: 114px; height: 56px; }
.menu_events { background: url(/img/nav/events.png) no-repeat; width: 124px; height: 56px; }
.menu_wardinfo { background: url(/img/nav/wardinfo.png) no-repeat; width: 163px; height: 56px; }
.menu_contact { background: url(/img/nav/contact.png) no-repeat; width: 143px; height: 56px; }

li:hover .menu_homeandnews,
li:hover .menu_aboutme,
li:hover .menu_issues,
li:hover .menu_events,
li:hover .menu_wardinfo,
li:hover .menu_contact { 
	background-position: 0px -56px;
}

.current_homeandnews { background: url(/img/nav/home.png) no-repeat; width: 113px; height: 56px; background-position: 0px -112px;}
.current_aboutme { background: url(/img/nav/aboutme.png) no-repeat; width: 155px; height: 56px; background-position: 0px -112px;}
.current_issues { background: url(/img/nav/issues.png) no-repeat; width: 114px; height: 56px; background-position: 0px -112px;}
.current_events { background: url(/img/nav/events.png) no-repeat; width: 124px; height: 56px; background-position: 0px -112px;}
.current_wardinfo { background: url(/img/nav/wardinfo.png) no-repeat; width: 163px; height: 56px; background-position: 0px -112px;}
.current_contact { background: url(/img/nav/contact.png) no-repeat; width: 143px; height: 56px; background-position: 0px -112px;}

.election_home { background: url(/img/nav/election_home.png) no-repeat; width: 96px; height: 52px; }
.election_campaignnews { background: url(/img/nav/election_campaignnews.png) no-repeat; width: 225px; height: 52px; }
.election_aboutme { background: url(/img/nav/election_aboutme.png) no-repeat; width: 139px; height: 52px; }
.election_issues { background: url(/img/nav/election_issues.png) no-repeat; width: 97px; height: 52px; }
.election_events { background: url(/img/nav/election_events.png) no-repeat; width: 109px; height: 52px; }
.election_wardinfo { background: url(/img/nav/election_wardinfo.png) no-repeat; width: 156px; height: 52px; }
.election_supporters { background: url(/img/nav/election_supporters.png) no-repeat; width: 157px; height: 52px; }

li:hover .election_home,
li:hover .election_campaignnews,
li:hover .election_aboutme,
li:hover .election_issues,
li:hover .election_events,
li:hover .election_wardinfo,
li:hover .election_supporters { 
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

.current_election_home { background: url(/img/nav/election_home.png) no-repeat; width: 96px; height: 52px; background-position: 0px -52px;}
.current_election_campaignnews { background: url(/img/nav/election_campaignnews.png) no-repeat; width: 225px; height: 52px; background-position: 0px -52px;}
.current_election_aboutme { background: url(/img/nav/election_aboutme.png) no-repeat; width: 139px; height: 52px; background-position: 0px -52px;}
.current_election_issues { background: url(/img/nav/election_issues.png) no-repeat; width: 97px; height: 52px; background-position: 0px -52px;}
.current_election_events { background: url(/img/nav/election_events.png) no-repeat; width: 109px; height: 52px; background-position: 0px -52px;}
.current_election_wardinfo { background: url(/img/nav/election_wardinfo.png) no-repeat; width: 156px; height: 52px; background-position: 0px -52px;}
.current_election_supporters { background: url(/img/nav/election_supporters.png) no-repeat; width: 157px; height: 52px; background-position: 0px -52px;}

.sf-menu a, .sf-menu a:visited, .sf-menu-elect a, .sf-menu-elect a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#fff;
	text-transform: uppercase;
}
.sf-menu li, .sf-menu-elect li {
	background:		none;
}

.sf-menu a.current, .sf-menu-elect a.current {
	background: #a00;
}

.sf-menu li li, .sf-menu-elect li li {
	background:		#AABDE6;
}
.sf-menu li li li, .sf-menu-elect li li li {
	background:		#9AAEDB;
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { 
	outline:		0;
}

/* -------------------------- awesome buttons (zurb interactive) ------------------- */

.awesome, .awesome:visited {
	background: #222 url(/img/common/alert-overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
}
 
	.awesome:hover							{ background-color: #111; color: #fff; }
	.awesome:active							{ top: 1px; }
	.small.awesome, .small.awesome:visited 			{ font-size: 11px; padding: ; }
	.awesome, .awesome:visited,
	.medium.awesome, .medium.awesome:visited 		{ font-size: 13px; font-weight: bold; line-height: 1; text-shadow: 0 -1px 1px rgba(0,0,0,0.25); }
	.large.awesome, .large.awesome:visited 			{ font-size: 14px; padding: 8px 14px 9px; }
	
	.green.awesome, .green.awesome:visited		{ background-color: #91bd09; }
	.green.awesome:hover						{ background-color: #749a02; }
	.blue.awesome, .blue.awesome:visited		{ background-color: #2daebf; }
	.blue.awesome:hover							{ background-color: #007d9a; }
	.red.awesome, .red.awesome:visited			{ background-color: #e33100; }
	.red.awesome:hover							{ background-color: #872300; }
	.magenta.awesome, .magenta.awesome:visited		{ background-color: #a9014b; }
	.magenta.awesome:hover							{ background-color: #630030; }
	.orange.awesome, .orange.awesome:visited		{ background-color: #ff5c00; }
	.orange.awesome:hover							{ background-color: #d45500; }
	.yellow.awesome, .yellow.awesome:visited		{ background-color: #ffb515; }
	.yellow.awesome:hover							{ background-color: #fc9200; }


/* -------------------------- all link styling -------------------------------------- */

.single a:link, .single_full a:link {color: #c00; text-decoration: underline;}
.single a:visited, .single_full a:visited {color: #999; text-decoration: underline;}
.single a:hover, .single_full a:hover {color: #f00; text-decoration: underline;}
.single a:active, .single_full a:active {color: #f00; text-decoration: underline;}

.metadata a:link, .metadata a:visited {color: #222; text-decoration: none;}
.metadata a:hover, .metadata a:active {color: #c00; text-decoration: underline;}

.readmore a:link, .readmore a:visited {color: #fff; text-decoration: none;}
.readmore a:hover, .readmore a:active {color: #c60; text-decoration: none;}

.readmore_free a:link, .readmore_free a:visited {color: #fff; text-decoration: none; background: transparent;}
.readmore_free a:hover, .readmore_free a:active {color: #c60; text-decoration: none; background: transparent;}

h2.title a:link, h2.title a:visited,
h3.title a:link, h3.title a:visited,
h5.alt a:link, h5.alt a:visited,
h6.breadcrumbs a:link, h6.breadcrumbs a:visited {
	color:#000;
	background-color: transparent;
	text-decoration: none;
	}
	
h2.title a:hover, h2.title a:active,
h3.title a:hover, h3.title a:active,
h5.alt a:hover, h5.alt a:active,
h6.breadcrumbs a:hover, h6.breadcrumbs a:active {
	color: #c00;
	background-color: transparent;
	text-decoration: underline;
	}	


.category a:link,.category a:visited {
	color:#fff;
	padding:2px 5px 2px 5px;
	background:#3172B4;
	margin-left:10px;
}
	
.category a:hover{
	color:#fff;
}

#footer a:link , #footer a:visited{ color:#ccc; }
#footer a:hover { color:#eee; }

.notice a {
	color: #514721;
	text-decoration: underline;
}

a:link.edit, a:visited.edit	{font-style: italic; color: #999; text-decoration: none;}
a:hover.edit, a:active.edit {font-style: italic; color: #999; text-decoration: underline;}


#welcomebox a:link, #welcomebox a:visited { color: #65a2d3; }
#welcomebox a:hover, #welcomebox a:active { color: #fff; }

.paginate {font-weight: bold; text-transform: uppercase; font-family: Verdana, Arial, sans-serif; }
a:link.paginate, a:visited.paginate { color: #001798; text-decoration: none; }
a:hover.paginate, a:active.paginate { color: #f00; text-decoration: underline; }


/* yoxviewer CSS v. 1.9.5 - the new slideshow */

/* YoxView v1.92 CSS file */
#yoxview .yoxview_bottom{ bottom: 0; }
#yoxview .yoxview_right{ float: right; }
#yoxview .yoxview_left{ float: left; }

#yoxview
{
	position: absolute;
	font-family: Arial, Sans-Serif;
	z-index: 999;
	border: solid 1px #999;
	overflow: hidden;
	font-size: 10pt;
}
#yoxview a img{ border: none; }
#yoxview a:focus{ outline: none; }
#yoxview div.yoxview_imgPanel{ position: absolute; top: 0; left: 0; }
#yoxview div.yoxview_imgPanel div.yoxview_mediaPanel
{ 
	position: absolute; 
	top: 0; left: 0; 
	background: #191919; 
	width: 100%; 
	height: 100% 
}
#yoxview .yoxview_ctlBtn
{
	position: absolute; 
	z-index: 3;
	display: block;
	text-decoration: none;
	outline: none;
	width: 50%;
	height: 100%;
}
#yoxview .yoxview_ctlBtn img
{
	position: absolute;
	border: none;
	top: 50%;
	margin-top: -22px;
}
#yoxview a.yoxview_ctlBtn:focus, #yoxview a.yoxview_ctlBtn:active{ outline: none; outline: none;}
#yoxview .yoxview_notification
{
	width: 59px; 
	height: 59px; 
	position: absolute; 
	top: 50%; 
	left: 50%; 
	margin-top: -30px;
	margin-left: -30px;
	z-index: 4;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

#yoxview #yoxview_ajaxLoader img
{
	padding: 13px;
}
#yoxview .yoxview_popupBarPanel
{
	position: absolute;
	z-index: 4;
	min-height: 70px;
	width: 100%;
	right: 0;
}
#yoxview #yoxview_menuPanel
{ 
	width: 150px; 
	height: 42px; 
	padding-top: 0px;
	padding-right: 9px;
	position: absolute; 
	right: 0;
	background-image: url(images/sprites.png); 
	background-repeat: no-repeat;
	top: -42px;
}

#yoxview #yoxview_menuPanel a
{ 
	display: block; 
	width: 45px; 
	float: right; 
	text-align: center; 
	font-size: 0.8em; 
	position: relative;
	margin-top: -5px;
	padding-bottom: 13px;
	text-decoration: none;
	font-family: Arial, Sans-Serif;
}
#yoxview #yoxview_menuPanel a span{ color: White; display: block; margin-bottom: 3px;  }
#yoxview #yoxview_menuPanel a.last{ margin-left: 0; }
#yoxview #yoxview_menuPanel a:focus{ outline: none; }
#yoxview #yoxview_infoPanel
{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 0;
}
#yoxview #yoxview_infoPanelBack
{
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
	left: 0;
	top: 0;
}
#yoxview #yoxview_infoPanelContent
{
	position: absolute;
	width: 100%;
	z-index: 2;
	top: 0;
	left: 0;
	color: White;
}
#yoxview #yoxview_infoPanelContent span#yoxview_count
{
	display: block;
	width: 55px;
	font-size: 0.8em;
	float: left;
	text-align: center;
	padding-top: 8px;
	color: #bbb;
}
#yoxview #yoxview_infoPanelContent #yoxview_infoText
{
	margin: 0 55px;
	font-size: 12pt;
	padding: 5px 0;
}
#yoxview #yoxview_infoPanelContent #yoxview_infoText #yoxview_infoTextDescription
{
	margin-top: 1em;
	font-size: 10pt;
	padding-bottom: 0.5em;
	max-height: 200px;
	overflow: auto;
	padding-right: 10px;
}
#yoxview #yoxview_infoPanelContent #yoxview_infoText a{ color: #a7d557; text-decoration: none; outline: none; }
#yoxview #yoxview_infoPanelContent #yoxview_infoText a:hover{ color: #d5eeaa }
#yoxview #yoxview_infoPanel a.yoxviewInfoLink
{
	display: none;
	opacity: 0.8;
	float: right;
	margin-right: 5px;
	margin-top: 5px;
}
#yoxview #yoxview_infoPanel a.yoxviewInfoLink:hover{ opacity: 1 }
#yoxview #yoxview_helpPanel
{
	display: none;
	width: 201px;
	height: 312px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -171px;
	margin-left: -111px;
	z-index: 5;
	color: White;
	padding: 20px;
	padding-top: 10px;
	cursor: pointer;
}
#yoxview #yoxview_helpPanel h1{ font-family: Arial Black, Arial, Sans-Serif; font-size: 1em; }
#yoxview #yoxview_helpPanel p{ margin-top: 80px; }
#yoxview #yoxview_helpPanel span#yoxview_closeHelp{ display: block; position: absolute; bottom: 20px; left: 0; text-align: center; width: 100%; }
#yoxview .yoxview_error
{
	display: block;
	text-align: center;
	color: White;
	font-family: Arial, Sans-Serif;
	font-size: 14pt;
	top: 41%;
	width: 100%;
	height: 20%;
	position: absolute;
	padding: 10px;
}
#yoxview .yoxview_error .errorUrl
{
	font-size: 10pt;
}
#yoxview .yoxview_top{ top: 0; width: 50%; }

.yoxview-thumbnails a
{
	float: left;
	margin: 4px;
	/* For thumbnails opacity: */
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.yoxview-thumbnails a:hover
{
	/* For thumbnails opacity: */
	opacity: 1;
	filter: alpha(opacity=100);
}
.yoxview-thumbnails a img
{ 
	/* Set white borders around the thumbnails, instead of the browser's default Blue: */
	border: solid 1px #ffffff;
}
.yoxview-thumbnails-details{ margin-bottom: 1em; }
.yoxview-thumbnails-details h2{ margin-bottom: 0; padding: 0; font-size: 1.2em; font-weight: bold;}