/* ---------- START OF SHARED CSS STYLES FRO CMS AND WEBSITE ---------- */



/* STANDARD STYLING */
	html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
	{
		margin: 0;
		padding: 0;
		border: 0;
		font-size: 100%;
	}
	
	body 
	{
		color:#000; /* MAIN BODY TEXT COLOR */
		font-family:"Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif; /* MAIN BODY FONTS */
		font-size:11px;
		/*font-size-adjust:none;*/
		font-style:normal;
		font-variant:normal;
		font-weight:normal;
		line-height:18px;
		background-color: #FDFDFD;
	}

/* HEADERS */
	h1, h2, h3, h4, h5, h6
	{
		color: #333;
		font-weight: normal;
		margin: 0;
		padding: 0; 
		line-height: 1.1em;
	}
	
	h1 a, h2 a, h3 a, h4 a, h5 a
	{
		color: #333;
	}

	h1	{font-size: 32px;}
	h2	{font-size: 28px;}
	h3	{font-size: 24px;}
	h4	{font-size: 20px;}
	h5	{font-size: 16px;}
	h6	{font-size: 12px;}


/* @ FORMS */
	legend
	{
		display: none;
	}
	
	fieldset
	{
		border:none;
		background: transparent;
	}
		
	/* commentform */
	label {
		color:#333;
		font-size: .9em;
		vertical-align:top;
	}
	small {
		color: #555;
		font-size: 90%;
	}
	input{
		font: 110%  arial, helvetica;

		padding: 5px 3px 3px 5px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #ccc;
	}

	textarea {
		font: 110% courier, arial, helvetica;
		height: 140px;
		border-top: 1px solid #ccc;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		border-left: 1px solid #ccc;
		padding: 5px 3px 3px 7px;
	}

	textarea:focus, input[type="text"]:focus, input[type="password"]:focus {
		border: solid 1px #666;
	}
	
	
	.button, input[type="submit"], .submit {
		border: 1px solid #aaa;
		background: #e5e5e5;
		margin:0;
		font-weight: bold;
		font-family: arial, helvetica;
	}
	
	.button:hover, input[type="submit"]:hover
	{
		color: #0088CC;
	}
	
	.button:active, input[type="submit"]:active{background: #e5e5e5; color: #000;}


/* ---------- START OF CMS CSS STYLES ---------- */
#div-pageWrapper
{
	vertical-align:middle;
	width: 100%;
	clear:both;
}


#div-login
{
	margin-top: 150px;	
}

.div-pageWrapper
{
	padding-top: 20px;
	padding-left: 15px;
	width: 100%;
	height: 500px;
}

.tableForm
{
	border:none;
	border-style:none;
	table-layout:fixed;
}
	.tableForm tr
	{
		padding:2px;
		border:none;
	}
	
	.tableForm td
	{
		padding: 5px;
		padding-top: 3px;
		padding-bottom: 3px;
	}
	
	
		/*.tableForm tr:hover
		{
			background-color:#FFFFCC;
		}*/

.listHeader
{
	padding-top:5px;
	padding-left:5px;
	padding-right: 5px;
	padding-bottom:10px;
	text-align:center;
	font-weight:bolder;
	font-size:14px;
	
	/*background-color:#484848;
	color:#FFFFFF;*/
}

.listRowOdd td
{
	background-color:#EFEFEF;
}

.listRowEven td
{
	background-color:#FFFFFF;
}

/* LIGHT COLOR CODES:
	#C5FCCB - Green;
	#FCFAC5 - Yellow;
	#C5D9FC - Blue;
*/

/*.listRowDelivered td
{
	border-left-color:#C5FCCB;
	border-right-color:#C5FCCB;
	
	background-color:#C5FCCB;
}*/

.listRowProcessing td /* YELLOW */
{
	background-color:#FCFAC5;
}

.listRowWaitingConfirmation td /* LIGHT GRAY */
{
	background-color:#EFEFEF;
}

.listRowReady td /* GREEN */
{
	background-color:#C5FCCB;
}

.listRowOpen td /* RED */
{
	background-color:#FFA4A6;
}

.listOrderInfo
{
	padding:5px;
	background-color:#EFEFEF;
	
}

.div-section
{
	margin-top:20px;
	display:block;
	clear:both;
}

.div-orderedPhoto
{
	margin-top:10px;
	margin-left:20px;
	padding-left:5px;
	background-color:#EFEFEF;
	float:left;
	display:block;
	clear:both;
}

	.div-orderedPhoto:hover
	{
		background-color:#C5FCCB;
	}

.div-orderThumb
{
	width:115px;
	height:110px;
	padding:5px;
	background-color:#FDFDFD;
	text-align:center;
	float:left;
}

.div-orderPhotoDetails
{
	width:300px;
	height:110px;
	padding:5px;
	background-color:#FDFDFD;
	float:left;
}

.div-orderThumbBrowse
{
	width:115px;
	height:75px;
	padding:5px;
	background-color:#FDFDFD;
	text-align:center;
	float:left;
}

.div-orderPhotoDetailsBrowse
{
	width:300px;
	height:75px;
	padding:5px;
	background-color:#FDFDFD;
	float:left;
}

.div-orderPhotoOptionsBrowse
{
	background-color:#FEFEFE;
	height:75px;
	padding:5px;
	float:left;
}

.listEdit, .listDelete
{
	padding: 5px;
	text-align:center;
	width:80px;
}

	.listEdit:hover
	{
		background-color:#93E23F;
	}
	
	.listDelete:hover
	{
		background-color:#D91E0D;
	}

.formLabels
{
	padding-left:5px;
	padding-right:5px;
	width:100px;
}


.formFields
{
	padding-left:5px;
	padding-right:5px;
}

.pv-yellow {
	color:#D8A800;
}

.pv-green {
	color:#486000;
}


/* ---------- START OF FRONTEND CSS STYLES ---------- */
.div-siteHeader {
	height:150px;
	width:100%;
	clear:both;
	background: url(../images/header-gradient.png) repeat-x;
}

.div-siteFooter {
	margin-top:15px;
	text-align:left;
}

.div-siteFooter img{
	vertical-align:middle;
}

.siteContent 
{
	width:850px;
	vertical-align:top;
	text-align:left;
}

.siteConfirmationContent 
{
	width:850px;
	vertical-align:top;
	text-align:left;
	border:solid 3px;
	border-color:#CCCCCC;
}

.siteHeaderContent
{
	width:850px;
	vertical-align:top;
}

.siteHeaderContent .div-siteLogo
{
	float:left;
	margin-top:25px;
}

.siteHeaderContent .siteNav
{
	float:right;
	color:#FFFFFF;
	margin-top:110px;
}

.siteNav img
{
	vertical-align:middle;
}

.siteNav td
{
	/*height:27px;*/
	padding-left:3px;
	padding-right:3px;
}

.siteNav a
{
	color:#DDD;
}

	.siteNav a:hover
	{
		color:#33CC00;
	}

.siteContent td
{
	/*background-color:#009900;*/
	padding-left:5px;
	padding-right:5px;
}

.siteIndexSearch
{
	text-align:left;
}

.drpdownRacename
{
	width:200px;
}

.textRaceBibNo
{
	padding:0px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-left: 1px solid #ccc;
}

.siteTableSearchResults
{
	border:none;
	text-align:left;
	height:250px;
}

.siteTableSearchResults td
{
	width:145px;
	height:130px;
	padding-left:3px;
	padding-right:0px; /* orig 10 */
	padding-top:-2px;
	text-align:left;
	background: url(../images/order-photo-bg.jpg) no-repeat left center;
}

.siteDivSearchResults
{
	text-align:center;
	height:75px;
	padding:5px;
	margin-bottom:10px;
}

/* the whole block of an image result */
.siteDivResultBlock
{
	height:110px;
	width:127px;
	border:solid 1px;
	border-color:#EFEFEF;
	padding:5px;
}

.siteDivResultBlock:hover
{
	border-color:#FF9900;
}

	.siteDivResultBlock div.siteDivCancelLink,  .siteDivResultBlock div.siteDivCheckMark
	{
		display:none;
	}
	.siteDivResultBlock div.siteDivOrderLink
	{
		display:block;
	}


/* the whole block of an image result ORDERED */
.siteDivResultBlockOrdered
{
	height:110px;
	width:127px;
	border:solid 1px;
	border-color:#33CC00;
	padding:5px;
}
	.siteDivResultBlockOrdered div.siteDivCancelLink,  .siteDivResultBlockOrdered div.siteDivCheckMark
	{
		display:block;
	}
	.siteDivResultBlockOrdered div.siteDivOrderLink
	{
		display:none;
	}
	

/* div of each element inside an image result block */

.siteDivOrderPhoto
{
	padding-bottom:5px;
}

.siteDivCheckMark
{
	float:left;
}

.siteDivOrderLink
{
	float:right;
}

.siteDivCancelLink
{
	float:right;
}

/* styling of each navigation number */
.siteDivGalleryNav
{
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:2px;
	margin-right:2px;
	border:solid 1px;
	border-color:#DDDDDD;
	
	background:#FFFFFF;
	float:left;
}

.siteDivGalleryNav:hover
{
	border-color:#AAAAAA;
}


.siteDivGalleryNavActive
{
	padding:10px;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:2px;
	margin-right:2px;
	border:solid 1px;
	border-color:#888888;
	
	background:#E1E1E1;
	float:left;
}



.siteDiv-orderedPhoto
{
	margin-top:10px;
	margin-left:20px;
	padding-left:5px;
	background-color:#EFEFEF;
	float:left;
	display:block;
	clear:both;
}

	.siteDiv-orderedPhoto:hover
	{
		background-color:#C5FCCB;
	}

.siteDiv-orderThumb
{
	width:115px;
	height:110px;
	padding:5px;
	background-color:#FDFDFD;
	text-align:center;
	float:left;
}

.siteDiv-orderPhotoDetails
{
	width:400px;
	height:110px;
	padding:5px;
	background-color:#FDFDFD;
	float:left;
}

.siteStepsDesc
{
	padding:15px;
	padding-top:20px;
	width:400px;
}

.siteTrackingNumber
{
	text-align:center;
	color:#8B0505;
	font-size: 20px;
}