/* $color_vlight: #dddddd; */
/* $color_light: #aab9bf; */
/* $color_dark: #242728; */
/* $color_orange: #e8a74b; */
/* $cursive_font: "Comic Sans MS", cursive; */
/* $text_dark: #242728; */
/* $text_white: white; */
/* $text_orange: #e8a74b; */
/* $text_active: #242728; */
/* $btn_green: url(/static/images/bg_green_btn.png); */
/* $btn_grey: url(/static/images/bg_grey_btn.png); */
* {
margin: 0;
}

#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
width: 940px;
margin: 0 auto -50px;
}

BODY {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
color: #000;
background: #ffffff;
}

IMG {
margin: 0px;
padding: 0px;
}

.buttons {
}

.buttons a,
.buttons button {
display: block;
float: left;
margin: 0 7px 0 0;
background-color: #f5f5f5;
border: 1px solid #dedede;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
font-size: 100%;
line-height: 130%;
text-decoration: none;
font-weight: bold;
color: #565656;
cursor: pointer;
padding: 5px 10px 6px 7px;
}

.buttons button {
width: auto;
overflow: visible;
padding: 4px 10px 3px 7px;
}

.buttons button[type] {
padding: 5px 10px 5px 7px;
line-height: 17px;
}

.buttons button img,
.buttons a img {
margin: 0 3px -3px 0 !important;
padding: 0;
border: none;
width: 16px;
height: 16px;
}

button:hover,
.buttons a:hover {
background-color: #dff4ff;
border: 1px solid #c2e1ef;
color: #336699;
}

.buttons a:active {
background-color: #6299c5;
border: 1px solid #6299c5;
color: #fff;
}

button.positive,
.buttons a.positive {
color: white;
background: transparent url(/static/images/bg_green_btn.png) repeat-x scroll center center;
}

.buttons a.positive:hover,
button.positive:hover {
border: 1px solid #C6D880;
color: #242728;
}

.buttons a.positive:active {
border: 1px solid #529214;
color: #242728;
}

button.positive,
.buttons a.positive {
color: white;
background: transparent url(/static/images/bg_green_btn.png) repeat-x scroll center center;
}

.buttons a.positive:hover,
button.positive:hover {
border: 1px solid #C6D880;
color: #242728;
}

.buttons a.positive:active {
border: 1px solid #529214;
color: #242728;
}

.buttons a.negative,
button.negative {
color: white;
background: transparent url(/static/images/bg_grey_btn.png) repeat-x scroll center center;
}

.buttons a.negative:hover,
button.negative:hover {
border: 1px solid #fbc2c4;
color: #242728;
}

.buttons a.negative:active {
border: 1px solid #d12f19;
color: #242728;
}

*:first-child+html button[type] {
padding: 4px 10px 3px 7px;
}

.buttons .big {
padding: 15px 20px;
}

.ui-tabs .ui-tabs-hide {
display: none;
}

ul.barnav {
padding: 4px 0;
margin: 0;
}

.barnav {
}

.barnav li {
float: left;
display: inline;
list-style-type: none;
margin: 0;
}

.barnav a:link {
color: #000;
text-decoration: none;
}

.barnav a:visited {
color: #000;
text-decoration: none;
}

.barnav a:hover {
color: #ff9900;
text-decoration: underline;
}

.barnav a:active {
color: #ff9900;
text-decoration: none;
}

#footer_clear {
clear: both;
}

#footer {
font-family: "Comic Sans MS", cursive;
font-size: 80%;
position: relative;
clear: both;
width: 940px;
height: 24px;
margin: 12px 0 0 0;
padding: 3px;
border-top: 1px solid #aab9bf;
border-bottom: 1px solid #aab9bf;
}

#footer UL {
float: right;
margin: 5px 10px 0 0;
padding: 0;
}

#footer LI {
margin: 0 0 0 30px;
padding: 0;
padding: 0 2px 0 2px;
}

#footer P.copyright {
position: absolute;
top: 7px;
left: 10px;
color: #242728;
margin: 0;
padding: 0;
}

#header {
width: 940px;
height: 80px;
color: #242728;
border-bottom: 1px solid #242728;
}

#header img.logo {
float: left;
margin-top: 15px;
}

#header input.search {
width: 250px;
}

#header input.submitSearch {
width: 26px;
height: 26px;
overflow: hidden;
padding: 2px 0 0 0;
background: url(/static/images/icon_searchbar.gif) no-repeat;
border: 0;
}

#header #header_parts {
float: right;
width: 480px;
text-align: right;
}

#header.anon {
text-align: right;
font-family: "Comic Sans MS", cursive;
}

#header.anon #header_parts {
padding-top: 40px;
}

#header.anon UL.barnav {
margin: 0 0 0 70px;
padding: 0px;
}

#header.anon LI {
margin-top: 2px;
}

#header.anon div.search {
display: inline;
}

#header.auth {
font-family: "Comic Sans MS", cursive;
}

#header.auth LI {
text-align: right;
padding-left: 16px;
}

#header.auth UL {
float: right;
margin-top: 8px;
display: block;
}

#header.auth div.search {
margin: 5px 0 0 0;
padding: 0px;
text-align: right;
float: right;
}

.content {
clear: both;
margin-top: 10px;
}

.tabbox {
border-bottom: 1px solid #e8a74b;
border-left: 1px solid #e8a74b;
border-right: 1px solid #e8a74b;
margin-bottom: 30px;
}

.tabbox .boxhead {
font: normal normal normal 20px "Comic Sans MS", cursive;
}

.joinbox {
margin: 0;
padding: 0;
}

.joinbox H3 {
background-color: #e8a74b;
color: white;
font-family: "Comic Sans MS", cursive;
font-weight: normal;
height: 35px;
padding-left: 10px;
}

.joinbox p {
margin: 4px 0px;
clear: both;
}

.joinbox .body {
font-size: 80%;
margin: 4px 10px;
}

.joinbox .body div {
text-align: center;
}

.joinbox .body .signup {
font-size: 20px;
margin: 10px 0px;
}

.joinbox .body .buttons {
padding: 10px 60px;
height: 45px;
}

.joinbox FORM BUTTON {
margin-left: -11px;
padding: 3px;
width: 170px;
float: none;
}

.joinbox .buttons a {
float: none;
}

.twocolumn {
min-width: 630px;
}

.twocolumn .content {
padding-left: 200px;
padding-right: 190px;
}

.twocolumn .content .column {
float: left;
}

.twocolumn .content .left.column {
width: 180px;
padding: 0px 10px;
right: 240px;
margin-left: -200px;
}

.twocolumn .content .right.column {
padding: 10px 20px;
width: 100%;
}

.rightcolumn {
min-width: 630px;
}

.rightcolumn .content {
padding-left: 600px;
padding-right: 40px;
}

.rightcolumn .content .column {
float: left;
}

.rightcolumn .content .left.column {
width: 570px;
padding: 0px 10px;
right: 240px;
margin-left: -600px;
}

.rightcolumn .content .right.column {
padding: 10px 20px;
width: 100%;
}

.twohalfcolumn {
min-width: 630px;
}

.twohalfcolumn .content {
padding-left: 460px;
padding-right: 190px;
}

.twohalfcolumn .content .column {
float: left;
}

.twohalfcolumn .content .left.column {
width: 440px;
padding: 0px 10px;
right: 240px;
margin-left: -460px;
}

.twohalfcolumn .content .right.column {
padding: 10px 20px;
width: 440px;
}

.twohalfcolumn p.topmsg {
margin-left: -460px;
width: 920px;
}

.threecolumn {
min-width: 630px;
}

.threecolumn .content {
padding-left: 200px;
padding-right: 190px;
}

.threecolumn .content .column {
float: left;
}

.threecolumn .content .left.column {
width: 180px;
padding: 0px 10px;
right: 240px;
margin-left: -200px;
}

.threecolumn .content .center.column {
padding: 10px 20px;
width: 100%;
}

.threecolumn .content .right.column {
width: 130px;
padding: 0 10px;
margin-right: -190px;
}

FORM.std {
}

FORM.std P {
margin-top: 20px;
}

FORM.std LABEL {
margin-top: 20px;
display: block;
margin-bottom: 5px;
}

FORM.std INPUT,
FORM.std TEXTAREA {
font-size: 14pt;
background-color: #f2f2f2;
border: 1px solid #9988a7;
padding: 3px 5px;
}

FORM.std INPUT:focus,
FORM.std TEXTAREA:focus {
background-color: #ffffb5;
}

FORM.std INPUT:hover,
FORM.std TEXTAREA:hover {
border: 1px solid #464646;
}

FORM.std INPUT {
margin-left: 15px;
}

FORM.std DIV.buttons {
margin-top: 20px;
margin-left: 40px;
}

.flash {
width: 80%;
margin: 0px 0px 10px 5%;
padding: 10px;
}

.flash.error {
border: 2px solid red;
background-color: #ff7c70;
}

.flash.good {
border: 2px solid green;
background-color: #a1eda1;
}

#index_index {
}

#index_index .content {
}

#index_index .left {
float: left;
width: 600px;
}

#index_index .right {
width: 290px;
margin-left: 40px;
float: left;
}

#index_index #promo {
height: 300px;
}

#index_index #promo .buttons {
margin: 15px 0px 5px 15px;
font-family: "Comic Sans MS", cursive;
}

#index_index #tabs {
height: 200px;
}

#index_index #tabs UL {
margin: 0px;
padding: 1px 0px 0px 0px;
height: 35px;
width: 290px;
list-style-type: none;
}

#index_index #tabs LI.tabhead {
float: left;
margin: 0px 0px 0px -1px;
height: 34px;
font-family: "Comic Sans MS", cursive;
background-color: #e8a74b;
border-top: 1px solid #e8a74b;
border-left: 1px solid #e8a74b;
border-right: 1px solid #e8a74b;
width: 143px;
}

#index_index #tabs LI.tabhead a,
#index_index #tabs LI.tabhead a:hover,
#index_index #tabs LI.tabhead a:link,
#index_index #tabs LI.tabhead a:visited {
color: white;
text-decoration: none;
}

#index_index #tabs LI.tabhead a {
padding-left: 8px;
}

#index_index #tabs LI.tabhead a:hover {
color: #242728;
}

#index_index #tabs .ui-tabs-selected,
#index_index #tabs .tabhead.ui-tabs-selected {
background-color: white;
}

#index_index #tabs .ui-tabs-selected a,
#index_index #tabs .ui-tabs-selected a:hover,
#index_index #tabs .ui-tabs-selected a:link,
#index_index #tabs .ui-tabs-selected a:visited,
#index_index #tabs .tabhead.ui-tabs-selected a,
#index_index #tabs .tabhead.ui-tabs-selected a:hover,
#index_index #tabs .tabhead.ui-tabs-selected a:link,
#index_index #tabs .tabhead.ui-tabs-selected a:visited {
color: #e8a74b;
text-decoration: none;
}

#index_index #tabs ol {
padding-top: 18px;
line-height: 24px;
}

#index_index div.buttons {
height: 40px;
}

#home_index {
}

#home_index .content {
padding-left: 200px;
padding-right: 190px;
}

#home_index .content .column {
float: left;
}

#home_index .content .left.column {
width: 180px;
padding: 0px 10px;
right: 240px;
margin-left: -200px;
}

#home_index .content .center.column {
padding: 10px 20px;
width: 100%;
}

#home_index .content .right.column {
width: 130px;
padding: 0 10px;
margin-right: -190px;
}

#home_index .center {
border: 2px solid #e8a74b;
}

#home_index .center H2:first-child {
margin-top: 0px;
}

#home_index .center H2 {
margin-top: 20px;
width: 100%;
background-color: #dddddd;
color: #242728;
font-size: 14px;
line-height: 28px;
padding-left: 10px;
}

#home_index .left {
}

#home_index .left DIV.buttons {
margin: 8px 0px;
}

#home_index .left UL {
clear: both;
list-style-type: none;
margin-top: 58px;
padding: 0px;
}

#home_index .left UL a:link {
color: #000;
text-decoration: none;
}

#home_index .left UL a:visited {
color: #000;
text-decoration: none;
}

#home_index .left UL a:hover {
color: #ff9900;
text-decoration: underline;
}

#home_index .left UL a:active {
color: #ff9900;
text-decoration: none;
}

#home_index .left LI.selected {
background-color: #e8a74b;
}

#home_index .left LI {
width: 100%;
font-family: "Comic Sans MS", cursive;
margin: 4px 4px;
padding-left: 8px;
}

.quiz {
}

#quiz_question.auth {
}

#info_feedback {
}

#info_feedback .content {
}

#info_feedback .content LABEL {
margin-top: 20px;
display: block;
margin-bottom: 5px;
}

#info_feedback .content .center FORM DIV {
margin-top: 20px;
}

#info_feedback .content INPUT,
#info_feedback .content TEXTAREA {
font-size: 14pt;
background-color: #f2f2f2;
border: 1px solid #9988a7;
padding: 3px 5px;
}

#info_feedback .content INPUT:hover,
#info_feedback .content TEXTAREA:hover {
border: 1px solid #464646;
}

#info_feedback .content #id_email {
width: 40%;
}

#info_feedback .content #id_body,
#info_feedback .content #id_subject {
width: 70%;
}

.info {
}

.info .left {
}

.info .left UL {
clear: both;
list-style-type: none;
padding: 0px;
}

.info .left UL a:link {
color: #000;
text-decoration: none;
}

.info .left UL a:visited {
color: #000;
text-decoration: none;
}

.info .left UL a:hover {
color: #ff9900;
text-decoration: underline;
}

.info .left UL a:active {
color: #ff9900;
text-decoration: none;
}

.info .left LI.selected {
background-color: #e8a74b;
}

.info .left LI.selected a:hover {
color: white;
}

.info .left LI {
width: 100%;
font-family: "Comic Sans MS", cursive;
margin: 4px 4px;
padding-left: 8px;
}

.info .center {
border: 2px solid #e8a74b;
}

.settings {
}

.settings .left {
}

.settings .left UL {
clear: both;
list-style-type: none;
padding: 0px;
}

.settings .left UL a:link {
color: #000;
text-decoration: none;
}

.settings .left UL a:visited {
color: #000;
text-decoration: none;
}

.settings .left UL a:hover {
color: #ff9900;
text-decoration: underline;
}

.settings .left UL a:active {
color: #ff9900;
text-decoration: none;
}

.settings .left LI.selected {
background-color: #e8a74b;
}

.settings .left LI.selected a:hover {
color: white;
}

.settings .left LI {
width: 100%;
font-family: "Comic Sans MS", cursive;
margin: 4px 4px;
padding-left: 8px;
}

.center {
border: 2px solid #e8a74b;
}

.quiz.auth {
}

.quiz.auth #quiz_title {
float: left;
padding-left: 40px;
}

.quiz.auth #quiz_step {
float: right;
font-size: 14px;
}

.quiz.anon,
#quiz_question_ns {
}

.quiz.anon .content,
#quiz_question_ns .content {
}

.quiz.anon .content .left,
#quiz_question_ns .content .left {
}

.quiz.anon .content .left .buttons,
#quiz_question_ns .content .left .buttons {
margin-top: 20px;
}

.quiz.anon .content .left H3,
#quiz_question_ns .content .left H3 {
clear: both;
padding: 15px 0px;
}

.quiz.anon .content .left OL,
#quiz_question_ns .content .left OL {
list-style-type: upper-alpha;
}

.quiz.anon .content #quiz_title,
#quiz_question_ns .content #quiz_title {
float: left;
padding-left: 0px;
}

.quiz.anon .content #quiz_title a:link,
#quiz_question_ns .content #quiz_title a:link {
color: #242728;
text-decoration: none;
}

.quiz.anon .content #quiz_title a:hover,
#quiz_question_ns .content #quiz_title a:hover {
color: #242728;
text-decoration: none;
}

.quiz.anon .content #quiz_title a:visited,
#quiz_question_ns .content #quiz_title a:visited {
color: #242728;
text-decoration: none;
}

.quiz.anon .content #quiz_title a:active,
#quiz_question_ns .content #quiz_title a:active {
color: #242728;
text-decoration: none;
}

.quiz.anon .content #quiz_step,
#quiz_question_ns .content #quiz_step {
float: right;
font-size: 14px;
}

#quiz_review.auth {
}

#quiz_review.auth .content {
}

#quiz_review.auth .content FORM {
clear: both;
}

#quiz_question.auth,
#quiz_review {
}

#quiz_question.auth .content,
#quiz_review .content {
}

#quiz_question.auth .content H2,
#quiz_review .content H2 {
padding-top: 20px;
}

#quiz_question.auth .content FORM,
#quiz_review .content FORM {
clear: both;
}

#quiz_question.auth .content FORM #formbox,
#quiz_review .content FORM #formbox {
margin: 40px 100px 40px;
padding: 10px;
background-color: #dddddd;
}

#quiz_question.auth .content FORM OL,
#quiz_review .content FORM OL {
list-style-type: none;
}

#quiz_question.auth .content FORM LI,
#quiz_review .content FORM LI {
padding: 6px 8px;
margin: 2px 0px;
clear: both;
}

#quiz_question.auth .content FORM LI.hover,
#quiz_review .content FORM LI.hover {
background-color: #e8a74b;
cursor: pointer;
}

#quiz_question.auth .content FORM LI.hover a,
#quiz_review .content FORM LI.hover a {
color: white;
text-decoration: none;
}

#quiz_question.auth .content FORM a:link,
#quiz_review .content FORM a:link {
color: #242728;
text-decoration: none;
}

#quiz_question.auth .content FORM a:visited,
#quiz_review .content FORM a:visited {
color: #242728;
text-decoration: none;
}

#quiz_question.auth .content FORM a:hover,
#quiz_review .content FORM a:hover {
color: white;
text-decoration: none;
}

#quiz_question.auth .content FORM a:active,
#quiz_review .content FORM a:active {
color: white;
text-decoration: none;
}

#quiz_question.auth .content .buttons,
#quiz_review .content .buttons {
width: 100%;
text-align: right;
margin-top: 00px;
}

#quiz_question.auth .content .buttons button,
#quiz_review .content .buttons button {
float: right;
}

#quiz_question.auth .content .reviewimg,
#quiz_review .content .reviewimg {
margin-left: 20px;
}

#quiz_question.auth .content #answers LI IMG,
#quiz_review .content #answers LI IMG {
display: block;
float: left;
}

#quiz_question.auth .content #answers SPAN.noimg,
#quiz_review .content #answers SPAN.noimg {
display: block;
float: left;
width: 16px;
}

#quiz_question.auth .content #result,
#quiz_review .content #result {
float: left;
width: 50%;
padding: 4px;
margin-left: 100px;
}

#quiz_question.auth .content #result p:first-child,
#quiz_review .content #result p:first-child {
font-weight: bold;
}

#quiz_question.auth .content #result.correct,
#quiz_review .content #result.correct {
border: 2px solid green;
background-color: #a1eda1;
}

#quiz_question.auth .content #result.incorrect,
#quiz_review .content #result.incorrect {
border: 2px solid red;
background-color: #ff7c70;
}

#quiz_review {
}

#quiz_review .content {
}

#quiz_review .content .next {
height: 40px;
}

#account_login,
#account_signup {
}

#account_login .content,
#account_signup .content {
}

#account_login .content label[for=id_remember],
#account_signup .content label[for=id_remember] {
display: inline;
font-size: 80%;
padding-top: 20px;
}

#account_login .content .promo,
#account_signup .content .promo {
clear: both;
}

#account_login .content .promo H3,
#account_signup .content .promo H3 {
padding-top: 10px;
}

#account_login .content .promo a,
#account_login .content .promo button,
#account_signup .content .promo a,
#account_signup .content .promo button {
margin-left: 20px;
}

#edit_question {
}

#edit_question .content {
}

#edit_question .content H3 {
margin-top: 8px;
margin-bottom: 4px;
}

#edit_question .content TEXTAREA {
height: 21px;
width: 90%;
}

#edit_question .content TABLE {
margin-top: 10px;
}

#edit_question .content TABLE TD:first-child {
width: 90%;
}

#edit_question .content TABLE TD {
text-align: left;
}

#edit_question .content TABLE TR.hidden {
display: none;
}

#edit_question .content TABLE TEXTAREA {
height: 21px;
}

#edit_question .content TH {
}

#edit_question .content TH H3 {
padding-top: 4px;
margin: 0px;
float: left;
}

#edit_question .content TH DIV.buttons {
margin: 0px 50px 0px 00px;
float: right;
}

#edit_question .content FORM > H3 {
clear: both;
}

#edit_question .content .expand {
}

#edit_question .content .expand IMG {
border: 0;
}

#edit_question .content .expand a:link {
color: #000;
text-decoration: none;
}

#edit_question .content .expand a:visited {
color: #000;
text-decoration: none;
}

#edit_question .content .expand a:hover {
color: #ff9900;
text-decoration: none;
}

#edit_question .content .expand a:active {
color: #0;
text-decoration: none;
}

#edit_question .content .hidden {
display: none;
}

#quiz_complete {
}

#quiz_complete .content {
}

#quiz_complete .content UL {
margin: 0px;
}

#quiz_complete .content LI {
list-style-type: none;
margin: 0;
padding: 0;
}

#quiz_complete .content .hidden {
display: none;
}

#quiz_complete .content .expand {
}

#quiz_complete .content .expand IMG {
border: 0;
}

#quiz_complete .content .expand a:link {
color: #000;
text-decoration: none;
}

#quiz_complete .content .expand a:visited {
color: #000;
text-decoration: none;
}

#quiz_complete .content .expand a:hover {
color: #ff9900;
text-decoration: none;
}

#quiz_complete .content .expand a:active {
color: #0;
text-decoration: none;
}

#quiz_complete .content .answers {
margin-bottom: 10px;
}

#quiz_complete .content .answers LI IMG {
display: block;
float: left;
}

#quiz_complete .content .answers SPAN.noimg {
display: block;
float: left;
width: 16px;
}