/* v9.9.14 */

/* Clear */

.clear:after { content: "."; display: block; height: 0; font-size: 0; clear: both; visibility: hidden; }
.clear { min-height: 1px; clear: both; }
* html .clear { height: 1px; }

body
{
	background-color: white;
	color: black;
	font-family: Arial, Sans-Serif;
	font-size: 9pt;
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

input, select, textarea { font-family: Arial; font-size: 9pt; }

/* Headings */

h1
{
	font-size: 1.6em;
	margin: 4px 0px 12px 0px;
	padding: 0px;
}

h1 img { padding-right: 4px; }

h2
{
	font-size: 16px;
	margin: 4px 0px 12px 0px;
	padding: 0px;
}

p { margin: 0 0 6px 0; }

#content ul { padding: 0px; margin: 0px; }
#content li { padding: 0px; margin-left: 20px; }

/* Content */

#content { padding: 16px; }

#content a, .Content a:visited { color: #0A599B; text-decoration: none; }

#content img { border: 0; }

/* Navigation menu */

#menu 
{
	background-color: #ececec;
	border-bottom: 1px solid #55554f;
	font-family: Arial;
	font-size: 9pt;
	height: 31px;
	padding-left: 10px;
	padding-right: 10px;
	z-index: 900;
}

#menu .right { padding-top: 8px; text-align: right; }

#menu .right a { color: Black; text-decoration: none; }
#menu .right a:hover { text-decoration: underline; }

/* Page header */

#header
{
	background-color: #6286B6;
	height: 64px;
	overflow: hidden;
}

#header .left, #header .center { color: white; }

#header .center  a, #header .center  span { color: white; }

#header .left
{
	position: absolute;
	top: 35px;
	left: 8px;
	font-family: arial;
	font-size: 13px;
}

#header .left h1 img
{
	padding-right: 4px;
}

#header .center 
{
	position: absolute;
	height: 12px;
	top: 46px;
	left: 68px;
	text-align: left;
	font-family: verdana;
	font-size: 20px;
	font-weight: bold;
	line-height: 1;
}

#header .center  a, 
#header .center  span
{
	text-decoration: none;
}

#header .center  a:hover 
{
	text-decoration: underline;
}

#header .right 
{
	position: absolute;
	top: 32px;
	right: 0px;
	text-align: right;
}

#header .right img { border: 0px; }



/* Breadcrumbs */

#breadcrumbs
{
	background-color: white;
	border-bottom: 1px solid #55554f;
	border-top: 1px solid #55554f;
	color: black;
	font-family: verdana;
	font-size: 11px;
	height: 16px;
	padding-left: 10px;
	padding-top: 2px;
}

#breadcrumbs a { color: black; text-decoration: none; }
#breadcrumbs a:hover { text-decoration: underline; }

#quick-links
{
	position: relative;
	top: 0px;
    border: solid 1px black; 
    background-color: White; 
    padding: 8px;
    width: 200px;
    z-index: 900;
}

#quick-links a
{
    color: black;
    line-height: 17px;
    white-space: nowrap;
    float: left; clear: both;
}

#quick-links span
{
    color: black;
    line-height: 17px;
    white-space: nowrap;
    float: left; clear: both;
}

#breadcrumbs .sign-out 
{
	position: absolute;
	top: 98px;
	right: 8px;
	text-align: right;
}

#footer { clear: left; color: #666; border-top: dotted 1px #C0C0C0; padding: 8px; font-size: 0.9em; }
#footer span { color: #666; text-decoration: none; }
#footer .left { float: left; }
#footer .left a { color: #666; text-decoration: none; }
#footer .left a:hover { text-decoration: underline; }

.print-small { color: #666; font-size: 0.9em; }

/* Command buttons */

.CommandButton1
{
	background: url(/Site/Images/Backgrounds/Button.png);
	border: 1px solid #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
	width: 80px;
}

.CommandButton2
{
	background: url(/Site/Images/Backgrounds/Button.png);
	border: 1px solid #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
	width: 120px;
}

.CommandButton3
{
	background: url(/Site/Images/Backgrounds/Button.png);
	border: 1px solid #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;
	width: 160px;
}

/* Forms */

.commands { margin-bottom: 16px; }

.tabs { clear: both; }

.block {  }

.form { width: 424px; }
.left-column { float: left; width: 424px; margin-right: 16px; }
.right-column { float: left; width: 424px; }

.form .section-header { display: none; }
.form .section { border: solid 1px silver; margin-bottom: 16px; }

.form .field-header { background-color: #EBEEF5; min-height: 18px; color: #094095; font-weight: bold; text-transform: uppercase; padding-top: 8px; letter-spacing: 0.2em; font-size: 0.8em; text-align: center; }

.form .fields { padding: 4px; }

.form .field { padding: 4px; min-height: 24px; width: inherit; }
.form .field-output-only { padding: 4px; }

.form .field .label { font-weight: bold; float: left; width: 100px; }
.form .last { border: 0px; }

.form .field .sub-field { padding-bottom: 4px; margin-left: 100px; }
.form .field .input-label { font-weight: bold; padding-right: 8px; vertical-align: top; }

.form .required .label
{ width: 82px; padding-right: 18px; border-bottom: dotted 1px silver; background-image:url('/Site/Images/Bullets/BlueRightPad.gif'); background-repeat:no-repeat; background-position:right; }

.status { margin-bottom: 16px; background-color: #ffffcc; border: dotted 1px silver; padding: 8px; }

.status .error       { min-height: 32px; height: auto !important; height: 32px; background-image: url('/Site/Images/Icons/48x48/Symbol Error.png'); background-repeat: no-repeat; padding: 8px; padding-left: 60px; }
.status .help        { min-height: 32px; height: auto !important; height: 32px; background-image: url('/Site/Images/Icons/48x48/Symbol Help.png'); background-repeat: no-repeat; padding: 8px; padding-left: 60px; }
.status .information { min-height: 32px; height: auto !important; height: 32px; background-image: url('/Site/Images/Icons/48x48/Symbol Information.png'); background-repeat: no-repeat; padding: 8px; padding-left: 60px; }
.status .success     { min-height: 32px; height: auto !important; height: 32px; background-image: url('/Site/Images/Icons/48x48/Symbol Check.png'); background-repeat: no-repeat; padding: 8px; padding-left: 60px; }
.status .warning     { min-height: 32px; height: auto !important; height: 32px; background-image: url('/Site/Images/Icons/48x48/Symbol Warning.png'); background-repeat: no-repeat; padding: 8px; padding-left: 60px; }

.instructions { background-color: #eeeeee; border-bottom: solid 1px #cccccc; }
.instructions .step { background-color: #cccccc; color: white; float: left; width: 36px; font-weight: bold; font-size: 24px; text-align: center; }
.instructions .text { padding: 7px; margin-left: 40px; }

.validation { margin-bottom: 8px; }

.input-text { width: 260px; }
.input-text-short { width: 126px; }
.input-comment { width: 260px; }
.input-date { width: 90px; }
.input-select { width: 266px; margin-top: 1px; height: 21px; }
.input-select-short { width: 131px; }
.input-number { width: 60px; }

.search-criteria .section-header { display: none; }
.search-criteria-options { position: absolute; top: 168px; left: 450px; }
.search-results { width: 100%; }
.search-results .section-header { display: none; }

.full-screen { width: 100%; }

/* Grids */

.grid { border-collapse: collapse; }
.grid td { padding: 4px; border: solid 1px #aaaaaa; }
.grid th { background-color: #dddddd; color: black; padding: 4px; border: solid 1px #aaaaaa; }
.grid tr.group-header { background-color: #848484; color: white; font-weight: bold; }
.grid tr.group-header td { background-color: #848484; border: solid 1px #848484; }
.grid img { border: 0; }

/* Site-specific */

#simple-wrapper { margin-top: 16px; margin-left: auto; margin-right: auto; width: 340px; }
#simple-wrapper #content-container h1 { margin-bottom: 8px; }


/* OBSOLETE */



/* Finders and Editors */

table.Finder, table.Editor { border-collapse: collapse; }

table.Finder caption, table.Editor caption { color: white; background-color: #336799; padding: 6px; font-weight: bold; border: solid 1px #336799; text-align: left; }

table.Finder tr td, table.Editor tr td.Label { border: solid 1px #aaaaaa; }

table.Finder tr td.Label, table.Editor tr td.Label { background-color: #ececec; }

table.Finder tr th, table.Editor tr th { color: black; background-color: #dddddd; border: solid 1px #aaaaaa; text-align: left; }

table.Finder tr td.Value, table.Editor tr td.Value { border: solid 1px #aaaaaa; }

table.Finder tr td,
table.Editor tr td.Label, table.Editor tr td.Value
{
    padding: 8px;
}

table.Editor tr td.Label
{
    font-weight: bold; 
}

table.Finder tr th,
table.Editor tr th
{
	font-weight:bold;
    padding: 8px;
}

/*** Grids ***/

table.Grid { border-collapse: collapse; }

table.Grid caption { color: white; background-color: #336799; padding: 6px; font-weight: bold; border: solid 1px #336799; }

table.Grid td { padding: 4px; border: solid 1px #aaaaaa; }

.Grid { background-color: White; }

.Grid th, .Grid td.Header, .Grid tr.Header { background-color: #dddddd; color: black; padding: 4px; border: solid 1px #aaaaaa; }

.Grid td.GroupHeader { background-color: #848484; color: white; }

.Grid tr.GroupFooter { background-color: #848484; color: white; }

.Grid tr.Footer { background-color: #848484; color: white; }

.Grid tr.RowAlternate, .Grid tr.ItemAlternate { background-color: #ececec; }

.Grid .RowSelected
{
	font-weight: bold;
	background-color: #ffff99;
}

.Grid th, 
.Grid td.Header, 
.Grid tr.Header
{
	font-weight: bold;
}

.Grid td.GroupHeader
{
	font-weight: bold;
}

.Grid tr.GroupFooter
{
	font-weight: bold;
}

.Grid tr.Footer
{
	font-weight: bold;
}

.Grid td { padding: 3px; }

.Grid img
{
	border: 0;
}

/* Fragments */

.PageSection { margin-bottom: 8px; }

.MultiPage { padding: 8px; }

.PageView { padding: 8px; }

.ErrorMessage, .error { color: Red; font-weight: bold; }

.membership-list { font-weight: bold; padding-top: 16px; }


#simple-wrapper #signin .form .field a { text-decoration: none; }
#simple-wrapper #signin .form .field a:hover { text-decoration: underline; }