/* DEFAULTS
----------------------------------------------------------*/
body {
   background: #b6b7bc;
   font-size: 11pt;
   font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
   margin: 0px;
   padding: 0px;
   color: #555;
}

a:link, a:visited, a:active {
   color: #465c71;
   text-decoration: none;
}

a:hover {
   color: #888;
   text-decoration: underline;
}

p {
   margin-bottom: 10px;
}


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
   font-size: 1.5em;
   color: #666666;
   font-variant: small-caps;
   text-transform: none;
   font-weight: 200;
   margin-bottom: 0px;
}

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

h2, div.header2 {
   font-size: 1.5em;
   color: #666666;
   font-variant: small-caps;
   text-transform: none;
   font-weight: 600;
}

h3 {
   font-size: 1.2em;
   color: #3a4f63;
   font-weight: bold;
}

h4 {
   font-weight: bold;
   color: #465c71;
   font-size: 1.1em;
}

h5, h6 {
   font-size: 1em;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/
.page {
   width: 90%;
   background-color: #fff;
   margin: 20px auto 0px auto;
   border: 1px solid #496077;
}

.header {
   background: #4b6c9e;
   width: 100%;
}

.header h1 {
   font-weight: 700;
   margin: 0px;
   padding: 0px 0px 0px 20px;
   color: #f9f9f9;
   border: none; /*line-height: 2em;*/
   font-size: 2em;
}

#logindisplay {
   font-size: 1.1em;
   text-align: right;
   color: white;
   margin-right: 10px;
}

#logindisplay a:link, #logindisplay a:visited, #logindisplay a:hover {
   color: white;
}

.title {
}

.siteDescription {
   margin: 0px;
   padding: 0px 0px 10px 20px;
   color: #f9f9f9;
}

.main {
   padding: 0px 12px;
   margin: 12px 8px 8px 8px;
   min-height: 420px;
}

.footer {
   color: #4e5766;
   padding: 8px 0px 0px 0px;
   margin: 0px auto;
   text-align: center;
   line-height: normal;
}

/* TAB MENU   
----------------------------------------------------------*/
.menubar {
   padding: 4px 8px;
   background-color: #3a4f63;
   line-height: 2em;
}

.menubar a, menubar a:visited {
   /*float: left;*/
   background-color: #465c71;
   border: 1px #4e667d solid;
   color: #dde4ec; /*display: block;*/ /*line-height: 1.35em; */
   padding: 4px 20px;
   text-decoration: none;
   white-space: nowrap;
}

.menubar a:hover {
   background-color: #bfcbd6;
   color: #465c71;
   text-decoration: none;
}

/* Home Page
----------------------------------------------------------*/
.homeImage {
   float: right;
   margin-left: 10px;
   margin-bottom: 10px;
}

.homeCell {
   float: left;
   color: #3a4f63;
   width: 300px;
   padding: 0px;
   margin: 10px;
   border: solid 1px #3a4f63;
   height: 150px;
}

.homeCell h3 {
   margin: 0px;
   padding-left: 10px;
   background: #3a4f63;
   color: White;
}

.homeCell p {
   padding-left: 10px;
}

/* DOWNLOADS 
----------------------------------------------------------*/
.downloadTable
{
    margin-top:10px;
}

.downloadTable td
{
    padding: 0 10px 10px 0;
}

.downloadName
{
    font-size: 1.2em;
    color: #3a4f63;
    font-weight:bold;
}

/* MESSAGE CENTER
----------------------------------------------------------*/
.userCheckboxList {
   max-height: 200px;
   overflow: auto;
}

/* DataTable 
----------------------------------------------------------*/
.dataTable
{
    border: solid 1px #eee;
    border-collapse:collapse;
}

.dataTable th
{
    background-color: #465c71;
    padding:4px;
}

.dataTable th.Ascending a
{
    padding-right:14px;
    background-image:url(../Images/Ascending.png);
    background-position:right;
    background-repeat:no-repeat;
}

.dataTable th.Descending a
{
    padding-right:14px;
    background-image:url(../Images/Descending.png);
    background-position:right;
    background-repeat:no-repeat;
}

.dataTable th
{
   color:White;
}

.dataTable th a
{
    color:White;
    text-decoration:none;
}

.dataTable td
{
    padding:4px;
    border-right:solid 1px #ddd;
}

.alternatingRow
{
    background-color:#eee;
}

/* MISC  
----------------------------------------------------------*/
.divider {
   clear: both;
}

.clear {
   clear: both;
}

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

.success {
   font-weight: bold;
   color: Green;
}

.pagerSection {
   border-bottom:solid 1px #ddd;
   margin-bottom:5px;
}

.pager {
   float:right;
}

.highlight {
   background-color:Yellow;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
   color: #ff0000;
}

.field-validation-valid {
   display: none;
}

.input-validation-error {
   border: 1px solid #ff0000;
   background-color: #ffeeee;
}

.validation-summary-errors {
   font-weight: bold;
   color: #ff0000;
}

.validation-summary-valid {
   display: none;
}

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label {
   margin: 0.5em 0 0 0;
}

.display-field, .editor-field {
   margin: 0 0 0 0;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/
fieldset {
   /* margin: 1em 0px; */
   padding: 1em; /* border: 1px solid #ccc; */
}

fieldset p {
   margin-top: 0;
}

legend {
   color: #666666;
   font-size: 1.1em;
   font-weight: 600;
   padding: 2px 4px 8px 4px;
}