/*
 *	File:			osports.css
 *	Project:		osports-arch.com
 *	Description:	Stylesheet
 */

/* Site Configuration */
body { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background-color:#ffffff; background-image:url( 'images/bg.jpg' ); background-repeat:repeat-y; background-position:center; }
font, th, td, p, span, div, textarea a { margin:0px; font-family:Arial, Verdana, Helvetica, Sans-Serif; color:#000000; font-size:12px; }
h1, h2, h3, h4, h5 { margin:0px; font-family:Arial, Verdana, Helvetica, Sans-Serif; color:#ffffff; }
h1 { font-size:18px; font-weight:bold; }
h2 { font-size:16px; font-weight:bold; }
h3 { font-size:14px; font-weight:bold; }
h4 { font-size:13px; font-weight:bold; }
h5 { font-size:12px; font-weight:bold; }
a { color:#8a8b82; text-decoration:none; }
a:hover { color:#f0c613; }
hr { width:100%; height:1px; margin:0px; color:#999999; }
form { margin:0px; padding:0px; }

/* Page Layout */
#Page { width:932px; padding:30px; margin:0px auto; text-align:left; background-color:#ffffff; }
#PageBody { padding:10px; background-color:#ffffff; }
#PageHeader { position:relative; width:992px; background-color:#fdaf17; height:117px; border-bottom:1px solid #666666; }
#PageHeaderText { float:right; margin-top:45px; font-size:16px; color:#ffffff; }
#PageHeaderLogo { float:right; width:212px; }
#PageHeaderContainer { width:930px; padding-top:5px; margin:0px 0px 0px 0px; }

#HomePageHeader { position:relative; width:992px; background-color:#91928d; height:117px; border-bottom:1px solid #666666; }

#PageFooter { position:relative; margin:0px auto; width:988px; height:120px; border-top:1px solid #666666; }
#PageFooterTextLeft { position:absolute; width:195px; top:5px; right:261px; color:#7d7e7a; font-weight:bold; }
#PageFooterTextRight { position:absolute; width:195px; top:5px; right:48px; color:#7d7e7a; font-weight:bold; }
#PageFooterLogo { margin:5px 0px 0px 40px; }
#PageFooterDisclosure { margin:0px 0px 0px 46px; font-weight:bold; }

#ContentArea { width:928px; margin:0px; padding:0px; background-color:#91928d; border:1px solid #545454; }
#ContentMain { padding:20px 0px 20px 0px; min-height:384px; background-color:#dfd7ca; }
#ContentHeader { border-bottom:1px solid #91928d; }
#ContentHeaderText { padding:0px 0px 0px 20px; }
#ContentCell { background-color:#dfd7ca; }
#ContentBody { margin:10px 20px 0px 20px; color:#8a8b82; }
#ContentBody p { margin:15px 0px 15px 0px; }
#ContentBody div,p { color:#8a8b82; }
#ContentBody h1, h2, h3, h4, h5 { margin-bottom:5px; }
#ContentBody ul { margin-left:15px; }

/* Navigation */
.Nav { position:absolute; left:30px; top:95px; }
.Nav div { height:23px; margin-right:20px; float:left; }
.Nav a { color:#ffffff; text-decoration:none; font-weight:normal; font-size:12px; }
.Nav a:hover { color:#f0c613; }
.Nav .NavHere { margin:30px 15px 0px 0px; float:left; padding-right:4px; border-right:1px solid #7d7e7a; }
.Nav .NavHere a { color:#7d7e7a; }

.Nav .SecNav { margin:30px 20px 0px 0px; float:left; }
.Nav .SecNav a { color:#7d7e7a; }
.Nav .SecNavHere { margin:30px 15px 0px 0px; float:left; padding-right:4px; border-right:1px solid #7d7e7a; }
.Nav .SecNavHere a { color:#7d7e7a; }

.TerNav { margin:20px 15px 20px 15px; }
.TerLink { margin-bottom:10px; }
.TerLink a { color:#d0d0ce; text-decoration:none; font-weight:normal; font-size:12px; }
.TerLink a:hover { color:#f0c613; }
.TerLink .TerLinkHere { color:#ffffff; }

/* Form Display */
.FormTable { border:1px solid black; }
.FormHeader { background-color:#dedee6; font-weight:bold; line-height:25px; color:black; background-image:url(images/GridViewHeader.jpg); background-repeat:repeat-x; }
.FormField { background-color:#dddddd; font-weight:bold; font-size:12px; }
.FormValue { background-color:#eeeeee; font-weight:normal; font-size:12px; }
.FormButton { width:120px; font-weight:bold; font-size:12px; text-transform:uppercase; }
.FormTextBox { width:300px; }
.FormTextBoxSmall { width:150px; }

/* Side Image Panel */
.SideImagePanel { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.ImagePanel { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.SideImageLabel { padding:24px 5px 5px 0px; margin:0px 0px 0px 0px; text-align:right; color:#ffffff; border-bottom:1px solid #ffffff; }

/* JOB APPLICATION */
.cntTable { margin:5px 0px 5px 0px; }
.cntField { width:33%; padding:2px 0px 2px 0px; }
.cntData { width:67%; padding:2px 0px 2px 0px; }

.cntDiv { margin:5px 0px 5px 0px; }

/* DATE NAV */
.YearSidePanel { padding:0px 0px 5px 5px; margin:24px 0px 0px 0px; text-align:left; border-bottom:1px solid #ffffff; }
.YearSidePanel a { color:#ffffff; font-weight:bold; cursor:pointer; }
.YearSidePanel a:hover { text-decoration:underline; }
.YearMonthSidePanel { margin:10px 15px 0px 15px; }

/* Error Display */
.ErrorHeader { color:#ff0000; font-weight:bold; font-size:18px; }
.ErrorMessage { color:#ff0000; font-weight:bold; font-size:12px; }