body {
    color: #555;
    background-color: #E6E9FF;
    font-family: Verdana;
    font-size: 11pt;
    letter-spacing: 1px;
    margin: 0;
}

p,h1,h2 {
   margin: 0px;
   font-family: Verdana;
}

.center p,h1,h2,h3 {
   margin-top: .5em;
   margin-bottom: 1em;
}

.center form p {
   margin: 0px;
}

a {
   color: #455287;
}
a:hover {
   color: #aaa;
}
a.button {
   margin: 2px;
   padding: 1px;
   border: 1px solid #ccc;
   background-color: #dedede;
   font-size: 8pt;
   text-decoration: none;
}

table.list {
   border: 2px #555 solid;
   border-spacing: 0px;
   font-size: 8pt;
   border-collapse: collapse;
}

table.list th {
   border: 1px solid #777;
   padding: 2px;
   background-color: #A997FF;
   text-align:left;
}
table.list td {
   border: 1px #777 solid;
   padding-left: 2px;
   padding-top: 0px;
   padding-bottom: 0px;
   background-color: #C4BDFF;
   white-space: nowrap;
}
table.list input {
   font-family: Verdana;
   font-size: 8pt;
   border: none;
}

div.top_header {
   padding-top: 8px;
   background: #A997FF url("img/stargasm.jpg") top right no-repeat;
}

div.top_menu {
   text-align: right;
   background-image: url("img/blue_grad.jpg");
   border-bottom: 1px solid #ccc;
   border-top: 1px solid #ddd;
}

div.top_menu p {
   padding: 2px;
   margin: 1px;
}

div.center {
   margin-left: 165px;
   padding: 7px 20px 30em 20px;
}

div.left_pane {
   width: 164px;
   float: left;
   padding: 10px;
   padding-right: .5em;
   padding-left: .5em;
}
div.left_pane .menu a {
   display: block;
   width: 100%;
   padding: 2px;
   font-size: 10pt;
   margin-bottom: 2px;
}

#welcome {
   display: block;
   font-size: 10pt;
   font-weight: bold;
   text-align: center;
   margin-top: .5em;
   width: 135px;
}


div.bottom {
   padding: 5px;
   font-size: 7pt;
   text-align: center;
}

.title {
   padding: 5px; 
   letter-spacing:2px; 
}

input, textarea, select, button {
   font-family: Tahoma;
   font-size: 10pt;
   color: #999;
   font-weight: bold;    
   border-width: 2px;
   border-color: #EEE;
   padding: 2px;
}
input, button {
   background-color: #CCCCFF;
   background-image: url("img/graybg.jpg");
   background-repeat: repeat-x;    
}
textarea, select {
   background-color: #EBEBEB;
}
input:focus, textarea:focus {
   color: #555;
}

div.box {
   background-color: rgb(215,215,215);
   background-image: url("img/graybg2.jpg");
   background-repeat: repeat-x;
   border: 2px solid #ddd;
   color: #777;
   padding: 7px;
   margin-bottom: 1em;
}
div.box p {
   margin-bottom: 7px;
   margin-top: 7px; 
   vertical-align: middle;
}
div.box input, textarea, select, button {
   margin: 0 0 3px 5px;
}
div.box em {
   display: block;
   font-size: 8pt;
   font-weight: bold;
   border-bottom: 1px dashed #aaa;
}

div.table {
   width: 100%;
}

.p label {
   display: inline;
   width: 150px;
}

label {
   font-size: 10pt;
   vertical-align: top;
}


form { margin: 0; }

form strong {
   font-size: 13pt;
   margin-bottom: 5px;
} 


form.quiz {
   background: none;
   padding: 10px;
   border: none;
}
form.quiz p {
   margin: 0 0 .5em 0;
}
form.quiz div.question {
   background-color: rgb(215,215,215);
   background-image: url("img/graybg2.jpg");
   background-repeat: repeat-x;
   border: 1px solid #ddd;
   padding: 5px;
   margin-bottom: 1em;
}
form.quiz input {
   width: 20px;
   height: 20px;
   margin: 0px;
   text-align: left;
   font-size: 16pt;
   background: none;
}
form.quiz label {
   cursor: pointer;
   font-size: 11pt;
   padding: 3px;
   margin: 3px;
   vertical-align: top;
}
form.quiz label:hover {
   background-color: #fff;
}
form.quiz #quiz_submit, #survey_submit {
   width: 70px;
   height: 25px;
   text-align: center;
   font-size: 10pt;
   background-color: rgb(215,215,215);
   background-image: url("img/graybg2.jpg");
}


form.hidden {
   padding: 0px;
   margin: 0px;
   display: inline;
}
form.hidden p {
   padding: 0px;
   margin: 0px;
}
form.hidden input {
   margin: 0px;
   padding: 0px;
   font-size: 3pt;
}

.errormsg {
   border: 1px solid #ddd;
   background-color: #eee;
   padding: 5px;
   display: table;
}
.errormsg p, h3 { margin: 0px }

table.list2 {
   font-size: 9pt;
   width: 100%;
   right: 150px;
   left: 150px;
   margin-bottom: 1em;
}
table.list2 td {    
   padding: 4px;
   background-color: #ddd;
   border-bottom: 1px solid #ccc;
   color: #444;
   vertical-align: middle;
}
table.list2 a {
   display: block;
   width: 100%;
   margin: -5px;
   padding: 5px;
}
table.list2 a:hover {
   background-color: #eee;
   color: #555;
}
table.list2 p {
   margin: 0;
}

h4 {
   margin-top: 1.5em;
   margin-bottom: 0;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 13pt;
   font-weight: bold;
   color: #847B9D;
   padding-top: 7px;
   border-bottom: 1px dotted #847B9D;
   width: 99.5%;
}
span.sub {
   font-size: 9pt;
   color: #aaa;
   display: block;
   margin: 0px;
}
span.sub a {
   font-weight: bold;
}

h4 a.btn {
   float: right;
   background-color: #ddd;
   color: #888;
   border: 2px solid #888;
   padding: 1px 7px 1px 7px;
   text-decoration: none;
   font-size: 11px;
   margin: -21px 0px 0px 4px;
}
h4 a.btn:hover {
   color: #aaa;
   background-color: #eee;
   border-color: #aaa;
}

p.comment {
   font-size: 9pt;
   margin-top: 5px;
   padding: 4px;
   border: 1px dashed #ccc;
   display: table;
   width: 405px;
   background-color: #eaeaea;
   color: #333;
}

.msg {
   font-size: 8pt;
   font-weight: bold;
   display: table;
   border: 1px dashed #bbb;
   background-color: #eee;
   color: #333;
   padding: 5px;
   margin-bottom: 1em;
}
.msg p {
   margin: 0px;
}

div.question {
   border-bottom: 2px dashed #bbb;
}
div.question-result {
   border: 2px dashed #bbb;
   background-color: #ddd;
   width: 50%;
}
div.question, div.question-result {
    padding: 5px;
    margin: 5px;
    color: #777;
}
div.question-result p {
   margin: 3px;
}
div.question-result div {
   float: right;
}

div.question-result p.wrong {
    color: red;
}
div.question-result p.chosen {
    font-weight: bold;
    text-decoration: line-through;
}
div.question-result p.correct {
    color: #00B300;
    font-weight: bold;
    border: 2px solid #00B300;
    display: table;
    padding: 1px;
}
span.grade {
    font-size: 17pt;
    font-weight: bold;
}

.rating {
    background: url("img/rating.gif") center;
    width: 85px;
    height: 16px;
    font-size: 0px;
}
.rating2 {
    background: url("img/rating.gif") top;
    width: 85px;
    height: 16px;
    font-size: 0px;
}
.ratingbar {
    background: url("img/rating.gif") left bottom;
    height: 16px;
    font-size: 0px;
}
.rating a {
    height: 16px;
    position: absolute;
}
.rating a:hover {
    background: url("img/rating.gif") left bottom;
}
.rating a.r1 { width: 17px; z-index: 5; }
.rating a.r2 { width: 34px; z-index: 4; }
.rating a.r3 { width: 51px; z-index: 3; }
.rating a.r4 { width: 68px; z-index: 2; }
.rating a.r5 { width: 85px; z-index: 1; }

.disabled {
    color: #aaa;
    font-size: 8pt;
    text-decoration: none;
}

div.top {
    padding: 10px;
    font-size: 9pt;
    margin: 5px;
}
div.top span {
    float: right;
    margin-left: 10px;
}
div.top h5 {
    margin: 0px 0px 3px 0px;
    padding: 0px;
    font-size: 14pt;
    font-family: tahoma, sans-serif;
    color: #8738fd;
    border-bottom: 1px dashed #8738fd;
}
h5 {
    margin: 0px;
}

table {
    border-collapse: collapse;
}
table td {
    vertical-align: top;
    padding: 0px;
    margin: 0px;
}

div.graph {
    background-color: #bfc1fd;
    position: absolute;
    height: 19px;
    width: 0;
}
div.graphbar {
    position: relative;
    background-color: #dbdcfe;
    width: 250px;
    height: 19px;
}
p.graph {
    position: absolute;
    font-size: 10px;
    color: white;
    z-index: 5;
    width: 250px;
    font-weight: bold;
    margin: 0;
    padding: 3px 0 0 3px;
}

table.home td {
   width: 50%;
}
table.home {
   width: 100%;
}


div#rightAd {
   margin: .5em;
   float: right;
}
div#menuAd {
   margin-top: 1em;
}
div#topAd {
   text-align: center;
   margin-bottom: 1.5em;
}