/*  
	ISTOCKPHOTO.COM Universal CSS
	Main Template and Commonly Used styles

BASIC 
------------
*/
* { /* Reset the margins so IE doesnt barf all over with Box Model problems */
	margin: 0px;
	padding: 0px;
	}
body {
	margin: 0px;
	padding: 0px;
	text-align: left;
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #363636;
	background-color: #FFFFFF;                        
}

img, img:link,img:visited {
	border: 0px;
	behavior: url("iepngfix.htc");
}

ul,ol {
	margin-left: 20px;
	list-style-position: outside;
	}

.clear  {
	height:0px;
	line-height:0px;
	font-size:0px;
	margin:0;
	padding:0;
	clear:both;
	border:0;
	}
.horBorder {
	line-height: 0px;
	font-size: 0px;
	height: 1px;
	background: url("/images/horz_border.png") repeat-x;
	}
#wrapper {
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	color: #696969;
}
.localizetextarea {
	font-family: "trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	line-height: 1.26em;
	color: #696969;
}

/* we over-ride the h2 & h3 tag immediately below, the .h1 is used for something SEO related */
h1, h2, h3 .h1 {
	font-family: Trebuchet, "Trebuchet MS", Helvetica, Petra, sans-serif;
	font-size: 1.6em;
	line-height: 1.6em;
	margin: 0px;
	padding: 0px;
	font-weight:normal;
	color: #8e8e8e;
}

h2{
	font-size:1.4em;
	line-height:1.4em;
}

h3, .h3{
	font-size:1.2em;
	line-height:1.2em;
}
	
label {
	line-height: 20px;
	vertical-align: top;
}

	
/*LINKS
-----------------------------------------------------------------------------
*/

a {
	text-decoration: none;
	outline: none;
}
a:hover {

	}


/* COLOR SCHEMES
----------------------------------------------------------------------------- 
*/
/* TOPBAR GRAPHICS */
#birds {
	background: url("/images/bird_bg.png")  no-repeat top right ;
}
#explode {
	background: url("/images/explode_bg.png")  no-repeat top right ;
}

/* TOPBAR COLORS */

#olive #wrapper, .oliveSelector {
	background: #767600 url("/images/olive-bg.png") repeat-x left top;
}
#olive a:link {
	color: #767600;
	text-decoration: none;
}
#olive .linkColor {
	color: #767600;
}
#olive a:visited {
	color: #767600;
	text-decoration: none;
}
#blue #wrapper, .blueSelector {
	background: #7396bf url("/images/blue-bg.gif") repeat-x left top;
}
#blue a:link {
	color: #7396bf;
	text-decoration: none;
}
#blue .linkColor {
	color: #7396bf;
}
#blue a:visited {
	color: #7396bf;
	text-decoration: none;
}
#grey #wrapper, .greySelector {
	background: #000 url("/images/grey-bg.png") repeat-x left top;
}
#grey a:link {
	color: #000;
	text-decoration: none;
}
#grey .linkColor {
	color: #000;
}
#grey a:visited {
	color: #000;
	text-decoration: none;
}
#orange #wrapper, .orangeSelector {
	background: #f49b0f url("/images/orange-bg.png") repeat-x left top;
}
#orange a:link {
	color: #f49b0f;
	text-decoration: none;
}
#orange .linkColor {
	color: #f49b0f;
}
#orange a:visited {
	color: #f49b0f;
	text-decoration: none;
}
#pink #wrapper, .pinkSelector {
	background: #f13d8d url("/images/pink-bg.png") repeat-x left top;
}
#pink a:link {
	color: #f13d8d;
	text-decoration: none;
}
#pink .linkColor {
	color: #f13d8d;
}
#pink a:visited {
	color: #f13d8d;
	text-decoration: none;
}
#red #wrapper, .redSelector {
	background: #c62f00 url("/images/red-bg.png") repeat-x left top;
}
#red a:link {
	color: #c62f00;
	text-decoration: none;
}
#red .linkColor {
	color: #c62f00;
}
#red a:visited {
	color: #c62f00;
	text-decoration: none;
}
#black #wrapper, .blackSelector {
	background: #000 url("/images/black-bg.png") repeat-x left top;
}
#black a:link {
	color: #000;
	text-decoration: none;
}
#black .linkColor {
	color: #000;
}
#black a:visited {
	color: #000;
	text-decoration: none;
}
.blueSelector, .oliveSelector, .greySelector, .orangeSelector, .pinkSelector, .redSelector, .blackSelector, #colourSelectorChecked {
	width: 12px;
	height: 12px;
	border: 2px solid #e0e0e0;
	float: left;
	margin: 0px 4px 4px 0px;
	overflow: hidden;
}

#colourSelectorChecked {
	border: 2px solid white;
}
 
 
/* CONTROL PANEL
----------------------------------------------------------------------------- 
*/
.controlPanelMain {
	display: none;
	width: 895px; 
	background-color: #ffffff;
	background: url("/images/cp_bg.png") repeat-x left top;
	padding: 5px 0px 5px 15px;
	z-index: 1000;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #E0E0E0;
/*	border-right: 1px solid #E0E0E0;*/
}

.controlPanelSet {
	margin-top: 5px;
	margin-bottom: 8px;
}


/* TOPBAR - overhauled 29 Jan 2008 by dePage
----------------------------------------------------------------------------- 
*/


#tb{				/* wraps the entire header area that contains text */
	height: 85px;
	width: 905px;
	margin:0;
	padding:0 0 2px 0;
	overflow:hidden;
	color:#fff;
}
	#tb a{color:#fff !important}
	#tb a:hover{color:#000 !important}

#tbLogo{			/* contains the logo */
	width:184px;
	height:45px;
	float:left;
}

#tbLang{			/* houses language selector and logout buttons */
	float:right;
	padding-top:15px;
}

#tbDivider{			/* horizontal divider line in header area */
	clear:both;
	height:1px;
	line-height:1px;
	width:905px;
	margin:2px 0 8px 0;
}

#tbName{			/* wraps the username or Not a Member area */
	float:left;
	padding:0 0 0 1em;
	vertical-align:top;
}
	#tbName img{vertical-align:middle}

#tbButtons{			/* wraps either the login form or user buttons */
 	text-align:right;
}


#languageSelection {
	float: right;
	padding: 5px 8px 0px 0px;
	}
#languageSelection a {
	color: #FFF;
	}
#languageSelection a:link, #languageSelection a:visited {
	color: #FFF;
	}
#languageSelection a:hover {
	color: #000;
	text-decoration: none;
	}


/* this is the container for the drop-down menu off the banner */
#acctDetailsSelector{
	float:left;
	background:#fff url(/images/shared/footer_dropdown.gif) left bottom repeat-x; 
	position:absolute;
	width:160px;
	z-index:1600;
}

/* navItems dropdown CSS - courtesy son of suckerfish */
.sosfh, .sosfh ul {
	padding: 0;
	margin: 0;
	list-style: none;
	line-height:1;
	vertical-align:middle;
	z-index:20;
}

.sosfh a {
	display: block;
}

.sosfh li {
	float: right;
	vertical-align:middle;
	padding: 1px 4px;
}

.sosfh li.rb{
	padding-top:5px;
	padding-left:8px;
}

.sosfh li.np{
	padding:0 2px;
}

.sosfh li ul {
	position: absolute;
	left: -999em;
	background:#fff;
	color:#000;
	padding:1em 2px 1em 2px;
/* 	width:10em; */
}

.sosfh li ul.rb,
.fakeDropdown {
	border:solid 1px #ddd;
	border-top-color:#fff;
	text-align:left;
	left: -9999em;
	background:#fff url(images/bg_white.gif) top left repeat;
	
	-moz-border-radius: 0 .4em .4em .4em;
	-webkit-border-bottom-left-radius: .4em;
	-webkit-border-bottom-right-radius: .4em;
	-webkit-border-top-right-radius: .4em;
	border-bottom-left-radius: .4em;
	border-bottom-right-radius: .4em;
	border-top-right-radius: .4em;
}

.sosfh li ul li {
 	float:left;
}

.sosfh li:hover a, 
.sosfh li.sfhover a{
	color:#000 !important;
}

.sosfh li img{
	vertical-align:middle;
}

.sosfh li:hover,
.sosfh li.sfhover {
    position: static;
}

.sosfh li.rb:hover,
.sosfh li.forceOn {
	border:solid 1px #ddd;
	border-bottom-color:#fff;
	background:#fff;
	color:#000;
	padding: 5px 4px 7px 6px;

	-moz-border-radius:.4em .4em 0 0;
	-webkit-border-top-left-radius: .4em;
	-webkit-border-top-right-radius: .4em;
	border-top-left-radius: .4em;
	border-top-right-radius: .4em;
}

.sosfh li:hover ul,
.sosfh li.sfhover ul {
	left: auto;
}

.hr{
	height:1px;
	line-height:1px;
	padding:0.5em;
	margin-bottom:1em;
	background-color:#d4d4d4;
	min-width:100px;
	width:100%;
}



/* SQUARE BUTTONS */
.btn_sq{
	font-size:11px !important;
	font-family:Trebuchet, "Trebuchet MS", Helvetica, sans-serif;
	vertical-align:middle;
	border:solid 1px #c6c6c6;
	padding:1px 7px 2px 7px !important;
	color:#000 !important; /* need important to override hyperlink color, used to be 4d4d4d */
	margin:0 !important;
	background:#fff url('/images/button_silverbg.gif') left 1px repeat-x;
	white-space:nowrap;
	cursor: pointer;
	
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
}

.btn_sq:hover{
	background:#fff url('/images/button_silverbg_over.gif') left 1px repeat-x;
}

input.btn_sq{
	padding:1px 7px 2px 7px !important; /* need this to make button elements same size as above */
}
.btn_sq:hover{
	text-decoration:none !important; /* need important to override hyperlink hover */
	color:#000 !important; /* need important to override hyperlink color */
	border:solid 1px #8c8c8c;
}


/* BLUE BUTTONS */
.btn_blue{
	font-family:Trebuchet, "Trebuchet MS", Helvetica, sans-serif;
	font-size:11px !important;
	vertical-align:middle;
	border:solid 1px #90a6bd;
	padding:3px 5px 3px 5px !important;
	color:#fff !important; /* need important to override hyperlink color */
	margin:3px 1px !important;
	background: #5a80ab url('/images/btn_blue_bg.gif') center top repeat-x;
	white-space:nowrap;
	cursor: pointer;
	
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
}
.btn_blue:hover{
	text-decoration:none !important; /* need important to override hyperlink hover */
	background: #859cb5 url('/images/btn_blue_bg_hover.gif') left top repeat-x;
}
input.btn_blue{
	padding:3px 5px 3px 5px !important; /* need this to make button elements same size as above*/
}


/* ORANGE BUTTONS */
.btn_orange{
	font-family:Trebuchet, "Trebuchet MS", Helvetica, sans-serif;
	font-size:11px !important;
	vertical-align:middle;
	border:solid 1px #c56611;
	padding:3px 5px 3px 5px !important;
	color:#fff !important; /* need important to override hyperlink color */
	margin:3px 1px !important;
	background: #df9c27 url('/images/button_bg_orange.gif') left top repeat-x;
	white-space:nowrap;
	cursor: pointer;
	
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
}
.btn_orange:hover{
	text-decoration:none !important; /* need important to override hyperlink hover */
	background: #c56511 url('/images/button_bg_orange_hover.gif') left top repeat-x;
}
input.btn_orange{
	padding:3px 5px 3px 5px !important; /* need this to make button elements same size as above*/
}

/* SMALL ORANGE BUTTONS FOR APPLY TO BECOME A CONTRIBUTOR */
.btn_orange_sm{
	font-family:Trebuchet, "Trebuchet MS", Helvetica, sans-serif;
	font-size:9px !important;
	vertical-align:middle;
	border:solid 1px #c56611;
	padding:1px 3px 1px 3px !important;
	color:#fff !important; /* need important to override hyperlink color */
	margin:2px 1px !important;
	background: #df9c27 url('/images/shared/button_bg_orange_sm.gif') left top repeat-x;
	white-space:nowrap;
	cursor: pointer;
	
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
}
.btn_orange_sm:hover{
	text-decoration:none !important; /* need important to override hyperlink hover */
	background: #c56511 url('/images/button_bg_orange_hover.gif') left top repeat-x;
}
input.btn_orange_sm{
	padding:0 !important; /* need this to make button elements same size as above*/
}


/* BLACK BUTTONS */
.btn_black{
	font-family:Trebuchet, "Trebuchet MS", Helvetica, sans-serif;
	font-size:11px !important;
	vertical-align:middle;
	border:solid 1px #000;
	padding:1px 10px 2px 10px !important;
	color:#f1f1f1 !important; /* need important to override hyperlink color */
	margin:3px 1px !important;
	background: #000; /* url('/images/button_bg_orange.gif') left top repeat-x; */
	white-space:nowrap;
	cursor: pointer;
	
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
}
.btn_black:hover{
	text-decoration:none !important; /* need important to override hyperlink hover */
	color:#fff !important;
}
input.btn_black{
	padding:0 10px 1px 10px !important; /* need this to make button elements same size as above*/
}


/* PUNCTUM BUTTONS */
.btn_punctum{
	font-family:Trebuchet, "Trebuchet MS", Helvetica, sans-serif;
	font-size:14px !important;
	font-weight:bold;
	line-height:36px;
	vertical-align:middle;
	border:solid 2px #d9d9d7;
	padding:5px 14px 4px 14px !important;
	color:#f1f1f1 !important; /* need important to override hyperlink color */
	margin:3px 1px !important;
	background: #a4a91b url('/images/punctum_bg.jpg') left bottom repeat-x;
	white-space:nowrap;
	height:33px;
	
	-moz-border-radius: .4em;
	-webkit-border-radius: .4em;
	border-radius: .4em;
}
.btn_punctum:hover{
	text-decoration:none !important; /* need important to override hyperlink hover */
	color:#fff !important;
}
input.btn_punctum{
	padding-top:0 !important; /* need this to make button elements same size as above*/
	padding-bottom:0 !important; /* need this to make button elements same size as above*/
	margin:1px 1px 3px 1px !important;
}



/* Improved Radius Buttons using list items
----------------------------------------------------------------------------- 
*/
ul.listarrow{
	list-style: none;
	margin-left:2px;
}
ul.listarrow li{
	background: url("/images/arrow.gif") left center no-repeat;
	padding:3px 0 3px 12px;
}

/* CONTROL PANEL SPECIAL CLASSES
----------------------------------------------------------------------------- 
*/

#ControlPanelMain select {
	margin-top: 4px;
	}


/* CONTENT AREA
----------------------------------------------------------------------------- 
*/

#contentArea {
	margin: 0px 0px 0px 0px;
	text-align: left;
	padding: 0px;
	vertical-align: top;
	float: left; 
	line-height: 1.4em;
}

#contentArea a:hover {
	text-decoration: underline;
	}
#contentArea p{
	margin-bottom: 6px;
	text-align: left;
	}	

/* SIDENAV
----------------------------------------------------------------------------- 
*/

 #sideBar  {
	text-align: left;
	float: left;
	width: 156px;
	margin-right: 2px;
	padding-right: 2px;
	padding-top: 5px;
	font-weight: lighter;
}

#searchBox {
	padding-left: 10px;
	font-size: 1.1em;
}

#searchBox .topsearch {
	width: 130px;
	padding: 0px;
	margin: 0px;
	}

#searchBox .subSearch {
	margin: 5px 0px 0px 0px;
	}

#searchBox .buttonRow {
	margin: 5px 0px 0px 0px;
	}


#nav p {
	display: block;
	font-size: 12px; 
	color: #888;
	margin-left: 10px;
	line-height: 22px;
	vertical-align: middle;
}

#nav a, #nav span, #nav textarea {
	display: block;
	font-size: 12px; 
	color: #000 !important;
	padding-left: 10px;
	line-height: 22px;
	vertical-align: middle;
}

#nav a:hover {
	color: #000 !important;
	text-decoration: none;
	background: url("/images/sidenav.png") left bottom repeat;
}
#nav a.selected {
	color: #666 !important;
	text-decoration: none;
	background: url("/images/sidenav.png") left bottom repeat;
}

#nav p {
	height: 22px;
	padding: 0px;
	margin: 0px;
	font-weight: lighter;
}
#searchOptions {
margin-left: 10px;
}
#searchOptions img {
	cursor: pointer;
	}
#searchOptions h2 {
	font-size: 12px; 
	color: #000;
	vertical-align: middle;
	font-weight: normal;
	cursor: pointer;
	}
#searchOptions strong {
	color: #000;
	padding: 4px 0px 2px 0px;
	display: block;
	margin: 2px 0px 0px 0px;
	border-top: 1px solid #eee;
}

#searchoptions a {
	padding-left: 18px;
	display: block;
	vertical-align: middle;
}

#searchoptions a:link {
	color: #666;
}

#searchoptions a:hover {
	color: #000;
}

#searchoptions a.on {
	background: url("/images/checkbox-on.png") left center no-repeat;
}

#searchoptions a.off {
	background: url("/images/checkbox-off.png") left center no-repeat;
}

#mainContentMaster {
	padding: 0px 0px 0px 0px;
	background: url("/images/vert_border.png") left repeat-y;
	width: 750px;
	float: left;
	font-size: 1.1em;
}
#oneColumn {	
	padding-top: 10px;
	padding-left: 9px;
	margin-left: 1px;
	}
#mainContentSearch {
	padding: 0px 0px 0px 0px;
	background: url("/images/vert_border.png") left repeat-y;
	width: 100%;
	
	}

.searchTD {
	width: 160px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	}
.tableTD {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	}
.searchExpandTD {
	vertical-align: top;
	width: 100%;
	}
#searchHolder {
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	width: 100%;
	}

 .paddedBox {
	padding: 0px 10px 0px 10px;
	}
 .paddedBoxTop {
	padding: 10px 10px 10px 10px;
	}
#footer {
	width: 910px;
	display: block;
	margin: 10px 0px 0px 0px;
	color: #999;
	font-size: 0.9em;
	background-color: #FFF;
	}
#footer a:hover {
	text-decoration: underline;
	}
#footer #left	{
	margin: 10px 0px 10px 8px;
	float: left;
	width: 280px;
	}
 #footer #right {
	margin: 10px 0px 10px 0px;
	float: right;
	width: 580px;
	text-align: right;
	}
.banners {
	margin: 5px;
}

/*  INTERFACE ELEMENTS
----------------------------------------------------------------------------- 
*/

button {
	border: 0px;
	padding: 0px;
	margin: 0px 0px 0px 4px;
	border-width: 0px;
	background-color: #FFF;
	cursor: pointer;
	height: 24px;
	line-height: 23px;
	vertical-align: middle;
}

button div{
	font-size: 0.85em;
	padding: 0px 0px 0px 3px;
	margin: 0px 0px 0px 0px;
	background: url("/images/button-l.png") left top no-repeat;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
}

button span {
	height: 24px;
	line-height: 23px;
	background: url("/images/button-r.png") right top no-repeat;
	display: block;
	padding: 0px 6px 0px 0px;
	margin: 0px 0px 0px 3px;
	border-width: 0px;
	vertical-align: middle;
	color: #000000;
}

#contentArea button:hover {
	color: #777;
}

.radiusbutt {
	padding-left: 10px;
	background: url("/images/arrow.gif") no-repeat left;
	margin-bottom: 5px;
}
.radiusbuttright {
	padding-left: 10px;
	margin-bottom: 5px;
	background: url("/images/arrow.gif") no-repeat left;
	float: right;

}
.radiusbuttleft {
	padding-left: 10px;
	margin-bottom: 5px;
	background: url("/images/arrow.gif") no-repeat left;
	float: left;
	
}
.error {
	color: #ff0000;
	}
	
/* this class fixes the IE disappearing text. */
.iefix {
	height: 0.01%;
	}

/*  INTERFACE ELEMENTS
----------------------------------------------------------------------------- 
*/

 .left {
	float: left;
	}
 .right {
	float: right;
	}

.tableimage {
	float: left;
	width: 100px;
	height: 200px;
	}
.alignButton {
	vertical-align: top;
	}

#searchResults .floatercell .relevanceBar {
	background: #F4F4EF;
	margin: 4px 0px 4px 0px;
	width: 50px;
	text-align: left;
}

#searchResults .floatercell .relevanceBar div {
	background: url("images/test/diag.png");
	height: 3px;
}

#halfContent {
	width: 400px;
	}
#halfContent form{
	text-align: right;
	margin-right: 120px;
	}
#halfContent form .submitButton{
	text-align: right;
	margin: 10px 2px 10px 0px;
	}
#halfContent .field{
	text-align: right;
	}
#halfContent label{
	width: 200px;
	}
.navbarimg {
	margin-left: 3px;
	vertical-align: top;
	}
.navBar a{
	margin-left: 2px;
	margin-right: 2px
	}
.navBar .currentPage {
	margin-left: 2px;
	margin-right: 2px;
	font-size: 1.1em;
	font-weight: bold;
	}
.navBar {
	line-height: 18px;
	margin: 10px 0px 10px 0px;
	clear: both;
	}
.tabContent .navBar {
	margin-right: 10px;
	}
.tabContent .navBar a{
	color: #000;
	}
.arrow {
	padding-left: 10px;
	background: url("/images/arrow.gif") no-repeat left;
	margin-bottom: 5px;
}
.arrowRight {
	padding-left: 10px;
	margin-bottom: 5px;
	background: url("images/arrow.gif") no-repeat left;
	float: right;
	clear: both;
}
.reporttable .even {
	background-color: #f7f6f6;
	}

.reporttable .evenHighlight {
	background-color: #ffc4c4;
}
.reporttable .evenHighlight td, .reporttable .oddHighlight td {
	padding: 2px 5px 2px 8px;
	}
.reporttable .oddHighlight {
	background-color: #fedfdf;
}
.reporttable .even td {	
	padding: 2px 5px 2px 8px;
	}
.reporttable .odd td {	
	padding: 2px 5px 2px 8px;
	}
.reporttable th.paddingLeft {
	padding-left:9px;
}
#exclusiveTable {
	border-collapse: collapse; 
	border: 1px solid #e0e0e0;
}
#exclusiveTable td {
	padding: 3px; 
	text-align: center;
	border: 1px solid #e0e0e0;
}
#exclusiveTable th {
	padding: 3px; 
	text-align: left;

}
.vertBottom {
	vertical-align: bottom;
	}
.vertMid {
	vertical-align: top;
	padding-top: 2px;
	}

/*  sIFR ELEMENTS
----------------------------------------------------------------------------- 
*/

/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}


/* STRECHY ROUNDED CORNER BOXES
---------------------------------------------------------------------------- 
*/
.roundedBox {
}
.roundedBox .hd {
	background: url("/images/roundedbox/topleft.gif") left top no-repeat;
	height: 10px;
	/*line-height: 8px; 
	font-size: 12px;*/
	line-height: 0px; 
	font-size: 0px;
}
.roundedBox .hd .c {
	float: right;
	background: url("/images/roundedbox/topright.gif") right top no-repeat;
	width: 10px;
	height: 10px;
}
.roundedBox .bd {
	background: url("/images/roundedbox/middleleft.gif") left top repeat-y #FFF;
	padding: 0px 10px 0px 10px;
	border-right: 1px solid #e0e0e0;
	}
.roundedBox .bd .c {
	position: relative;
	float: right;
	width: 11px;
	background: url("/images/roundedbox/middleright.gif") right top repeat-y;
	}
.roundedBox .ft {
	height: 10px;
	background: url("/images/roundedbox/bottomleft.gif") left top no-repeat;
	font-size: 0px;
	line-height: 0px;
	}
.roundedBox .ft .c {
	float: right;
	background: url("/images/roundedbox/bottomright.gif") right top no-repeat;
	width: 10px;
	height: 10px;
	}

/* COPYSPACE */
#cs_box
{
	cursor: pointer;
	border: 0px solid #CCC;
	padding: 0px;
	float: left;
	width: 60px;
	margin-top: 4px;
	z-index: 1500;
}

#copyspaceContainer
{
	border: 0px solid #666;
	background-color: #FFF;
	width: 30px;
	height: 30px;
	float: left;
	cursor: pointer;
}

#copyspaceContainer2
{
	border: 1px solid #CCC;
	background-color: #FFF;
	width: 220px;
	padding: 5px;
	z-index: 1500;
	display: none;
	position: absolute;
}

.cs_xxx
{
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	border: 0px solid #888;
	background-color: #666;
	width: 15px;
	height: 15px;
	background: url(/images/cs_grey.gif);
}

.xxx
{
	float: left;
	margin-right: 1px;
	margin-bottom: 1px;
	background-color: #666;
	width: 15px;
	height: 15px;
}

.cs_on
{
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	border: 0px solid #8C8;
	background-color: #4E4;
	width: 15px;
	height: 15px;
	background: url(/images/cs_green.gif);
}

.cs_off
{
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
	border: 0px solid #C88;
	background-color: #E44;
	width: 15px;
	height: 15px;
	background: url(/images/cs_red.gif);
}

#sensitivity1
{
	cursor: pointer;
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 1px;
	background: url('/images/copyspace_1.png');
}

#sensitivity2
{
	cursor: pointer;
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 1px;
	background: url('/images/copyspace_2.png');
}

#sensitivity3
{
	cursor: pointer;
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 1px;
	background: url('/images/copyspace_3.png');
}

#sensitivity4
{
	cursor: pointer;
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 1px;
	background: url('/images/copyspace_4.png');
}

#sensitivity5
{
	cursor: pointer;
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 1px;
	background: url('/images/copyspace_5.png');
}

.sensitivity_off
{
	cursor: pointer;
	border: 1px solid #999;
}

.sensitivity_on
{
	cursor: pointer;
	border: 1px solid #000;
}

/*  SEARCH BAR
----------------------------------------------------------------------------- 
*/

#tableGradientBg, #tableGradientBg td { /* IE 7 & Safari doesn't tile background image properly. FIx: Put search bar div in table with background image - JT */
	z-index: 0;
	padding-bottom: 0px;
	margin: 0;
	background: url("/images/searchBar_gradient.gif") repeat-x #d4d3d4;
}

#SearchBar {
	padding: 5px 0px 3px 10px;
	margin: 0;
	width: 900px;
	float: left;
	z-index: 0;
	border: 0;
	background: url("/images/searchBar_gradient.gif") repeat-x;
}

#SearchBar #divider {
	float: left;
	margin-right: 15px;
	margin-top: 2px;
}

#SearchBar #SearchBarTextContainer {
	background: none;
	margin-right: 15px;
	height: 24px;
	float: left;
}

#SearchBar input#SearchBarText {
	width: 115px;
	color: #494949;
}

#SearchBar #SearchBarFileTypesContainer {
	padding: 0 15px 0 0;
	float: left;
}


/* COPYSPACE - CONTAINER in search bar */
#SearchBar #SearchBarCopySpaceContainer {
	height: 15px;
	float: left;
	padding: 0 15px 0 0;
}

/* COPYSPACE - GRAPHIC in search bar */
#SearchBar #SearchBarCopySpaceContainer2 {
	border: 0px solid #666;
	background-color: #FFF;
	width: 24px;
	height: 24px;
	cursor: pointer;
}

/* COLOUR BLOCK - CONTAINER in search bar */
#SearchBar #SearchBarColorContainer {
	height: 25px;
	padding: 0 15px 0 0;
	float: left;
}

/* COLOUR BLOCK - GRAPHIC in search bar */
#SearchBar #SearchBarCurrentColorBox {
	border: 1px solid #999;
	width: 22px;
	height: 22px;
	line-height: 0px;
	font-size: 0px;
	cursor: pointer;
	float:left;
	background-image: url('/images/colourblock_bg.gif');
}

/* COLOUR BLOCK - GRAPHIC in AJAX WINDOW */
#SearchBar #SearchBarCurrentColorBox2 {
	width: 22px;
	height: 22px;
	border: 1px solid #999;
	float: left;
	margin-right: 6px;
	margin-top: 0px;
	background-image: url('/images/colourblock_bg.gif');
	cursor: pointer;
}

/* COLOUR BLOCK - AJAX WINDOW */
#SearchBar #SearchBarColorSelector {
	border: 1px solid #ccc;
	background-color: #fff;
	padding: 5px;
	z-index: 1500;
	display: none;
	position: absolute;
	width: 225px;
}

#SearchBar #SearchBarSortByContainer {
	padding: 0 10px 0 0;
	float: left;
	/* IE6 work around */ width:expression(document.body.clientWidth < 200 ? "200px" : "auto" );
}

select#SearchBarSortBy {
	color: #494949;
	margin-right: 5px;
}

#SearchBar #SearchBarLinksContainer {
	float: left;
	padding: 0px 15px 0 0;
}

#SearchBarBeta {
	padding: 11px 0 2px 10px;
	line-height: 12px;
	font-size: 0.95em;
}

#SearchBar #SearchBarSubmit {
	margin: 2px 0 0 0;
	float: left;
}

/* TIPS ICON - CONTAINER in search bar */
#SearchTipsIcon {
	padding: 2px 15px 0 0;
	float: left;
}

#SearchTipsContainer
{
	margin: 0 0 10px 10px;
	width: 730px;
	display: none;
	padding-top: 14px;
	float: left;
}

#SearchBar .SearchBarFileTypeOptionsContainer
{
	border: 1px solid #CCC;
	background-color: #FFF;
	display: none;
	position: absolute;
	z-index: 1500;
	left: 10px;
	width: 80px;
	padding: 0 5px 5px 5px;
}

#SearchBar .SearchBarWithinHightlight
{
	background-color: #FEFEB0;
	color: #494949;
}
#SearchBar .SearchBarWithinNormal
{
	background-color: #FFFFFF;
	color: #494949;
}

/* <= IE 6.0 */
* html #SearchBar .SearchBarFileTypeOptionsContainer {
	left: -30px;
	top: 14px;
}

.radioon {
	background: url("/images/radio_on.gif")  no-repeat;
	display: inline;
	margin-top: 0px;
	padding: 0px;
	padding-left: 15px;
	font-weight: bold;
	font-size: 10px;
	color: #494949;
}

.radioon:hover {
	/*background-image: url("/images/radio_on.gif");*/
}

.radiooff {
	background: url("/images/radio_off.gif")  no-repeat;
	display: inline;
	margin-top: 0px;
	padding: 0px;
	padding-left: 15px;
	color: #494949;
}

.radioff:hover {
	
}

/* ======================================================== */
/*                                                        SEARCH BAR */       /* END */
/* ======================================================== */



/* Search Filters and Options */
#AdvancedSearchFiltersAndOptionsContainer {
	width: 730px;
	display: none;
	padding: 14px 10px;
}
#FiltersAndOptionsContainer {
	float: left;
	width: 375px;
	margin-right: 10px;
}
#DisplayDetailsContainer {
	float: left;
	width: 140px;
	height: 175px;
	background: url("/images/searchBar_divider.gif") left repeat-y;
	margin-right: 10px;
	padding-left: 10px;
}
#ResultFiltersContainer {
	float: left;
	width: 140px;
	height: 175px;
	background: url("/images/searchBar_divider.gif") left repeat-y;
	padding-left: 10px;
}
.ShapeSelectedVertical {
	float: left;
	padding: 5px; 
	margin-left: 5px;
	cursor: pointer;
	width:18px;
	height:18px;
	background: url('/images/icon_orien_vert_on.gif') no-repeat;
}
.ShapeNormalVertical {
	float: left;
	padding: 5px;
	margin-left: 5px;
	cursor: pointer;
	width:18px;
	height:18px;
	background: url('/images/icon_orien_vert_off.gif') no-repeat;
}	
.ShapeSelectedHorizontal {
	float: left;
	padding: 5px; 
	margin-left: 5px;
	cursor: pointer;
	width:18px;
	height:18px;
	background: url('/images/icon_orien_horiz_on.gif') no-repeat;
}
.ShapeNormalHorizontal {
	float: left;
	padding: 5px;
	margin-left: 5px;
	cursor: pointer;
	width:18px;
	height:18px;
	background: url('/images/icon_orien_horiz_off.gif') no-repeat;
}	
.ShapeSelectedSquare {
	float: left;
	padding: 5px; 
	margin-left: 5px;
	cursor: pointer;
	width:18px;
	height:18px;
	background: url('/images/icon_orien_square_on.gif') no-repeat;
}
.ShapeNormalSquare {
	float: left;
	padding: 5px;
	margin-left: 5px;
	cursor: pointer;
	width:18px;
	height:18px;
	background: url('/images/icon_orien_square_off.gif') no-repeat;
}

#MajortermBrowserContainer
{
	width: 735px;
	display: none;
	padding: 8px 0 0 6px;
	overflow: hidden;
}


/*  LANGUAGE SELECTOR -- NEW
----------------------------------------------------------------------------- 
*/
/* pop up container window */
#languageSelector {
	font-size: 10px;
	line-height: 16px;
	color: #494949;
	padding: 6px 8px 0 8px;
	display: none;
	position: absolute;
	background: #FFF;
	z-index: 1600;
	white-space: nowrap;
	border: 1px solid #dcdcdc;
	float: right;
}
#languageDisplay {
	cursor:pointer;
}

/* PRINTS CHECK-OUT
-----------------------------------------------------------------------------
*/

#PrintsOrderForm {
	background-color: #FDFDFD;
	border-collapse: collapse;
	margin-bottom: 5px;
}
#PrintsOrderForm td {
	border: 1px solid #E1E1E1;
	padding: 5px;
}
#PrintsOrderForm th {
	background-color: #F6F6F6;
	border: 1px solid #E1E1E1;
	padding: 3px 3px 1px 3px;
}


/*  STEEL CAGE ADMIN PAGES
----------------------------------------------------------------------------- 
*/

.SCAdminTable {
	border-collapse: collapse; border: 1px solid #EFEFEF;
}
.SCAdminTable th, .SCAdminTable td {
	border: 1px solid #EFEFEF;
}
.SCAdminTable th {
	padding: 5px;
}
.SCAdminTable td {
	padding: 3px;
}
.SCAdminTableRow {
	background: #FFF url("/images/downloadBackground.gif") top repeat-x;
}

.SCAdminBattleImages {
	margin: 0 5px 5px 5px; background: url('/images/shaded_background.png') top repeat-x; border-top: 1px solid #EFEFEF;
}
.SCAdminBattleImages td {
	border: none;
}
.SCAdminCommentsField {
	border-top: 1px solid #EFEFEF; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; border-left: 1px solid #FFF; background: url('/images/shaded_background.png') top repeat-x; padding: 5px;
}


/* AJAX Inline Window : js/ajax_widget_window.js */
#ajaxWin{
	position:absolute;
	border:solid 1px #c0c0c0;
	background:#fff;
	z-index:10001;
	padding:0;
	margin:0;
	color:#000;
	font-size:12px;
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
	border-radius-color: #c0c0c0;
}

#ajaxWin .hdr, #ajaxWin .ftr{
	background:#f3f2f2;
	margin:0;
	height:25px;
}

#ajaxWin .hdr{
	background:#fff url(/images/pomptheader_bg.gif) left top repeat-x;
	padding:.5em .5em .5em 15px;
	font-size: 14px;
}

#ajaxWin .ftr{
	padding:.5em;
	text-align:right;
}

#ajaxWin .hr, div.hr{
	background:#fff;
	border-top:solid 1px #e3e3e3;
	padding:0;
	margin:1em 0;
	height:1px;
	line-height:1px;
	clear:both
}

#ajaxWin td{
	padding-top:.6em;
	font-size: 11px;
}

#ajaxWin .txt_sm{
	font-size:11px;
}

#ajaxWin .nw{white-space:nowrap;}
#ajaxWin .nw input{vertical-align:bottom;}

#ajaxWinBG{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	background-color:#f9f9f9;
	z-index:10000;
	opacity:.8;
	filter: Alpha(opacity="80"); /* IE hack */
}

#ajaxWin .close_btn {
    font-size:10px !important;
	font-family:Trebuchet, "Trebuchet MS", Helvetica, sans-serif;
	text-align:top;
	vertical-align:top;
	padding:3px 12px 17px 6px !important;
	color:#000 !important; /* need important to override hyperlink color, used to be 4d4d4d */
	margin-bottom:0 !important;
	background:url('/images/close_btn_bg.png') no-repeat;
	white-space:nowrap;
	cursor: pointer;
}

/* STORE LOOK */
#store2{
	background:#f7f7f7 url(/images/store_bg.gif) left 4px repeat-x;
	border:solid 1px #eee;
	margin:1em auto;
	margin-top: 15px;
	padding:2em;
	color:#000;
	
	-moz-border-radius: .3em;
	-webkit-border-radius: .3em;
	border-radius: .3em;
}

#store2 h1, #store2 h2, #store2 h3{
	color:#000;
}

/* FIXED WIDTH CONTAINER USED TO KEEP H1 AND SUBNAV ON THE SAME LINE*/
#store2h1container{
	margin-top: 5px;
	width: 325px;
	margin-bottom:-2px;
	text-align:left;
}
/* All H1 tags in this div should be inline displayed */
#store2h1container h1 {
	display:inline;
}

#store2 h2{
	margin:18px 0 8px 0;
	font-size: 16px;
	font-weight: lighter;
	line-height: 18px;
}

#store2 h4{
	margin:10px 0 3px 0;
	color: #292929;
	font-size: 13px;
}

#store2 h5{
	margin:0 0 3px 0;
	color: #000000;
	font-size: 9px;
}

#store2 p{
	margin:0;
	line-height:1.4;
	color: #616161;
}

#store2 ul{
	padding-top:0;
	margin-top:10px;
	margin-bottom:25px;;
	line-height:1.4;
	color: #616161;
}

#store2 table{
	border-collapse:collapse;
	border-spacing:0;
}

#store2 select.store2{
	background:#f6f6f6;
	border:solid 1px #f6f6f6;
	padding:0px;
	font-size:11px;
}
#store2 input.store2{
	background:#f9f9f9;
	border-color:#ccc;
	padding:1px 4px;
	margin: 0 3px 0 3px;
}
#store2 td{
	font-size: 10px;
	padding-bottom: 4px;
	color: #4d4d4d;
}
#store2 th{
	text-align: left;
	color: #4d4d4d;
	padding-bottom: 4px;
	font-weight: bold;
}

#store2 a:link {
	font-weight: bold;	
	text-decoration: none;
}
#store2 .linkColor {
	font-weight: bold;
}
#store2 a:visited {
	font-weight: bold;
}

/* Sub navigation beside H1 */
#store2nav {
	float: right;
	margin: -13px 5px 0 10px;
	z-index: 1001;
}
#store2nav .current {
	color: #ac431d !important;
	font-weight: bold !important;
}
#store2nav a:link {
	margin-left: 25px;
	color: #616161;
	font-weight: normal;
}
#store2nav a:visited {
	margin-left: 25px;
	color: #616161;
	font-weight: normal;
}

.leftCol{
	clear:left;
	float:left;
	width:45%;
}

.rightCol{
	clear:right;
	float:right;
	width:45%;
}

.bin_bg{
	background:url(/images/store_bin_bg.png) left top repeat-x;
	margin-top:10px;
}

.oneHalf {
	float:left;
	width:45%;
	padding:.5em;
	text-align:left;
	vertical-align:top;
}

.oneThird {
	float:left;
	width:28%;
	padding:1em;
	text-align:left;
	vertical-align:top;
}

.vertSeparatorRight{
	border-right:solid 1px #eee;
	padding-right:1em;
	margin-right:1em;
}

/*simple classes for subscription page headers and top area*/

.inline {
	display:inline;
}

.block {
	display:block;
}

.clearBoth {
	display:block;
	clear:both;
}

/* generic classes used to remove a lot of inline styles */
.hl:hover{background-color:#f1f1f1;}
.b{font-weight:bold}
.c{text-align:center}
.r{text-align:right}
.l{text-align:left}
.t{vertical-align:top}
.m{vertical-align:middle}
.h{display:none}
.btm{vertical-align:bottom}
.red{color:#8f0000}
.dkgrey{color:#505050 !important}
.fr{float:right}
.fl{float:left}
.il{display:inline}
.cl{clear:both; line-height:1px; font-size:1px; height:1px;}
.ndnt{padding:.25em .5em}
.nb{border:0}
.nw{white-space:nowrap}
.w100{width:100%}
.tbl{
	border-collapse:collapse;
	border-spacing:0;
}
.no_txt_dec{
	text-decoration:none !important;
	cursor:default;
}
.orange{color:#ac431d;}



/* row highlighting with rounded borders for outside cells*/
tr.hl2 td{
	padding:3px 1px 3px 6px; 
	vertical-align:middle;
}
tr.hl2 td:last-child{padding-right:6px}

tr.hl2:hover td{
	background-color:#fff;
}

tr.hl2.noHover:hover td{
	background-color:transparent !important;
}

tr.hl2:hover td:first-child{
	-moz-border-radius: .3em 0 0 .3em;	
	-webkit-border-top-left-radius: .3em;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: .3em;	
	border-top-left-radius: .3em;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: .3em;
}
tr.hl2:hover td:last-child{	
	-moz-border-radius:  0 .3em .3em 0;	
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: .3em;
	-webkit-border-bottom-right-radius: .3em;
	-webkit-border-bottom-left-radius: 0;	
	border-top-left-radius: 0;
	border-top-right-radius: .3em;
	border-bottom-right-radius: .3em;
	border-bottom-left-radius: 0;
}

/* Drop Shadow */
.dropshadow, .dropshadow_lg {
	float:left;
	background: url(/images/dropshadow.png) no-repeat bottom right !important;
	background: url(/images/dropshadow.gif) no-repeat bottom right; /* for IE */
  
	-moz-border-radius: 0 .8em 0 .8em;		
	-webkit-border-top-right-radius: .8em;
	-webkit-border-bottom-left-radius: .8em;
	border-top-right-radius: .8em;
	border-bottom-leftt-radius: .8em;
  }
/* Bigger dropshadow */
.dropshadow_lg{
	background: url(/images/shared/dropshadow_lg.png) no-repeat bottom right !important;
	background: url(/images/shared/dropshadow_lg.gif) no-repeat bottom right; /* for IE */
}
.dropshadow > div, .dropshadow_lg > div {
	display: block;
	position: relative;
	background-color: #fff;
	border: 1px solid #a9a9a9;
	margin: -.5em 4px 4px -.5em;
	padding: 0;
}


/* Small Tabs */
.smtab, .smtab_active{
	padding:.5em .75em .3em .75em;
	background:#f6f6f6;
	-moz-border-radius: .3em .3em 0 0;	
	-webkit-border-top-left-radius: .3em;
	-webkit-border-top-right-radius: .3em;	
	border-top-left-radius: .3em;
	border-top-right-radius: .3em;
	margin-bottom:0;
	color: #000000;
	
}
.smtab_active{
	background:#f1f1f1 url(/images/smtab_bg.gif) top left repeat-x;
	border-bottom-color:#f3f3f3;
	color: #000000;
	margin-bottom:0;
} 

a.smtab {
	color: #000000;
	margin-bottom:0;
} 

p.note {
    font-size: 10px;
	color: #979797 !important;
}

p.note.leftNote {
	text-align:left;
}


/* table row striping */
tr.mgrdnt{
	background: #f8f8f8 url(images/shared/rowgradient.gif) left middle repeat-x;
}

.new {
    background: #8cc038;
	font-size: 9px;
	color:#ffffff;
	padding-left:1px;
	padding-right:1px;
}


/*  Login Form
--------------------------------------------  */
input.topMembername:focus, input.topPassword:focus {
	background-color: #FFF;
}
input.topMembername {
	margin: 10px 10px 0 0;
	border: 1px solid #5c7c91;
	background-color: #e6e7e8;
	padding: 2px 2px 2px 5px;
	width: 115px;
}
input.topPassword {
	margin: 10px 5px 0 0;
	border: 1px solid #5c7c91;
	background-color: #e6e7e8;
	padding: 2px 2px 2px 5px;
	width: 115px;
}

/* === no lost password link on iStock_login.php ===
.lostPassword a { font-size: 90%; }
.lostPassword a:link, .lostPassword a:visited { color: #ccdae9; }
.lostPassword a:hover { color: #FFF; }
*/