/* main styles */
body { background: #2b2b2b url(../images/back_grad.jpg) repeat-x; margin: 0; padding: 0; }
body, td, th { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: small; }

h1 { font-size: large; }
h2 { font-size: medium; }
h3 { font-size: small; }
th { text-align: left; }

a { color: blue; text-decoration: none; }
a:hover { color: red; }

/* main layout */
#container { width: 95%; margin: 0 auto; background: white; }

#header { background: #283140; }
#content { border-bottom: 1px solid #283140; }

#footer-container { width: 95%; margin: 0 auto; }
#footer { font-size: x-small; color: #EBEBEB; }
#footer a { color: #EBEBEB; }
#footer a:hover { text-decoration: underline }

.content { padding: 0 10px 20px 10px; }
.content td, .content th { padding: 4px; }

.clear { clear: both; }

/* tabular grid display */
.grid { width: 100%; border: 1px solid black; padding: 1px; }
.grid tr { background: #f7f7f7; }
.grid tr:hover { background: #eaf4ff; }
.grid th { color: white; background: #2F4E6F url(../images/header_grad.jpg) repeat-x; padding: 4px; }
.grid th a, .dataset th a:hover { color: white; text-decoration: underline; }
.grid td { padding: 4px; }

/* grid list with icons */
.icongrid {	margin: 20px 0 0 0; padding: 3px; border: 1px solid black; }
.icongrid h2 { padding: 4px; margin: 0; color: white; background: #2F4E6F url(../images/header_grad.jpg) repeat-x; }
.icongrid ul { list-style-type: none; margin: 0; padding: 4px 0; }
.icongrid li { display: inline; margin: 0; float: left; }
.icongrid li a { width: 110px; padding: 4px 0; display: block; text-decoration: none; text-align: center; color: #105cb6; }
.icongrid li a:hover { color: black; }

/* forms */
.textbox-date { width: 40px; }
.textbox-short { width: 100px; }
.textbox-medium { width: 200px; }
.textbox-long { width: 300px; }
.form-header { background: #f7f7f7; height: 25px; }

input[type=button], input[type=submit] { padding: 1px 10px; background: #fff76e; border: 1px solid black; }
input[type=button]:hover, input[type=submit]:hover { background: #e3fe97; }

.button { padding: 2px 10px; color: black; background: #fff76e; border: 1px solid black; white-space: nowrap; }
.button:hover { color: black; background: #e3fe97; }

/* login form */
.login table { margin: 0 auto; }
.login input { padding: 2px; border: 1px solid #cbb945; background: #fffadb; }
.login input[type=button], .login input[type=button]:hover,
.login input[type=submit], .login input[type=submit]:hover { padding: 3px 10px 3px 10px; color: #105cb6; background: #fdfdfd; border: 1px solid #cbd6df; font-weight: bold; }

/* outlined notice popups */
.notice { margin: 0 0 5px 0; padding: 10px; border: 1px solid green; color: green; background: #CEFFCE; line-height: 1.3em; }
.error { margin: 0 0 5px 0; padding: 10px; border: 1px solid red; color: red; background: #FFE9E8; line-height: 1.3em; }
.error-field{ background: #FFE9E8; }
.debug { margin: 0; border: 1px solid red; background: orange; color: black; line-height: 1.3em; font-size: x-small; }

/* dialog display */
.dialog { margin: 20px auto; width: 80%; padding: 0px; border: 1px solid black; }
.dialog h2 { color: white; background: #2F4E6F url(../images/header_grad.jpg) repeat-x; margin: 0; padding: 5px; }
.dialog-inside { padding: 5px 10px 10px 10px; }
.dialog td { padding: 4px; }

/* top navigation menu */
.menu {	width: 100%; overflow: hidden; background: #8A939D url(../images/menu_back.gif) repeat-x; border-bottom: 1px solid #283140; }
.menu ul { margin: 0; padding: 0; list-style-type: none; }
.menu li { display: inline; margin: 0; }
.menu li a { float: left; display: block; margin: 0; padding: 7px 8px; border-right: 1px solid #A2A9AF; color: white; background: #455372 url(../images/menu_button.gif) repeat-x; text-decoration: none; }
.menu li a:visited { color: white; }
.menu li a:hover, .menu li.selected a { background: #2D3956 url(../images/menu_hover.gif) repeat-x; }
.menu li .current { background: #2F4E6F url(../images/menu_active.gif) repeat-x; }

/* optional side navigation menu */
.submenu { padding-bottom: 20px; background: #949494; border-left: 7px solid #565347; }
.submenu ul { list-style-type: none; margin: 0; padding: 0; }
.submenu li a { display: block; margin: 0; padding: 7px 10px 7px 10px; text-decoration: none; color: white; background: #949494; border-bottom: 1px solid #565347; }
.submenu li a:visited { color: white; }
.submenu li a:hover { background: #717171; }
.submenu li .current { background: #717171; }

/* workaround for div clearing */
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }