/*-----------------------------------------------------------------------
Global HTML Elements
Basic HTML Syles such as Body, H1, p, li
-------------------------------------------------------------------------*/

body
{
	height: auto;
	font-family: Helvetica;
	padding: 0px;
	margin: 0px;
	font-size: 16px;
}

h1
{
	font-size: 1.6em;
	color: #356AA0;
}

ul
{
	line-height:1.4em;

}

a
{
	text-decoration: none;
}

#header h1
{
	font-family: Verdana;
	font-size: 1.7em;
	margin: 0.6em;
	padding: 0;
	color: #356AA0;
	float: left;
}

p
{
	clear: both;
}

h2
{
	font-size: 1.75em;
	color: #356AA0;
	margin: 0.6em 0em 0.6em 0em;
	float: left;
	clear: both;
}

h3
{
	font-size: 1.4em;
	color: #356AA0;
	margin: 0.6em 0em 0.6em 0em;
	clear: both;
}

.links li
{
	color: #1270CE;
	display: inline;
	font-weight: bold;
	margin-right: 15px;
}

.links a, .links a:visited
{
	text-decoration: none;
	color: #1270CE;
}

.links a:hover
{
	color: #000000;
}

.contentBox h1
{
	font-size: 1.5em;
	padding: 0px;
	padding-bottom: 0.6em;
	color: #356AA0;
}

#metaLinks a
{
	text-decoration: none;
	color: #ffffff;
}

#mainContent
{
	padding: 1em 1em 1em 1em;
}

/*-----------------------------------------------------------------------
Basic Page Structure 
Elements which define the basic page structure, such as containers, headers and footers. 
-------------------------------------------------------------------------*/

#container
{
	position: relative;
	width: 1100px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 0.3em;
	min-height: 715px;
}

#innerContainer
{
	background-color: #FFFFFF;
	width: 1020px;
	margin: 0em auto 0.6em auto;
}


#contactInfo a, #contactInfo a:visited
{
	color: #FFFFFF;
}

.logo
{
	background-repeat: no-repeat;
	float: left;
	height: 73px;
	margin: 0;
	position: relative;
	right: 16px;
	width: 183px;
	border: 0px;
}

#contactInfo
{
color:#FFFFFF;
display:inline;
float:right;
font-size:0.8em;
font-weight:bold;
left:18px;
margin-left:0.8em;
margin-right:0.8em;
margin-top:5px;
position:relative;
width:500px;
}

.map
{
	border: solid 1px #C7C7C7;
}

.mapContainer
{
	float: right;
}

.nearestStations
{
	float: left;
}

#header
{
	height: 73px;
	color: #000000;
	padding: 0 1em;
}

#headertitle
{
	float: left;
	margin-top: 0.6em;
	height: 6.25em;
	width: 12.25em;
}

#headertitle img
{
	height: 3.375em;
	width: 8.875em;
	max-height: 54px;
	max-width: 142px;
}

#metaLinks
{
	font-size: 0.8em;
	margin: 0.3em;
	float: right;
}

.links
{
display:inline;
font-size:0.9em;
position:relative;
right:25px;
top:5px;
}



#imagebar
{
	position: relative;
	background-repeat: no-repeat;
	width: 1020px;
	height: 280px;
	border-top: solid 1px #36393D;
	border-bottom: solid 1px #969696;
}

#imagebar img
{
	left:0;

position:absolute;
}

#mainContent
{
	font-size: 0.9em;
	line-height: 2em;
	text-align: justify;
}

#mainContent a, a:visited
{
	color: #356AA0;
}

#footer
{
	height: 3.1em;
	margin-left: auto;
	margin-right: auto;
	padding: 0.6em;
	color: #ffffff;
	margin-top: 0.6em;
	clear: both;
	width: 970px;
}

#copyrightText
{
	font-size: 0.8em;
	font-weight: bold;
	margin: 0.3em;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}



/*-----------------------------------------------------------------------
Home Page
Elements which define the basic page structure, such as containers, headers and footers. 
-------------------------------------------------------------------------*/

.contentBox
{
	height: 100%;
	padding: 1em;
	text-align: justify;
}

.middleContentBox
{
	border-left: solid 1px #CFCFCF;
	border-right: solid 1px #CFCFCF;
}

.contentBox a
{
	color: #356AA0;
}

.contentSection
{
	margin-bottom: 0.9em;
	background: #f3f3f3  Url(Images/BoxBack.png) repeat-x 0 bottom;
	border: 1px solid #D4D4D4;
	padding: 1em;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	min-height:11em;
}

.subBox
{
	float: left;
	width: 32em;
}

/*-----------------------------------------------------------------------
Career Edit Page
Elements on the Career Edit Page
-------------------------------------------------------------------------*/

.formElement
{
	width: 100%;
	text-align: left;
	clear: both;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.formElement label
{
	display: block;
	float: left;
	width: 10em;
	clear: left;
}

.formElement input[type="text"], textarea, input[type="file"]
{
	font-family: Helvetica;
	font-size: 0.9em;
	width: 38em;
	padding: 0.3em;
}

.formElement textarea
{
	height: 20em;
	line-height: 2em;
}

.panel
{
	clear: both;
}

.panel a
{
	text-decoration: none;
	font-weight: bold;
	color: #356AA0;
}

.panel a:visited
{
	color: #356AA0;
}

/*----------------------------------------------------------------
Style Overrides
Styles which override previous styles from jQuery UI or other, external, styles
IMPORTANT: This stylesheet must be the imported after the stylesheet containing the styles you wish to override
------------------------------------------------------------------*/

.ui-datepicker
{
	width: auto;
	z-index: 1003;
}

.errorPanel
{
	background-color: #FFFFE5;
	border: 1px solid #EEEEEE;
	color: #E60000;
	float: right;
	font-size: 0.9em;
	font-weight: bold;
	margin-top: 3em;
	padding: 1em;
	width: 25em;
	text-align: left;
}

.errorPanel li
{
	margin: 0 0 0 -20px;
	padding: 0;
	width: 21.5em;
}

.field-validation-error, label[class="error"]
{
	color: #E60000;
	display: inline;
	float: none;
	font-size: 0.8em;
	font-weight: bold;
	margin-left: 3px;
	width: auto;
}

.adminPanel
{
background-color:#FFFFE5;
border:1px solid #EEEEEE;
color:#595959;
float:right;
font-weight:bold;
padding:1px 1em;
position:relative;
text-align:center;
top:-50px;
}

.adminPanel a
{
	color: #4785C2;
}

.adminPanel a:hover
{
	color: #2F5E8E;
}

.adminOptions
{
	display: inline;
	margin: 0px;
	padding: 0px;
}

.adminOptions li
{
	display: inline;
	margin-left: 0.5em;
}

#quickCloseDiv .formElement
{
	font-size: 1em;
	margin: 5px;
}

#quickCloseDiv .formElement input, .formElement select
{
	width: 12em;
	font-size: 0.8em;
}

#quickCloseDiv .formElement select
{
	width: 13em;
	font-size: 0.8em;
}




#quickCloseDiv .formElement label
{
	width: 11em;
	font-size: 0.8em;
	position: relative;
	top: 0.5em;
	font-weight: bold;
}

#quickCloseDiv .formElement input[type="submit"]
{
	font-size: 0.8em;
	font-weight: bold;
	margin: 0.5em 0em;
	width: 5em;
	float: right;
}

#quickCloseDiv .formElement input[type="checkbox"]
{
	margin: 0.5em 0;
	width: 0;
}

.loginElement label
{
	display: inline-block;
	width: 6em;
}

.loginElement input[type="text"], input[type="Password"]
{
	margin-left: 1em;
	padding: 0.3em;
	width: 14em;
}

.adminMessage
{
	font-weight: bold;
	color: Red;
}

.validation-summary-errors
{
	background-color: #FFFFE5;
	border: 1px solid #EEEEEE;
	bottom: 4px;
	color: #595959;
	font-weight: bold;
	padding: 1px 1em;
	position: relative;
	text-align: center;
	width: 19em;
	clear: both;
}

.validation-summary-errors li
{
	list-style-image: none;
}

.ui-dialog .errorPanel
{
	background-color: #FFFFE5;
	border: 1px solid #EEEEEE;
	color: #E60000;
	font-size: 0.8em;
	font-weight: bold;
	padding: 1em;
	text-align: left;
	margin: 0px;
	float: none;
	width: auto;
}

.textImage
{
	clear: both;
}

.splashImage
{
	width: 100%;
	height: 10em;
	border: solid 1px #C7C7C7;
}

.productBlurb
{
	color: #356AA0;
	font-size: 1.1em;
	font-style: oblique;
	font-weight: bold;
}

.productPanel
{
	clear: both;
	border: solid 1px #D4D4D4;
	padding: 1em;
	background: #FAFAFA;
	margin-bottom:1em;
}

.productPanel .smallProductImage
{
	border: 1px solid #B0B0B0;
	float: left;
	margin-right: 1.1em;
	max-height: 250px;
	max-width: 300px;
}

.productPanel h3
{
}

.productPanel .productInfo
{
	float: left;
	width: 40em;
}

.adminSettings
{
	line-height: 2em;
	clear: both;
}

.existingImagePanel
{
	margin-left: 10em;
	border: solid 1px #D4D4D4;
	padding: 0.5em 1em;
	background: #FAFAFA;
	margin-bottom: 2em;
}

.existingImagePanel .largeImage
{
	height: 8em;
	width: 56.5em;
	border: 1px solid #B0B0B0;
}

.existingImagePanel .smallImage
{
	border: 1px solid #B0B0B0;
}

.formExtraLabel
{
	color: #36393D;
	font-size: 0.9em;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 11.2em;
}

label[class="removeExistingImage"]
{
	width: auto;
}

#footerAddress
{
	font-size: 0.8em;
	margin: 2px 2px 2px 0.4em;
}

#footerLeft
{
	float: left;
}

.tradingAddress
{
	float: left;
}

.registeredAddress
{
	float: right;
}

.addressSection
{
	padding-right: 10em;
}

.addressContainer
{
}

.addressSection .heading
{
	margin: 0px;
	font-size: 1.1em;
	color: #1270CE;
}

.contactBox
{
	background: #FAFAFA none repeat scroll 0 0;
	border: 1px solid #D4D4D4;
	padding: 1em;
	margin: 1em 0em 1em;
}

.contactBox h2
{
	font-size: 1.3em;
	margin: 0px;
	padding: 0px;
	float: none;
}

.linkBox
{
	background: #FAFAFA none repeat scroll 0 0;
	border: 1px solid #D4D4D4;
	padding: 0.5em;
	margin-top:1em;
	font-weight: bold;
}

.leftMenu
{
clear:left;
float:left;
position:relative;
right:20px;
width:12em;
}

.leftMenu li
{
	border-bottom: 1px solid #EEEEEE;
	font-size: 0.9em;
	list-style-image: url(Images/arrow.gif);
	padding: 0.6em;
	text-align: left;
}

.leftMenu li:hover
{
	background-color: #E7F5FE;
	border-bottom: 1px solid #EEEEEE;
	cursor: pointer;
	font-size: 0.9em;
}

.contentRight
{
	float: right;
	margin-top: 1em;
	width: 54em;
}

#linkBar
{
	width: 1020px;
	height: 32px;
}

.rightColumnLinkBar
{
	color:#1270CE;
display:inline;
font-size:0.8em;
font-weight:bold;
left:265px;
position:relative;
top:4px;
}

.mainImageText
{
	left: 0;
	position: absolute;
	top: 140px;
	z-index: 100;
}

.siteMapContent
{
	width: 500px;
}
.qs_label
{
	font-size: medium;
	color: #1270CE;
}
.seperator
{
	border: solid 1px #1270CE;
}
.SiteMapContent a
{
	color: #1270CE;
	text-decoration: none;
	
}
.SiteMapContent a:hover
{
	text-decoration: underline;
}

#SiteLinks li
{
		list-style-image: none;
	list-style-type: none;
	margin-bottom:1em;
	font-size: 1.1em;
}

ul#SiteLinks 
{
	margin:0;
padding:0.5em;
}

.qs_input
{
	padding: 5px;
	color: #356AA0;
	font-weight: bold;
}
.qs_label
{
	padding: 5px;
	color: #356AA0;
	font-weight: bold;
}

h3
{
	list-style-image: none;
	list-style-type: none;
}

#SiteMap
{
	clear: left;
}

.contentSection li
{
	 list-style-image: url(Images/arrow.gif);
}

#LogView
{
	height:38em;
line-height:1.7em;
width:99%;
}

.selectBox
{
	background: #FAFAFA none repeat scroll 0 0;
	border: 1px solid #D4D4D4;
	padding: 0.5em;
	font-weight: bold;
}

.selectBox label
{
	margin-right:1em;
}

.selectBox select
{
	width:10em;
}

.screenshots
{
	clear: both;
}

.screenshotHolder
{
	float: left;
	margin: 5px;
	padding: 7px;
	background: #FAFAFA none repeat scroll 0 0;
	border: 1px solid #D4D4D4;
}

.screenshot
{
	width: 300px;
	height: 180px;
	border: solid 1px #C7C7C7;
}

.deleteScreenshot
{
	padding: 3px;
}

.uploadScreenShots
{
	border-top: solid 1px #C7C7C7;
	clear: both;
	padding: 5px;
	margin-top: 3px;
}

.formElement input[type="checkbox"]
{
	position: relative;
	top: 5px;
}

.mainPageImage
{
	float: left;
	width: 80px;
	height: 80px;
}

.mainPageTagLine
{
	float: right;
	width: 200px;
}

.learnMoreLink
{
	clear: both;
}