/********************************************************
/* GENERAL STYLES 
********************************************************/
body {
background:url(../images/menu_bg.gif) repeat-y left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10pt;
line-height:normal;
margin:0;
padding:0
}

* html body {
background:none;
}

p {
font-size:10pt;
line-height:150%;
margin:6px 0 6px 0;
padding:0;
}

a {
color:#06c;
text-decoration:underline
}

a.link_zoom {
background:url(../images/icon_zoom.gif) top left no-repeat;
font-size:8pt;
padding:0 0 2px 17px
}

img {
border:0
}

/* BUTTONS */

.btn, .btn2, .btn-disabled, .btn2-disabled {
cursor:pointer;
text-align:center;
display:block;
min-width:60px;
text-decoration:none;
color:#fff;
}

.btn {
float:right;
background:#6095cb url(../images/btn_border_top.gif) no-repeat top left;
}

.btn-disabled {
float:right;
background:#CCC url(../images/btn_disabled_border_top.gif) no-repeat top left;
}

.btn2 {
float:right;
background:#D97B0B url(../images/btn2_border_top.gif) no-repeat top left;
}

.btn2-disabled {
float:right;
background:#CCC url(../images/btn_disabled_border_top.gif) no-repeat top left;
}

.btn span, .btn-disabled span, .btn2 span, .btn2-disabled span {
padding:3px 5px;	
text-align:center;
position:relative;
left:1px;top:1px;
display:block;
text-decoration:none;
color:#fff;
}

.btn span {
background:url(../images/btn_border_bottom.gif) right bottom no-repeat;
}

.btn-disabled span {
background:url(../images/btn_disabled_border_bottom.gif) right bottom no-repeat;
}

.btn2 span {
background:url(../images/btn2_border_bottom.gif) right bottom no-repeat;
}

.btn2-disabled span {
background:url(../images/btn_disabled_border_bottom.gif) right bottom no-repeat;
}

.btn input, .btn-disabled input, .btn2 input, .btn2-disabled input {
border:none;
cursor:pointer;
text-align:center;
position:relative;
color:#fff;
background:none;
font-size:14px;
font-weight:normal
width:auto;
padding:0;
margin:0;	
}

.btn-disabled, .btn2-disabled, .btn-disabled input, .btn2-disabled input {
cursor:default;
}

.btn:hover {
background-color:#3F80C0;
}

.btn2:hover {
background-color:#BA6A0A;
}


.box_title {
background:#DDD url(../images/border_dotted.gif) bottom repeat-x;
color:#F63;
font-weight:bold;
margin:0 0 5px;
padding:3px 5px
}

.hidden {
height:0;
left:0;
overflow:hidden;
position:absolute;
top:-1000px;
width:0
}

.access {
height:0;
left:0;
overflow:hidden;
position:absolute;
top:-1000px;
width:0
}

.clear {
clear:both;
height:0;
margin:0;
overflow:hidden
}

/********************************************************
* TITLE 
********************************************************/
#title {
background:#fff url(../images/banner_top.gif) top left no-repeat;
border-bottom:solid 1px #CEDCEC;
margin:0;
min-height:54px;
min-width:1000px;
padding:0;
width:100%
}

/* IE6 fixed width */
*html #title {
width:1003px
}

div#title_logo {
color:#1b2f48;
display:inline;
float:right;
font-size:8pt;
margin:18px 21px;
}

#title h1 {
color:#1B2F48;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:19px;
font-style:italic;
font-weight:normal;
margin:0;
padding:16px 21px 0 21px;
}

/********************************************************
* TOOLS
********************************************************/
#tools {
background-color:#86A4C7;
border-bottom:#49596D solid 1px;
color:#B4BFD5;
margin:0;
min-width:1000px;
padding:1px 0 3px;
text-align:right;
width:100%
}

/* IE6 fixed width */
*html #tools {
width:1003px
}

#tools ul {
margin:0;
padding:0
}

#tools ul li {
display:inline;
list-style:none
}

.link_tools {
color:#FFF;
font-size:11px;
font-weight:normal;
padding:1px 8px 2px 18px;
text-decoration:none
}

.link_tools:hover {
text-decoration:underline
}

#tools_help {
background:url(../images/icon_help.gif) no-repeat left;
border-right:1px solid #B4BFD5;
margin-right:8px;
}

#tools_credits {
background:url(../images/icon_credits.gif) no-repeat left;
border-right:1px solid #B4BFD5;
padding-left:24px;
margin-right:8px;
}

#tools_resources {
background:url(../images/icon_resources.gif) no-repeat left;
border-right:1px solid #B4BFD5;
margin-right:8px;
}

#tools_print {
background:url(../images/icon_print.gif) no-repeat left;
margin-right:15px;
padding-right:0px
}

/********************************************************
* MAIN 
********************************************************/
#main {
background:url(../images/gradient_whitebg.gif) top repeat-x;
margin:0;
min-height:25px;
min-width:1000px;
padding:0;
width:100%;
height:100%;
}

/* IE6 fixed width and height */
* html #main {
height:25px;
width:1003px
}

 
/*******************************************************
* MENU 
********************************************************/
#menu {
float:left;
margin:0;
padding:0;
width:180px;
z-index:2000;
}

* html #menu {
background:url(../images/menu_bg.gif) repeat-y left;
}

#menuContainer {
background:url(../images/gradient_greybg.gif) top right no-repeat;
margin:0;
padding-top:10px
}
ul.menuMain {
list-style-position:outside;
margin:0;
padding:5px;
vertical-align:middle
}

ul.menuMain li {
background:url(../images/border_dotted_menu.gif) bottom repeat-x;
list-style:none;
margin:0;
padding:0;
width:170px
}

ul.menuMain li a {
background:url(../images/dot_blank.gif) top left no-repeat;
color:#1B2F48;
display:block;
font-size:8pt;
font-weight:bold;
margin-left:4px;
padding:4px 2px 5px 11px;
text-decoration:none
}

ul.menuMain li.sectionPg a:visited {
background:url(../images/dot_green.gif) top left no-repeat
}

ul.menuMain li.section a {
background:url(../images/nav_arrow_right.gif) top left no-repeat;
text-decoration:none
}

ul.menuMain li.sectionSel a {
background:url(../images/nav_arrow_down.gif) top left no-repeat;
text-decoration:none
}

ul.menuMain li.section ul {
display:none
}

ul.menuMain li.sectionSel ul {
display:block
}

ul.menuMain li.sectionPgSel, ul.menuSub li.pageSel {
background-color:#1B2F48
}

ul.menuMain li.sectionPgSel a, ul.menuSub li.pageSel a {
background:url(../images/dot_blue.gif) top left no-repeat;
color:#FFF;
text-decoration:none
}

ul.menuSub {
margin:0 0 0 12px;
padding:0
}

ul.menuSub li {
background:none;
border:none;
margin:0;
padding:0;
width:155px
}

ul.menuSub li a {
margin-left:4px;
padding:3px 2px 3px 11px
}

ul.menuSub li.page a {
background:url(../images/dot_blank.gif) top left no-repeat;
font-weight:normal
}

ul.menuSub li.page span, ul.menuSub li.pageSel span {
float:right;
}

ul.menuSub li.page span img, ul.menuSub li.pageSel span img {
margin:2px 2px 0px 0px;
}

ul.menuSub li.pageSel span img {
visibility:hidden;
}


ul.menuSub li.page a:visited {
background:url(../images/dot_green.gif) top left no-repeat;
font-weight:normal
}

ul.menuSub li.pageSel a {
font-weight:normal
}

ul.menuMain li a:hover, ul.menuMain li.section a:hover, ul.menuSub li a:hover {
text-decoration:underline
}

ul.menuMain li.sectionPgSel a:hover, ul.menuSub li.pageSel a:hover {
text-decoration:none
}

#credits {
height:66px;
width:100%;
margin:0 auto;
text-align:center;
}

#credits, #credits a, #credits span {
color:#888;
font-size:8pt;
text-decoration:none
}

#credits img, #credits span {
vertical-align:middle;
display:inline;
margin:0;
padding:0
}

#credits a:hover {
text-decoration:underline
}

/********************************************************
/* CONTENT 
********************************************************/
.tab {
float:left;
min-height:485px;
padding:0;
width:810px
}

/* IE6 fixed height */
* html .tab {
height:485px;
width:800px;
}

#contentHead {
padding:10px;
width:800px
}

#contentHead h2 {
color:#666;
display:inline;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13pt;
font-weight:normal;
margin:0;
padding:0;

}

#contentHead h2.section {
background:url(../images/arrow_title.gif) center right no-repeat;
padding:0 18px 0 0
}

#contentHead h3 {
color:#1B2F48;
display:inline;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:13pt;
font-weight:normal;
margin:0;
padding:0;
}

#contentHead table {
float:right;
margin:-2px 0;
padding:0;
text-align:right;
width:auto
}

#contentHead table td {
padding:0px 0
}

#nav-prev {
min-width:85px;
}

#nav-prev span div.btn-icon {
display:inline;
background:url(../images/button_arrow_prev.gif) left no-repeat;
padding:5px 7px;
}

#nav-next span div.btn-icon {
display:inline;
background:url(../images/button_arrow_next.gif) right no-repeat;
padding:5px 7px;
}

#nav-prev-off span div.btn-icon {
display:inline;
background:url(../images/button_arrow_prev_off.gif) left no-repeat;
padding:5px 7px;
}

#nav-next-off span div.btn-icon {
display:inline;
background:url(../images/button_arrow_next_off.gif) right no-repeat;
padding:5px 7px;
}

#page-pos {
color:#666;
padding:2px;
text-align:center;
width:65px
}

.page-num {
color:#000;
font-weight:bold;
}

/********************************************************
/* TITLE SCREENS (overview, intro etc) 
********************************************************/
table.titles {
margin-bottom:8px;
}

table.titles th {
text-align:left;
padding:0;
font-size:8pt;
padding-right:5px;
}

table.titles td {
text-align:left;
padding:0;
font-size:8pt;
}

div.titles_box1, div.titles_box2 {
background-color:#E8EFF7;
border:solid 1px #CEDDED;
padding:5px;
margin:0 0 8px 0;
}

div.titles_box2 {
font-size:8pt;
}

div.titles_box1 p {
line-height:12pt;
}

div.titles_box2 p {
font-size:8pt;
line-height:10pt;
}

div.titles_box1 h4, div.titles_box2 h4 {
margin:0;
}

div.titles_box2 h4 {
font-size:8pt;
}

div.titles_box1 ul, div.titles_box2 ul {
margin:0 0 0 2px;
padding:0;
}

div.titles_box1 li, div.titles_box2 li {
border-top: solid 1px #CEDDED;
}

img.titlesimg	{
border:1px solid #BBB; 
}

/*********************************************************
ASSESSMENT
**********************************************************/
table.review_table {
border-collapse:collapse;
border-top:solid 1px #6095CB;
margin:6px 0 12px 0;
}

table.review_table td {
border-bottom:solid 1px #6095CB;
background-color:#DBE7F2;
padding:6px 12px 6px 12px;
font-weight:bold
}

table.review_table th {
border-bottom:solid 1px #6095CB;
padding:6px 6px 6px 20px;
min-width:100px;
font-weight:normal;
text-align:left;
}

table.review_table th.review0 {
background:url(../images/assess_feed0.gif) no-repeat left;
}
table.review_table th.review1 {
background:url(../images/assess_feed1.gif) no-repeat left;
}
table.review_table th.review2 {
background:url(../images/assess_feed2.gif) no-repeat left;
}

div#review fieldset {
border:solid 1px #bbb;
margin:4px 0;
}

div#review legend {
color:#bbb;
}

table.post-form {
border-collapse:collapse;
border:none;
margin:8px auto 8px auto;
}

table.post-form td {
border-bottom:solid 1px #6095CB;
border-top:solid 1px #6095CB;
background-color:#DBE7F2;
padding:6px;
}

table.post-form p.details {
color:#888;
margin:1px 0;
padding:0;
}

table.post-form th {
border:none;
padding:6px;
font-weight:bold;
width:80px;
text-align:left;
vertical-align:middle;
background-color:#DBE7F2;
border-bottom:solid 1px #6095CB;
border-top:solid 1px #6095CB;
}

table.rating-table {
border-collapse:collapse;
border:none;
width:100%
}

table.rating-table td {
border:none;
background:none;
padding:3px;
}

div#results table {
border-collapse:collapse;
border-top:solid 1px #6095CB;
margin:6px 0 12px 0;
}

div#results table th {
border-bottom:solid 1px #6095CB;
padding:4px;
font-weight:bold;
text-align:center;
color:#6095CB;
}

div#results table td {
border-bottom:solid 1px #CCDCED;
padding:4px 8px 4px 8px;
font-weight:normal;
text-align:left;
}

div#results table tr.e td {
background-color:#E2EBF5;
}

div#results table td.qr {
background-color:#DBE7F2;
width:auto;
color:#888;
text-align:center;
}

div#results table tr.e td.qr {
background-color:#D3E1EF;
}

div#results table td.qr span {
color:#000;
font-weight:bold;
}

div#results table tr.qt th {
border-top:solid 1px #6095CB;
border-bottom:none;
padding:8px;
font-weight:bold;
text-align:right;
color:#6095CB;
}

div#results table tr.qt td {
border:solid 2px #6095CB;
background-color:#CCDCED;
padding:8px;
font-weight:bold;
text-align:center;
width:auto;
}

ol.instructions {
margin:0;
padding:4px 24px;
}

ol.instructions li {
color:#000;
margin:0;
padding:3px 0px;
border:0
}

ol.instructions li span {
color:#888;
}