/* Style Definitions */

body, html {
   margin: 0px;
   padding: 0px;
}

div#wrapper {
   margin: 20px 50px;
   width:780px;
   line-height:19pt;
}

a:link {text-decoration:none;color:#3333cc;}
a:visited {text-decoration:none;color:#3333cc;}
a:hover {text-decoration:none;color:#660066;}

.masthead {
   margin:20px 0px 20px 0px;
   float:left;
   background-image:url("img/masthead.gif");
   background-repeat:no-repeat;
   height:54px;
   width:341px;
}

.clear {
   margin:0px;
   clear:both;
   line-height:1px;
   height:1px;
   font-size:1px;
}

ul#tabmenu {
   color: #000;
   border-bottom: 2px solid black;
   margin: 12px 0px 0px 0px;
   z-index: 1;
   padding-left:10px;
   list-style-type:none;
}

#tabmenu li {
   display: inline;
   overflow: hidden;
   list-style-type:none;
   line-height:19px;
}

#tabmenu a:hover {
   color: #22a;
   background: #eef;
}

#tabmenu a.active {
   background: #eef;
   border-bottom: 3px solid #eef;
   color:#22a;
}

#content {
   background:#eef;
   margin:0px 0px 50px 0px;
   padding: 20px;
   border:2px solid black;
   border-top: none;
   z-index: 2;
   overflow:hidden;
   width:736px;
}

.settings {
   margin:0px 0px 0px 20px;
   float:right;
   padding:10px;
   border:4px solid #ccb;
   background-color:#ffe;
   width:225px;
}

ul.stglist {
   padding: 0px;
   margin: 0px;
   list-style-type:none;
   font-size:12pt;
}

ul.stglist li {
   margin:0px;
}


ul.prlist {
   padding: 0px;
   margin: 0px;
   list-style-type:none;
   font-size:12pt;
}

ul.prlist li {
   margin: 6px 0px;
}

#prmenu a {
   display: block;
   padding: 3px 0px;
   width: 220px;
   background-color:#efe;
   border:none;
   font-family:Verdana,Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-weight:normal;
   margin:0px;
}

#prmenu a:link, #prmenu a:visited {
   color:green;
   text-decoration:none;
   line-height:20px;
}

#prmenu a:hover {
   background-color: #beb;
}


ul.prlist li.selected  {
   text-align:center;
   width:220px;
   background:#beb;
   color:green;
   padding:3px 0px;
   border:1px solid green;
   line-height:20px;
}

.abovelist {
   position:relative;
   margin-left:270px;
   left:-25px;
   top:0px;
}

ol {
   counter-reset: item;
}

.gotocase {
   float: right;
   width:150px;
   height:100px;
   background:#fdd;
   margin-right:2px;
   border:3px solid #a33;
   margin-bottom:20px;
   margin-left:20px;
   overflow:hidden;
   text-align:center;
}

.gotocase a:link, .gotocase a:visited {
   display:block;
   width: 150px;
   height:100px;
   line-height:33px;
   margin:0px;
   text-align:center;
   padding:0px;
   padding-top:15px;
   font-size:23px;
   cursor:pointer;
   border:none;
   font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-weight:bold;
   background-color:#fdd;
   color:#900;
   text-decoration:none;
}

.gotocase a:hover {
   background-color:#eaa;
   cursor:pointer;
   padding: 0px;
   padding-top:15px;
   margin: 0px;
   text-decoration:none;
}

.casesectionhead {
   float: left;
   width:143px;
   height:100px;
   background:#fdd;
   margin-right:2px;
   border:1px solid black;
   margin-bottom:20px;
   overflow:hidden;
}

.casesectionnumber {
   float:left;
   width:48px;
   height:99px;
   vertical-align:bottom;
   border-right:2px solid #d22;

}

.casesectionnumber .text {
   font-family:Arial,Helvetica,sans;
   display:block;
   margin:2px 0px 0px 0px;
   font-size:15px;
   line-height:19px;
   font-weight:normal;
   text-align:center;
}

.casesectionnumber .num {
   font-family:Arial,Helvetica,sans;
   position:relative;
   top:-6px;
   display:block;
   font-size:75px;
   line-height:75px;
   color:#555;
   font-weight:bold;
   text-align:center;
}

.casesectionhxtitle a:link, .casesectionhxtitle a:visited {
   float:left;
   display:block;
   width: 93px;
   height: 40px;
   line-height:35px;
   margin:0px;
   text-align:center;
   padding:0px;
   font-size:18px;
   border-bottom:1px solid #d99;
   border-top:8px solid #fdd;
   cursor:pointer;
   border-left:none;
   border-right:none;
   font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-weight:normal;
   background-color:#fdd;
   color:black;
   text-decoration:none;
}

.casesectionhxtitle a:hover {
   border-top:8px solid #d22;
   background-color:#eaa;
   cursor:pointer;
   padding: 0px;
   margin: 0px;
   text-decoration:none;
}

.casesectionhxtitle a.selected:hover, .casesectionhxtitle a.selected:visited, .casesectionhxtitle a.selected:link {
   border-top:8px solid #fee;
   background-color:#fee;
   cursor:default;
}

.cqtitle a:link, .cqtitle a:visited  {
   float:left;
   display:block;
   width: 93px;
   height: 49px;
   margin:0px;
   text-align:center;
   border:none;
   padding:8px 0px 0px 0px;
   font-size:18px;
   border-top:8px solid #fdd;
   font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-weight:normal;
   background-color:#fdd;
   color:black;
   text-decoration:none;
}

.cqtitle a:hover {
   border-top:8px solid #d22;
   background-color:#eaa;
   cursor:pointer;
   text-decoration:none;
}

.cqtitle a.selected:hover, .cqtitle a.selected:visited, .cqtitle a.selected:link {
   border-top:8px solid #fee;
   background-color:#fee;
   cursor:default;
}

.questiontitle {
   float:left;
   width:470px;
   font-size:18pt;
   height:50px;
   padding:5px 0px 0px 0px;
}


a.nextq:link, a.nextq:visited  {
   position:relative;
   top:-2px;
   margin:0px 10px 0px 0px;
   padding:2px;
   font-size:12px;
   line-height:25px;
   border:1px solid #88e;
   font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-weight:normal;
   background-color:#ddf;
   color:#55e;
   text-decoration:none;
}

a.nextq:hover {
   background-color:#ccf;
   cursor:pointer;
   text-decoration:none;
}

.score {
   float:right;
   padding:5px 0px 0px 0px;
   width:250px;
   text-align:right;
   font-size:12pt;
   height:50px;
}

.score .scorenum, .questiontitle .scorenum {
   font-size:36px;
}

.question {
   float:left;
   width:470px;
}

.answerlist {
   float:right;
   width:210px;
   border:2px solid #fd2;
   padding:20px;
   background-color:#ffe;
}

.qtext {
   font-size:18pt;
   line-height:28pt;
}

p.answerboxheading {
   text-align:center;
   font-size:20pt;
}

.answerlist .answernum {
   background-color:#ffe;
   width:25px;
   float:left;
   text-align:center;
   font-size:14pt;
   line-height:18pt;
   margin-bottom:10px;
}

.answerlist .answertxt {
   background-color:#887;
   width:180px;
   float:left;
   padding-left:5px;
   font-size:14pt;
   line-height:18pt;
   margin-bottom:10px;
}

.answerlist .answertxtgotit {
   background-color:#dda;
   width:180px;
   float:left;
   padding-left:5px;
   font-size:14pt;
   line-height:18pt;
   margin-bottom:10px;
}

/* Answer submission form styling */

div.ansformrule {
   border-top:4px solid #bbe;
}

div.ansform {
   display:inline;
   margin: 10px 0px 15px 0px;
   padding: 20px 0px 0px 0px;
   height:50px;
}

div.ansform div.data {
   margin:0px;
   text-align:center;
}

div.ansform div.data label {
   margin: 0px 0px 0px 5px;
   display: block;
   float:left;
   width: 100px;
   text-align: right;
   font-size:18pt;
}

div.ansform div.data input {
   margin: 0px 0px 0px 15px;
   padding: 0px 10px;
   border:1px dashed #66b;
   float:left;
   background:white;
   font-size:18pt;
   width:310px;
}

div.ansform div.button {
   margin: 0px;
   padding: 0px;
   text-align:center;
}

div.ansform div.btn1, div.ansform div.btn2, div.ansform div.btn3 {
   display: inline;
   margin:0px 10px;
}

div.ansform div.btn1 input {
   margin: 25px 0px 0px 0px;
   width: 100px;
   height: 50px;
   background:#fdd;
   border: 2px solid #955;
   font-size:14pt;
   cursor:pointer;
}

div.ansform div.btn1 input:hover, div.ansform div.btn1 input.over {
   margin: 25px 0px 0px 0px;
   width: 100px;
   height: 50px;
   background: #eaa;
   cursor:pointer;
}

div.ansform div.btn2 input {
   margin: 25px 0px 0px 0px;
   width: 100px;
   height: 50px;
   background:#efe;
   border: 2px solid #595;
   font-size:14pt;
   cursor:pointer;
}

div.ansform div.btn2 input:hover, div.ansform div.btn2 input.over {
   margin: 25px 0px 0px 0px;
   width: 100px;
   height: 50px;
   background: #beb;
   cursor:pointer;
}

div.ansform div.btn3 input {
   margin: 25px 0px 0px 0px;
   width: 140px;
   height: 50px;
   background:#ddf;
   border: 2px solid #559;
   font-size:14pt;
   cursor:pointer;
}

div.ansform div.btn3 input:hover, div.ansform div.btn3 input.over {
   margin: 25px 0px 0px 0px;
   width: 140px;
   height: 50px;
   background: #aae;
   cursor:pointer;
}


/* --- */



a.qnav:link {text-decoration:none;background-color:#3333cc;height:20px;line-height:19px;color:white;}
a.qnav:visited {text-decoration:none;background-color:#3333cc;height:20px;line-height:19px;color:white;}
a.qnav:hover {text-decoration:none;background-color:#6666ff;height:20px;color:white;}
a.qnav2:link {text-decoration:none;background-color:#3333cc;height:20px;line-height:19px;color:yellow;}
a.qnav2:visited {text-decoration:none;background-color:#3333cc;height:20px;line-height:19px;color:yellow;}
a.qnav2:hover {text-decoration:none;background-color:#6666ff;height:20px;color:yellow;}



.masterheadline {font-size: 18pt; margin-bottom:0em;}
.style6 {font-size: 12pt}
.qnav { font-size: 11pt;
        font-weight:bold;
        text-align:center;
        color:white;
        font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
        font-variant:small-caps;
        background-color:#3333cc;}
.tagline {font-size: 11pt; margin-bottom:0em;}
.smalltext {font-size: 10pt;}



#thehint {
   position: absolute;
   top:370px;
   left:150px;
   width:500px;
   height:200px;
   border:4px solid #060;
   background:#efe;
   padding:30px 10px;
   display:none;
}

#thehint div.closebutton {
   margin-top:25px;
}

#thehint div.closebutton a:link, #thehint div.closebutton a:visited {
   padding:0px;
   background:#efe;
   font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-weight:bold;
   font-size:14pt;
   border:none;
   text-decoration:none;
   color:#272;
}

#thehint div.closebutton a:hover {
   border-bottom:1px dotted #272;
}

#thehint #hinttext {
   font-weight:normal;
   font-size:16pt;
   line-height:24pt;
}

#thehint div.hinttitle {
   font-weight:bold;
   font-size:18pt;
   line-height:24pt;
   margin:0px 0px 10px 0px;
   color:#060;
   text-decoration:underline;
}


/* answer comment box */

#answerbox {
   position: absolute;
   top:170px;
   left:150px;
   width:500px;
   height:400px;
   border:4px solid #600;
   background:#fee;
   padding:30px 10px;
   display:none;
}

#answerbox div.closebutton {
   margin-top:25px;
}

#answerbox div.closebutton a:link, #answerbox div.closebutton a:visited {
   padding:0px;
   background:#fee;
   font-family:Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-weight:bold;
   font-size:14pt;
   border:none;
   text-decoration:none;
   color:#722;
}

#answerbox div.closebutton a:hover {
   border-bottom:1px dotted #722;
}

#answerbox #answertext {
   font-weight:normal;
   font-size:16pt;
   line-height:24pt;
}

#answerbox #answertitle {
   font-weight:bold;
   font-size:18pt;
   line-height:24pt;
   margin:0px 0px 10px 0px;
   color:#600;
   text-decoration:underline;
}


#media {
   width:320px;
   height:286px;
   border:6px solid #141;
   float:left;
}

a.intext {
   border:none; padding:0px; margin:0px;
   font-family:Verdana,Arial,Helvetica,Geneva,SunSans-Regular,sans-serif;
   font-weight:normal;
   color:#66a; background:#eef;
}

a.intext:hover { color:#00d; border-bottom:1px solid #00d;}