/* ===================================================

CSS for Towards One Planet Living in Sutton website - v1.1

Author: 		Whitespace Design
Contact: 		emily@whitespacedesign.co.uk
Website: 		http://www.whitespacedesign.co.uk
created: 		January 2008

=================================================== */
@import url("opl_clientside.css");

/*====================== resets =====================*/

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,table,td,tr,th
	{margin:0; padding:0 }

h1,h2,h3,h4,h5,h6,pre,code,input,textarea {font-size:1em;font-weight: normal;}

a img,:link img,:visited img { border:none;}

:link,:visited { text-decoration:none;}

ul, form ol { list-style:none;}

address {font-style: normal;}

#mainNav ul li a span,
.screenreader {
	position : absolute;
    top : -9000px;
    left : -9000px;
    }

.imageReplace {text-indent: -9000px;}

.clearfix:after,
div.actionContent div:after,
div.batchBar:after,
div#tableContainer:after,
#leftCol form p:after { /* makes float container block clear floated blocks inside it */
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}

/* Hides from IE-mac \*/
* html .clearfix,
* html div.actionContent div,
* html div.batchBar,
* html div#tableContainer,
* html #leftCol form fieldset p {height: 1%;} /* fix for about clearfix for IE PC */
/* End hide from IE-mac */

.hidden {display: none;}
acronym {border-bottom: 1px dotted #000;}
.clear {clear:both;}



/*====================== universals =====================*/

body {
	text-align: center;
	font: 75% helvetica, sans-serif; /* reset font size to 12px; */
	background: #FFFFFF;
	color: #333333;
	}

#topbar {
	width: 100%;
	background-color: #7B4100;
	}

#loginNav {
	width: 800px;
	margin: 0 auto;
	}
	
#options {
	float: right;
	color: #E3D0BA;
	font-size: 1.1em;
	padding: 6px 0;
	}
#loginNav a {
	color: #FFFFFF;
	}
#loginNav a:hover {color: #D78F3E;}

#yourProfile #loginNav a#partnersNavEditProfile,
.login #loginNav a#publicNavLogIn,
.register #loginNav a#publicNavRegister,
#documents #loginNav a#partnersNavDocuments,
#contacts #loginNav a#partnersNavContacts {color: #D78F3E;}

#global {
	position: relative;
	width: 800px;
	margin: 0 auto 20px auto;
	text-align: left;
	}

#header {
	float: left;
	position: relative;
	width: 800px;
	height: 190px;
	background: #76AEDD url(../graphics/header_bg_withtitle.jpg) no-repeat 0 0;
	}

#logo {
	float: left;
	margin: 5px 0 0 10px;
	}
#siteTitle {
	position: absolute;
	bottom: 5px;
	left: 10px;
	width: 650px;
	color: #FFFFFF;
	font-size: 1.3em;
	letter-spacing:.045em;
	width: 323px;
	}
	
#mainContent {
	float: left;
	margin: 10px 0 0 0;
	}

#leftCol {
	float: left;
	width: 640px;
	margin: 10px 0 0 0;
	}
	
#rightCol {
	float: left;
	width: 150px;
	margin: 0 0 0 10px;
	display:inline;
	}
	
#wideCol {
	float: left;
	width: 800px;
	}
	
	
	

/*====================== nav styles =====================*/

div#mainNav {
	width: 150px;
	float: right;
	margin: 5px 0 0 0;
	}

div#mainNav ul {
	width: 145px;
	}

div#mainNav ul li {
	width: 145px;
	margin: 0 0 5px 0;
	}

div#mainNav ul li a {
	display: block;
	width: 145px;
	height: 40px;
	background: transparent url(../graphics/mainNav.png) no-repeat 0 0;
	text-align: center;
	font-size: 1.2em;
	color: #7B4100;
	line-height: 40px;
	}
div#mainNav ul li a:hover {
	background: transparent url(../graphics/mainNav.png) no-repeat 0 -40px;
	}
#home div#mainNav ul li.navHome a,
#about div#mainNav ul li.navAbout a,
#challenge div#mainNav ul li.navChallenge a,
#hackbridge div#mainNav ul li.navHackbridge a {
	background: transparent url(../graphics/mainNav.png) no-repeat 0 -80px;
	color: #FFFFFF;
	}

	
	
	
/*===================== text styles =====================*/
	
h1,
#homepageHeader {
	font-size: 2.25em; /* 27px */
	line-height: 1em;
	margin: 0 0 10px 10px;
	color: #333;
	}

#wideContainer h2,
#leftCol h2,
#hackbridge #leftCol h2,
#credits h2 {
	font-size: 1.667em; /* 20px */
	line-height: 1em;
	margin: 0 0 10px 10px;
	padding-top: 10px;
	}

#hackbridge #leftCol h2,
#credits h2,
#events h2 {
	padding-top: 0px;
	}
	
.principleAbout h4,
#yourProfile h3,
#hackbridge h3,
#credits h3,
#ideas h3,
#about h3,
#events h3 {
	margin: 0px 0 10px 10px;
	font-size:1.333em;
	line-height: 1.125em;
	font-weight: bold;
	}
	
#ideas h3 {
	font-weight: normal;
	}
	
#videoBox h3 {
	margin: 0px 0 0px 10px;
	}

#hackbridge h4,
#events h4,
#home h3,
h5 {
	font-size:1.167em; /* 14px */
	line-height: 1.286em;
	font-weight: bold;
	color: #333;
	margin: 10px 0 10px 10px;
}
	
#leftCol p,
#credits #leftCol ul,
#leftCol ul.standard,
p.loginMessg {
	font-size: 1.167em; /* 14px */
	line-height: 1.286em;
	margin: 0 10px 10px 10px;
	color: #333;
	}

	
#leftCol p.smaller {
	font-size: 1em;
	}
	
object {
	margin-left: 10px;
	}
	
#leftCol ul.standard,
#credits #leftCol ul {
	list-style: disc;
	padding-left: 12px;
	}
	
#leftCol p.intro {
	font-size: 1.5em; /* 18px */
	line-height: 1.167em; /* 21px */
	font-weight: bold;
	margin-top: 10px;
	}
	
#leftCol a {
	color: #7B4100;
	}
#leftCol a:hover {
	text-decoration: underline;
	}

#leftCol a.nostyle,
#leftCol a.nostyle:hover {
	color: #333;
	text-decoration: none;
	}
	
#leftCol ol {
	font-size: 1.2em;
	margin: 0 0 20px 40px;
	line-height: 1.2em;
	color: #333333;
	}


#leftCol p.noActions {
	clear: both;
	margin-top: 10px;
	}
/*==================== images ===================*/

.imageContainer {
	position: relative;
	width: 310px;
	float:left;
	margin: 0 10px 10px 10px;
	}

.imageContainer span {
	display: block;
	width: 310px;
	height: 7px;
	position: absolute;
	overflow: hidden;
	}

.imageContainer span.imageCornersTop {
	top: 0;
	background: transparent url(../graphics/image_corners_top.gif) no-repeat 0 0;
	}

.imageContainer span.imageCornersBottom {
	bottom: 0;
	background: transparent url(../graphics/image_corners_bottom.gif) no-repeat 0 0;
	}
	
	
#principleContainer .illustrations img {
	float: none;
	margin: 0px;
	}
	
.illustrations {
	position: relative;
	margin: 0px 0px 5px 5px;
	padding: 0;
	float: right;
	text-align: center;
	}

.imageTopCorners,
.imageBottomCorners {
	position: absolute;
	margin: 0;
	width: 139px;
	height: 4px;
	}

.imageTopCorners {
	background: transparent url(../graphics/imagecorners_top1.gif) 0 0 no-repeat;  
	}

.imageBottomCorners {
	background: transparent url(../graphics/imagecorners_bottom1.gif) 0 bottom no-repeat;
	bottom: 0;
	}
	
* html .imageBottomCorners {
	margin-bottom: 3px; /* Fix double float margin in IE6 */
	}	


/*==================== forms ====================*/

#leftCol form {
	padding: 10px 0;
	line-height: 1.2em;
	width: 638px;
	border-left: 1px solid #464646;
	border-right: 1px solid #464646;
	}
	
div#formTop,
div#formBottom {
	width: 640px;
	height: 7px;
	overflow: hidden;
	}
div#formTop {
	background: #FFFFFF url(../graphics/form_top.gif) no-repeat 0 0;
	}
div#formBottom {
	background: #FFFFFF url(../graphics/form_bottom.gif) no-repeat 0 0;
	}

div#ideaForm form p,
#leftCol form p {
	float: left;
	clear: both;
	width: 618px;
	display: inline; /* IE double margin bug fix */
	}
	
div#ideaForm form p {
	width: 578px;
	}

div#ideaForm form label,
#leftCol form label {
	display: block;
	float: left;
	clear: left;
	width: 150px;
	color: #666666;
	}

div#ideaForm form fieldset,
#leftCol form fieldset {
	border: 0;
	}

div#ideaForm form fieldset legend,	
#leftCol form fieldset legend {
	position: absolute;
	margin: -9000px 0 0 -9000px;
    }
	
#leftCol form fieldset input {
	float: left;
	border: 1px solid #000000;
	width: 150px;
	margin: 0 0 5px 0;
	}
#leftCol form fieldset input.wide {
	width: 300px;
	}

div#ideaForm form fieldset textarea,
#leftCol form fieldset textarea {
	float: left;
	border: 1px solid #000000;
	width: 300px;
	margin: 0 0 5px 0;
	}

div#ideaForm form fieldset input.submit,
#leftCol form fieldset input.submit {
	clear: left;
	border: 0;
	padding: 0 22px 0 0;
	background: #FFFFFF url(../graphics/submit.gif) no-repeat right center;
	color: #B7BE1A;
	width: auto; /* cancels input width so bg image appears after text */
	overflow:visible; /* required to make auto width work in IE */
	}
	
div#ideaForm form fieldset input.submit:hover,
#leftCol form fieldset input.submit:hover {
	color: #000000;
	}
	
#leftCol form fieldset p small {
	padding: 0 0 5px 150px;
	color: #666666;
	line-height: .9em;
	clear: left;
	float: left;
	width: 400px;
	}
	
#leftCol form fieldset p label small {
	padding: 0px;
	width: 150px;
	}

#leftCol form fieldset span.inputBlock {
	display: block;
	width: 300px;
	float: left;
	}
	
#leftCol form fieldset span.inputBlock small {
	padding-left: 0px;
	}
	
#leftCol form fieldset a img { /* calendar icon */
	margin: 0 0 0 5px;
	}
	
#leftCol form select {
	width: 300px;
	}
	
.nestedFieldset {
	clear: both;
	margin: 0 0 10px 10px;
	
	}
.nestedFieldset legend {
	position: static !important;
	margin: 0 0 5px 0 !important;
	font-size: 1.2em;
	color: #666666;
	}
	
#leftCol form .nestedFieldset label {
	float: left;
	width: 300px;
	margin: 0 0 0 150px;
	}
	
.nestedFieldset input {
	width: auto !important;
	}

#yourProfile.register #leftCol form .nestedFieldset ol.checkboxList label {
	margin-left: 0px;	
	}
	
.nestedFieldset ol.checkboxList li {
	clear: left;
	}

#leftCol ol.checkboxList {
	margin: 0 0 0 150px;	
	}
	
#leftCol form fieldset ol.checkboxList input {
	border: none;
	}
	
.required {color: #41A22C;}

.incomplete {
	padding: 8px 0;
	background-color: #ebedb6;
	border: 1px solid #B7BE1A;
	float: left;
	width: 616px;
	}

#leftCol form p.indent {
	margin-left: 160px;
	width: 428px;
	}



/*==================== tables ====================*/

div#tableContainer {
	width: 638px;
	border-right: 1px solid #464646;
	border-left: 1px solid #464646;
	}
div#tableBottom,
div#tableTop {
	width: 640px;
	height: 7px;
	}
div#tableTop {
	background: #FFFFFF url(../graphics/form_top.gif) no-repeat 0 0;
	}
div#tableBottom {
	background: #FFFFFF url(../graphics/form_bottom.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	}

table {
	margin: 3px 0 3px 10px;
	width: 618px;
	border-top: 1px solid #666666;
	border-left: 1px solid  #666666;
	color: #333;
	}

table th {
	background-color: #F2F2F2;
	text-align: left;
	padding: 5px 0px 5px 5px;
	}	

table#flickr_badge_uber_wrapper,
table#flickr_badge_uber_wrapper table {
	width: 150px;
	border: none;
	float: right;
	clear: right;
	}

table th span {
	font-weight: normal;
	}
	
table th,
table td {
	border-right: 1px solid #666666;
	border-bottom: 1px solid  #666666;
	}
	
table#flickr_badge_uber_wrapper th,
table#flickr_badge_uber_wrapper td {
	border: none;
	}

div.sortButton {
	display: inline;
	padding-left: 5px;
	}

table td,
table.contactsTable th {
	vertical-align: top;
	line-height: 1.2em;
	}
	
table.documentsTable th.col1 { width: 220px; }
table.documentsTable th.col2 { width: 100px; }
table.documentsTable th.col3 { width: 90px; }
table.documentsTable th.col4 { width: 100px; }
table.documentsTable th.col5 { width: 110px; }

table.documentsTable td.col1 { width: 210px; padding: 5px; }
table.documentsTable td.col2,
table.documentsTable td.col3,
table.documentsTable td.col4,
table.documentsTable td.col5 { width: 90px; padding: 5px; }

table.documentsTable td.col1 a { display: block; padding-bottom: 5px; }

table.contactsTable td { padding: 5px; }

table.contactsTable th.col1 { width: 300px; }

#leftCol .vcard p {
	margin-bottom: 5px;
	}






/*==================== homepage ====================*/

#upcomingEvents {
	float: left;
	width: 630px;
	margin: 10px 0 0 10px;
	border-top: 2px solid #7B4100;display:inline;
	}

#upcomingEvents h2 {
	float: left;
	width: 630px;
	font-weight: bold;
	font-size: 1.4em;
	margin: 0 0 10px 0;
	}

#upcomingEvents div {
	float: left;
	width: 150px;
	margin: 0 0 0 10px;
	}
#upcomingEvents div#upcomingEvent1 {
	margin: 0;
	}

#upcomingEvents div h3 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin: 2px 0 4px 0;
	}

#upcomingEvents p {
	margin: 0;
	font-size: 1em;
	}
#upcomingEvents div p.date {
	color: #666666;
	font-size: 1em;
	}

#home #upcomingEvents p.moreLink {
	float: left; 
	clear: left; 
	margin-top: 5px;
	width: 600px;
}


/*==================== context nav ====================*/
	
#home div#ideasButton b {
	color: #41A22C;
	font-size: 1.3em;
	font-weight: normal;
	}
	
div.activityButton h2 a {
	display: block;
	color: #41A22C;
	font-size: 2em;
	padding: 10px 0 10px 10px;
	border-bottom: 1px solid #FFFFFF;
	background: #F2F2F2 url(../graphics/grey_curves_top.gif) no-repeat 0 0;
	}
div.activityButton h2 a:hover {
	color: #405900;
	}
#home div.activityButton b {
	color: #41A22C;
	font-size: 1.3em;
	font-weight: normal;
	}
div.activityButton {
	margin: 0px 0 10px 0;
	padding-bottom: 10px;
	background: #F2F2F2 url(../graphics/grey_curves_bottom.gif) no-repeat 0 bottom;
	}
#rightCol div p.ideaAuthor {
	color: #999999;
	font-style: italic;
	}	

div#polButton {
	margin: 10px 0 0 0;
	padding-bottom: 10px;
	background: #D3D3D3 url(../graphics/grey_curves_dark_bottom.gif) no-repeat 0 bottom;
	}
div#polButton h2 {
	display: block;
	color: #FFF;
	font-size: 2em;
	padding: 10px 0 10px 10px;
	background: #D3D3D3 url(../graphics/grey_curves_dark_top.gif) no-repeat 0 0;
	}
div#polButton form {margin: 0 0 0 10px;}
div#polButton form label {display: block;}
div#polButton form input.submit {
	background: #D3D3D3 url(../graphics/submit_polbutton.gif) no-repeat right center;
	padding: 4px 22px 0 0;
	width: auto;
	border: 0;
	}
	
	
	
div#sapButton {
	margin-bottom: 10px;
	}
	
div#sapButton a {
	display: block;
	height: 55px;
	width: 150px;
	background: #41A22C url(../graphics/sap_button.gif) no-repeat 0 0;
	color: #FFFFFF;
	font-size:1.333em;
	line-height: 1.125em;
	text-align: center;
	padding-top: 27px;
	}
	
div#sapButton a span {
	border: 1px solid #fff;
	}
	
div#sapButton a:hover {
	background: #333 url(../graphics/sap_button.gif) no-repeat 0 -82px;
	}

div.contextButton {
	margin: 10px 0 10px 0;
	padding-bottom: 10px;
	color: #41A22C;
	font-size: 2em;
	background: #F2F2F2 url(../graphics/grey_curves_bottom.gif) no-repeat 0 bottom;
	}
	
div.contextButton a {
	display: block;
	color: #41A22C;
	padding: 20px 0 10px 10px;
	background: #F2F2F2 url(../graphics/grey_curves_top.gif) no-repeat 0 0;
	}	
	
div.contextButton.smallButton a {
	font-size:0.583em;
	line-height: 1.286em;
	}
	
#rightCol div p {
	line-height: 1.2em;
	width: 135px;
	margin: 5px 5px 5px 10px;
	}
#rightCol div p a {color: #41A22C;}
	
div.contextButton a:hover,
#rightCol div p a:hover {
	color: #405900;
	}

/*===================== your profile =====================*/

#profileIdeas p span {
	display: block;
	text-align: right;
	font-size: .9em;
	}
/*
div#profileIdeas,
div#profileVotes,
div#profileEvents {
	
	}


#leftCol form {
	padding: 10px 0;
	line-height: 1.2em;
	width: 638px;
	border-left: 1px solid #464646;
	border-right: 1px solid #464646;
	}
	
div#formTop,
div#formBottom {
	width: 640px;
	height: 7px;
	overflow: hidden;
	}
div#formTop {
	background: #FFFFFF url(../graphics/form_top.gif) no-repeat 0 0;
	}
div#formBottom {
	background: #FFFFFF url(../graphics/form_bottom.gif) no-repeat 0 0;
	}*/


/*===================== about =====================*/

#leftCol div#contactInfo {
	color: #333;
	width: 630px;
	}
#leftCol div#contactInfo h2 {
	width: 630px;
	}
#leftCol div#contactInfo p,
#leftCol div#contactInfo address {
	float: left;
	width: 300px;
	margin-left: 10px;
	}
#leftCol div#contactInfo address {
	font-size: 1.167em; /* 14px */
	line-height: 1.286em;
	}
#about h2 {
	padding-top:20px;
	}

#partnerListing div {margin: 0 0 10px 0;}
#partnerListing div img {
	float: right;
	padding: 0 0 10px 10px;
	}

/*===================== centered images in floated boxes =====================*/

#funderListing {
	width: 620px;
	}
	
#funderListing div {
	float: left;
	margin: 0 0px 10px 0;
}


#funderListing a {
	display: table-cell;
	height: 120px;
	width: 140px;
	text-align: center; /* qui e non su precedente, iCab */
	vertical-align: middle;
}

#funderListing div.wide a {
	width: 166px;
	}
	
#funderListing img {
	vertical-align: middle;
}
/*\*//*/
#funderListing a {
	display: block;
}
#funderListing span {
	display: inline-block;
	vertical-align: middle;
	height: 100%;
	width: 1px;
}
#funderListing a {
	font-size: 1px;
}
/* non serve solito shift background-position: 11px 11px per IE/Mac, forse perche' su inline-block? */
#funderListing div {
	border-collapse: collapse; /* Op7 */
}
.clear {
	clear: both;
	margin: 0;
	padding: 1em 0;
}



/*===================== events =====================*/

div.event {
	float: left;
	width: 620px;
	margin: 0 0 10px 10px;
	padding-top: 7px;
	display: inline;
	background: #FFFFFF url(../graphics/event_bg_top.gif) no-repeat 0 0;
	color: #333
	}

div.event div {
	width: 620px;
	background: #FFFFFF url(../graphics/event_bg_bottom.gif) no-repeat 0 bottom;
	padding-bottom: 7px;
	}

#events div.event h3,
#contacts div.event h3,
#yourProfile div.event h3 {
	font-size:1.333em;
	line-height: 1.125em;
	padding: .375em 0 .375em 10px;
	margin: 0 1px;
	background-color: #F6F6F6;
	border-bottom: 1px solid #E3E3E3;
	font-weight: normal;
	}

div.event span.date {
	font-size: 1em;
	line-height: 1.5em;
	float: right;
	padding: .6em 5px 0 0;
	display: inline;
	}
	
div.event span.date {
	font-size: 1em;
	line-height: 1.5em;
	float: right;
	padding: .6em 5px 0 0;
	display: inline;
	}
	
#events p.date {
	font-size: 1em;
	line-height: 1.5em;
	float: right;
	padding: .3em 5px 0 0;
	display: inline;
	}
	
#leftCol div.event p {
	font-size:1.083em;
	margin-top: 10px;
	width: 600px;
	}
#leftCol div.event p.eventExtraInfo {
	color: #666666;
	margin: 0 0 0 10px;
	}
p.eventExtraInfo a {
	padding-right: 15px;
	margin-right: 10px;
	}
p.eventExtraInfo a.Carbon {
	background: #FFFFFF url(../graphics/whichPrinciple1.gif) no-repeat right top;
	color: #E06C02 !important;
	}
p.eventExtraInfo a.Waste {
	background: #FFFFFF url(../graphics/whichPrinciple2.gif) no-repeat right top;
	color: #8F3935 !important;
	}
p.eventExtraInfo a.Transport {
	background: #FFFFFF url(../graphics/whichPrinciple3.gif) no-repeat right top;
	color: #AD006C !important;
	}
p.eventExtraInfo a.Materials {
	background: #FFFFFF url(../graphics/whichPrinciple4.gif) no-repeat right top;
	color: #5A294D !important;
	}
p.eventExtraInfo a.Food {
	background: #FFFFFF url(../graphics/whichPrinciple5.gif) no-repeat right top;
	color: #7532AA !important;
	}
p.eventExtraInfo a.Water {
	background: #FFFFFF url(../graphics/whichPrinciple6.gif) no-repeat right top;
	color: #3771D3 !important;
	}
p.eventExtraInfo a.Wildlife {
	background: #FFFFFF url(../graphics/whichPrinciple7.gif) no-repeat right top;
	color: #074B85 !important;
	}
p.eventExtraInfo a.Heritage {
	background: #FFFFFF url(../graphics/whichPrinciple8.gif) no-repeat right top;
	color: #326055 !important;
	}
p.eventExtraInfo a.Trade {
	background: #FFFFFF url(../graphics/whichPrinciple9.gif) no-repeat right top;
	color: #41A22C !important;
	}
p.eventExtraInfo a.Happiness {
	background: #FFFFFF url(../graphics/whichPrinciple10.gif) no-repeat right top;
	color: #FFB600;
	}




/*===================== ideas =====================*/

#ideas h2 {padding-top: 0;}

div#wideContainerTop,
div#wideContainerBottom {
	float: left;
	width: 801px; /* this div is 1px larger than it should be to fix a bug in IE6 that made divs above get pushed down, go figure */
	height: 7px;
	overflow: hidden;
	}
div#wideContainerTop {
	margin-top: 10px;
	background: #FFFFFF url(../graphics/ideas_top.gif) no-repeat 0 0;
	}
div#wideContainerBottom {
	background: #FFFFFF url(../graphics/ideas_bottom.gif) no-repeat 0 0;
	}
	
div#wideContainer {
	width: 638px;
	border-left: 1px solid #464646;
	border-right: 1px solid #464646;
	padding-top: 10px;
	}

div#subLeftCol {
	float: left;
	width: 480px;
	margin: 0 0 10px 0;
	}

div.idea {
	width: 470px;
	color: #333;
	margin: 0 0 10px 10px;
	padding-top: 10px;
	background: #FFFFFF url(../graphics/idea_top.gif) no-repeat 0 0;
	}
div.idea div {
	padding: 0 10px 10px 0;
	background: transparent url(../graphics/idea_bottom.gif) no-repeat 0 bottom;
	}

#leftCol div.idea span.date {
	font-size: 1em;
	display: block;
	padding: 0 0 10px 10px;
	color: #666;
	}
#leftCol div.idea p.eventExtraInfo {
	color: #666;
	font-size: 1em;
	margin-bottom: 0px;
	padding-top: 0px;
	}

div#subRightCol {
	float: left;
	width: 140px;
	margin: 0 0 10px 10px;
	display: inline;
	}
div#subRightCol h2 {margin-left: 0;}

div.vote {
	background: #F1F1F1 url(../graphics/greyTop140.gif) no-repeat 0 0;
	margin-bottom: 10px;
	}
div.voteBottom {
	background: #F1F1F1 url(../graphics/greyBottom140.gif) no-repeat 0 0;
	height: 7px;
	}

#pollsContainer div.vote {
	width: 300px;
	float: left;
	margin-left: 10px;
	background: #F1F1F1 url(../graphics/greyTop300.gif) no-repeat 0 0;
	}
	
#pollsContainer div.voteBottom {background: #F1F1F1 url(../graphics/greyBottom300.gif) no-repeat 0 0;}
	
#leftCol div.vote p {
	padding: 10px 5px 0 0;
	font-size: 1em;
	line-height: 1.2em;
	}
#leftCol div.vote p.subscript {
	padding: 0 10px 0 0;
	color: #41A22C;
	}
	
#leftCol div.vote a {
	color: #41A22C;
	text-decoration: underline;
	}

#leftCol div.vote form {
	border: 0;
	padding: 0;
	margin: 10px 0 10px 10px;
	width: 130px;
	}
#leftCol div.vote form label {
	padding-right: 10px;
	float: none;
	width: 120px;
	}

div#ideaForm {
	float: left;
	width: 458px;
	padding-top: 10px;
	margin: 10px 0 10px 10px;
	display: inline; /* IE double margin fix */
	}
	
div#ideaForm h2 {
	margin-left: 0;
	}
div#ideaForm form {
	width: 598px;
	line-height: 1.2em;
	border-left: 1px solid #464646;
	border-right: 1px solid #464646;
	padding: 10px;
	}
	
div#formTop620,
div#formBottom620 {
	width: 620px;
	height: 7px;
	overflow: hidden;
	}
div#formTop620 {
	background: #FFFFFF url(../graphics/form_top620.gif) no-repeat 0 0;
	}
div#formBottom620 {
	background: #FFFFFF url(../graphics/form_bottom620.gif) no-repeat 0 0;
	margin: 0 0 10px 0;
	}
/* additional styling for this form in the form section */

p#morePolls {
	margin: 10px 0 0 0;
	padding-bottom: 10px;
	background: #F2F2F2 url(../graphics/greyBottom140.gif) no-repeat 0 bottom;
	}
	
p#morePolls a {
	display: block;
	color: #41A22C;
	font-size: 1.4em;
	padding: 20px 0 10px 10px;
	background: #F2F2F2 url(../graphics/greyTop140.gif) no-repeat 0 0;
	}	
p#morePolls a:hover {color: #405900;text-decoration: none;}




/*===================== pagination nav =====================*/

div.batchBar {
	margin: 0 0 10px 10px;
	width: 458px;
	}
	
div.batchBar span {
	float: left;
	line-height: 24px;
	color: #333;
	}

ul.pagination {
	width: auto;
	}
ul.pagination li {
	float: left;
	background: #FFF url(../graphics/paginationL.gif) no-repeat 0 0;
	padding-left: 10px;
	margin-left: 5px;

	}
	
ul.pagination li a {
	display:block;
	float: left;
	height: 24px;
	line-height: 24px;
	background: #FFF url(../graphics/paginationR.gif) no-repeat right 0;
	padding-right: 10px;
	color: #41A22C !important;
	}
ul.pagination li a:hover,
ul.pagination li a.pageOn {
	color: #333 !important;
	text-decoration: none !important;
	}

ul.pagination li a.pageOn {
	cursor: default;
	}

	
/*===================== footer =====================*/
	
#footer {
	float: left;
	width: 800px;
	margin: 10px 0;
	padding: 0 0 0 0;
	color: #A7A6A4;
	}
	
#footer ul {
	float: right;
	width: 650px;
	margin: 5px 0 0 0;
	}
#footer ul li {
	float: right;
	margin-left: 15px;
	}
#footer ul li a {
	font-size: 1.1em;
	color: #A7A6A4;
	}
#footer ul li a:hover {
	color: #000000;
	}
	
#footer p {
	font-size: 1.1em;
	margin: 5px 0 0 0;
	float: left;
	}
	
/*===================== footer =====================*/

#flickr_badge_source_txt {padding:0; font: 11px Arial, Helvetica, Sans serif; color:#666666;}
#flickr_badge_icon {display:block !important; margin:0 !important; border: 1px solid rgb(0, 0, 0) !important;}
#flickr_icon_td {padding:0 0px 0 0 !important;}
.flickr_badge_image {text-align:center !important;}
.flickr_badge_image img {float: left; width: 70px; padding: 0 3px 5px 2px;}
#flickr_badge_uber_wrapper {width:150px; float: right; clear: both;}
#flickr_www {display:block; text-align:center; padding:0 10px 0 10px !important; font: 11px Arial, Helvetica, Sans serif !important; color:#3993ff !important;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {background-color:#ffffff;border: solid 1px #000000}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}