﻿
/* Site Layout */

html { height: 100%; margin-bottom: 1px; }
body { width:99.5%; height:auto; background:#FFFFFF; text-align:center; border:solid black 0px; /* aligns container with body */ }
body { text-align:-moz-center; } /* Mozilla Firefox alignment */ 
#page-container { margin-right: auto; margin-left:auto; width:800px; background:#FFFFFF; padding:0px 3px 0px 3px; border:solid #c9c7c7 0px; position:relative; text-align:left; /* aligns text inside of container ... margin auto require for opera */ }
#page-header { width:99.9%; height:50px; min-height:50px; padding:5px 5px 5px 5px; border-bottom:solid #c9c7c7 0px; /*background:#f0efef;*/ margin:0 0 0 0; }
#page-header table { width:100%; }
#page-content { border:solid #c1c1c3 0px; padding:0px 0 35px 0; margin:0px 0px 3px 0px; min-height:250px; }
#page-footer { /*border:solid #c9c7c7 1px; */ border-top:solid #c9c7c7 1px; margin:0px 0px 10px 0px; }
#page-footer td { font-size:85%; color:#7e7e7f; border:solid #c9c7c7 0px; }

/* Site Layout End */


/* Element Formatting */

h1, h1 a, h1 a:visited { font-family:Calibri, Arial; font-size:19pt; font-weight:bold; color:#444444; text-decoration:none; margin:10px 0px 15px 0px; }
h2, h2 a, h2 a:visited { font-family:Calibri, Arial; font-size:14pt; font-weight:bold; color:#f08f05; text-decoration:none; margin:15px 0px 10px 0px; }
h3, h3 a, h3 a:visited { font-family:Calibri, Arial; font-size:12pt; font-weight:bold; color:#999; text-decoration:none; margin:20px 0px 10px 0px; }
h4, h4 a, h4 a:visited { font-family:Calibri, Arial; font-size:12pt; font-weight:bold; font-style:italic; color:#000000; text-decoration:none; margin:20px 0px 5px 0px; }
h5, h5 a, h5 a:visited { font-family:Calibri, Arial; font-size:12pt; font-weight:normal; color:#444444; text-decoration:none; margin:0px 5px 5px 0px; }
h6, h6 a, h6 a:visited { font-family:Calibri, Arial; font-size:12pt; font-weight:normal; font-style:italic; color:#666; text-decoration:none; margin:0px 5px 15px 0px; }
body, td, p, textarea { font-family:Calibri, Verdana; font-size:11pt; color:#515151; }
p { line-height:1.5em; margin:3px 0px 10px 0px; }
a, a:visited { text-decoration:none; color:blue; }
a:hover { color:#507CD1; text-decoration:underline; }
ul{ }	
ul li { padding-bottom: 15px; list-style-type:square; text-align:left; }
ol{ }
ol li { padding: 8px; text-align:left; }
img { border:0px }
.list-header { text-align:left; font-weight:bold; }
th { text-align:left; font-weight:bold; background:blue; color:White; }

#page-menu-bottom { color:#000000; font-size:85%; }
#page-menu-bottom a { color:#000000; }

/* Element Formatting End */

/* Input Formatting */

/* change to section, details, and list ... get rid of input */
.input-section { margin-bottom:15px; }
.input-section table { width:100%;  }
.input-section td  { }
.input-section .section-header   { border:solid #d9dce3 1px; background:#F9F9F9; color:#000000; font-weight:bold; padding:3px 0px 3px 5px; margin:0px 0px 10px 0px; }
.input-section .details-header { text-align:right; width:25%; font-weight:normal; vertical-align:middle; white-space:nowrap; }
.input-section .note-text { color:#999999; font-size:smaller; }  
 div.spacer { height:15px; }   
.required-indicator { color:red; font-weight:bold; }
.button { background: #ffffff; border: solid #507CD1 1px; color:#284E98; cursor:hand; font-weight:bold; }
.button-yellow { background: #ffffff; border: solid #507CD1 1px; color:#284E98; cursor:hand; font-weight:bold; }
.checkbox { background: #ffffff; border:solid #FFFFFF 0px; cursor:hand; font-weight:normal; }
/*.textbox, .dropdown, select, textarea { background:#FFFFFF; border:solid #507CD1 1px; color:#474747; font-size:105%; font-weight:bold; padding:3px; }*/
.textbox, .dropdown, select, textarea { padding:3px; font-size:14px; font-weight:normal; border:solid #ddd 1px; line-height:1.3em; }
.button { padding-left:5px; padding-right:5px; font-size:105%; font-weight:bold; background:#ffffff; border:solid #999 1px; } 


/* Input Formatting End */

/* Controls Formatting */

.horizontal-login { width:350px; border:solid #c9c7c7 1px; background:#f0efef; position:relative; top:10px; left:-5px; }
.horizontal-login td, .horizontal-login a, .horizontal-login input { font-size:10px; }
.confirm-dialog-error { margin-top:20px; margin-bottom:10px; border:solid #ff0000 2px; background:#ffd3d3; width:100%; }
.confirm-dialog-success { margin-top:20px; margin-bottom:10px; border:solid #2fdd00 2px; background:#c4ddbd; width:100%; }
.validation-alert { margin-top:20px; margin-bottom:10px; background:#FFFFE1; border:solid black 1px; color:#353535; padding:10px; }
.validation-alert h1 { margin:0 0 5px 0; border:solid black 0px; font-size:18px; font-family:Arial; font-weight:bold; color:#8e7815; }
.validation-alert ul { border:solid black 0px; margin: 0px 0px 0px 48px; }
.validation-alert li { list-style-type:none; text-align:left; padding: 0px 0px 5px 0px; list-style-image: url(webshots/images/sharedcontrols/validation-alert-bullet.gif) }
.validation-alert li { list-style-image: url(/webshots/images/sharedcontrols/validation-alert-bullet.gif) }
.input-invalid { background:#fffe95; border:solid red 1px; }
.modal-container { border:solid #4d7fe6 1px; background-color:#e6e6e6; padding:5px; }
.modal-header { background-color:#4d7fe6; font-weight:bold; color:white; }
.modal-body-background { background-color:#444444; filter:alpha(opacity=30); opacity:0.3; }
.progress-panel { font-weight:bold; color:#444444; font-size:12px; padding:10px; background:#FFFFE1; border:solid black 1px; width:96%; margin-bottom:5px; }

/* Controls Formatting End */


