body {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10pt;
  color:#000;
  background-color:#fff;
  margin-left:4px;
  margin-top:4px;
}
h1 {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:180%;
  font-weight:normal;
  line-height:120%;
  color:#039;
  margin-top:0px;
}
h2 {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:120%;
  line-height:100%;
  color:#039;
  margin:0ex 0ex 1ex 0ex;
}
a:link {
  color:#039;
  text-decoration:none;
}
a:visited {
  color:#039;
  text-decoration:none;
}
a:hover {
  color:#039;
  text-decoration:underline;
}
.smallFont {
  font-size:9pt;
}
.smallestFont {
  font-size:8pt;
}
.topLeft {
  vertical-align:top;
  text-align:left;
}
.topRight {
  vertical-align:top;
  text-align:right;
}
.chevronlink {
  text-decoration:underline;
}


/* Generic box with gray background */
.ltGrayBox {
  background-color:#f6f6f6;
  padding:4px;
  border-color:#cccccc;
  border-style:solid;
  border-width:1px;
}


/* Information arranged in horizontal bands */
.stackTitle {
  background-color:#eed;
  border-bottom-color:#a8a898;
  border-bottom-style:solid;
  border-bottom-width:1px;
  color:#039;
  font-weight:bold;
  padding:0.5ex;
}
.stackBand {
  border-bottom-color:#a8a898;
  border-bottom-style:solid;
  border-bottom-width:1px;
  padding:0.5ex;
}
.stackBody {
  margin:0ex 0ex 2ex 0ex;
  padding:0.5ex;
}
.deptLink { 
  margin:1ex 0ex 0ex 1em; 
}


/* ---- title ---- */
#layoutTitle {
  background-color:#fff;
  width:760px;
}
#tableTitle {
  border-collapse:collapse;
  border-spacing:0px;
  width:100%;
}
#tableTitle td {
  font-size:9pt;
  padding:0px;
}


/* ---- horizonal menu ---- */
#layoutMenuH {
  background-color:#039;
  width:760px;
}
#tableMenuH {
  border-collapse:collapse;
  border-spacing:0px;
}
#tableMenuH td {
  background-color:#039;
  color:#fff;
  font-size:9pt;
  padding-left:0.5em;
  padding-top:4px;
  padding-right:0.5em;
  padding-bottom:4px;
  border-right-color:#fff;
  border-right-style:solid;
  border-right-width:1px;
}
#tableMenuH td a:link {
  color:#fff;
  text-decoration:none;
}
#tableMenuH td a:visited {
  color:#fff;
  text-decoration:none;
}
#tableMenuH td a:hover {
  color:#fff;
  text-decoration:underline;
}
#tableMenuH td.selected {
  background-color:#eed;
}
#tableMenuH td.selected a:link {
  color:#000;
  text-decoration:none;
}
#tableMenuH td.selected a:visited {
  color:#000;
  text-decoration:none;
}
#tableMenuH td.selected a:hover {
  color:#000;
  text-decoration:underline;
}
#layoutIntro {
  background-color:#eed;
  border-bottom-color:#a8a898;
  border-bottom-style:solid;
  border-bottom-width:1px;
  margin-bottom:1ex;
  padding:4px;
  width:752px;
}
#layoutIntro #userName {
  color:#039;
  font-size:14pt;
}


/* ---- vertical menu ---- */
#tableMenuV {
  border-collapse:collapse;
  border-spacing:0px;
  width:100%;
}
#tableMenuV td {
  background-color:#8899bb;
  color:#ffffff;
  font-size:9pt;
  padding:0px;
  border-bottom-color:#ffffff;
  border-bottom-style:solid;
  border-bottom-width:1px;
}
#tableMenuV td.menuV0 {
  font-weight:normal;
}
#tableMenuV td.menuV1 {
  font-weight:bold;
}
#tableMenuV td.menuV0 a:link {
  color:#fff;
  text-decoration:none;
}
#tableMenuV td.menuV0 a:visited {
  color:#fff;
  text-decoration:none;
}
#tableMenuV td.menuV0 a:hover {
  color:#fff;
  text-decoration:underline;
}
#tableMenuV td.menuV1 a {
  color:#fff;
  text-decoration:none;
}


/* ---- main layout ---- */
#layoutContent {
  width:760px;
}
#tableContent {
  table-layout:fixed;
  border-collapse:collapse;
  border-style:none;
  width:100%;
}
#tableContent td#colA {
  vertical-align:top;
  background-color:#ccddee;
  padding:0px;
  width:140px;
}
#tableContent td#colB {
  vertical-align:top;
  padding:0px 8px 0px 8px;
  width:464px;
}
#tableContent td#colC {
  vertical-align:top;
  padding:0px;    
  width:140px;
}
#tableContent td#colX {
  vertical-align:top;
  padding:0px 0px 0px 8px;
  width:612px;
}


/* ---- trail ---- */
#trail {
  font-size:9pt;
  color:#003399;
  margin-bottom:12px;
}
#trail a {
  text-decoration:underline;
}


/* ---- tabset ---- */
#tableTabset {
  border-collapse:collapse;
  border-spacing:0px;
  width:100%;
}
#tableTabset td {
  background-color:#fff;
  font-size:9pt;
  padding:2px 1ex 2px 1ex;
  border-color:#ccc;
  border-style:solid;
  border-width:0px 0px 1px 0px;
  white-space:nowrap;
}
#tableTabset td.active {
  background-color:#fff;
  border-width:1px 1px 0px 1px;
}
#tableTabset td.neutral {
  background-color:#cde;
  border-width:1px 1px 1px 1px;
}
.pageTabset {
  background-color:#fff;
  padding:1ex 1ex 1ex 0ex;
  border-color:#ccc;
  border-style:solid;
  border-width:0px 1px 1px 0px;
}


/* ---- Administrator Messages ----*/
.adminMessageTitle {
  background-color:#89b;
  color:#fff;
  padding:0ex 1ex;
  width:80%;
}
.adminMessageReadme {
  background-color:#f6f6f6;
  border:2px solid #89b;
  padding:0.5ex;
  margin-bottom:1.5ex;
}


/* ---- user course::task list ---- */
.tableUserSelect {
  border-collapse:collapse;
  border:1px solid #039;
  font-size:10pt;
  margin:1ex;
}
.tableUserSelect thead {
  background-color:#cde;
  color:#039;
  text-align:center;
}
.tableUserSelect th {
  border:1px solid #039;
  padding:0.5ex 1ex;
}
.tableUserSelect tbody {
  background-color:#fff;
  color:#000;
}
.tableUserSelect td {
  padding:0.5ex 1em;
}
.tableUserSelect td.acctDiv {
  background-color:#89b;
  border-bottom-color:#039;
  border-bottom-style:solid;
  border-bottom-width:1px;
  color:#fff;
  font-size:9pt;
  padding:2px 1ex;
}


/* ---- Extra Content ---- */
.extraPanel {
  color:#039;
  background-color:#fff;
  font-size:9pt;
  font-weight:normal;
  border-color:#ccc;
  border-style:solid;
  border-width:1px;
  margin:1ex 0px 0px 0px;
}
.extraTitle {
  background-color:#eed;
  font-weight:bold;
  padding:3px;
  margin:1px;
}
.extraBody {
  padding:4px;
}


/* ---- Shopping cart ----*/
#cartTitle {
  background-color:#cde;
  font-size:10pt;
}
.cartItem {
  padding:0px 4px;
}
.cartMoney {
  color:#a00000;
  font-weight:bold;
  padding:0px 4px 1ex 2ex;
}
#cartTotal {
  border-top:1px dotted #000;
  font-weight:bold;
  margin:0px 4px;
  padding-top:2px;
}
#cartEdit {
  background-color:#cde;
  padding:2px 4px 2px 62px;
  margin:1px;
}
#cartOut {
  margin:4px 0px 1ex 0px;
  padding:0px;
}


/* ---- Footer ---- */
#layoutFooter {
  background-color:#ddd;
  margin-top:4px;
  padding:4px;
  text-align:right;
  width:752px;
}


/* ---- home page ---- */
.homeOuterPanel {
  height:14ex;			    /* 96px */
  background-color:#f6f6f6;
  padding:0.5ex;		    /* 4px */
  border-color:#cccccc;
  border-style:solid;
  border-width:1px;
  margin:0ex 0ex 0.5ex 0ex;	    /* 0px 0px 4px 0px */
}
.homeInnerPanel{
  height:14ex;			    /* 96px */
  background-color:#f6f6f6;
  padding:0.5ex;		    /* 4px */
  border-color:#ccc;
  border-style:solid;
  border-width:1px;
  margin:0ex 5px 0.5ex 5px;	    /*0px 4px 4px 4px */
}
#homeAnnounce {
  height:29.5ex;		    /* 206px */
  background-color:#eed;
  padding:0.5ex;
  border-color:#ccc;
  border-style:solid;
  border-width:1px;
  margin:0px 0px 0.5ex 0px;	    /*0px 0px 4px 0px */
}
#homeEntrance {
  height:30.5ex;		    /* 214px */
  background-color:#cde;
  padding:0px;
  border-color:#ccc;
  border-style:solid;
  border-width:1px 1px 1px 1px;
  margin:0ex 5px 0.5ex 5px;	    /* 0px 4px 4px 4px */
}
#homeEntrance p {
  margin:4px 0px 0px 4px;
}


/* ---- user input dialogs ---- */
.tblInput {
  background-color:#cde;
  border-collapse:separate;
  border-color:#039;
  border-style:solid;
  border-width:1px;
  margin-left:2em;
}
.tblInput td.title {
  border-color:#039;
  border-bottom-style:solid;
  border-bottom-width:1px;
  font-size:120%;
}
.tblInput td.footer {
  border-color:#039;
  border-top-style:solid;
  border-top-width:1px;
  font-size:9pt;
}
.inputAssist {
  border-color:#039;
  border-style:solid;
  border-width:1px;
  color:#f00;
  padding:0.5ex;
}


/* ---- login and admission codes ---- */
.auxInput {
  background-color:#f6f6f6;
  border-color:#ccc;
  border-style:solid;
  border-width:1px;
  font-size:9pt;
  margin:0px 0px 4px 0px;
  padding:4px;
}
.auxTitle {
  border-bottom-color:#000;
  border-bottom-style:solid;
  border-bottom-width:1px;
  color:#000;
  font-weight:bold;
  margin:0ex 0ex 1ex 0ex;
}
.auxButton {
  background-color:#8899bb;
  color:#fff;
  font-size:9pt;
  margin:0px 0px 0px 2px;
}
.auxHelp {
  margin:4px 0px 0px 0px;
}
#txtUser { font-size:9pt; }
#txtPwd { font-size:9pt; }
#txtToken { font-size:9pt; }