/*************************************************************************
 * screen.css TOC
 * 
 * Imports
 * Set/Typography
 * Common Elements and Classes
 * Core Stucture
 * Top Level
 * Second Level
 * Content
 * Tables
 * Forms & Controls
 * 
 *************************************************************************/

/*************************************************************************
 * Imports (no style rules before imports!)
 *************************************************************************/

/*************************************************************************
 * Set/Typography
 *************************************************************************/
body {
	font-family: Arial, Verdana, Sans-Serif;
	font-size: 0.81em; /* reset to 13px */
	line-height: 1.5;
	background-color: #f5f5f5;
}
h1,
h2,
h3,
h4,
h5,
h6 { clear: both; }
h1 { color: #000; font-size: 2.15em; font-weight: normal; margin: 1em 0 0.5em; padding-bottom: 3px; } /* 28px */
h2 { color: #000; font-size: 1.92em; font-weight: normal; margin: 1em 0 0.5em; } /* 25px */
h3 { color: #000; font-size: 1.62em; font-weight: normal; margin: 1em 0 0.5em; } /* 21px */
h4 { color: #000; font-size: 1.38em; font-weight: bold; margin: 1em 0 0.5em; } /* 18px */
h5 { color: #000; font-size: 1.15em; font-weight: bold; margin: 1em 0 0.5em; } /* 15px */
h6 { color: #000; font-size: 1.00em; font-weight: bold; margin: 1em 0 0.5em; } /* 12px */
a:link { color: #f60; text-decoration: underline; }
a:visited { color: #666; text-decoration: underline; }
a:hover { color: #333; text-decoration: underline; }
a:active { 	background-color: #f5f5f5; color: #f60; text-decoration: underline; }
a img { border: 0; }
:focus { outline: thin dotted blue; }
p { margin: 1em 0; }
ul, 
ol { margin-top: 1em; margin-bottom: 1em; }
dl { margin: 1em 0 1em 1em; }
dt { margin-top: 0.5em; }
dd { margin: 0; }
ul ul, ul ol, ul dl, 
ol ul, ol ol, ol dl, 
dl ul, dl ol, dl dl { margin-top: 0; margin-bottom: 0; }
ul { list-style-type: disc; } /* default */
	ul.none { list-style-type: none; }
	ul.disc { list-style-type: disc; }
	ul.circle { list-style-type: circle; }
	ul.square { list-style-type: square; }
ol { list-style-type: decimal; } /* default */
	ol.decimal { list-style-type: decimal; }
	ol.decimal-leading-zero { list-style-type: decimal-leading-zero; }
	ol.lroman { list-style-type: lower-roman; }
	ol.uroman { list-style-type: upper-roman; }
	ol.lalpha { list-style-type: lower-alpha; }
	ol.ualpha { list-style-type: upper-alpha; }
blockquote { background: #f8f8f8; border: 1px solid #ddd; margin: 1em 0; padding: 1em; }
code { font-family: courier, monospace; margin: 1em 0; padding: 1em; }
hr { border: none; border-bottom: 1px solid #fff; background: #ccc; height: 2px; }
strong, b, dt { font-weight: bold; }
em, i { font-style: italic; }
abbr, acronym { cursor: help; }

/*************************************************************************
 * Common Elements and Classes
 *************************************************************************/
/* images */
.imgCaptionLeft, 
.imgCaptionRight { font-size: 0.85em; font-style: italic; margin: 1em 2em; }
.imgLeft, 
.imgRight, 
.imgCaptionLeft img, 
.imgCaptionRight img { display: block; }
.imgLeft, 
.imgCaptionLeft { float: left; margin: 1em 2em 1em 1em; }
.imgRight, 
.imgCaptionRight { float: right; margin: 1em 1em 1em 2em; }
.imgReplace {
	text-indent: -9999px;
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	word-spacing: -2ex;
	letter-spacing: -2ex;
}
/* misc */
.unitInfo { margin: 1em 0 2em; }
.equipment { display: inline; padding-right: 15px; }
.equipment .label { color: #666; font-size: 80%; }
.details { list-style-type: none; margin: 0; padding: 0; }
.details .label { color: #666; font-size: 100%; }
.half { width: 50%; }
.third { width: 33%; }
.quarter { width: 25%; }
.clearfix {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
 
/*************************************************************************
 * Core Structure
 *************************************************************************/
body {
	background: #fff;
	color: #000;
	margin: 0;
}
#SiteWrap { min-width: 600px; }

/*************************************************************************
 * Top Level
 *************************************************************************/
#TopLevel {
	background: #151515 url(../images/imageMaster.png) repeat-x scroll 0 -32px;
	color: #fff; 
	height: 35px;
	padding: 15px; 
	position: relative;
}
#TopLevel .logo { border: 0; position: absolute; top: 15px; left: 15px; }
#TopLevel .apTitle { background: #151515 url(../images/imageMaster.png) no-repeat scroll -329px 0; color: #fff; height: 32px; padding: 0; margin: 0 0 0 135px; width: 165px; }
/*#TopLevel .apTitle { color: #fff; height: 32px; padding: 0; margin: 0 0 0 135px; width: 165px; }*/
.topLevelNav { color: #ccc; font-size: 13px; list-style-type: none; margin: 0; text-align: right; position: absolute; right: 15px; top: 20px; }
.topLevelNav li { float: left; line-height: 22px; margin-left: 10px; }
.topLevelNav a { background: transparent url(../images/imageMaster.png) repeat-x scroll 0 -147px; border: 1px solid #000; display: block; height: 22px; padding: 0 10px; }
.topLevelNav a:link { color: #fff; text-decoration: none; }
.topLevelNav a:visited { color: #fff; text-decoration: none; }
.topLevelNav a:hover { color: #fff; text-decoration: underline; }
.topLevelNav a:active { color: #f60; text-decoration: underline; }

/*************************************************************************
 * Second Level
 *************************************************************************/
#SecondLevel {
	background: #e0e0e0 url(../images/imageMaster.png) repeat-x scroll 0 -97px; 
	border-top: 1px solid #fff;
	border-bottom: 1px solid #aaa;
	color: #000; 
	height: 20px;
	padding: 15px;
	position: relative;
}
.secondLevelNav { list-style: none; margin: 0; padding: 0; }
.secondLevelNav li { float: left; height: 35px; }
.secondLevelNav a { background: none; border: 0; display: block; line-height: 35px; padding: 0 15px; }
.secondLevelNav a.active {
	background: #fff;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
		/* Mozilla */
		-moz-border-radius-topright: 5px;
		-moz-border-radius-topleft: 5px;
		/* Safari */
		-webkit-border-top-right-radius: 5px;
		-webkit-border-top-left-radius: 5px;
		/* CSS3 */
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
	border-bottom: 0;
	border-left: 1px solid #aaa;
}
.secondLevelNav a:link { color: #000; text-decoration: none; }
.secondLevelNav a.active:link { color: #f60; }
.secondLevelNav a:visited { color: #000; }
.secondLevelNav a.active:visited { color: #f60; }
.secondLevelNav a:hover { text-decoration: underline; }
.secondLevelNav a:active { color: #f60; }

/*************************************************************************
 * Content
 *************************************************************************/
#Content { padding: 15px; }
#Login { width: 350px; margin: 0 auto; padding-top: 100px; position: relative; }
#Login .logo { border: 0; position: absolute; top: 100px; left: 0; }
#Login .apTitle { background: #fff url(../images/imageMaster.png) no-repeat scroll -120px 0; color: #000; height: 32px; padding: 0; margin: 0 0 0 126px; width: 209px; }
#Login fieldset {
	background: #f5f5f5;
		/* Mozilla */
		-moz-border-radius: 5px;
		/* Safari */
		-webkit-border-radius: 5px;
		/* CSS3 */
		border-radius: 5px;
	padding: 17px;
}
#Login label { display: block; font-weight: bold; }
#Login .input { display: block; font-size: 15px; height: 20px; margin: 0 0 1em; padding: 5px; width: 97%; }
#Login .login { display: block; font-size: 17px; }
#Login .secondaryAction { float: right; }
#Login .secondaryAction:link { color: #666; }
#Login .secondaryAction:hover { color: #333; }
 
/*************************************************************************
 * Tables
 *************************************************************************/
table.report {
	border-collapse: collapse; 
	border-spacing: 0; /* tables still need 'cellspacing="0"' in the markup */
	font-size: 100%;
	margin: 1em 0;
}
.report caption { font-weight: bold; text-align: center; }
.report th { background-color: #333; color: #ffc; font-weight: bold; padding: 3px 10px; }
.report th, 
.report td { border: 1px solid #ddd; text-align: center; }
.report td { padding: 5px 10px; vertical-align: top; }
.report tr.even { background: #fff; }
.report tr.odd { background: #f2f2f2; }
.report .unit, 
.report .note { font-weight: normal; }
 
/*************************************************************************
 * Forms & Controls
 *************************************************************************/
fieldset { border: 1px solid #ddd; margin: 1em 0; padding: 15px; }
legend { color: #000; font-weight: bold; }
.formfield {
	height: 1%; /* IE */
	margin-bottom: 0.4em;
	padding-top: 2px;
	position: relative;
}
.formfield:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.formfield label, 
.formfield .label {
	color: #333;
	float: left;
	font-size: 100%;
	padding: 0.2em 0.5em 0 0;
	text-align: right;
	width: 12em;
}
.formfield input[type=checkbox] { margin: 0.3em 0 0; }
.formfield .clear { color: #666; float: none; margin: 1em 0 0; text-align: left; width: auto; }
.formActions {
	margin-left: 12.5em;
}
button, 
input[type=submit],
input[type=reset], 
input[type=button] {
	background: #f7f7f7 url(../images/imageMaster.png) repeat-x scroll 0 -169px;
	border: 1px solid #bfbfbf;
	border-top-color: #aeaeae;
	border-left-color: #aeaeae;
	color: #333;
	cursor: pointer;
	font-size: 13px;
	height: 34px;
	margin-right: 5px;
	overflow: visible;
	padding: 0 8px;
	width: auto;
}
button[type=submit], 
input[type=submit] {
	font-weight: bold;
}
button[disabled], 
button[disabled]:hover, 
input[disabled], 
input[disabled]:hover {
	color: #777;
	cursor: default;
}
button[type].unique, 
input[type].unique {
	background: #333 url(../images/imageMaster.png) repeat-x scroll 0 -203px;
	border: 1px solid #000;
	color: #fff;
}
/* 'exportPDF' class displays a pdf export icon on right edge of control. Attribute selector used to hide from IE6. */
button[type].exportPDF, 
input[type].exportPDF {
	background: #f7f7f7 url(../images/imageMaster.png) no-repeat scroll right -237px;
	padding-right: 43px;
}


/* Anything below this was added by Matt */

.tdhead
{
	background-color: Silver;
	width: 80px;
}

.tablepanel
{
	border-bottom: silver thin solid;
	border-right: silver thin solid;
	border-top: silver thin solid;
	border-left: silver thin solid;
}

.formLabel
{
	font-weight: bold;
}

.searchHeaderColumn
{
	background-color: #ffd700;
	font-weight: bold;
	font-size: large;
}

.searchLabelColumn
{
	background-color: Silver;
	text-align: right;
	width: 25%;
}

.searchTrailColumn
{
	width: auto;
}

.searchGoldColumn
{
	background-color: #ffd700;
}

.bottomPanel
{
	vertical-align: middle;
	text-align: center;
}