/**
 * GENERAL STYLES
 */
.right { float: right; text-align: right; }

.left { float: left; text-align: left; }

.pointer { cursor: pointer; }

.clear { clear: both; }

.nopad { padding: 0; }

.indent { margin: 16px 60px; }

.indent2 { margin: 16px 0px; }

.small { font-family: Arial, sans-serif; font-size: .7em; line-height: 1em; }

.centerParent { text-align: center; }

.centerChild { margin-left: auto; margin-right: auto; text-align: left; }

.indent li { clear:both; }

a { color: white; text-decoration: none; }

a:hover { text-decoration: underline; }

ul { margin: 0; padding: 0; }

ul.inline li { display: inline; list-style-type: none; margin-left: .25em; }

ul.inline li.first { margin-left: 0; }

.button { padding: 0; margin: 0; border: 0; cursor: pointer; background: none; }

.button:disabled { cursor:default; }

.formItem { display: none; }

/**
 * BODY
 * @todo make flash opener and #mainBackground height height 420px
 */
body { font-family: Georgia, "Times New Roman", Times, serif; margin: 0; padding: 0; background-color: #21221B; color: #CCCC99; behavior: url(csshover.htc); }

#bodyContainer { width: 800px; margin-top: 8px; }

#mainBackground { clear: both; background-image: url(../images/KC-regback.jpg); background-repeat: repeat-y; min-height: 462px; }

* html #mainBackground { height: 462px; } /* IE Fix */

/**
 * MAIN CONTENT
 */
#mainContent { line-height:24px; padding: 45px 44px 10px 44px; }

#mainContent h1 { /*  font-family: Arial, sans-serif; */
/*  font-weight: normal; */
  color: #DBE3C0; letter-spacing: .3em; font-size: 1.2em; border-bottom: solid 1px #CCCC99; padding: 0 6px; }

/**
 * TOP & BOTTOM BAR
 */
#topBar { color: #FFFFFF; background: url('../images/header.jpg'); position: relative; width: 100%; height: 4em; }

#bottomBar { color: #FFFFFF; background: url('../images/footer.jpg') repeat-x 0 0; position: relative; width: 100%; height: 2.2em; text-align: center; padding: 1em 0 0 0; }

#topBar h1, #topBar h2 { letter-spacing: .25em; margin: 0; font-weight: normal; position: absolute; bottom: 2px; }

#topBar h1 { font-size: 1.3em; position: absolute; left: 61px; width: 450px; }

#topBar h2 { font-size: .9em; text-align: right; right: 58px; width: 225px; }

#bottomBar span { margin: 0 .5em; }

#vectorloft { color:#666666; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; margin: 6px 0px 0px 0px; }

#vectorloft A:link { text-decoration: none; color: #666666; }

#vectorloft A:visited { text-decoration: none; color:#666666; }

#vectorloft A:active { text-decoration: none; color:#666666; }

#vectorloft A:hover { text-decoration: none; color: #999999; }

/* Login/Register Box */
#topBar div.right { padding: 5px 8px; font-family: Arial, sans-serif; font-size: .7em; }

/**
 * NAVIGATION BAR
 */
#navBar { /*  font-family: Arial, sans-serif; */
  background-color: #575F3C; width: 100%; font-size: .75em; }

#navBar td { text-align: center; vertical-align: middle; letter-spacing: .15em; background-color: #575F3C; }

#navBar a { padding: 1em; display: block; text-decoration: none; color: #CCCC99; }

#navBar a:hover { background-color: #383A2F; }

/**
 * DojoDialog
 */
.dojoDialog { background : #eee; color: #000; border : 1px solid #555; -moz-border-radius : 5px; padding: 0px; }

.dojoDialog .dojoDialogCloser { display: inline; position: absolute; top: 0; right: 0; color: #555; font-family: sans-serif; font-size: 9pt; font-weight: bold; font-size: 8pt; border-left: 1px solid #555; border-bottom: 1px solid #555; padding: 0px 4px; cursor: pointer; }

.dojoDialog .dojoDialogContent { padding: 15px; text-align: center; }

.dojoDialog .dojoDialogErrors { color: #F00; font-size: 9pt; padding: 4px; }

.dojoDialog a { color: #000; }

/**
 * MISC
 */
#form_error { font-family: Arial, sans-serif; color: #ff7171; font-size: .8em; position:absolute; top:250px; left:0px; }

#myForm { position:relative; }

#myForm .button { border:none; text-align:right; margin-left:12px; }

/**
 * TABLE
 */
table.defaultTable { border: solid 1px #21221B; font-size: .75em; line-height: 1em; white-space: nowrap; }

table.defaultTable th { background: #383A2F; padding: 4px 10px; border: solid 1px #21221B; text-align: center; white-space: nowrap; }

table.defaultTable td { border: solid 1px #21221B; background-color: #CBCB98; color: #333333; }

table.defaultTable tr.odd td { background-color: #cfcfbe; }

table.defaultTable tr td.grey, table.defaultTable tr.odd td.grey { border: solid 1px #21221B; background-color: #666666; color: #cccccc; }

table.defaultTable td a { color: #333333; }

/**
 * Filtering Table
 */
table.filteringTable { width: 100%; border: solid 1px #21221B; font-size: .75em; line-height: 1em; white-space: nowrap; cursor: default; }

.filteringTable thead th { background: #383A2F; padding: 4px 10px; border: solid 1px #21221B; text-align: center; vertical-align: bottom; white-space: nowrap; padding: 2px 25px; background-repeat: no-repeat; background-position: right center; }

.filteringTable thead .selectedUp { background-color: #666666; border-color: #666666; background-image: url(../images/asc.gif); }

.filteringTable thead .selectedDown { background-color: #666666; border-color: #666666; background-image: url(../images/desc.gif); }

.filteringTable tbody td { border: solid 1px #21221B; background-color: #CBCB98; color: #333333; }

.filteringTable tbody td a { color:      #333333; }

.filteringTable tbody tr.alt td { background: #CFCFBE; }

.filteringTable tbody tr:hover td { background: #DBDBDB; }

.filteringTable tbody tr.selected td { background: #999999; color: white; }

.filteringTable tbody tr.selected:hover td { background: #999999; color: white; }

/* Hours styles --------- */
#hours strong {display:block;padding-top:16px;}
#hours strong.first {padding:0;}