html, body {
  height: 100%;
  font-family: Arial;
  font-size: 12px;

  scrollbar-face-color: #BEBEBE;
  scrollbar-arrow-color: #FC5F00;
  scrollbar-track-color: #E9E9E9;
  scrollbar-shadow-color: #FFF;
  scrollbar-highlight-color: #CCC;
  scrollbar-3dlight-color: #E9E9E9;
  scrollbar-darkshadow-color: #666;
}

a, a:visited {
  color: #666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}

a:hover, a:visited:hover, a:active {
  color: #FF6600; 
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}

a.questionlink, a.questionlink:visited {
  font-size: 11px;
  font-weight: normal;
  color: #111;
}

a.questionlink:hover, a.questionlink:visited:hover {
  font-size: 11px;
  font-weight: normal;
  color: #FF6600;
}

a.pagenav, a.pagenav:visited {
  text-decoration: none;
  padding: 6px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #999;
  color: #555;
}

a.pagenav:hover, a.pagenav:visited:hover {
  text-decoration: none;
  padding: 6px;
  padding-left: 10px;
  padding-right: 10px;
  border: 1px solid #333;
  color: #FFF;
  background-color: #FC5F00;
}

a.thread, a.thread:hover, a.thread:visited, a.thread:visited:hover {
  font-size: 11px;
  font-weight: bold;
}

a.black, a.black:visited             { color: #000; }
a.black:hover, a.black:visited:hover { color: #FC5F00; }

a.navwhite, a.navwhite:visited {
  color: #D5D5D5;
  font-size: 10px;
  text-decoration: none;
}

a.navwhite:hover, a.navwhite:visited:hover {
  color: #FFF;
  font-size: 10px;
  text-decoration: underline;
}

.graybar {
  background-image: url(/images/bars/corner_lighgrey.gif);
  background-repeat: no-repeat;
  background-color: #CCC;
}

h1, h2, h3 {
  margin: 0px;
}

ul.bullet {
  list-style-image: url(/images/clear.gif);
  padding: 0px;
  margin-left: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}

ul.nomargin {
  padding: 0px;
  margin: 0px;
}

ul.bullet li {
  background-image: url(/images/bullet.gif);
  background-repeat: no-repeat;
  background-position: 2px 6px;
  padding-left: 20px;
}

li.spaced {
  margin-bottom: 8px;
}

form {
  margin: 0px;
}

legend {
  color: #FC5F00;
  background-color: #F1F1F1;
  border: 1px solid #828177;
  padding: 4px;
  font-weight: bold;
}

input, select {
  color: #FC5F00;
  font-size: 11px;
  font-family: Tahoma;
  font-weight: normal;
}

input.gray {
  background-color: #E9E9E9;
  color: #444;
  border: 1px solid #888;

  font-size: 11px;
  width: 140px;
}

label { 
  cursor: pointer;
  cursor: hand;
}

fieldset { padding: 8px; }
select { background-color: #F1F1F1; font-weight: normal; }

.white { color: #FFF; font-size: 12px; }
.tcat_padding { padding-bottom: 2px; }

.text {
  font-size: 12px; 
  color: #000; 
  font-family: arial; 
  text-decoration: none;
}

.box_container {
  border-left: 9px solid #D4D4D4;
  background-color: #F1F1F1;
  padding: 10px;
  border-right: 0px solid #E9E9E9;
}

.box_header {
  background-image: url(/images/box/corner.gif);
  background-repeat: no-repeat;
  padding: 0px;    
  margin: 0px;
  height: 10px;
  border-bottom: 0px;
  background-color: #A7A7A7
}

.box_footer {
  height: 10px;
  background-color: #F1F1F1;
  border: 0px;
  padding: 0px;
  margin: 0px;
}

.box_content {
  border: 1px solid #B1B1B1;
  font-family: arial;
  font-size: 12px;
  padding: 8px;
  background-color: #FFF;
}

.box_hover {
  border: 1px solid #FC5F00;
  font-family: arial;
  font-size: 12px;
  padding: 8px;
  background-color: #FFF;
}

.box_hover .boxhead {
  color: #FC5F00;
}

.boxhead {
  font-size: 14px;
}

input.search { border-right: #333 1px solid; border-top: #333 1px solid; font-weight: bold; font-size: 10px; border-left: #333 1px solid; color: #000; border-bottom: #333 1px solid; font-family: Arial; background-color: #FFF }
input.pwd { border-right: #535353 1px solid; border-top: #535353 1px solid; font-size: 10px; border-left: #535353 1px solid; border-bottom: #535353 1px solid; font-family: Verdana, Arial, Helvetica, sans-serif ; background-color: #838383; color: #FFF }

.navigation {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFF;}
.navigation:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FC5F00; text-decoration: none}

.background_orange {  background-color: #FC5F00; }
.background_lightgrey {  background-color: #CCC; }

.topnavigationbar {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFF; background-color: #666; text-transform: uppercase}
.topnavigationbar:link {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #FFF; background-color: #666; text-transform: uppercase}

.text_orange {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
  color: #FF6600;
}

.text_white {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
}

.background_lightergrey {  background-color: #E4E4E4}
.background_darkergrey {  background-color: #666}
.background_darkgrey {  background-color: #8C8C8C}
.text_boldgrey {  font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 10px; font-weight: bold; color: #CCC}

.box { padding: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; background-color: #F1F1F1; }
.box_darker { padding: 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; background-color: #E4E4E4; }

.title_grey { font-family: Arial, Helvetica, Tahoma, sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #333}

.box_title {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;

  background-color: #FF6600;
  background-image: url(/images/bars/title_background.gif);
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-left: 50px;
  height: 21px;
}

.box_title_gray {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;

  background-color: #666;
  background-image: url(/images/bars/title_background_gray.gif);
  background-repeat: no-repeat;
  padding-top: 0px;
  padding-left: 50px;
  height: 21px;
}

.box_title_gray_mirror {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFF; background-color: #666; background-image: url(/images/bars/title_background_gray-mirror.gif); background-repeat: no-repeat; padding-top: 4px; padding-left: 50px}
.box_title2 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FFF; background-color: #FF6600; background-image: url(/images/bars/title2_background.gif); background-repeat: no-repeat; padding-top: 4px; padding-left: 50px}
.box_quiz_title {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; text-transform: none; color: #FC5F00; }
.box_darkgrey {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; text-transform: uppercase; color: #FFF; background-color: #666; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px}
.lightgreybartop {  background-image: url(/images/bars/lightgrey_bar.gif); background-repeat: repeat-y; background-position: left top}

  a.normal, a.normal:visited             { font-size: 13px; color: #FC5F00; }
  a.normal:hover, a.normal:visited:hover { font-size: 13px; color: #666; }

  a.med, a.med:visited, a.med:hover, a.med:visited:hover { font-size: 12px; }

  a.category { font-size: 13px; font-weight: bold; }

  a.light, a.light:visited             { color: #FF8E49; font-size: 11px; }
  a.light:hover, a.light:visited:hover { color: #FFF; }

  a.dark, a.dark:visited             { color: #666; font-size: 11px; }
  a.dark:hover, a.dark:visited:hover { color: #222; }

  a.small               { font-size: 11px; }

  a.orange, a.orange:visited             { color: #FC5F00; font-size: 11px; }
  a.orange:hover, a.orange:visited:hover { color: #000; }

  a.orange_forum, a.orange_forum:visited             { color: #FC5F00; font-size: 12px; }
  a.orange_forum:hover, a.orange_forum:visited:hover { color: #000; font-size: 12px; }

  a.topscore, a.topscore:visited             { color: #FC5F00; font-size: 14px; }
  a.topscore:hover, a.topscore:visited:hover { color: #333; font-size: 14px; }

  a.navwhite, a.navwhite:visited  { color: #D5D5D5; font-size: 10px; text-decoration: none; }
  a.navwhite:hover, a.navwhite:visited:hover { color: #FFF; font-size: 10px; text-decoration: underline; }

  a.navgray, a.navgray:visited { font-family: Tahoma; color: #C8C8C8; font-size: 11px; text-decoration: none; }
  a.navgray:hover, a.navgray:visited:hover { font-family: Tahoma; color: #000; font-size: 11px; text-decoration: underline; }

  a.steplink, a.steplink:visited {
    font-size: 11px;
    font-weight: normal;
    color: #666;
    text-decoration: none;
  }

  a.steplink:hover, a.steplink:visited:hover {
    font-size: 11px;
    font-weight: normal;
    color: #000;
    text-decoration: underline;
  }

  .small        { font-size: 11px; }
  .tiny         { font-size: 10px; }
  .content      { font-size: 12px; font-family: Arial; }
  .breadcrumb   { font-size: 11px; font-weight: bold; }
  .gray         { font-size: 11px; font-weight: bold; color: #999; }

  .border       { border: 1px solid black; }
  .noborder     { border: 0; }

  .headertext       { font-size: 13px; font-weight: bold; }
  .orangeheader { font-size: 13px; font-weight: bold; color: #FC5F00; }
  .takequiz     { font-size: 15px; font-weight: bold; text-transform: uppercase; }

  .faded { opacity: 0.42; filter: alpha (opacity=42); }

  .shadow     { font-family: Tahoma; position: relative; left: 1px; top: 1px; font-size: 17px; font-weight: bold; color: #CBCBCB; }
  .shadowtext { font-family: Tahoma; position: absolute; left: -2px; top: -2px; font-size: 17px; font-weight: bold; color: #FC5F00; }

  .padded { padding-top: 6px; }
  .white_border { background-color: #FFF; border: 1px solid #D4D4D4; }

  .arrow {
    font-size: 18px;
    font-weight: bold;
    color: #FF9A63;
    padding-left: 8px;
    padding-right: 2px;
    padding-top: 0px;
    margin-bottom: 8px;
  }

  .navcell { padding-top: 5px; padding-left: 4px; padding-bottom: 2px; }

  .navheader {
    height: 22px;
    width: 148px;
    background: url(/images/nav_header.gif);
    background-repeat: no-repeat;
    padding-left: 8px;
    padding-top: 4px;
    color: white;
    font-size: 11px;
  }

  .avatar {
    border: 4px solid #FFF;
  }
            
  .avatar_selected {
    border: 4px solid #FC5F00;
  }

  .white_legend { color: #FC5F00; background-color: #FFF; border: 1px solid #828177; padding: 4px; font-weight: bold; }

  .result { width: 85%; border: 1px solid #999; background-color: #F1F1F1; padding: 6px; font-size: 11px; }

  .orange { color: #FC5F00; }

  .button_question {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
  }

  .shortinput { height: 12px; }

  .form, .searchform, .form_nobg {
    background-image: url(/images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 4px 3px;
    background-color: #F1F1F1;
    
    color: #FC5F00;
    border: 1px solid #666;
    padding-left: 16px;

    font-size: 11px;
    font-family: Tahoma;
    font-weight: normal;
  }

  .form:focus {
    background-color: #FFF;
    border: 1px solid #FC5F00;
  }

  .searchform {
    background-image: url(/images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 8px 6px;
    background-color: #F1F1F1;
    
    color: #FC5F00;
    border: 1px solid #B9B9B9;
    padding-left: 24px;

    font-size: 16px;
    font-family: Tahoma;
    font-weight: bold;
    
    width: 300px;
    height: 24px;
  }

  .searchform_small {
    background-image: url(/images/bullet.gif);
    background-repeat: no-repeat;
    background-position: 5px 4px;
    background-color: #F1F1F1;
    
    color: #FC5F00;
    border: 1px solid #B9B9B9;
    padding-left: 17px;

    font-size: 11px;
    font-family: Tahoma;
    font-weight: bold;
    
    height: 14px;
  }

  .form_nobg {
    background-image: none;
    padding-left: 3px;
  }

  .textbox {
    background-color: #F1F1F1;
    color: #FC5F00;
    
    width: 250px;
    border: 1px solid #666;
    padding: 2px;

    font-size: 11px;
    font-family: Tahoma;
    font-weight: normal;
  }

  .textbox:focus {
    background-color: #FFF;
    border: 1px solid #FC5F00;
  }

  .textbox_on {
    background-color: #FFF;
    color: #FC5F00;
    
    width: 250px;
    border: 1px solid #FC5F00;
    padding: 2px;

    font-size: 11px;
    font-family: Tahoma;
    font-weight: normal;
  }

  .popup_form { background-color: #F1F1F1; color: #FC5F00; border: 1px solid #666; padding: 2px; font-size: 11px; font-family: Tahoma; font-weight: normal; width: 250px; }
  .popup_form:focus { background-color: #FEFEFE; border: 1px solid #FC5F00; }

  .form_dark { background-color: #333; color: #FF8E49; border: 1px solid #FFF; padding: 3px; font-size: 11px; font-family: Tahoma; font-weight: bold; }
  .form_dark:focus { background-color: #666; border: 1px solid #FFF; }

  .gray {
    background-color: #F1F1F1;
    color: #000;
    font-weight: normal;
  }

  .alt1, .alt1Active {
    background-color: #FFF;
    color: #000;
  }

  .alt2, .alt2Active {
    background-color: #F1F1F1;
    color: #000;
  }

  span.iconlink {
    font-size: 11px;
    font-weight: bold;
    text-align: middle;

    padding: 0px;
    padding-top: 2px;
    padding-right: 6px;

    border: 1px solid #FFF;
    margin: 0px;
  }

  span.iconlink_hover {
    font-size: 11px;
    font-weight: bold;
    text-align: middle;

    padding: 0px;
    padding-top: 2px;
    padding-right: 6px;

    border: 1px solid #777;

    background-color: #FC5F00;
    color: #FFF;
    margin: 0px;

    cursor: pointer;
    cursor: hand;
  }

  .step_off {
    font-size: 11px;
    text-align: center;
    color: #666;
    background-color: #FFF;
    border-bottom: 2px solid #BEBEBE;
    border-top: 0
    padding: 6px;
  }

  .step_on {
    font-size: 11px;
    font-weight: bold;
    text-align: center;
    border: 2px solid #BEBEBE;
    border-bottom: 0;
    padding: 6px;
  }

  .label {
    width: 100px;

    font-size: 13pt;
    font-weight: bold;

    color: #000;
    background-color: #FFF;
    
    padding: 4px;
    border: 1px solid #333;
  }

  .label_on {
    width: 100px;

    font-size: 13pt;
    font-weight: bold;

    color: #FFF;
    background-color: #FC5F00;
    
    padding: 4px;
    border: 1px solid #333;
  }

  .qlabel {
    font-size: 11px;

    color: #000;
    background-color: #FFF;
    
    padding: 4px;
    border: 1px solid #333;
  }

  .qlabel_on {
    font-size: 11px;
    color: #FFF;
    background-color: #FC5F00;
    padding: 4px;
    border: 1px solid #333;
  }

  div.checked {
    background-color: #FF782F;
    color: #FFF;
    padding: 2px;
  }

  div.unchecked {
    background-color: #FFF;
    color: #000;
    padding: 2px;
  }

  select.orange {
    background-color: #FC5F00;
    color: #FFF;
    height: 20px;
  }

  .tabs {
    background-image: url(/images/tabfade.gif);
    background-repeat: repeat-x;
  }
  
  table.nospacing {
    border-collapse: collapse;
    padding: 0
  }

  .orangebox {
    border: 1px solid black;
    background-color: #FE9A63;
    background-image: url(/images/orangebg.gif);
    background-repeat: repeat-x;
    
    padding: 4px;
    color: #FFF;
    font-weight: bold;
  }

  .graybox {
    border: 1px solid black;
    border-top: 0;
    background-color: #F1F1F1;
    padding: 10px;
    font-size: 12px;
  }

  td.cell_on {
    border-bottom: 1px solid #F1F1F1;
  }

  td.cell_off {
    border-bottom: 1px solid #000;
  }

  div.grade {
    border: 1px solid #F1F1F1;
  }

  div.grade:hover {
    background-color: #FFF;
    border: 1px solid #FC5F00;
    cursor: default;
  }
  
  div.grade:hover a {
    color: #FC5F00;
  }

  div.question {
    border: 1px solid #F1F1F1;
  }

  div.question:hover {
    background-color: #FFF;
    border: 1px solid #FC5F00;
  }
  
  div.question:hover a {
    color: #FC5F00;
  }