/*
*	Contains anything that pertains to the style of the site above the core, but beyond printing.
*/

body
{
	color:#e7e7e7;
	margin-bottom:40px;
	background-color:Black;
}

/*STD SKIN*/
.subBody
{
	position:relative;
    background:url(img/rep.jpg) 0px 0 repeat-y;
}

#formWrap
{
	position:relative;
	height:1%;
	background:url(img/background.jpg) no-repeat 0px 0px;
}

form
{
	position:relative;
	height:1%;
	background:url(img/bottom.jpg) 0px bottom no-repeat;
}

#cboxLoadedContent form, #formHelp
{background:none;}

/*END STD SKIN*/

a, a:link, a:active, a:visited, a:hover, a:focus
{color:#e7e7e7;}

#cboxContent a, #cboxContent a:link, #cboxContent a:active, #cboxContent a:visited, #cboxContent a:hover, #cboxContent a:focus,
div.err a, div.err a:link, div.err a:active, div.err a:visited, div.err a:hover, div.err a:focus
{color:#000;}

.devFooter a, .devFooter a:link, .devFooter a:active, .devFooter a:visited, .devFooter a:hover
{color:#5f5f5f;}

/* USER MENU */

.userWrap
{
	position:absolute;
	top:-30px;
	right:0px;
	text-align:left;
}

.ptgrMenu ul
{
	position:relative;
	font-size:.9em;
	list-style:none;
}

.ptgrMenu li
{
	display:inline; padding:0 3px;
}

/* END USER MENU */



/* BORDERS */

.singleImageWrap a img, #singlePhotoSub, .scrollSub a img, .editPhotoWrap .singleImageWrap
{border-color:#474747;}

.singleImageWrap a img:hover, .singlePhotoWrap a img:hover, .scrollSub a:hover img
{border-color:#2b4ba2;}

.scrollSub a.activeThumb img
{border-color:#fff;}

/* END BORDERS */

/*SLIDER*/

.sliderMask
{
	position:relative;
	height:202px;
	overflow:hidden;
}

.scrollContainer
{
	position:relative;
	width:3050px;
}

.scrollSub
{
	position:relative;
	float:left;
	width:216px;
}

.navi
{
	display:none;
	position:relative;
	text-align:right;
	right:10px;
	margin:0;
}

.navi li
{
	display:inline;
	padding:0 3px;
	margin:0 2px;
	cursor:pointer;
	border:solid 1px transparent;
	background-color:#7f7f7f;
}

.navi .activeSlideLink
{background-color:#5f5f5f;}

.navi li:hover
{border:solid 1px #5f5f5f;}

#popThumbs
{
	position:relative;
	z-index:50;
	right:0;
	top:9px;
	margin-bottom:9px;
	font-size:.9em;
	width:72px;
	height:20px;
	text-align:center;
}

#popThumbs a
{cursor:pointer; background:#5486CF;}

/* END SLIDER */

/*TABS*/

#container
{
	display:block;
	width:577px
}

#tabs .singleImageWrap, .ptgrSide2 .singleImageWrap
{
	position:relative;
	margin:0 2px 3px 2px;
	vertical-align:top;
	float:none;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
}

#tabs .homeImageWrap img
{
	position:relative;
	display:block;
	width:580px;
	height:350px;
}

#tabs .thumbsWrap
{text-align:center;}

#tabs .thumbsWrap .singleImageWrap img, .ptgrSide2 .singleImageWrap img
{
	position:relative;
	display:block;
	width:60px;
	height:45px;
}

.tabSection
{display:none;}

.activeTabSection
{display:block;}

#tabs li
{
	display:inline;
	padding:0 3px;
}

#latestPhotos
{
	position:relative;
	width:675px;
	height:490px;
	overflow:hidden;
}

#latestLdr
{
	position:absolute;
	width:100%;
	height:100%;
}

/*END TABS*/


/* INNER CONTENT */

#headerWrap
{
	position:relative;
	z-index:50;
}

.subHeading
{
	position:relative;
	padding:2px 5px;
	font-family:Arial;
	font-variant:small-caps;
	letter-spacing:.12em;
	background:url(img/grad1.jpg) 0 bottom repeat-x;
}

#mainWrap
{
	position:relative;
	z-index:20;
}

.subContent
{
	position:relative;
	padding:5px 3px 15px;
	min-height:430px;
}

* html .subContent
{height:430px;}

#homeBody .subContent
{min-height:350px; padding:5px 0;}

* html #homeBody .subContent
{height:350px;}

#pricingBody .subContent
{
	padding:10px 20px;
}

#homeBody .ui-tabs .ui-tabs-panel
{padding:10px 4px; width:580px; margin:0 auto;}

#customizeTabWrap
{
	position:absolute;
	right:0;
}

#tabs-99 .sortWrap
{
	position:relative;
	float:left;
}

#tabs-99 ul
{
	position:relative;
	margin:3px 20px 10px 0;
	list-style:none;
	min-height:200px;
	width:230px;
	border:1px solid #555555;
}

* html #tabs-99 ul
{height:230px;}

#tabs-99 li
{
	position:relative;
	display:block;
	margin:5px 0;
	padding:4px;
	cursor:pointer;
}

.elementWrap h2
{
	border-bottom-color:#fff;
}

.elementWrap .listInfo h4
{color:#5486cf;}

.elementWrap .headDesc
{color:#5F86CF;}

.galleryCardWrap, .photoCat, .ptgrCard
{
    background-color:#323232;
    border:1px solid #5f5f5f;
}

.photoCat:hover, .ptgrCard:hover
{background-color:#5F5F5F; border-color:#323232;}

/* END INNER CONTENT */

/***FORMS****/

.formInfo
{
	border-color:#e7e7e7;
}

.formSummary
{
	color:#e7e7e7;
}

.setWrap .ckbWrap input
{
    background-color:Transparent;
}

/* END FORMS */

.menu
{
	position:relative;
	z-index:50;
	background:#323232;
	border-bottom:3px solid #5f5f5f;
	margin:0 0 10px;
	padding:0 5px;
	height:25px;
}

.menu ul
{margin:0; list-style:none;}

.menu li
{position:relative; display:block; float:left; padding:8px 25px 0 0; height:20px;}

* html .menu li
{height:20px;}

.rootNav
{
	position:relative;
	padding:2px 5px 4px;
	font-weight:bold;
	height:14px;
	overflow:hidden;
}

a.rootNav:hover, a.rootNav.active, #homeBody .homeNav .rootNav, #catsBody .categoryNav .rootNav, #ptgrBody .photographersNav .rootNav, #userBody .usersNav .rootNav
{background-color:#5f5f5f; text-decoration:none;}

.menu .subMenu
{
	display:none;
	position:absolute;
	z-index:200;
	top:25px;
	left:0;
	height:auto;
	width:130px;
	font-size:.85em;
	border:solid 1px #5f5f5f;
	border-width:3px 2px 2px;
	background-color:#323232;
}

.menu .subMenu .subMenu
{z-index:201;}

.menu .subMenu ul
{
	position:absolute;
	left:114px;
	top:-5px;
	border-width:2px;
}

.menu .subMenu li, .headFilterSub li
{position:relative; z-index:100; float:none; padding:0px 4px; margin:4px 0; height:auto;}

#categoriesNavLinkSubMenu
{left:104px;}

.subMenu a, .subMenu a:link, .subMenu a:active, .subMenu a:visited, .headFilterSub a
{display:block; padding:2px 4px; color:#fff; font-size:1.1em; border:0 none; width:114px; height:16px; background:none;}

.headFilterSub a
{width:auto;}

.subMenu a:hover, .subMenu span:hover, .headFilterSub a:hover
{background-color:#4f4f4f; text-decoration:none;}

.subMenu li:hover, .headFilterSub li:hover
{background-color:#5f5f5f;}

.subMenu li.sep
{border:solid 1px #5f5f5f; border-width:1px 0 0 0;}

.subMenu li.subMenuTitle
{padding:0 4px 0 4px; background:url(/images/misc/16x16/smallRight.png) 119px 50% no-repeat;}

* html .subMenu li.subMenuTitle
{background:none;}

.subMenu li.subMenuTitle:hover
{background:#5f5f5f url(/images/misc/16x16/smallRight.png) 119px 50% no-repeat;}

.subMenu li.subMenuTitle span, .headFilterSub span
{z-index:200; display:block; font-weight:normal; padding:2px 4px; font-size:1.1em; cursor:default;}

.quickSearchWrap
{
	position:absolute;
	z-index:60;
	top:0;
	right:3px;
	width:148px;
}

.barSection .quickSearchWrap
{
	position:relative;
	right:auto;
	top:-5px;
}

.quickSearch
{
	position:relative; margin:0;
	line-height:14px;
}

.quickSearch .txtWatermark
{font-style:italic;}

.quickSearch .txtWatermark, .quickSearch .searchBox
{
	position:relative;
	top:3px;
	width:121px;
	line-height:14px;
	height:16px;
	padding:0;
	font-size:13px;
	border:0 none;
}

.quickSearch .btnGo
{
	position:absolute;
	left:127px;
	top:4px;
}

.singlePhotoInfo, .photoCrumbs, .subCats
{
	border-top-color:#323232;
}

.subCats, .photoCrumbs
{
	border-bottom-color:#323232;
}

a.touch:hover
{background:#7f7f7f; text-decoration:none;}

#photoMess
{
    position:absolute;
    top:34px;
    right:0px;
}

.singlePhotoInfo #photoIcons
{
    position:absolute;
    top:0px;
    right:0px;
    text-align:right;
    padding:2px;
    max-width:176px;
    background:#323232;
}

* html .singlePhotosInfo #photoIcons
{width:176px;}

#photoIcons a
{
	position:relative;
	display:block;
	float:right;
	padding:2px 3px;
	width:20px;
	height:20px;
}

#photoIcons a#shopLink
{width:40px;}

#photoIcons a:hover
{background-color:#474747;}

#photoIcons a img
{
	position:relative;
	display:block;
	font-size:1px;
	overflow:hidden;
	text-indent:-99999px;
}

.headFilterOpt ul
{
	border-color:#4f4f4f;
	background-color:#272727;
}

.headFilterSub li.current span
{color:#7f7f7f;}

.headFilterSub li.current:hover
{background:#272727;}

.headFilterOpt a:hover
{color:#5f5f5f; background-color:#272727;}

.headFilterOpt
{
    border-color:#4f4f4f;
}

.headFilterOpt strong:hover, .headFilterOpt strong.active
{
	background-color:#272727;
}

.headFilterOpt .first a
{border-bottom:solid 1px #4f4f4f;}

.headFilterOpt .last a
{border-top:solid 1px #4f4f4f;}

#frame
{
	position:relative;
    width:685px;
    padding-bottom:8px;
}

#frameSub
{
	position:relative;
	background-color:#0f0f0f;
	min-height:630px;
}

* html #frameSub
{height:630px;}

#welcomeText p
{color:#5486cf;}

#portal
{
	position:absolute;
	top:-114px;
	right:-5px;
	font-size:.9em;
	padding:2px 8px 8px;
	background:url(img/loginBarBack.png) no-repeat scroll 0 bottom;
	width:312px;
}

#portal .helloMess
{float:left;}

#portal .userNav
{float:right;}

#logo
{
	position:absolute;
	top:-95px;
	left:-10px;
	width:310px;
	height:77px;
	font-size:1px;
	overflow:hidden;
	text-indent:-99999px;
}

#sideWrapper
{
	position:absolute;
	left:760px;
	top:115px;
	width:220px;
	height:400px;
    
}

#siteWrapper
{
	position:relative;
    padding-top:114px;
    padding-left:28px;
}

.galleryThumbWrap
{float:left; margin:0 5px 5px;}

.galleryThumbWrap img
{
	position:relative;
	display:block;
	width:60px;
	height:45px;
}

.thumbWrap
{
	position:absolute;
	z-index:30;
	right:0;
    width:72px;
    overflow:hidden;
    margin:0px 0 10px 0;
    border:solid 1px #323232;
    background-color:#272727;
}

.thumbWrap .sliderMask
{
    padding:5px 0;
    height:auto;
}

.galColWrap .galleryThumbWrap
{float:none;}

.galColWrap
{
	position:relative;
	float:left;
	width:72px;
}

.galleryWrap
{
	position:relative;
	clear:left;
}

.gallerySubWrap
{
	position:relative;
	float:left;
	margin:13px 12px;
}

* html .gallerySubWrap
{
    margin:13px 11px;
}

.galThumb
{display:block; width:100px; height:80px;}

.galInfoWrap strong, .photoInfoWrap strong
{color:#BFBFBF; }

.photoInfoWrap .metaWrap, .photoInfoWrap .tagWrap
{
   border-top-color:#323232;
}

/*Lookup Pages - All Drivers, All Teams, All Events*/

h4.letterHead
{
    border-bottom-color:#323232;
}

/*END Lookup Pages*/


/* PHOTOGRAPHER VIEW */

.ptgrWrap h3, .tagCol h3
{border-bottom-color:#323232;}

.ptgrSide1
{
	border-right-color:#323232;
}

.ptgrMain
{
	border-left-color:#323232;
}


.ptgrPhotoFeed
{
    border-top-color:#323232;
}

.torFinder, .trackFinder, .driverFinder
{
	background-color:#dedede;
}

.photoFinder h4
{background-color:#000; color:#fff; cursor:pointer;}

/* END PHOTOGRAPHER VIEW */


/*Paging Links*/

.pageLinkWrap
{
    clear:both;
    text-align:center;
    margin:10px 0;
}

.pageLinkWrap span
{cursor:default;}

.pageLinkWrap span, .pageLinkWrap a, .pageLinkWrap a:link, .pageLinkWrap a:active, .pageLinkWrap a:visited
{
	float:none;
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	height:15px;
	color:#5486cf;
	margin:0 2px;
	padding:2px 7px;
	font-weight:bold;
	text-decoration:none;
	background-color:#323232;
	border:solid 1px #272727;
}

.pageLinkWrap .curLink
{
	color:#e7e7e7;
	background-color:#5486cf;
}

.pageLinkWrap a:hover
{
	color:#fff;
	border-color:#e7e7e7;
	background-color:#272727;
}

/*End Paging Links*/

/* FOOTER */

#footer
{
	position:relative;
}

#subFooter
{
	position:relative;
	clear:left;
	margin:5px;
	padding:5px;
	background-color:#191919;
}

.footerBox
{
	position:relative;
	overflow:hidden;
	height:126px;
    width:191px;
    padding:5px;
    float:left;
    margin:0px 13px 10px;
    padding:70px 5px 5px 5px;
    color:#e7e7e7;
}

* html .footerBox
{margin:0 9px 10px;}

#footerBox2 ul
{
	list-style-type:circle;
	margin:0 0 0 18px;
}

.footerBox .ptgrCard
{
    width:184px;
    float:none;
    margin:0;

}

#footerBox1
{
	padding-top:60px;
	height:136px;
    background:url(img/box1.jpg) 0 0 no-repeat;
}
#footerBox2
{background:url(img/box2.jpg) 0 0 no-repeat;}
#footerBox3
{background:url(img/box3.jpg) 0 0 no-repeat;}

#footBox1Inner
{
    overflow:auto;
    height:140px;
    text-align:center;
}

#footerBox1 .ptgrCard
{
	background:#353535 url(img/grad1.jpg) 0 bottom repeat-x;
	margin:2px 0 0 0;
	border:0 none;
	text-align:left;
}

#footerBox1 .ptgrCard:hover
{background:#0e0e0e url(img/grad1.jpg) 0 0 repeat-x;}

#footerBox1 .genUrl
{
	position:relative;
	font-weight:bold;
	font-size:.85em;
	display:block;
	clear:left;
	color:#323232;
	font-weight:bold;
}

#footerBox2, #footerBox3
{
	color:#0e0e0e;
	padding-left:10px;
	padding-right:10px;
	width:181px;
}

#footerBox3
{color:#5f86cf;}

#footerBox3 p
{line-height:1.8;}

.footMenu
{position:relative; clear:left; margin:10px 0 10px; color:#5f5f5f;}

.footMenu h6
{margin:0; font-size:.85em; color:#8f8f8f;}

.footMenu ul
{
	position:relative;
	float:left;
	margin:0 10px;
	list-style:none;
}

.footMenu li
{
	position:relative;
	display:block;
	line-height:12px;
}

.footMenu a, .footMenu a:link, .footMenu a:active, .footMenu a:visited, .footMenu a:hover
{color:#7f7f7f; font-size:.8em; border-bottom:dotted 1px #7f7f7f;}

.footMenu a:hover
{border-bottom-style:dashed; text-decoration:none;}

.devFooter
{
	position:relative;
	font-size:.8em;
	color:#5f5f5f;
	padding-top:5px;
	border-top:solid 1px #1f1f1f;
}

.devFooter p
{margin-bottom:2px;}

/* END FOOTER */


/* SUPER BAR */

#superBarWrap
{
	position:fixed;
	z-index:999;
	bottom:0;
	height:25px;
	font-size:11px;
	color:#111111;
	overflow:visible;
	width:100%;
}

#superBar
{
	position:relative;
	border:solid 1px #4f4f4f;
	height:25px;
	margin:0 7px;
	background:url(img/grad1.jpg) 0 0 repeat-x;
}

#superBarWrap a, #superBarWrap a:link, #superBarWrap a:active, #superBarWrap a:visited, #superBarWrap a:hover, #superBarWrap a:focus
{
	display:block;
    color:#e7e7e7;
}

.barSection
{
    position:relative;
    float:left;
    height:25px;
    background:#272727;
    padding:4px 7px 0;
    border: solid 1px #4f4f4f;
    border-width:0 1px 0 0;
}

.barSection:hover
{background:#323232;}

.barSection.first, .barSection.first:hover
{background:none;}

.barSection.right
{float:right; border-width:0 0 0 1px;}

#searchBarSection
{width:148px;}

.barSection a img
{
	padding-right:5px;
}

.barSection span
{
	position:relative;
	bottom:4px;
	color:#e7e7e7;
}

.barSection span.noIcon
{bottom:0;}

.barSection .superDrop
{
	display:none;
	position:absolute;
	bottom:30px;
	left:0;
	overflow-y:hidden;
	min-width:100%;
	background:#4f4f4f;
}

.superDrop ul
{margin:0; list-style:none;}

.superDrop li
{
    position:relative;
    min-height:1px;
    padding:2px 4px; 
    cursor:pointer;
    white-space:nowrap;
}

.superDrop li:hover
{color:#4f4f4f; background:#272727;}

.filterSection
{min-width:130px;}

.filterItem
{
	position:relative;
	display:block;
}

.filterItem span
{
	position:absolute;
	top:0px;
	right:0;
	height:16px;
	background:#4f4f4f;
}

/* END SUPER BAR*/

.footerRow
{
    border-top-color:#323232;
}

/*Shopping Cart Payment Form*/

.payFormWrap .custInfoWrap a.adminLink
{
    color:#e7e7e7;
}

/*END Shopping Cart Payment Form*/


/* Popup */

.hiddenPopup
{
    display:none;
}

.popupHolder
{
	width:500px;
    color:Black;
}

#addFavPopup .popupHolder
{
	height:300px;
}

.popupHolder .set, .popupHolder .formInfo
{
    width:auto;
    color:Black;
}

.popupHolder .formSummary, .popupHolder .formSummary a
{
    color:Black;
}
 
.popupHolder .formInfo 
{
    border-bottom-color:Black;
}

/* End Popup */

/* Alert */

.alertMessage
{
    border-color:#323232;
    background-color:#5F5F5F;
}

/* End Alert*/


#loadingCover
{
    background-image:url(img/semiTrans2.png);
    position:fixed;
    height:100%;
    width:100%;
    top:0px;
    left:0px;
    z-index:10000;
}

#loadingMessWrap
{
    position:absolute;
    top:40%;
    left:160px;
    width:300px;
    color:black;
    background-color:White;
    border:solid 2px black;
    text-align:center;
    padding:20px;
}

.editIconWrap
{
	display:none;
    position:absolute;
    z-index:101;
    top:0px;
    right:0px;
    padding:2px 4px;
    background:#323232;
    border:solid 2px #323232;
    cursor:pointer;
}

#userTagWrap
{
    border-top-color:#323232;
}

.adminTagWrap
{
    background-color:#323232;
}

.selPanel
{display:none;}

.selList
{
    border:solid 1px #e7e7e7;
    min-height:100px;
    max-height:150px;
    overflow:auto;
    width:295px;
}

* html .selList
{height:100px;}

/* Buttons */

.btnSearch, .btnGo, .btnLearnMore
{
	position:relative;
	display:block;
	font-size:1px;
	overflow:hidden;
	text-indent:-99999px;
	width:60px;
	height:20px;
	border:0 none;
	text-transform:uppercase;
	cursor:pointer;
	background:url(img/buttons.png) 0 0 no-repeat;
}

.btnSearch, .btnGo
{
	width:20px;
	height:18px;
	margin:0;
	background:#7f7f7f url(/images/misc/16x16/search.png) 2px 2px no-repeat;
}

.btnSearch:hover, .btnGo:hover
{background-color:#5f5f5f; }

.btnLearnMore{width:95px; float:right; margin:0 5px 5px 0; background-position:0 -90px;}
.btnLearnMore:hover{background-position:-120px -90px;}

.userMenu a
{float:left; margin:0 3px;}

/* End Buttons */


/*UI MODS*/

.ui-widget-header
{background:#323232;}

.ui-state-default, .ui-widget-content .ui-state-default
{
	background:#5f5f5f;
	border-color:#323232;
}

.ui-state-active, .ui-widget-content .ui-state-active
{background:#232323 !important;}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus
{background:#5486cf;}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited
{color:#e7e7e7;}

.ui-state-active, .ui-widget-content .ui-state-active 
{border-width:0 0 1px;}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected 
{bottom:-2px;}

/*END UI MODS*/