/***********************************************************
 * global formatting
 ***********************************************************/

body { 
  background-image: url("images/bg.gif");
  background-color: #8293be;
  color: black;
  margin: 0px;
}

div#page {
  width: 85%;
  margin-top: 2em;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  background-color: white;
  color: black;
  font-family: Helvetica Neue, Helvetica, Verdana, Arial, sans-serif;
}

h1 { color: #333350; background-color: transparent; font-size: large; }
h1.title { text-align: center; }

div#tabContent > h2 {
  font-size: larger;
  color: #333350; 
  background-color: transparent;
}

em { color: #333350; background-color: transparent; }

a { color: #0000c0; background-color: transparent; text-decoration: none; }
a:link { color: #0000c0; }
a:visited { color: #5555ff; }
a:hover { color: #0000c0; background-color: transparent; 
  text-decoration: underline; 
}
a:active { 
  color: fuchsia;
  background-color: transparent;
  text-decoration: underline; 
}

span.inserted {
  background-color: transparent;
  color: #008000; 
  font-style: italic; 
  font-weight: bold;
}

i.comment { 
  color: #505050;
  font-size: 85%;
}

/***********************************************************
 * content containers
 ***********************************************************/

div#loginfo {
  background-color: #eeeeee;
  color: #333350;
  font-size: 80%;
  width: 20%;
  float: right;
  padding: 5px;
  border: dotted 1px black;
}

div#tabContent {
  border-left: #696969 solid 1px;
  padding: 10px;
}
div#secondTabContent {
  border-left: #696969 solid 1px;
  padding: 10px;
}

p.expl { 
  margin-left: 2%; margin-bottom: 10px; margin-top: 15px;
  font-style: italic; font-size: 85%; 
  background-color: #eeeeff; color: black; 
  padding: 2px; border: dotted 1px black; 
}

div.maincontent {
  margin-left: 2%; margin-bottom: 2%; 
  padding: 2px; 
  border-top: black solid 1px; border-left: black solid 1px;
  color: black; background-color: #eeeeee; 
}

div.rightcontent {
  float: right;
  width: 39%;
  font-size: 85%;
  margin-top: .5em;
  margin-right: 1%;
  background-color: #ddddff; color: black;
  border: #dddddd groove 2px;
  padding: 2px;
}

div.floatright {
  float: right;
  width: 40%;
  font-size: 100%;
}

/***********************************************************
 * navigation
 ***********************************************************/

/**********
 * standard tabs 
 **********/

/* thanks to http://www.alistapart.com/articles/slidingdoors/ 
   for the tab formatting */

#topTabs {
    float:left;
    width:100%;
    font-size:90%;
    line-height:normal;
    background: white url("images/norm_tabbg_grey.gif") repeat-x bottom;
}
#topTabs ul {
    margin: 0;
    list-style: none;
    padding: 10px 10px 0 0;
}
#topTabs li {
    float:left;
    background:url("images/norm_left_grey.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 9px;
}
#topTabs a, #topTabs strong, #topTabs span {
    display: block;
    background: url("images/norm_right_grey.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
}
#topTabs #selected {
    background-image: url("images/norm_left_on_grey.gif");
}
#topTabs #selected a {
    background-image: url("images/norm_right_on_grey.gif");
    padding-bottom: 5px;
}

#topTabs a {
    float: left;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #topTabs a {float:none;}
  /* End IE5-Mac hack */

span.nav {
  background-color: #eeeeee;
  color: black;
  padding: 2px;
  font-family: Trebuchet MS, Lucida Grande, sans-serif;
  font-size: 80%;
}

/**********
 * sub tabs 
 **********/

#secondTabs {
    float:right;
    width:100%;
    font-size:90%;
    line-height:normal;
    background: white url("images/norm_tabbg_grey.gif") repeat-x bottom;
}
#secondTabs ul {
    margin: 0;
    list-style: none;
    padding: 10px 10px 0 0;
}
#secondTabs li {
    float:right;
    background:url("images/norm_left_grey.gif") no-repeat left top;
    margin: 0;
    padding: 0 0 0 9px;
}
#secondTabs a, #secondTabs strong, #secondTabs span {
    display: block;
    background: url("images/norm_right_grey.gif") no-repeat right top;
    padding: 5px 15px 4px 6px;
}
#secondTabs #selected {
    background-image: url("images/norm_left_on_grey.gif");
}
#secondTabs #selected a {
    background-image: url("images/norm_right_on_grey.gif");
    padding-bottom: 5px;
}

#secondTabs a {
    float: left;
}
/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
  #secondTabs a {float:none;}
  /* End IE5-Mac hack */


/***********************************************************
 * form styling
 ***********************************************************/

ol.adminoptions { 
  margin: 0;
  padding: 0 0 0 10px;
  list-style: none;
}
ol.adminoptions li { 
  margin: 5px 0 0 0;
}

form.examdata { 
  /* for some reason this makes IE format the page properly */
  border: white 1px dashed;
}

form.examdata fieldset { 
  margin-bottom: 10px;
  line-height: normal;
  font-size: 85%;
  padding: 5px;
}

form.examdata fieldset.halfwidth { 
  width: 55%;
}

form.examdata legend {
  background-color: transparent; color: black;
}

form.examdata label {
  display: inline-block;
  width: 11em;
  margin: 0; 
  padding: 0;
  vertical-align: top;
}

form.examdata label.scalelabel {
  width: 6em;
}

form.examdata fieldset ol { 
  margin: 0;
  padding: 0;
}

form.examdata fieldset li {
  list-style: none;
  padding: 2px;
  margin: 0;
}
form.examdata fieldset li.indented { 
  margin-left: 2em;
}
form.examdata fieldset li.indented2 { 
  margin-left: 4em;
}
form.examdata fieldset li.newsec {
  border-top: 1px dashed #888888;
}
form.examdata fieldset li.bordered {
  border-top: 1px dashed #888888;
  border-bottom: 1px dashed #888888;
  margin-top: 10px;
  margin-bottom: 10px;
}


form.examdata fieldset input, 
form.examdata fieldset select {
  font-size: 100%;
}
form.examdata fieldset input {
  font-size: 100%;
}

form.examdata input.empty { 
  background-color: #eeeeee;
  color: #a0a0a0;
}

/***********************************************************
 * datatable formatting
 ***********************************************************/

table.datatable { 
  margin-left: 1em; 
}
table.datatable th { 
  font-weight: normal;
  color: #101010; font-style: italic;
}
table.datatable th.bordt { 
  border-top: dashed 1px black; 
}
table.datatable th.bordtr { 
  border-top: dashed 1px black; 
  border-right: dashed 1px black; 
}
table.datatable th.bordl { 
  border-left: dashed 1px black; 
}
table.datatable th.bordlt { 
  border-left: dashed 1px black; 
  border-top: dashed 1px black; 
}
table.datatable th.bordbl { 
  border-left: dashed 1px black; 
  border-bottom: dashed 1px black; 
}
table.datatable th.bordb { 
  border-bottom: dashed 1px black; 
}
table.datatable th.bordblt { 
  border-bottom: dashed 1px black; 
  border-left: dashed 1px black; 
  border-top: dashed 1px black; 
}
table.datatable th.bordrb { 
  border-bottom: dashed 1px black; 
  border-right: dashed 1px black; 
}

table.datatable td { 
  text-align: center;
}

table.datatable td.topdbord { border-top: dashed 1px black; }
table.datatable td.topleftdbord { border-top: dashed 1px black; 
    border-left: dashed 1px black; }
table.datatable td.leftdbord { border-left: dashed 1px black; }
table.datatable td.rightdbord { border-right: dashed 1px black; }

/***********************************************************
 * scaletable formatting
 ***********************************************************/

table.scaletable { 
  margin-left: 2em; 
  border: #dddddd groove 2px;
}
table.scaletable th { 
  font-weight: normal;
  background-color: #d0d0d0;
  color: #101010; font-style: italic;
  border-bottom: solid black 1px;
}
table.scaletable td {
  border-bottom: dotted black 1px;
}
table.scaletable td.nobord {
  border-bottom-style: none;
}


/***********************************************************
 * other formatting
 ***********************************************************/

.disabled { 
  color: #a0a0a0; background-color: transparent;
}
.underline {
  border-bottom: 1px solid black;
}
.overline {
  border-top: 1px solid black;
}
.successmessage {
  color: #55bb55; background-color: transparent;
  font-weight: bold;
  font-style: italic;
}
.errormessage {
  color: #cc3333; 
  background-color: transparent;
}

/***********************************************************
 * address
 ***********************************************************/

address {
  position: relative;
  clear: both;
  left: 50%;
  width: 50%;
  padding: 5px;
  text-align: right;
  background: #eeeeee;
  color: #888888;
  font-size: 80%;
  font-style: italic;
  border-top: solid 1px black;
  margin-top: 2em;
}
address a { color: #8888ff; }
address a:link { color: #8888ff; }
address a:hover { color: #0000c0; text-decoration: underline; }
address a:active { color: fuchsia; }