/*---- Sony PlayStation Heroes CSS ----*/
/*   This document uses the following conventions: 
     1. Headings use the '-' character to denote hierarchy:
        /*----  >  Level 0
        /*---   >  Level 1
        /*--    >  Level 2
        /*-     >  Level 3
        /*      >  Level 4
        
        
        
/*--- General ---*/
body { margin: 0; padding: 0; background: #fbfcfe url("/assets/img/css/bg.jpg") no-repeat center top; }


/*-- Page structure --*/
div#pageWrap {
	min-height: 700px;
	padding-bottom: 503px;
	background: url("/assets/img/css/bg-footer.jpg") no-repeat center bottom;
}
div#header,
div#contentAreas,
div#footer { clear: both; font-size: 1.2em; }
div#header,
div#contentAreas {
	width: 890px;
	margin: 0 auto;
	padding: 0 20px 20px;
	position: relative;
}
div#mainContentArea { 
	padding: 20px;
	width: 600px; 
	margin-right: 20px; 
	float: left; 
	background: #85bef6;
	margin-bottom: 20px;
}
div#mainContentArea.swapped { 
	margin-right: 0;
}
div#secondaryContentArea { 
	padding: 20px;
	width: 190px; 
	float: left; 
	background: #0080ff;
	margin-bottom: 20px;
}


/*-- Basic styles --*/
body, input, select, textarea {
	font-family: Arial, Helvetica, sans-serif;
}
body { 	
	font-size: 62.5%;
	color: white;
}
input, select, textarea {
	font-size: 1em;
}
h1 { margin: 0 0 10px; font-size: 2.5em; }
h2 { margin-top: 15px; font-size: 1.6em; }
h3 { font-size: 1em; margin-bottom: 0.5em; }
a { color: white; }
a:hover { color: #f06; }
a:focus,
a:active { color: #ff0;  outline: none; }
textarea:focus,
textarea:active,
input:focus,
input:active,
select:focus,
select:active {
	border: 2px solid #ff0; 
}
ul.skipLinks,
.structuralContent,
.hidden { position: absolute; left: -9999px; }
.default { color:#7c9daf; }
img { border: none; }
p.importantMessage { margin-top: 0; color: #369; font-size: 1.3em; }



/*--- Header ---*/
div#header {
	min-height: 160px;
	background: url("/assets/img/css/ropes.gif") no-repeat center top;
	z-index: 2;
}


/*-- Company information --*/
div#companyInfo {
	padding: 0 0 77px 0; 
}
div#companyInfo div#companyInfoTagline { position: absolute; left: -9999px; }


/*-- Language selector --*/
div#languageSelector {
	position: absolute;
	top: 25px;
	left: 132px;
	font-size: 0.9em;
}
div#languageSelector p { margin: 0; line-height: 1em; }
div#languageSelector p.currentLanguage { padding: 0 0 0 25px; float: left; }
div#languageSelector select { margin-right: 15px;  float: left; }
div#languageSelector input { float: left; }
/* These get inserted by JavaScript */
div#languageSelector p#languageSelectButton { margin-top: 0; float: left; border-left: 1px solid white; margin-left: 5px; padding-left: 5px; }
div#languageSelector p#languageSelectButton a { text-decoration: none; }
div#languageSelector p#languageSelectButton a:hover { text-decoration: underline; } 
div#languageSelectorList { display: none; }
div#languageSelectorList.on {
	position: absolute;
	top: 2em;
	left: -15px;
	width: auto;
	min-width: 22em;
	padding: 15px; 
	display: block;
	background: white;
	-moz-border-radius: 5px; 
	-webket-border-radius: 5px; 
	border-radius: 5px; 
	z-index: 100;
}
div#languageSelectorList.on a { color: black; text-decoration: none; }
div#languageSelectorList.on a:hover { color: #f06; text-decoration: underline; }
div#languageSelectorList ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
div#languageSelectorList ul li { margin-bottom: 0.4em; font-size: 1.1em; }
div#languageSelector p.currentLanguage,
div#languageSelectorList ul li {
	background-repeat: no-repeat;
	background-position: left center;
}
div#languageSelectorList ul li a {
	padding-left: 25px;
}
div#languageSelector .ae-ae { background-image: url("/assets/img/css/flag-ae-ae.gif"); }
div#languageSelector .at-at { background-image: url("/assets/img/css/flag-at-at.gif"); }
div#languageSelector .be-be { background-image: url("/assets/img/css/flag-be-be.gif"); }
div#languageSelector .bg-bg { background-image: url("/assets/img/css/flag-bg-bg.gif"); }
div#languageSelector .ch-ch { background-image: url("/assets/img/css/flag-ch-ch.gif"); }
div#languageSelector .cy-cy { background-image: url("/assets/img/css/flag-cy-cy.gif"); }
div#languageSelector .cz-cz { background-image: url("/assets/img/css/flag-cz-cz.gif"); }
div#languageSelector .da-dk { background-image: url("/assets/img/css/flag-da-dk.gif"); }
div#languageSelector .de-at { background-image: url("/assets/img/css/flag-de-at.gif"); }
div#languageSelector .de-ch { background-image: url("/assets/img/css/flag-de-ch.gif"); }
div#languageSelector .de-de { background-image: url("/assets/img/css/flag-de-de.gif"); }
div#languageSelector .de-lu { background-image: url("/assets/img/css/flag-de-lu.gif"); }
div#languageSelector .en-au { background-image: url("/assets/img/css/flag-en-au.gif"); }
div#languageSelector .en-en { background-image: url("/assets/img/css/flag-en-en.gif"); }
div#languageSelector .en-gb { background-image: url("/assets/img/css/flag-en-gb.gif"); }
div#languageSelector .en-ie { background-image: url("/assets/img/css/flag-en-ie.gif"); }
div#languageSelector .en-nz { background-image: url("/assets/img/css/flag-en-nz.gif"); }
div#languageSelector .en-us { background-image: url("/assets/img/css/flag-en-us.gif"); }
div#languageSelector .es-es { background-image: url("/assets/img/css/flag-es-es.gif"); }
div#languageSelector .fi-fi { background-image: url("/assets/img/css/flag-fi-fi.gif"); }
div#languageSelector .fr-be { background-image: url("/assets/img/css/flag-fr-be.gif"); }
div#languageSelector .fr-ch { background-image: url("/assets/img/css/flag-fr-ch.gif"); }
div#languageSelector .fr-fr { background-image: url("/assets/img/css/flag-fr-fr.gif"); }
div#languageSelector .fr-lu { background-image: url("/assets/img/css/flag-fr-lu.gif"); }
div#languageSelector .gr-gr { background-image: url("/assets/img/css/flag-gr-gr.gif"); }
div#languageSelector .hr-hr { background-image: url("/assets/img/css/flag-hr-hr.gif"); }
div#languageSelector .hu-hu { background-image: url("/assets/img/css/flag-hu-hu.gif"); }
div#languageSelector .il-il { background-image: url("/assets/img/css/flag-il-il.gif"); }
div#languageSelector .in-in { background-image: url("/assets/img/css/flag-in-in.gif"); }
div#languageSelector .is-is { background-image: url("/assets/img/css/flag-is-is.gif"); }
div#languageSelector .it-ch { background-image: url("/assets/img/css/flag-it-ch.gif"); }
div#languageSelector .it-it { background-image: url("/assets/img/css/flag-it-it.gif"); }
div#languageSelector .lu-lu { background-image: url("/assets/img/css/flag-lu-lu.gif"); }
div#languageSelector .mt-mt { background-image: url("/assets/img/css/flag-mt-mt.gif"); }
div#languageSelector .nb-no { background-image: url("/assets/img/css/flag-no-no.gif"); }
div#languageSelector .nl-be { background-image: url("/assets/img/css/flag-nl-be.gif"); }
div#languageSelector .nl-nl { background-image: url("/assets/img/css/flag-nl-nl.gif"); }
div#languageSelector .pl-pl { background-image: url("/assets/img/css/flag-pl-pl.gif"); }
div#languageSelector .pt-pt { background-image: url("/assets/img/css/flag-pt-pt.gif"); }
div#languageSelector .ro-ro { background-image: url("/assets/img/css/flag-ro-ro.gif"); }
div#languageSelector .ru-ru { background-image: url("/assets/img/css/flag-ru-ru.gif"); }
div#languageSelector .si-si { background-image: url("/assets/img/css/flag-si-si.gif"); }
div#languageSelector .sk-sk { background-image: url("/assets/img/css/flag-sk-sk.gif"); }
div#languageSelector .sv-se { background-image: url("/assets/img/css/flag-sv-se.gif"); }
div#languageSelector .tr-tr { background-image: url("/assets/img/css/flag-tr-tr.gif"); }
div#languageSelector .za-za { background-image: url("/assets/img/css/flag-za-za.gif"); }


/*-- Primary navigation --*/
div#primaryNav {
	background: #0d79e5 url("/assets/img/css/bg-primarynav.gif") repeat-x left top;
}
div#primaryNav ul {
	padding: 6px 20px;
	margin: 0;
	clear: both;
	list-style-type: none; 
	text-align: center;
	text-transform: uppercase;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 2;
	background: url("/assets/img/css/ropes.gif") no-repeat center -144px;
}
div#primaryNav ul li { display: inline; border-left: 2px solid white; padding-left: 15px; }
div#primaryNav ul li.first { border: none; padding-left: 0; }
div#primaryNav ul li a,
div#primaryNav ul li strong {
	display: inline;
	margin: 0 15px 0 0; 
	text-decoration: none;
}
div#primaryNav ul li a { color: white; }
div#primaryNav ul li strong { color: #036; }
div#primaryNav ul li a:hover { color: #f06; }
div#primaryNav ul li a:active,
div#primaryNav ul li a:focus { color: #FF0; }



/*--- Footer ---*/
div#footer { 
	min-height: 156px; 
	background: #464847;
	border-bottom: 20px solid #b2b2b2;
}
ul#footerLinksLegal {
	float: left; list-style-type: none; padding: 0; margin: 0;
}
ul#footerLinksLegal li { float: left; margin-right: 15px; }
ul#footerLinksLegal { float: left; }
ul#footerLinksBrand {
	float: right; list-style-type: none;  padding: 0; margin: 0;
}
ul#footerLinksBrand li { float: left; margin: 0 15px; }
div#legalCopy, ul#brandLinks {
	margin: 0;
	padding: 20px 0;
	color: #ccc;
	text-align: centre;
}
div#legalCopy p {
	margin: 0;
	width: 620px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
ul#baseNav { margin: 0; padding: 30px 0 0; list-style: none; text-align: center; }
ul#baseNav li { display: inline; padding: 0 1em; }
ul#baseNav li a { color: #ccc; text-decoration: none; }
ul#baseNav li a:hover { color: white; text-decoration: underline; }


/*-- Social bookmarks --*/
div#socialBookmarks {
	width: 888px;
	margin: 0 auto;
	padding: 10px 0;
	clear: both;
	display: block;
	background: #f1f1f1;
	border: 1px solid #e5e5e5;
	text-align: center;
}
div#socialBookmarks h2 {
	display: inline;
	padding-right: 10px;
	text-transform: uppercase;
	font-weight: bold;
	color: #333;
	margin: 0;
	line-height: 2em;
}
div#socialBookmarks ul {
	margin: 0;
	display: inline;
	padding-left: 0;
	font-size: 1.8em;
	line-height: 1em;
}
div#socialBookmarks ul li {
	display: inline;
	list-style: none;
	margin-left: 0.5em;
	background-repeat: no-repeat;
	background-position: left center;
}
div#socialBookmarks ul li a {
	position: relative;
	bottom: 0.2em;
	font-size: 0.6em;
	text-decoration: none;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 24px;
	color: #333;
}
div#socialBookmarks ul li a:hover {
	text-decoration: underline;
}
div#socialBookmarks ul li.delicious { background-image: url("/assets/img/css/logo-delicious.gif"); }
div#socialBookmarks ul li.digg { background-image: url("/assets/img/css/logo-digg.gif"); }
div#socialBookmarks ul li.facebook { background-image: url("/assets/img/css/logo-facebook.gif"); }
div#socialBookmarks ul li.myspace { background-image: url("/assets/img/css/logo-myspace.gif"); }
div#socialBookmarks ul li.reddit { background-image: url("/assets/img/css/logo-reddit.gif"); }


/*-- Brand links --*/
ul#brandLinks {
	list-style-type: none;
	margin: 0;
	margin-bottom: 30px;
	padding: 0;	
	text-align: center;
}
ul#brandLinks li { display: inline; margin: 0 10px;}



/*--- Content areas ---*/
div#contentAreas {
	padding-top: 55px;
	overflow: hidden;
	min-height: 421px;
}
div#contentAreas.homeTemplate {
	padding-top: 20px;
	background: url("/assets/img/css/pipes.gif") repeat-y 53px top;
}


/*-- Slide navigation --*/
ul.slideNav {
	position: relative;
	top: -35px;
	margin: 0 0 -35px 20px; 
	padding: 0; 
	list-style-type: none; 
	float: left;
	font-size: 1.1em;
}
div#contentAreas.homeTemplate ul.slideNav {
	top: 0;
	margin-bottom: 0;
}
ul.slideNav li {float: left; }
ul.slideNav li a,
ul.slideNav li strong {
	display: block;
	padding: 10px 20px; 
	border: none;
	text-decoration: none; 
	text-transform: uppercase;
	margin-right: 2px;
	font-weight: bold;
}
ul.slideNav li a { display: block; background: #0080ff; }
ul.slideNav li strong { background: #85bef6; }



/*--- Hero banner ---*/
div#heroBanner {
	float: left;
	margin: 0;
	background: #d2116e url("/assets/img/css/bg-header-homepage.jpg") no-repeat top left;
	min-height: 90px;
	position: relative;
	top: -20px;
}
div#heroBanner p {
	float: right;
	font-size: 1.7em;
	line-height: 1.5em;
	margin: 10px 20px 10px 255px;
}
div#heroBanner p a.button {
	position: relative;
	top: -0.1em;
	font-size: 0.59em;
	float: none;
}


/*-- Image holder & controls --*/
div#photoHolder { float: left; }
div#photoHolder img { border: 5px solid white; }
div#photoInfo,
fieldset#starsForm,
fieldset#superVote,
p#nextImage { 
	float: right;
	clear: right;
	margin-left: 0;
	width: 173px;
}
div#photoInfo p span { display: block; }
/*-- Forms --*/
fieldset { border: none; margin: 0; padding:0; }
div.formRow { width: 100%; margin: 0 0 1em; float: left; clear: both; }

fieldset .disabled{
	color:#ddd;
	font-style:italic;
}

div.formRow label,
div.formRow span.label,
fieldset.reportPicture label {
	display: block;
	float: left;
	width: 145px;
	margin-right: 5px;
}
div.formRow p span.label {
	position: relative;
	left: -150px;
	margin-right: -150px;
}
div.formRow input,
div.formRow select,
div.formRow textarea,
fieldset.spambot input {
	float: left;
	width: 296px;
	padding: 1px 2px;
	margin-right: 15px;
	background-color: #9ECAF6;
	border: 1px solid #cee5fb;
	color: white;
}
div.formRow select {
	width: 302px;
	padding: 1px 0;
}
div.formRow input.structuralLabel,
div.formRow select.structuralLabel,
div.formRow textarea.structuralLabel {
	width: 450px;
}
textarea:focus,
textarea:active,
input:focus,
input:active,
select:focus,
select:active,
fieldset.spambot input:active,
fieldset.spambot input:focus {
	border: 1px solid #ff0 !important; 
}
input.inputRadio,
div.formRow input.inputRadio,
span.inputRadio input { width: auto; margin: 0; margin-right: 10px; background: none; border: none; }
div.formRow p { clear: left; margin: 0 0 0 150px; padding-top: 5px; width: 300px; }
div.sendForm { text-align: right; padding-top: 1em; border-top: 1px solid #bad7f2; width: 450px; }
div.sendForm input.button,
div.sendForm input.submit,
div.sendForm a.button { float: none; }
div.sendForm a.arrow { margin-left: 5px; }
/* for two options with radio buttons
fieldset.PE_uploadSource label {
	width: 127px;
}
*/
/* fileInput */
.fakeFile{
	float:left;
	position:relative;
}
.fakeFile input{
	float:none!important;
	margin:0px!important;
}
.fakeFile .inputFile {
	opacity: 0;
	cursor: pointer;
	position:relative;
	top:0;
	width:500px !important;
}
.fakeFile .focus .label{
	background-color:#FFFFCC!important;
	color:#000000;
}
.fakeFile .label{
	width:auto!important;
	position:absolute!important;
	left:0px!important;
	top:0px!important;
	float:none!important;
	display:block!important;
}
.fakeFile .inputContainer{
	display:block;
	height:20px;
	left:100%;
	margin-left:5px;
	top:0px;
	overflow-x:hidden;
	overflow-y:hidden;
	position:absolute;
	width:155px;
}
span.required { color: #fe0055; padding-right: 5px; }
p span.required { padding: 0 1px; }


/* ---- */

fieldset.spambot {
	padding-left: 150px;
}
fieldset.spambot span.errorMessage {
	margin-left: -150px;
	clear: both;
}
fieldset.spambot input,
fieldset.spambot img,
fieldset.spambot p {
	clear: left;
	margin-bottom: 1em;
}
fieldset.spambot p { padding-top: 10px; margin-left: -150px; margin-right: 150px; }
fieldset.spambot input.button {
	margin-bottom: 10px;
}
fieldset.formStyle,
p.formStyle { width: 450px; }


/*-- Error messages --*/
div.errorSummary {
	padding: 20px 20px 10px;
	margin-bottom: 20px;
	background: #aad2f9;
}
span.errorMessage {
	clear: both;
	display: block;
	padding: 0.8em 0.8em 0.8em 35px;
	margin-bottom: 1.5em;
	font-weight: bold;
	text-transform: uppercase;
	background: #336699 url("/assets/img/css/icon-exclamation-mark.gif") no-repeat 10px center;
	color: white !important;
}


/*-- Buttons --*/
a.button,
input.button,
input.submit,
div.fakeFile span.label,
div#secondaryContentArea fieldset input.button,
fieldset.spambot input.button {
	width: auto;
	float: left;
	margin: 0;
	padding: 0.2em 0.3em;
	padding-top: 0.15em;
	padding-bottom: 0.05em;
	background: #ccc url("/assets/img/css/btn-gray-bg.gif") repeat-x left top;
	border: 1px solid #ccc;
	text-transform: uppercase;
	text-decoration: none;
	color: #666;
	cursor: pointer;
}
a.button:active,
a.button:focus,
input.button:active,
input.button:focus,
input.submit:active,
input.submit:focus,
div.fakeFile span.label:active,
div.fakeFile span.label:focus,
div#secondaryContentArea fieldset input.button:active,
div#secondaryContentArea fieldset input.button:focus,
fieldset.spambot input.button:active,
fieldset.spambot input.button:focus {
	color: black !important;
	border-color: #FF0;
}
a.button:hover,
input.button:hover,
input.submit:hover,
div.fakeFile span.label:hover,
div#secondaryContentArea fieldset input.button:hover,
fieldset.spambot input.button:hover {
	color: black !important;
}



/* Safari 2 hack */
html[xmlns*=""] body:last-child input.submit,
html[xmlns*=""] body:last-child input.button,
html[xmlns*=""] body:last-child a.button,
html[xmlns*=""] body:last-child div.fakeFile span.label {
	padding: 0.3em 1em 0.2em;
}
html[xmlns*=""] body:last-child div#secondaryContentArea fieldset input {
	padding: 0.2em;
}
html[xmlns*=""] body:last-child div#secondaryContentArea fieldset input.button {
	position: relative;
	top: 2px;
	padding: 0.3em 0.5em 0.2em;
}
/* end Safari 2 hack */


a.button {
	padding: 0.2em 0.5em;
}
input.submit {
	background: #dd4d60 url("/assets/img/css/btn-purple-bg.gif") repeat-x left top;
	border-color: #a10426;
	color: white;
}
a.arrow {
	background: url("/assets/img/css/arrow-right-white.gif") no-repeat right center;
	padding-right: 10px;
}
div.disabled div.fakeFile span.label { font-style: normal; color: #aaa; }


/*-- Tag Cloud --*/
ul.tagCloud {
	margin: 0;
	padding-left: 0;
	display: block;
	list-style: none;
	clear: left;
	font-size: 1.1em;
}
ul.tagCloud li { display: inline; padding-right: 0.4em; }
ul.tagCloud li a { text-decoration: none; }
ul.tagCloud li a:hover { text-decoration: underline; }
ul.tagCloud li.emphasis1 a { font-size: 0.8em; }
ul.tagCloud li.emphasis2 a { font-size: 1em; }
ul.tagCloud li.emphasis3 a { font-size: 1.2em; }
ul.tagCloud li.emphasis4 a { font-size: 1.4em; }
ul.tagCloud li.emphasis5 a { font-size: 1.6em; }
p.tagCloud {
	color: #369;
	font-weight: bold;
	font-size: 1.1em;
	}
p.tagCloud a {
	text-decoration: none;
	color: #369;
}
p.tagCloud a:hover {
	color: #f06;
}


/*-- Comments --*/
div.commentBox {
	border-top: 1px solid #bad7f2;
}
div.commentBox h2 {
	color: #369;
}
div.commentBox dl {
	color: #333;
}
div.commentBox dl dt,
div.commentBox dl dd {
	background: #aad2f9;
	margin-left: 0;
	padding: 15px 10px 5px;
}
div.commentBox dl dt {
	text-align: right;
	color: black;
}
div.commentBox dl dt span {
	float: left;
	color: #333;
}
div.commentBox dl dd {
	padding-top: 0;
	padding-bottom: 20px;
	padding-right: 200px;
	margin-bottom: 1px;
	position: relative;
	
}
div.commentBox dl dd input {
	clear: both;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	color: #369;
	position: absolute;
	top: 0;
	right: 10px;
	cursor: pointer;
	text-align: right;
}
div.commentBox dl dd input:hover {
	text-decoration: underline;
}


/*-- Star rating --*/
p.stars {
	min-height: 22px;
	background: url("/assets/img/css/rating-0-stars.gif") no-repeat left top;
}
p.stars span,
p.stars span em { position: absolute; left: -9999px; }
p.rating1 { background-image: url("/assets/img/css/rating-1-star.gif"); }
p.rating2 { background-image: url("/assets/img/css/rating-2-stars.gif"); }
p.rating3 { background-image: url("/assets/img/css/rating-3-stars.gif"); }
p.rating4 { background-image: url("/assets/img/css/rating-4-stars.gif"); }
p.rating5 { background-image: url("/assets/img/css/rating-5-stars.gif"); }
div#secondaryContentArea p.stars { background-image: url("/assets/img/css/rating-0-stars-dark-bg.gif"); }
div#secondaryContentArea p.rating1 { background-image: url("/assets/img/css/rating-1-star-dark-bg.gif"); }
div#secondaryContentArea p.rating2 { background-image: url("/assets/img/css/rating-2-stars-dark-bg.gif"); }
div#secondaryContentArea p.rating3 { background-image: url("/assets/img/css/rating-3-stars-dark-bg.gif"); }
div#secondaryContentArea p.rating4 { background-image: url("/assets/img/css/rating-4-stars-dark-bg.gif"); }
div#secondaryContentArea p.rating5 { background-image: url("/assets/img/css/rating-5-stars-dark-bg.gif"); }


/*-- Page driver --*/
div.pageDriver {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
div.pageDriver p.pageRange {
	float: left;
	margin: 0;
	margin-right: 1em;
	font-weight: bold;
	color: #369;
}
div.pageDriver ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div.pageDriver ul li {
	margin: 0;
	display: inline;
	float: left;
}
div.pageDriver ul.pagination li {
	border-left: 1px solid white;
	line-height: 1em;
	color: #369;
}
div.pageDriver ul.pagination li.first,
div.pageDriver ul.pagination li.prev {
	border-left: none;
}
div.pageDriver ul.pagination li a,
div.pageDriver ul.pagination li span {
	padding: 0 0.8em;
	text-decoration: none;
}
div.pageDriver ul.pageShift {
	position: relative;
	top: -0.5em;
	float: right;
}
div.pageDriver ul.pageShift li {
	display: block;
	float: left;
	width: 16px;
	height: 21px;
	background: url("/assets/img/css/arrow-prev-next.gif") no-repeat left top;
}
div.pageDriver ul.pageShift li.next {
	margin-left: 7px;
	background-position: -15px top;
}
div.pageDriver ul.pageShift li a {
	display: block;
	width: 16px;
	height: 21px;
	background: url("/assets/img/css/arrow-prev-next.gif") no-repeat left -21px;
}
div.pageDriver ul.pageShift li.next a {
	background-position: -15px -21px;
}
div.pageDriver ul.pageShift li span {
	position: absolute;
	left: -9999px;
}


/*-- Image --*/
p.image {
	float: left;
	margin: 0;
	padding: 5px;
	background: white;
}
p.image span {
	display: block;
	overflow: hidden;
}
p.imageInfo {
	color: #369;
}
p.imageInfo em {
	font-style: normal;
	font-weight: bold;
	padding-left: 2px;
}


/*-- Previous image --*/
ul.previousImage { margin: 0; padding-left: 0; list-style: none; }
ul.previousImage li { clear: left; padding-top: 10px; }
ul.previousImage li p.stars { margin: 0; background-position: 4em top; }
ul.previousImage li p.stars span { position: relative; left: 0; top: 0.5em; }
ul.previousImage li p.image { margin-top: 15px; }


/*--- Pages with managed content ---*/
div#secondaryContentArea.managedContent { background:#fe0055; }
div#secondaryContentArea.managedContent h2 { margin-top: 0; }
div#secondaryContentArea.managedContent div { border-color: #ff80aa; }
div#secondaryContentArea.managedContent a:hover { color: #ff0; }
div#secondaryContentArea.managedContent a.button { float: none; display: inline-block; }



/*-- Generic content --*/
div#genericContent h2 { padding-top: 1em; border-top: 1px solid #bad7f2; }


/*-- Hub pages --*/
div.hubBox { float: left; width: 46%; margin-right: 3%; min-height: 120px; margin-bottom: 10px; }
div.first { width: 100%; }
div.hubBox h2 sup { font-size: 0.6em; }
div.hubBox p { margin-right: 10px; }
div.hubBox a.button { float: none; display: inline-block;}
div.hubBox img { float: left; margin-right: 10px; margin-bottom: 15px;}
div.first img { margin-right: 20px; }
h2.emphasis { font-size: 2.5em; padding-top: 0.5em; margin-bottom: 0.5em; border-top: 1px solid #bad7f2; }


/*-- Home, gallery and detail page --*/

/*- Images -*/
div.homeBox p.image span {
	width: 390px;
	height: 260px;
}
div.homeBox p.image,
div.uploadedImageBox p.image {
	margin-right: 20px;
}
div.galleryBox p.image span {
	width: 280px;
	height: 187px;
}
div.detailBox p.image span {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 590px;
	min-height: 395px;
}
div.detailBox p.image span img {
	max-width: 590px;
}
ul.previousImage p.image span {
	width: 180px;
	height: 120px;
}
div.uploadedImageBox p.image span {
	width: 280px;
	height: 187px;
}


/*- Content -*/
div.homeBox h2,
div.uploadedImageBox h2 {
	margin-top: 10px;
	margin-bottom: 15px;
	width: 180px;
	float: right;
	text-align: left;
}
div.uploadedImageBox h2 {
	width: 290px;
}
div.homeBox h2 a,
div.galleryBox h2 a,
div.uploadedImageBox h2 {
	color: #369;
	text-decoration: none;
}
div.homeBox p.imageInfo span {
	display: block;
	margin-bottom: 0.2em;
}
div.homeBox h3.superVote {
	margin: 0 0 10px;
	padding: 10px 0 5px;
	float: left;
	width: 180px;
	border-bottom: 1px solid #bad7f2;
}
div.homeBox fieldset.superVote {
	float: left; margin-bottom: 10px;
}
div.homeBox fieldset.superVote input.submit {
	margin-right: 8px;
}
div.homeBox input.button,
div.homeBox a.button {
	clear: right;
	float: none;
	margin-bottom: 10px;
}
div.homeBox a.arrow {
	clear: right;
	text-align: right;
	display: block;
	line-height: 2em;
}
div.homeBox div.PE_ratingWidget input.button {
	margin-right: -15px;
	margin-top: 2px;
	float: none;
}
div.homeInfo {
	clear: left;
	padding-top: 6px;
}
div.homeInfo h2 {
	border-top: 1px solid #bad7f2;
	padding: 10px 0;
}
div.homeInfo ul.steps {
	float: left;
	margin: 0;
	margin-bottom: 20px;
	padding: 0;
	min-height: 50px;
}
div.homeInfo ul.steps li {
	padding-left: 55px;
	margin-right: 5px;
	width: 140px;
	min-height: 50px;
	float: left;
	list-style: none;
	font-size: 1.1em;
	font-weight: bold;
	background-position: left top;
	background-repeat: no-repeat;
}
div.homeInfo ul.steps li.step1 {
	background-image: url("/assets/img/css/camera.gif");
}
div.homeInfo ul.steps li.step2 {
	background-image: url("/assets/img/css/upload.gif");
}
div.homeInfo ul.steps li.step3 {
	background-image: url("/assets/img/css/win.gif");
}
div.homeInfo p a.button {
	float: right;
}
div.rowSeperator {
	clear: both;
}
div.galleryBox {
	position: relative;
	padding-top: 200px;
	float: left;
	width: 290px;
	margin: 0 0 15px 10px;
}
div.firstInRow { margin-left: 0; margin-right: 10px; }
div.galleryBox h2,
div.galleryBox p,
span.uploadInfo {
	margin-right: 10px;
}
div.galleryBox h2 {
	font-size: 1.3em;
	font-weight: bold;
}
div.galleryBox p.image {
	position: absolute;
	top: 0;
}
div.detailBox p.imageDescription {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #bad7f2;
}
div.detailBox div.imageDriver {
	float: left;
	clear: left;
	width: 100%;
	margin-bottom: 10px;
	padding-top: 20px;
	text-align: center;
}
div.detailBox div.imageDriver div,
div.detailBox div.imageDriver fieldset,
div.detailBox div.imageDriver h3 {
	display: inline;
}
div.detailBox div.imageDriver h3.superVote {
	display: none;
	position: absolute;
	left: -9999em;
}
div.detailBox div.imageDriver ul.pageShift {
	margin: 0;
	padding-left: 0;
}
div.detailBox div.imageDriver ul.pageShift li {
	float: left;
	list-style: none;
}
div.detailBox div.imageDriver ul.pageShift li.prev {
	margin-right: 5px;
}
div.detailBox div.imageDriver ul.pageShift li.next {
	float: right;
}
div.detailBox div.imageDriver div.PE_ratingWidget h3 {
	position: absolute;
	left: -9999px;
}
div.detailBox fieldset label,
div.detailBox fieldset select {
	float: left;
}
div.uploadedImageBox {
	float: left;
	width: 100%;
	clear: both;
	margin-bottom: 20px;
}
div.sendBox {
	clear: left;
	padding-top: 20px;
}
div.sendBox h2 {
	padding-top: 15px;
	border-top: 1px solid #bad7f2;
	color: #369;
}
div.sendBox div.sendForm {
	border: none;
}
div.sendBox div.sendForm a.arrow {
	text-decoration: none;
}
div.sendBox div.sendForm a.arrow:hover {
	text-decoration: underline;
}
div.sendBox fieldset,
fieldset.reportPicture {
	margin-bottom: 20px;
}
fieldset.reportPicture select {
	width:302px;
	margin-right: 0.5em;
	padding: 0.1em;
	background: #aad2f9;
	border: 1px solid #cee5fb;
	color: white;
}
div.detailBox a.revealScore {
	display: inline-block;
	padding-top: 10px;
	margin: 0 0.7em;
	position: relative;
	top: -0.7em;
	
	text-decoration: none;
}
div.detailBox a.revealScore:hover { text-decoration: underline; }
ul.revealScore {
	float: left;
	width: 100%;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	list-style: none;
	display: block;
	background: #aad2f9;
	color: #369;
	font-size: 1.3em;
	font-weight: bold;
}
ul.revealScore li {
	float: left;
	padding: 10px 15px;
}
ul.revealScore li p.stars {
	margin: 0;
	padding-left: 130px;
	padding-top: 0.65em;
	background-position: left center;
}
ul.revealScore li strong {
	font-size: 1.7em;
}
ul.revealScore li.superVotes {
	padding-left: 45px;
	background: url("/assets/img/css/supervote.gif") no-repeat 20px center;
}



/*--- Secondary content area ---*/
div#secondaryContentArea.swapped { 
	margin-right: 20px;
}
div#secondaryContentArea.swapped div {
	border: none;
	padding-top: 0;
}
div#secondaryContentArea.swapped div a.button { float: none;}
div#secondaryContentArea div { border-top: 1px solid #3096fc; clear: left; margin-bottom: 10px; padding-top: 20px; }
div#secondaryContentArea div.first { border: none; padding-top: 0; }
div#secondaryContentArea div div { border: none; padding: 0; margin: 0; }
div#secondaryContentArea div h2 { font-size: 1.3em; font-weight: bold; }
div#secondaryContentArea fieldset input,
div#secondaryContentArea fieldset select { float: left; background: #4da6ff; border: 1px solid #9cf; color: white; margin-right: 4px; }
div#secondaryContentArea fieldset input { width: 110px; padding: 0.16em 2px; margin-bottom: 10px; }
div#secondaryContentArea fieldset select { width: 148px; padding: 0.1em 0; margin-bottom: 10px; }
div#secondaryContentArea fieldset input.button { width: auto; margin-right: -10px; }


.PE_restrictCharacters{
	position:relative;
}
.PE_restrictCharacters .charactersLeft{
	display:block;
	left: 460px;
	position:absolute;
	top: 7px;
	width:130px;
}

/*-- PE_ratingWidget --*/
.PE_ratingWidget .starsCont{
	position: relative;
	float:left;
	margin: 0 1px 10px 0;	
	height:22px;
	left: -5px;
	z-index: 2;
}
div.detailBox .PE_ratingWidget .starsCont { margin-bottom: 0; }
.PE_ratingWidget .star span{
	display:none;
}
.PE_ratingWidget .star{
	background-image:url("/assets/img/css/star-large.gif");
	background-position:-24px 0;
	background-repeat:no-repeat;
	display:block;
	float:left;
	height:22px;
	outline-color:-moz-use-text-color;
	outline-style:none;
	outline-width:medium;
	text-decoration:none;
	width:24px;
}
.PE_ratingWidget .star .toolTipContainer{
	position:relative;
	display:none;
}
.PE_ratingWidget .star .toolTip{
	background-color:white;
	border:1px solid #aaa;
	color:black;
	font-size:1em;
	left:14px;
	padding:2px 5px;
	position:absolute;
	top:-15px;
	white-space:nowrap;
	z-index:2;
}
.PE_ratingWidget select{
	margin: 0 10px 5px 0;
}
.PE_ratingWidget .star.selecting{
	/*background-image:url(/assets/img/css/starCurrent.png);*/
	background-position:-48px 0px;	
}
.PE_ratingWidget .star.selected{
	/*background-image:url(/assets/img/css/starOn.png);*/
	background-position:0px 0px;
}

/*	---------------		*/


/*-- suggestive Search --*/
.ssContainer{
	position:absolute;
	padding:0px;
	background-color:#E1EDF0;
	display:none;
}

.ssContainer iframe{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:#FFFFCC;
	border:0px;
	padding:0px;
	margin:0px;
	overflow:hidden;
}
.ssContainer .ssBody{
	position:relative;
	left:0px;
	top:0px;
	z-index:2;
	font-size:1.1em;
	overflow-x:hidden;
	overflow-y:auto;
}
.ssContainer .ssBody p{
	color:#666;
	background-color:#FFF;
	border-bottom:1px solid #ddd;
	padding:3px;
	margin:0px;
}
.ssContainer .ssBody p.selected{
	background-color:#DFEFF7;
}
.ssContainer .ssBody p strong{
	color:#0066CC;
	font-weight:bold;
}