/**
 * 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; }

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: #F00;
  font-size: .8em;
}


/**
 * 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; }