/*
Fotoglif v4.5 css

Built to work on xp - FF3.5.
Add ie8 specific css to ie.css
*/


/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 3.1.0
build: 2026
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}

/*--- hackysack ---*/
	*:focus { outline:none }

/*--- general helpers ---*/
.left {
	float: left;
}

.right {
	float: right;
}

.noFloat {
	float: none !important;
}

.clear {
	clear: both;
}

.indicator {
	margin-top: -1px;
	margin-right: 10px;
}

.hidden {
	display: none;
}

.invisible {
	visibility: hidden;
}

a, a:visited, a:active {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.sprite, div.sprite {
	float: left;
	display: block;
	text-align: left;
	text-indent: -5000px;
}

.fauxLink {
	cursor: pointer;
}

/*
	light grey: #F2F2F2;
	darker grey: #7E7E7E;
	primary grey: #333333;
	even dardker grey: #212121;
	sky blue: #7FA2B5;
	blue on white: #006699;
	blue on black: #6699CC;
	main red: #E40808;
	death red: #BA0000;
*/

input.text {
	border: solid 1px #CCC;
	padding: 1px;
}

select {
	margin:0px !important; 
	padding:0px !important; 
}

/*--- typographic helpers incl. colours ---*/
.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

.textLeft {
	text-align: left;
}

.textRight {
	text-align: right;
}

.textCenter {
	text-align: center !important;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
	color: #FFF;
}

h2, .h2, h4, .h4, h6, .h6 {
	color: #000;
}

h1, .h1, h2, .h2 {
	font-size: 1.8em;
}

h3, .h3, h4, .h4 {
	font-size: 1.35em;
	font-weight: bold;
}

h5, .h5, h6, .h6 {
	font-size: 1.25em;
	font-weight: bold;
}

h10, .h10 {
	font-size: .88em;
}

.lightBlue {
	color: #7FA2B5;
}

.blueOnWhite {
	color: #006699;
}

.blueOnWhite:hover {
	color: #7FA2B5;
}

.blueOnBlack {
	color: #6699CC;
}

.blueOnBlack:hover {
	color: #7FA2B5;
}

.deathRed {
	color: #BA0000;
}

.newYellow {
	color: #FFC738;
}

.error {
	font-size: .88em;
}

.panel .error {
	font-size: 1em;
}

.error .bold {
	margin-bottom: 6px;
}

/*---= global =---*/
	a {
		color: #FFF;
	}

	html {
		height: 100%;
		min-width: 980px;
		font-size: 67%;
		font-family: Verdana, Arial, sans-serif;
	}
	
	body {
		height: 100%;
		background-color: #222;
		color: #FFF;
		overflow: hidden;
	}

	#doc {
		height: 100%;
	}
	
	#header, #navigation, #lower {
		padding: 10px;
		padding-top: 0px;
	}
	
	#header {
		position: relative;
		z-index:11;
	}
	
		#logosNStuff {
			height: 105px;
			padding-top: 5px;
		}

		#search {
			position: absolute;
			top: 0px;
			left: 50%;
			width: 518px;
		}
		
		#searchActual {
			position: relative;
			top: 45px;
			left: -260px;
		}
		
		#searchInput {
			border: 1px solid #000000;
			width: 379px;
			height: 14px;
			padding: 4px 5px;
			color: #7E7E7E;
		}
		
		#searchInput.go {
			color: #000;
		}
		
		#search .searchWrap {
			position: relative;
		}
		
		#searchDrop {
			position: absolute;
			right: 31px;
			top: 0;
			height: 22px;
			width: 95px;
			background-color: #FFF;
			border: 1px solid #000000;
			color: #7E7E7E;
		}
		
			#searchDrop a {
				float: left;
				width: 65px;
				padding: 5px 5px;
				padding-left: 25px;
				font-size: 9px;
				color: #000;
				background: url("/imageStatic/Fotoglif_sprite.png") no-repeat -20px -523px;
			}
			
			#searchDrop a:hover {
				text-decoration: none;
				background-position: -20px -548px
			}
			
			#searchDrop .container {
				top: 30px;
				right: 6px;
				display: none;
				width: 73px;
				padding: 5px;
				border-left: 1px #E7E7E7 solid;
				font-size: 9px;
			}

				#searchDrop .open a {
					background-position: -20px -573px
				}

				.drop.open #searchDropContainer {
					display: block;
				}
			
				#searchDrop .container ul {
					width: 72px;
				}
				
				#searchDrop .container li {
					padding: 5px;
				}
		
		#searchSubmit {
			position: absolute;
			right: 1px;
			top: 1px;
		}
		
		#search fieldset {
			display: inline;
		}
		
		#searchExtras {
			position: relative;
			top: 3px;
			margin-top: 8px;
			text-align: center;
		}

			#searchExtras #searchControl {
				margin-top: 3px;
			}

			#searchExtras #searchRadioGroupTwo {
				margin-right: 25px;
			}	
		
		#searchExtras input.radio {
			position: relative;
			top: 3px;
		}

			#searchExtras span.deactivated {
				color: #666;
				background: none;
				padding: none;
			}

			#searchExtras .searchControl {
				padding-left: 20px;	
				background: url("/imageStatic/Fotoglif_sprite.png") no-repeat -295px -98px;
			}

			#searchExtras .searchControl.off {
				background-position: -295px -73px;
			}
		
		#controls {
			position: absolute;
			top: 5px;
			right: 10px;
		}
		
		#controls .seperated {
			padding-left: 4px;
			border-left: solid 1px #FFF;
		}
		
		#signIn, #tools {
			padding: 2px 18px 2px 7px;
			background: url("/imageStatic/Fotoglif_sprite.png") no-repeat -98px -73px;
		}
		
		#signIn {
			padding: 2px 20px 2px 5px;
			background-position: -25px -74px;
		}

			#signInActual #loginUserName.go, #signInActual #loginPassword.go {
				background: url("/imageStatic/Fotoglif_sprite.png") no-repeat -120px -245px;
			}
		
			#signInActual #loginPassword.go {
				background-position: -120px -270px;	
			}
		
		
		#tools:hover {
			background-position: -98px -98px;
			text-decoration: none;
		}
		
		#signIn:hover {
			background-position: -25px -99px;
			text-decoration: none;
		}
		
		.drop.open #tools {
			color: #000;
			background-position: -98px -124px;
		}
		
		.drop.open #signIn {
			color: #000;
			background-position: -25px -124px;
		}

		.drop #signInActual {
			display: none;
		}

		.drop.open #signInActual {
			display: block;
			width: auto;
			margin-right: 6px;
			z-index: 10;
		}

		.drop #toolsActual {
			display: none;
		}

		.drop.open #toolsActual {
			display: block;
			margin-right: 4px;
			z-index: 10;
		}
		
		.dropKick {
			position: relative;
		}
		
		.container.leftSide {
			left: -1px;
		}
		
		#tools.open, #signIn.open {
			background-color: #FFF:
		}
		
		span.drop {
			position: relative;
		}
		
			span.drop .container {
				position: absolute;
				top: 1.2em;
				right: 5px;
				width: 110px;
				padding: 10px;
				background-color: #FFF;
				color: #000;
				border-left: solid 1px #333333;
				border-bottom: solid 2px #333333;
				text-align: left;
				z-index: 1;
			}

			span.drop .container.sp {
				width: 160px;
			}
			
			span.drop .container.double {
				width: 220px;
			}
			
			span.drop .container.double.sp {
				width: 270px;
			}
			
			span.drop .container.triple {
				width: 330px;
			}
			
			span.drop .container.triple.sp {
				width: 380px;
			}
			
			span.drop .container.quad {
				width: 440px;
			}
			
			span.drop .container.quad.sp {
				width: 490px;
			}
			
			span.drop ul {
				width: 110px;
			}
			
			span.drop ul.sp {
				width: 160px;
			}
			
			span.drop .container li {
				padding: 7px;
			}
			
			span.drop .container li:hover {
				background-color: #F2F2F2;
			}
			
			span.drop .container a {
				color: #000;
				border-right: 0px !important;
			}
			
				#signInActual {
					text-align: right;
				}
				
				#signInActual fieldset {
					margin: 5px 0px;
				}
		
		#navigation {
			min-width: 940px;
			margin-left: 0px;
			margin-right: 0px;
			padding: 4px;
			text-align: center;
		}
		
		#navigation .hoverTitle.on {
			background-color: #FFF;
			color: #000;
		}

		#navigation .hoverTitle, #footer a {
			padding-right: 5px;
			border-right: solid 1px #FFC738;
		}

			#navigation .hoverTitle {
				padding: 0px 7px;
			}

			#navigation a.hoverTitle:hover {
				background-color: #FFF;
				color: #000;
				text-decoration: none;
			}

		#navigation .hoverTitle.sp, #footer a.sp {
			border-right: none;
		}
		
	#lower {
		margin-top: 0px;
		margin-bottom: 0px;
		position: absolute;
		top: 0px;
		bottom: 60px;
		left: 0px;
		right: 0px;
		min-height: 490px;
		min-width: 980px;
	}
		
		#imageContainer {
			border: solid 1px #7E7E7E;
			top: 131px;
			bottom:0px;
			left: 15px;
			position:absolute;
			right: 15px;
			width:auto;
			min-width: 685px;
			overflow-x: hidden;
			overflow-y: auto;
			text-align: justify;
			padding: 0px 10px;
		}

		#imageContainer h5 {
			margin: 15px 20px;
			font-weight: normal;
		}
		
		#imageContainer.open {
			right: 305px;
		}
		
		.panel {
			position: absolute;
			top: 131px;
			right: 15px;
			bottom: 0px;
			width: 288px; /*TODO: make math work so take up exactly 2images worth */
			padding-bottom: 10px;
			border: solid 1px #7E7E7E;
			background-color: #333;
		}
		
		.panel .headBlock {
			margin: 10px 10px 0px;
                        padding-bottom: 10px;
                        border-bottom: solid 1px #222;
		}

		.panel .seperator {
			margin: 0px 10px;
			border-top: solid 1px #444;
		}
		
		.panel .overflow {
			position: absolute;
			top: 71px;
			bottom: 0px;
			left: 0px;
			right: 0px;
			overflow-x: hidden;
			overflow-y: auto;
			padding-top: 10px;
			padding-left: 10px;
			padding-right: 10px;
		}

			.panel .dijitTitlePaneTitle { /*same as .h5*/
				font-size: 1.25em;
				font-weight: bold;
				cursor: pointer;
			}

			.panel .dijitTitlePaneTitle {
				padding-left: 15px;
				background: url("/imageStatic/Fotoglif_sprite.png") no-repeat -300px -46px;
			}

			.panel .dijitTitlePaneTitle.dijitOpen {
				background-position: -300px -21px !important;
			}

			.panel .dijitTitlePaneTitle .dijitArrowNodeInner {
				display: none;
			}

		.panel .wrap {
			margin-bottom: 3px;
			padding: 0px 5px;
		}
		
		.panel form {
			text-align: right;
		}
		
		.panel form div {
			text-align: left;
		}
		
		.panel form div fieldset, #searchPanel .fauxForm {
			text-align: right;
		}
		
		.panel form label, .panel form .fauxLabel, #searchPanel .fauxForm label {
			float: left;
			margin-right: 5px;
		}
		
		.panel form fieldset, #searchPanel fieldset {
			margin: 7px 0px;
		}

		#searchPanel fieldset.sp {
			margin: 10px 0px;
		}
		
		.panel input.text {
			width: 130px;
			border: solid 1px #CCC !important;
			padding: 1px;
		}

		.panel input.text.pswd {
			width: 100px;
			margin-right: 30px;
		}

		.panel select.select {
			width: 134px !important;
		}
		
		.panel a.h3 {
			display: block;
		}
		
		.panel .wrap .clear {
			height: 1px;
			margin-top: 2px;
			background: url("/imageStatic/Fotoglif_sprite.png") no-repeat -25px -400px;
		}

			#register h1 {
				margin-bottom: 10px;
			}

			#register .asterisk {
				margin-bottom: 10px;	
				margin-right: 2px;
				float: left;
			}

			.registerCheckSp {
				position: relative;
				float: left;
				margin-bottom: 10px;
				margin-right: 8px;
			}

			#register .dijitTitlePaneTitle {
                                padding-left: 15px;
                                background: url("/imageStatic/Fotoglif_sprite.png") no-repeat -300px -48px;
                        }

                        #register .dijitOpen {
                                background-position: -300px -23px !important;
                        }

			#register.panel .overflow {
				top: 82px;
			}

				#register.panel #suggestionWrap, #register.panel #suggestionPosition, #register.panel #SuggestionWrapAnchor {
					position: relative;
				}

				#register.panel .suggestion {
					position: absolute;
					top: -20px;
					right: -5px;
					z-index: 100;
				}

				#register.panel .suggestion .guts, #register.panel .suggestion .kicker {
					width: 225px;
                                	background: url("/imageStatic/Fotoglif_embed-bg.png") no-repeat 0px 0px;
					padding: 10px 20px 0px 10px;
					color: #000;
				}

				#register.panel .suggestion .kicker {
					background-position: 0px -168px;
					padding-top: 20px;
				}

					#register.panel #registerEmailSuggestion {
						top: 0px;
					}

					#register.panel #registerPassSuggestion {
						top: 0px;
					}

					#register.panel #registerWebsiteSuggestion {
						top: 95px;
					}

					#register.panel #registerAudienceSuggestion {
						top: 120px;
					}

		.panel #advSearch {
			padding-bottom: 30px;
		}

		.panel #advSearch label {
			float: none;
		}

			.panel fieldset#advQueryWrap {
				padding-bottom: 10px;
			}

			.panel input#advQuery {
				width: 175px;
			}

			.panel input#topGoAdvSearch {
				position: relative;
				top: -1px;
			}

			.panel div.advCatSpacer {
				width: 82px;
				float: left;
			}

			.panel input#advCategoryOne, .panel input#advCategoryTwo {
				margin-right: 5px;
			}

			.panel input.calendar {
				background: url("/imageStatic/Fotoglif_sprite.png") no-repeat -158px -524px;
			}

			.panel #advSearch label.left {
				float: left !important;
			}

			.panel #advSearch span.group {
				width: 87px;
				display: inline-block;
				text-align: left;
			}
	
			.panel #advSearch span.group.sp {
				width: 65px;
			}

			.panel #advSearch fieldset.content label, .panel #advSearch fieldset.layout label, .panel #advSearch fieldset.procure label, .panel #advSearch fieldset.procure2 label {
				padding-left: 5px;
			}

			.panel #advSearch #searchCreativeLabel {
				margin: 0px !important;
			}

			.panel #searchCollectionsAccordion {
				height: auto;
				overflow-x: auto;
				overflow-y: auto;
			}

			.panel #advSearch #searchCollectionsAccordion ul {
				margin-bottom: 10px;
			}

			.panel #advSearch #searchCollectionsAccordion .heading {
				border: 1px solid #F2F2F2;
				background-color: #7E7E7E;
				padding: 3px; 
				margin-bottom: 5px;
			}

			.panel #advSearch #searchCollectionsAccordion .dijitAccordionTitle-selected {
				margin-bottom: 0px;
			}

			.panel #advSearch #searchCollectionsAccordion .accountScrolly { 
				margin-top: 0px;
			}

			.panel #advSearch #selectControls {
				padding: 3px;
			}

			.panel #advSearch .tundra {
				position: relative;
				color: #000;
			}

				.panel #advSearch .tundra #searchAfterDatePicker, .panel #advSearch .tundra #searchBeforeDatePicker {
					position: absolute;
					right: -6px;
					z-index: 10;
				}

		.singleContainer {
			border: solid 1px #7E7E7E;
			top: 131px;
			bottom:0px;
			left: 15px;
			position:absolute;
			right: 15px;
			width:auto;
			min-width: 705px;
			overflow-x: hidden;
			overflow-y: auto;
		}
		
		.single {
			width: 500px;
			margin: 20px auto 0px;
		}

			.simple .single {
				margin-top: 0px;
			}

			.single h1, .single h2 {
				margin-bottom: 20px;
				text-align: center;
			}
		
			.single div.group {
				margin-bottom: 10px;
			}
		
		/*--- my account ---*/
			#account .overflow {
				top: 50px;
			}
		
			.accountScrolly {
				height: 150px;
				overflow-y: scroll;
				overflow-x: auto;
				margin-top: 5px;
				padding: 5px;
				border: solid 1px #7E7E7E;
			}

			.accountScrolly li {
				padding: 2px;
				padding-left: 7px;
			}

			li.year {
				text-align: left;
				padding-left: 30px;
				background-color: #7E7E7E; /* TODO: the colours are off here */
				border: solid 2px #F2F2F2; /* TODO: the colours are off here */
			}

			li.month {
				text-align: left;
				padding-left: 30px;
				border-bottom: solid 1px #F2F2F2; /* TODO: the colours are off here */
			}

			li.month span.price {
				float: right;
				margin-right: 10px;
			}

			li.month.sp {
				border-bottom: 0px;
			}

			#accountPanel .group {
				margin-top: 15px;
			}
		
		/* search */
			#searchPanel .overflow {
				top: 45px;
			}
	
	#footer {
		position: absolute;
		bottom: -35px;
		left: 0px;
		right: 0px;
		text-align: center;
	}
		
		#footer a {
			border-right: solid 1px #FFF;
		}
		
		
		#footer #copy {
			margin-right: 20px;
		}

	#preload {
		display: none;
	}
	
	/*== dedicated preview ==*/
	#dedicatedExtra {
		left: 15px;
		width: 254px;
		border-right: solid 0px #000;
		background: none;
		padding: 35px 5px 5px 25px; 
	}

		#dedicatedExtra div.group {
			margin-top: 50px;
		}

	#dedicatedWrap {
		position: relative;
		width: 685px;
		margin: 0px auto;
		padding: 20px 0px;
		text-align: left;
	}

		#dedicatedWrap .details {
			top: 20px !important; /* match the padding above */
		}

	#imageContainer.open.toTheRight {
		right: 15px;
		left: 300px;
		border-left: solid 0px #000;
	}
	
		#dedicatedPreview .extras #referral {
			background-position: -33px -450px !important;
		}
		
		#dedicatedWrap .extras  #embed {
			background-position: -8px -450px !important;
		}
		
		#dedicatedWrap .extras  #mail {
			background-position: -137px -450px !important;
		}
		
		#dedicatedWrap .extras  #linkedIn {
			background-position: -212px -450px !important;
		}
		
		#dedicatedWrap .extras  #facebook {
			background-position: -187px -450px !important;
		}
		
		#dedicatedWrap .extras  #twitter {
			background-position: -162px -450px !important;
		}
		
	
	/*== imageModule ==*/
		.fotoglif_Thumbnail {
			background: none repeat scroll 0 0 #222;
			border: solid 1px #7E7E7E;
			margin: 10px 4px;
			padding: 5px;
			vertical-align: top;
			width: 105px;
			height: 65px;
			display:inline-block;
		}

		.scrollSpacerImage {
			margin: 10px 4px;
			padding: 10px;
			vertical-align: top;
			width: 105px;
			height: 65px;
			display:inline-block;
		}
	
		.hover, .hoverCreative {
			position: absolute;
			top: -19px;
			left: 115px;
			z-index: 99999;
			display: none;
			color: #000;
			text-align: center;
		}
		
		.hover ul, .hoverCreative ul {
			width: 231px;
			padding: 19px 25px 0px;
			background: url("/imageStatic/Fotoglif_expand-bg.png") no-repeat;
		}
		
		.imageModule .image-wrap, .purchase .image-wrap {
			height: 65px;
			overflow: hidden;
			width: 105px;
			border: 1px solid #999;
			padding: 2px;
		}
		
		.hover li, .hoverCreative li {
			margin: 10px 0px;
		}
		
		.hover .hoverWrap, .hoverCreative .hoverWrap {
			padding: 3px 3px 1px;
			border: solid 1px #7E7E7E;
		}
		
		.hover .hoverWrap, .hoverCreative .hoverWrap {
			display: table;
			margin-left: auto;
			margin-right: auto;
		}
		
		.hover .description, .hoverCreative .description {
			min-height: 6.0em;
			overflow: hidden;
			margin-bottom: 0px;
			text-align: left;
		}
		
		.hover .byline, .hoverCreative .byline {
			margin-bottom: 0px;
		}
		
		.hover .price, .hoverCreative .price {
			margin-top: 0px;
		}

		.hover .price, .hoverCreative .price {
			margin-top: 15px;
		}
		
		.hover .restrictions, .hoverCreative .restrictions {
			color: #BA0000;
			margin-bottom: 20px;
		}
		
		.hover .kicker, .hoverCreative .kicker {
			position: relative;
			bottom: 20px;
			height: 45px;
			width: 281px;
			background: url("/imageStatic/Fotoglif_expand-bg.png") no-repeat 0px -539px;
		}

	#overlayArea {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		z-index: 1005;
		overflow: hidden;
	}

	.overlay {
		position: absolute;
		top: 0px;
		left: 0px;
		height: 100%;
		width: 100%;
		background-color: #000;
		opacity: 0.8;
		filter:alpha(opacity=80);
	}

	.position {
		position: absolute;
		top: 50%;
		left: 50%;
	}

	.popLarge  {
		height: 410px;
		width: 677px;
		padding: 25px 40px 35px 25px;
		background: url("/imageStatic/Fotoglif_preview-bg.png") no-repeat 0px 0px;
		color: #000;
	}

	.popLarge a {
		color: #7FA2B5;
	}

	.popSmall {
		height: 156px;
		width: 225px;
		padding: 10px 20px 20px 10px;
		background: url("/imageStatic/Fotoglif_embed-bg.png") no-repeat 0px 0px;
		color: #000;
	}
	
	.popMed {
		color: #000;
	}

		.dijitDialogUnderlay {
			background-color: #000;
		}

		.popLarge .dijitDialogCloseIcon .closeText, .popMed .dijitDialogCloseIcon .closeText , .popSmall .dijitDialogCloseIcon .closeText, #previewPop #previewClose {
			display: inline;	
			position: absolute;
			right: 45px;
			top: 30px;
			height: 15px;
			width: 15px;
			background: url("/imageStatic/Fotoglif_sprite.png") no-repeat -75px -25px;
			cursor: pointer;
			text-indent: -5000px;
		}

		.popLarge .dijitDialogCloseIcon .closeText, .popMed .dijitDialogCloseIcon .closeText, .popSmall .dijitDialogCloseIcon .closeText {
			display: inline !important;	
		}

		#welcomePop.popLarge .dijitDialogCloseIcon .closeText, #audiencePop.popLarge .dijitDialogCloseIcon .closeText, #previewPop.popLarge .dijitDialogCloseIcon .closeText {
			display: none !important;	
		}
		
		.popSmall .dijitDialogCloseIcon .closeText {
			top: 7px;
			right: 17px;
		}

		.popLarge .dijitDialogCloseIcon .closeText, .popMed .dijitDialogCloseIcon .closeText, .close {
			height: 15px;
			width: 15px;
			background: url("/imageStatic/Fotoglif_sprite.png") no-repeat -75px -25px;
		}

		.popLarge .dijitDialogCloseIcon-hover .closeText, .popMed .dijitDialogCloseIcon-hover .closeText, .popSmall .dijitDialogCloseIcon-hover .closeText {
			background-position: -75px -50px;
		}

		.popLarge .dijitContentPane .textWrap {
			margin: 20px 2px;
			padding-left: 20px;
		}

		.popLarge .dijitContentPane p, .popLarge .dijitContentPane li {
			margin-bottom: 20px;
		}
		
		#welcomePop .dijitContentPane li, #audiencePop .dijitContentPane li {
			list-style: lower-alpha inside none;
			margin: -12px 15px 20px;
		}

		.popLarge .dijitContentPane div.sp {
			position: absolute;
			bottom: 50px;
			width: 600px; /*matches the inside of the popLarge... can't do 100% tho*/
			text-align: center;
		}

			#previewPop .dijitContentPane {
				height: 410px;
				overflow: hidden;
			}

			#previewPop #previewClose, .panel .close {
				background-position: -50px -25px;
			}

			#previewPop #previewClose:hover, .panel .close:hover {
				background-position: -50px -50px;
			}

			#welcomePop .textWrap {
				font-size: 1.2em;
			}

			#welcomePop .textWrap .sp.h4 {
				font-size: 1em !important;
			}
	
			#forgotPop li {
				margin-bottom: 0px;
			}

				#forgotPop li.group {
					margin-top: 10px;
				}

				#forgotPop fieldset.wrap {
					margin: 7px 0 5px !important;
				}

			#audiencePop .textWrap {
				font-size: 1.1em;
			}


		.popSmall .dijitContentPane {
			overflow: hidden !important;
		}
		
			.popMed .guts, .popMed .kicker {
				width: 510px;
				background: url("/imageStatic/Fotoglif_flash-bg.png") no-repeat 0px 0px;
				padding: 32px 50px 0px 30px;
			}
			
			.popMed .kicker {
				height: 30px;
				padding: 0px 50px 0px 30px;
				background-position: 0px -331px;
			}

/* ContentPane */

#welcomePop .dijitContentPane, #audiencePop .dijitContentPane {
	display: block;
	overflow: auto;	/* if we don't have this (or overflow:hidden), then Widget.resizeTo() doesn't make sense for ContentPane */
	padding: 25px 38px 30px 25px;
}

/* === non-logged home === */
	#audienceInfo {
		height: 17px;
		width: 17px;
		background: url("/imageStatic/Fotoglif_sprite.png") no-repeat -25px -300px;
	}

	#additionalInfo {
		margin: 15px 0px;
	}

	#additionalInfo .dijitTitlePaneTitle { /* same as h10 */
		font-size: .88em;
		cursor: pointer;
	}

	#additionalInfo .dijitArrowNodeInner {
		display: none;
	}

	#tos {
		float: left;
		margin-bottom: 15px;
	}

	#register .textCenter {
		margin-top: 35px;
	}

/* === non-logged home === */
	.close {
		float: right !important;
	}

/* === non-logged home === */
	body#email {
		padding: 5px 40px;
	}

		body#email #logo {
			position: relative;
			left: -20px;
			margin: 0px 0px 20px;
		}

		body#email textarea {
			height: 5em;
			width: 100%;
		}

		body#email #emailSubmitWrap {
			margin: 5px 0px;
			padding-left: 100px;
		}

/* === constrained ver === */

	html.constrained {
		height: auto;
		min-width: 0px;
	}

	body.simple {
		background: none;
		top: auto;
		left: auto;
		padding: 0px;
		color: #000;
	}
	
		body.simple a {
			color: #000;
		}

		.popLarge iframe {
			height: 100%;
			width: 100%;
			overflow: hidden;
			border: 0px;
		}

		.preview  .image, #imageContainer .image {
			display: table-cell;
			vertical-align: middle;
			height: 410px;
			width: 410px;
		}

		.preview .details, .purchase .details, #imageContainer .details {
			position: absolute;
			top: 0px;
			left: 410px;
			width: 256px;
			height: 410px;
			padding-left: 10px;
			border-left: solid 1px #7E7E7E;
		}
		
		.purchase .details {
			height: 370px;
			top: 40px;
		}
		
		.preview  .imageContainer, #imageContainer .imageContainer {
			margin: 0px auto;
			text-align: center;
		}
		
		.preview  .imageContainer .imageWrap, #imageContainer .imageContainer .imageWrap {
			display: inline-block;
			padding: 3px 3px 1px;
			border: solid 1px #7E7E7E;
		}
		
		.preview  .imageContainer .imageWrap img, #imageContainer .imageContainer .imageWrap img {
			max-width: 400px;
			max-height: 400px;
		}

		.simple .headPlate, .simple .details .buy, .simple .details .caption , .simple .details .restrictions, #imageContainer .headPlate, #imageContainer .details .buy, #imageContainer .details .caption , #imageContainer .details .restrictions {
			padding: 5px 10px;
		}

			.simple .headPlate, #imageContainer .headPlate {
				color: #FFF;
			}

		.simple #emailLink, #imageContainer #emailLink {
			height: 19px;
			width: 60px;
			background: url("/imageStatic/Fotoglif_sprite.png") no-repeat -100px -25px;
		}

			.simple #emailLink:hover, #imageContainer #emailLink:hover {
				background-position: -100px -50px;
			}

		.headPlate {
			background: url("/imageStatic/Fotoglif_sprite.png") repeat-x -25px -325px #000000;
		}

		.simple .details .buy, #imageContainer .details .buy {
			position: relative;
			padding-top: 45px;
			padding-bottom: 5px;
			background-color: #F2F2F2;
			color: #7E7E7E;
			margin-bottom: 5px;
		}

		.simple .details .buy .priceActual, #imageContainer .details .buy .priceActual {
			color: #000;
			font-weight: bold;
		}

		.simple .details .buy  #buyItNow, #imageContainer .details .buy  #buyItNow {
			position: absolute;
			top: 10px;
			right: 10px;
			height: 22px;
			width: 78px;
			background: url("/imageStatic/Fotoglif_sprite.png") no-repeat -25px -199px;
		}

		.simple .details .buy  div#buyItNow, #imageContainer .details .buy  div#buyItNow {
			background-position: -124px -199px;	
		}

		.simple .details .buy  a#buyItNow:hover, #imageContainer .details .buy  a#buyItNow:hover {
			background: url("/imageStatic/Fotoglif_sprite.png") no-repeat -25px -249px;
		}

		.simple .details .buy  a#getItNow, #imageContainer .details .buy  a#getItNow {
			position: absolute;
			top: 10px;
			right: 10px;
		}
		
		.simple .details .buy  a#getItNow, #confirmActual .sixth #getItNow, #imageContainer .details .buy  a#getItNow {
			height: 22px;
			width: 76px;
			background: url("/imageStatic/Fotoglif_get.png") no-repeat -0px -0px;
		}
		
		.simple .details .buy  a#getItNow:hover, #confirmActual .sixth #getItNow:hover, #imageContainer .details .buy  a#getItNow:hover {
			background: url("/imageStatic/Fotoglif_get-over.png") no-repeat -0px -0px;
		}
		
		.simple .details .buy  .id, .simple .details .buy .price, .simple .details .buy .byline, #imageContainer .details .buy  .id, #imageContainer .details .buy .price, #imageContainer .details .buy .byline {
			position: absolute;
			top: 10px;
		}
		
		.simple .details .buy .price, #imageContainer .details .buy .price {
			top: 25px;
		}
		
		.simple .details .buy .byline, #imageContainer .details .buy .byline {
			top: 55px;
			width: 110px;
		}
		
		.simple .details .buy .imageModule {
			position: absolute;
			top: 10px;
			right: 10px;
			margin: 0px;
		}

		.simple .details .buy .warning {
			margin-bottom: 5px;
		}

		.simple .details .caption, #imageContainer .details .caption {
			overflow-y: auto;
			overflow-x: auto;
			margin-bottom: 5px;
		}
		
		.simple .details .caption.sp, #imageContainer .details .caption.sp {
			height: 220px;
		}
		
		.purchase .fifth table {
			width: 380px;
		}
		
		.simple .details .restrictions, #imageContainer .details .restrictions {
			max-height: 40px;
			overflow-y: hidden;
			overflow-x: auto;
			font-size: .82em;
			color: #BA0000;
		}
		
		.simple .details .restrictions a, #imageContainer .details .restrictions a {
			color: #7FA2B5;
		}
		
		.simple .details .restrictions .label, #imageContainer .details .restrictions .label {
			color: #BA0000;
			font-weight: bold;
			text-transform: uppercase;
		}
		
		.simple .details .extras, #imageContainer .details .extras {
			position: absolute;
			bottom: 0px;
			width: 250px;
		}
		
		.simple .details .seperator, #imageContainer .details .seperator {
			border-bottom: solid #ccc 1px;
			padding-bottom: 3px;
			margin-bottom: 2px;
		}
		
		.simple .details .seperator.sp, #imageContainer .details .seperator.sp {
			position: absolute;
			bottom: 25px;
			width: 250px;
		}
		
		.simple .details .extras .sprite, #embedPop .embed, #referalPop .referal, #imageContainer .details .extras .sprite {
			background: url("/imageStatic/Fotoglif_sprite.png") no-repeat -65px -475px;
			height: 22px;
			width: 25px;
		}
		
		.simple .details .extras #embed, #embedPop .embed, #imageContainer .details .extras #embed {
			background-position: -8px -475px;
			width: 57px;
		}
		
		.simple .details .extras #mail, #imageContainer .details .extras #mail {
			background-position: -137px -475px;
		}
		
		.simple .details .extras #linkedIn, #imageContainer .details .extras #linkedIn {
			background-position: -212px -475px;
		}
		
		.simple .details .extras #facebook, #imageContainer .details .extras #facebook {
			background-position: -187px -475px;
		}
		
		.simple .details .extras #twitter, #imageContainer .details .extras #twitter {
			background-position: -162px -475px;
		}
		
		.simple .details .extras .sprite.right {
			float: right !important;
		}

		#embedSubmit {
			position: relative;
			top: 5px;
		}
		
		.purchase .purchaseActual, .purchase #updateActual {
			position: relative;
			height: 347px;
			width: 390px;
			padding: 10px;
		}
		
			.purchase a {
				font-weight: bold;
			}

			.purchase .headPlate .h3 {
				font-weight: normal;
			}

				.purchase .headPlate img {
					margin: 0px 3px 0px 5px;
				}

				.purchase .headPlate .underline {
					position: relative;
					top: -4px; 
				}


			.purchase .buy {
				height: 43px !important;
			}
		
			.purchase .purchaseActual .group {
				margin-bottom: 10px;
			}
			
			.purchase .purchaseActual .clear.seperator{
				padding-bottom: 20px;
				margin-bottom: 20px;
				border-bottom: 1px dashed #C4C4C4;
			}
			
			.purchase .purchaseActual li.bold {
				margin-bottom: 5px;
			}
			
			.purchase .purchaseActual .sixth {
				position: absolute;
				bottom: 0px;
				width: 390px;
				padding-top: 10px;
				border-top: 1px dashed #C4C4C4;
			}

			.purchase .purchaseActual .sixth input.checkbox {
				position: relative;
				top: 2px;
			}
			
			.purchase #addActual form {
				text-align: right;
			}
				
				.purchase #addActual form fieldset {
					margin: 5px 0px;
				}
				
				.purchase #addActual form fieldset.sp {
					margin-top: 40px;
				}
				
				.purchase #addActual input.text, .purchase #addActual select.text {
					width: 175px;
					margin-left: 20px;
				}
				
				.purchase #addActual select.text {
					width: 179px;
				}
				
				.purchase #addActual select.halfText {
					width: 88px;
				}

			.purchase #errorActual {
				width: 250px;
				margin: 0px auto;
			}

			#confirmActual .group table {
				width: 380px;
			}

			#confirmActual .sixth .textCenter {
				padding-top: 10px;
			}

			#confirmActual .sixth #getItNow {
				margin: 0px auto;
				float: none;
			}

			.purchase #updateActual form {
				text-align: right;	
			}

			.purchase #updateActual #tos {
				position: relative;
				top: 2px;
			}
				
	.single .headBlock, .single .wrap {
		margin: 10px 0px;
	}
		
		.single form {
			text-align: right;
			position: relative;
			width: 325px;
			margin: 10px auto 0px;
		}

		.single form label, .single form .fauxLabel, .purchase #updateActual form label, .purchase #updateActual form .fauxLabel, body#email label {
			float: left;
			margin: 7px 0px 5px 0px;
		}
		
		.single form input.text, .single form select.select, .purchase #updateActual form input.text, .purchase #updateActual form select.select, .purchase form #ccExpiresWrap, body#email input.text {
			width: 200px;
			margin: 5px 0px 5px 10px;
		}

			.purchase form #ccExpiresWrap {
				width: 204px;
			}

		.single form select.select.half, .purchase form select.select.half {
			width: 100px !important;
			margin: 0px;
		}

		.single form select.select, .purchase #updateActual form select.select { 
			width: 204px;
		}

		.details table.display {
			background-color: #F2F2F2;
			color: #7E7E7E;
		}
	
			.details table.display .id {
				padding: 10px;
				padding-bottom: 0px;
			}
	
			.details table.display .thumbWrap {
				padding: 10px;
				vertical-align: top;
			}
	
			.details table.display .price {
				padding: 0px 10px;
			}
	
				.details table.display .price .priceActual {
					color: #000;
					font-weight: bold;
				}

			.details table.display .byline {
				padding: 10px;
			}

			.details table.display .image-wrap {
				height: auto;
				width: auto;
				overflow: auto;
			}
	
	.simple .dijitDialogUnderlay {
		background-color: #FFF;
	}

		.popSmall .title {
			font-weight: bold;
			width: 210px;
		}

		#restrictionsPop .title {
			color: red; /*maybe not right red*/
			text-transform: uppercase;
		}

		.popSmall .textWrap p, .popSmall .textWrap div {
			margin-top: 10px;
		}

		.popSmall .textWrap fieldset {
			display: inline;
			width: 24%;
		}	

		.popSmall .textWrap fieldset.sp {
			width: auto;
		}