*, img, div, span { behavior: url(/App_Themes/Default/iepngfix.htc) }
img {
border : 0;
}
body, html {
height : 100%;
}
body {
margin : 0;
padding: 0 0 1px; 
background : #e5edee url(images/bg2.jpg) repeat-x;
font: 80% Arial, Helvetica, sans-serif;
color: #454545;
font-weight : normal;
line-height : 1.2em;
}
p#skipnav, hr {
display : none;
}
.clear {
clear : both;
font-size : 1%;
}
/* ================================== TYPE ==================================== */
p {
font-size : 1em;
line-height : 1.4em;
padding: 0;
margin: 0 0 10px 0;
font-family:Arial, Helvetica, sans-serif;
}

a {
color: #c31212;
font-weight:bold;
text-decoration: none;
}
h2 a {
font-size: .7em;
}
a:hover {
color : #f71212;
text-decoration: none;
}
#admin p a {
font-size: 1.2em;
display: inline-block;
padding: 4px 0 0;
}
h1 {
font-size : 1.7em;
line-height: 1em;

font-weight:normal;
padding: 0 0 4px 0;
margin: 10px 0 10px;
border-bottom: 2px solid #e80900;
color: #000;
}
#admin h1 {
font-size : 2.2em;
border-bottom: 3px solid #e80900;
display: inline-block;
}
h2 {
font-size : 1.5em;
font-weight:normal;
padding: 0 0 4px 0;
margin: 10px 0 4px 0;
color: #000;

}
#admin h2 {
padding: 0 0 5px 0;
margin: -6px 0 12px;
color: #616d6e;
border-bottom: 1px solid #d4dadb;
}
h3 {
font-size : 1.8em;
line-height: 1.1em;
font-weight:normal;
padding: 0 0 10px 0;
margin: 2px 0 8px;
border-bottom: 2px solid #e80900;
color: #fff;
text-align:center;
}
#admin ul {
list-style: none; 
padding: 0;

margin: 0 0 10px 0;
}
#admin li {
margin: 0 0 2px;
text-align: left;
font-size: 1.2em;
}
#admin li a, #admin fieldset ul.userReport li a {
font-weight: normal;
color: #000;
background: #f2f5f6;
border: 1px solid #c1cbce;
padding: 6px 10px;
display: inline-block;
width: 250px;
}
#admin fieldset ul.userReport li a {
width: 100%;	
}
#admin li a:hover {
color: #fff;
background: #cb191b;
border: 1px solid #a4181a;
}
#admin li a.edit { 
display: inline-block;
width: 200px;
padding: 6px 60px 6px 10px;
background: #f2f5f6 url(images/edit_button.gif) no-repeat right 0;
}
#admin li a.edit:hover { 
background: #f9fbfb url(images/edit_button.gif) no-repeat right -24px;
border: 1px solid #c1cbce;
color: #000;
}
#admin ol {
margin-left: 96px;
}
#admin ol li a {
font-weight: normal;
color: #000;
font-size: .877em;
background: #f2f5f6;
border: 1px solid #c1cbce;
padding: 0 8px;
display: inline-block;
}
#admin ol li a.edit { 
display: inline-block;
width: 380px;
padding: 6px 60px 6px 10px;
background: #f2f5f6 url(images/edit_button.gif) no-repeat right 0;
}
/* ================= CONTAINERS ================== */
#siteContainer {
margin : 8px auto;
display : table;
text-align: center;
width: 853px;
border: 2px solid #f1f1f1;
}
#pageContainer {
display: inline-block;
background: #fff;
width: 847px;
background: #f6f9f9 url(images/page_bg.jpg) repeat-x;
border: 3px solid #87969e;
}
#headerContainer {
height: 86px;
width: 845px;
position: relative;
border-left: 1px solid #ecefef;
border-right: 1px solid #ecefef;
}
#admin #headerContainer {
height: 135px;
}
#contentContainer {
min-height: 470px;
text-align: center;
padding: 0 40px 18px;
border-left: 1px solid #ecefef;
border-right: 1px solid #ecefef;
}
.loginContainer {
margin-left: 190px;
}
/* ================================== HEADER ==================================== */
.header {
position: relative;
}
.logo {
position: absolute;
top: 8px;
left: 16px;
width: 320px;
height: 68px;
background: url(images/TCBB_logo.png) no-repeat;
}
#Login {
position: absolute;
right: 8px;
top: 6px;
}
.Menu {
position: absolute;
right: 8px;
top: 25px;
}
.returnLink {
position: absolute;
right: 8px;
top: 27px;
}
.headlineText {
font-family: Georgia, "Times New Roman", Times, serif;
position: absolute;
top: 38px;
right: 18px;
height: 14px;
color: #fff;
text-align: right;
font-size: 1.2em;
line-height: 1.4em;
}

/* ================================ FORMS ====================================== */

.ajax__tab_panel label {
font:.9em/1em Arial, Helvetica, sans-serif;
font-weight: bold;
}

input, textarea, select {font:1em/1em Arial, Helvetica, sans-serif; padding:1px 0 0; overflow:hidden; border: none; background: none;}
select {padding: 0; font-size: .9em;}
fieldset.action {background:#9da2a6; border-color:#e5e5e5 #797c80 #797c80 #e5e5e5; margin-top:-20px;}
legend {background:#bfbf30; color:#fff; font:17px/21px Arial, Helvetica, sans-serif; padding:0 10px; margin:-26px 0 0 -11px; font-weight:bold; border:1px solid #fff; border-color:#e5e5c3 #505014 #505014 #455156;}
label {font:.95em/1em Arial, Helvetica, sans-serif; font-weight:bold; color: #68757b; vertical-align: top; display: inline-block;height: 16px; padding: 4px 0 0 0 }
label.opt {font-weight:normal;}
dl {clear:both;}
dt {float:left; text-align:right; width:120px; line-height:1.77em; margin:0 6px 4px 0;}
dd {float:left; display: inline-block; margin:0 0 8px 0; }
li.reg dt {width: 105px !important;}
ul li dd {width: 235px;}
li.reg dd {width: 250px !important;}
.bb dt {margin: -4px 6px 15px 0;}
.bb dd {margin: -4px 0 15px 0;}

.bb label {color: #8d979c; vertical-align: top;}

label b {
font-size: 1.2em;
padding: 0 8px;
background: #e6eaeb;
border: 1px solid #d7dddf;
display: inline-block;
width: 65px;
}

fieldset fieldset {
background: #f4f7f8;
border: 1px solid #dddfe2;

}
.report, fieldset {
border: 1px solid #d1d5da;
padding: 18px 15px 10px;
margin: 0 0 10px;
background: #f9fbfc url(images/fieldset_bg.gif) repeat-x;
text-align: left;
position: relative;
}
.AdminQuestionsCollection fieldset {
width: 690px;
}

#admin fieldset ul {
list-style: none; 
display: inline-block;
width: 735px;
padding: 0;
margin: 0 0 4px 0;
}

#admin .ajax__tab_panel fieldset ul {
width: 700px;
} 

#admin fieldset ul li {
margin: 0;
text-align: inherit;
font-size: 1em;
float:left;
width: 367px;
}
#admin fieldset ul.userReport li {
width: 97%;
margin-bottom: -1px;
}
fieldset a, #admin fieldset ul li a {
color: #c31212;
background: none;
border: none;
padding: 0;
display: inline;
margin: 0;
text-decoration: underline;
}
fieldset a:hover, #admin fieldset ul li a:hover {
color : #f71212;
background: none;
border: none;
text-decoration: underline;
}



button a {color: #fff;background: none; border: none;}
button a:hover {color: #fff;background: none; border: none;}

.ml {margin-left: 236px;}
.small {font-size: .8em; line-height:1.3em; display: block;}

.center {
margin-left: 247px;
}

.paging {text-align: left; display: block;}
#admin .report table, #admin table {
margin: 0 0 10px;
border: 1px solid #d1d5da;
border-bottom: none;
font-size: .9em;
font-weight:bold; 
color: #5f6d74;
text-align: left;
width: 100%;
}
#admin .report table tr, #admin table tr {
border-bottom: 1px solid #d1d5da;
}
#admin .report table tr td, #admin table tr td {
padding: 5px 10px;
border-bottom: 1px solid #d1d5da;
}
#admin .report table tr td, #admin table tr {
background: #e6ebed;
}
#admin .report table .odd, #admin table .odd {
background: #f5f8f9;
}
#admin fieldset table tr td a {
font-size: .877em;
padding: 2px 3px 3px;
}
.report {
left: 5px;
width: 747px;
padding: 8px 8px 0;
font-size: .95em;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: normal;
}
.report th {
background: #646f74;
color: #eaf0f3;
padding: 3px 5px;
font-size: .9em;
}
#admin .question, #admin .question2 {
background: #e6ebed;
border: 1px solid #d1d5da;
border-top: none;
border-bottom: none;
text-align: left;
font-size: .9em;
color: #5f6d74;
vertical-align:middle;
padding: 3px 5px;
height: 32px;
}
#admin .question2 {
background: #f5f8f9;
border-top: 1px solid #d1d5da;
border-bottom: 1px solid #d1d5da;

}
#admin .questiontext {
font-weight: bold;
}
#admin .questionlinks {
float: right;
display: inline-block;
width: 70px;
text-align: left;
}
.errormsg {
font-weight: bold;
color: #990000;
padding: 4px 6px;
display: inline-block;
}


/*Text inputs*/
.NFText {border:none; vertical-align:middle; font:12px/15px Arial, Helvetica, sans-serif; background:none;}
.NFTextCenter {height:15px; background:url(images/forms/input.png) repeat-x 0 0; padding:3px 0; margin:0; float:left; line-height:15px;}
.NFTextLeft, .NFTextRight {width:7px; height:21px; vertical-align:middle; float:left;}
.NFTextLeft {background:url(images/forms/input-left.png) no-repeat 0 0;}
.NFTextRight {background:url(images/forms/input-right.png) no-repeat 0 0;}
/*Radio*/
.NFRadio {cursor:pointer; display:inline-block; float: left; width:13px; height:13px; margin: 10px 0 0 0; border:1px solid transparent; background:url(images/forms/radio.png) no-repeat 0 0; z-index:2;}
#admin .NFRadio {margin-top: 2px;}
/*Checkbox*/
.NFCheck {cursor:pointer; margin: 2px 0 0 0; width:12px; height:12px; border:1px solid transparent; background:url(images/forms/checkbox.png) no-repeat 0 0; z-index:2;}
/*Buttons*/
.NFButton {width:auto; height:26px; color:#fff; padding:0 2px; background:url(images/forms/button.png) repeat-x 0 0; cursor:pointer; border:none; font:10px/26px Tahoma, Arial, Helvetica, sans-serif; font-weight:bold; text-transform:uppercase; letter-spacing:1px; vertical-align:middle;}
.NFButtonLeft, .NFButtonRight {width:6px; height:26px; vertical-align:middle;}
.NFButtonLeft {background:url(images/forms/button-left.png) no-repeat 0 0;}
.NFButtonRight {background:url(images/forms/button-right.png) no-repeat 0 0;}
/*Textareas*/
.NFTextarea {border:none; background:none; font:12px/12px Arial, Helvetica, sans-serif; margin:0;}
.NFTextareaTop, .NFTextareaBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFTextareaTop {background:url(images/forms/textarea-tr.png) no-repeat 100% 0;}
.NFTextareaBottom {background:url(images/forms/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFTextareaTopLeft, .NFTextareaBottomLeft {width:5px; height:5px;}
.NFTextareaTopLeft {background:#f2f2e6 url(images/forms/textarea-tl.png) no-repeat 0 0;}
.NFTextareaBottomLeft {background:#f2f2e6 url(images/forms/textarea-bl.png) no-repeat 0 0;}
.NFTextareaLeft, .NFTextareaRight, .NFTextareaLeftH, .NFTextareaRightH {float:left; padding-bottom:5px;}
.NFTextareaLeft, .NFTextareaLeftH {width:5px;}
.NFTextareaLeft {background:url(images/forms/textarea-l-off.png) repeat-y 0 0;}
.NFTextareaLeftH {background:url(images/forms/textarea-l-over.png) repeat-y 0 0;}
.NFTextareaRight, .NFTextareaRightH {padding-right:5px; padding-bottom:0;}
.NFTextareaRight {background:url(images/forms/textarea-r-off.png) repeat-y 100% 0;}
.NFTextareaRightH {background:url(images/forms/textarea-r-over.png) repeat-y 100% 100%;}
/*Files*/
.NFFileButton {padding-bottom:0; vertical-align:bottom; cursor:pointer; background:url(images/forms/file.png) no-repeat 0 0; width:60px; height:21px;}
.NFFile {position:relative; margin-bottom:5px;}
.NFFile input.NFhidden {position:relative; filter:alpha(opacity=0); opacity:0; z-index:2; cursor:pointer; text-align:left;}
.NFFileNew {position:absolute; top:0px; left:0px; z-index:1;}
/*Selects*/
.NFSelect {height:21px; position:absolute; border:1px solid transparent;}
.NFSelectLeft {float:left; width:3px; height:21px; background:url(images/forms/select-left.png) no-repeat 0 0; vertical-align:middle;}
.NFSelectRight {height:21px; width:auto; background:url(images/forms/select-right.png) no-repeat 100% 0; cursor:pointer; font:12px/21px Arial, Helvetica, sans-serif; color:#fff; padding-left:3px; margin-left:3px;}
.NFSelectTarget {position:absolute; background:none; margin-left:-13px; margin-top:18px; z-index:3; left:0; top:0; padding-bottom:13px;}
.NFSelectOptions {position:relative; background:#707175; margin-left:16px; margin-top:0; list-style:none; padding:4px 0; color:#fff; font:11px/13px Arial, Helvetica, sans-serif; z-index:4; max-height:200px; overflow-y:auto; overflow-x:hidden; left:0; top:0;}
.NFSelectOptions li {padding-bottom:1px;}
.NFSelectOptions a {display:block; text-decoration:none; color:#fff; padding:2px 3px; background:none;}
.NFSelectOptions a.NFOptionActive {background:#464646;}
.NFSelectOptions a:hover {background:#333;}
/*Multiple Selects*/
.NFMultiSelect {border:0; background:none; margin:0;}
.NFMultiSelectTop, .NFMultiSelectBottom {height:5px; clear:both; float:none; padding-right:10px;}
.NFMultiSelectTop {background:url(images/forms/textarea-tr.png) no-repeat 100% 0;}
.NFMultiSelectBottom {background:url(images/forms/textarea-br.png) no-repeat 100% 0; margin-bottom:5px;}
.NFMultiSelectTopLeft, .NFMultiSelectBottomLeft {width:5px; height:5px;}
.NFMultiSelectTopLeft {background:#f2f2e6 url(images/forms/textarea-tl.png) no-repeat 0 0;}
.NFMultiSelectBottomLeft {background:#f2f2e6 url(images/forms/textarea-bl.png) no-repeat 0 0;}
.NFMultiSelectLeft, .NFMultiSelectRight, .NFMultiSelectLeftH, .NFMultiSelectRightH {float:left; padding-bottom:5px;}
.NFMultiSelectLeft, .NFMultiSelectLeftH {width:5px;}
.NFMultiSelectLeft {background:url(images/forms/textarea-l-off.png) repeat-y 0 0;}
.NFMultiSelectLeftH {background:url(images/forms/textarea-l-over.png) repeat-y 0 0;}
.NFMultiSelectRight, .NFMultiSelectRightH {padding-right:5px; padding-bottom:0;}
.NFMultiSelectRight {background:url(images/forms/textarea-r-off.png) repeat-y 100% 0;}
.NFMultiSelectRightH {background:url(images/forms/textarea-r-over.png) repeat-y 100% 0;}

/*Focused*/
.NFfocused {border:1px dotted #666;}
/*Hovered*/
.NFh {background-position:0 100%;}
.NFhr {background-position:100% 100%;}
/*Hidden*/
.NFhidden {opacity:0; z-index:-1; position:relative;}
/*Safari*/
select, input, textarea, button {outline:none; resize:none;}



.fl {float: left}
.fr {float: right;}
.txtleft {text-align: left;}

/* ============================= TUTORIAL STYLES ================================ */
#tutorialHeader {
width: 823px;
height: 86px;
background: url(images/tutorial_header.gif) no-repeat;
position: relative;
margin: 0 0 0 -29px;
}
.previousPage {
position: absolute;
left: 20px;
top: 30px;
font-size: 1.5em;
}
.nextPage {
position: absolute;
right: 20px;
top: 30px;
font-size: 1.5em;
cursor: pointer;
z-index: 2;
}
.takeTest {
position: absolute;
z-index: 100;
right: 20px;
top: 30px;
font-size: 1.5em;
}
.takeTest a {
color: #fff;
background: #bb1b1b;
border: 2px solid #7d1515;
display: inline-block;
text-align: right;

width: 120px;
text-align: center;
padding: 6px 8px;
border: none;
font-size: .9em;
line-height: 1em;
}
.nextPage a {
color: #5b6061;
background: url(images/next_page.gif) bottom right no-repeat;
display: inline-block;
text-align: right;
height: 24px;
width: 100px;
padding: 7px 35px 0 0;
border: none;
}
.nextPage a.disabled {
background: none;
display: none;
}
.nextPage a:hover {
color: #c12525;
cursor: pointer;
background: url(images/next_page.gif) bottom right no-repeat;
border: none;
}
.nextPage a.disabled:hover {
color: #5b6061;
cursor: text;
background: none;
display: none;
}
.previousPage a {
color: #5b6061;
cursor: pointer;
display: inline-block;
font-weight: normal;
text-align: left;
height: 24px;
width: 100px;
padding: 7px 0 0 35px;
background: url(images/prev_page.gif) bottom left no-repeat;
}
.previousPage a.disabled {
color: #5b6061;
cursor: default;
background: url(images/next_page_disabled.gif) bottom left no-repeat;
}
.previousPage a.disabled:hover {
color: #5b6061;
cursor: default;
background: url(images/next_page_disabled.gif) bottom left no-repeat;
}
.previousPage a:hover {
color: #c12525;
background: url(images/prev_page.gif) bottom left no-repeat;
}
.currentPage {
position: absolute;
text-align: center;
color: #fff;
width: 359px;
height: 37px;
left: 232px;
top: 22px;
font-size: 2em;
line-height: 1.2em;
padding: 13px 0 0;
}
#tutorialContainer {
width: 823px;
background: url(images/tut_container_bg.gif) repeat-y;
margin: 0 0 0 -29px;
position: relative;
}
#tutorialContainer .bot {
width: 823px;
height: 15px;
background: url(images/tut_container_bot.gif) repeat-y
}
#tutorialContent {
padding: 15px 35px;
background: url(images/tut_content_bg.jpg) no-repeat;
min-height: 373px;
font-size: 1.25em;
line-height: 1.4em;
text-align: left;
color: #3b3e3f;
}
#tutorialContent .box {
background: url(images/tut_box_bg.png);
border: 1px solid #fff;
padding: 15px;
width: 723px;
overflow: hidden;
}
#tutorialContent ol {
margin-left: 22px;
line-height: .9em;
display: inline-block;
}
#tutorialContent ol li {
font-weight: bold;
line-height: 1em;
margin: 0 0 12px;
}
#tutorialContent ul {
line-height: .9em;
list-style: none;
display: inline-block;
}
#tutorialContent ul li {
font-weight: bold;
padding-left: 19px;
background: url(images/tut_bullet.gif) no-repeat;
line-height: 1em;
margin: 0 0 12px;
}
#tutorialContent b, #tutorialContent p {
color: #000;
}
.tutImg {
border: 2px solid #fff !important;
margin: 0 12px 10px 0;
float: left;
}
#tutorialHeader .small {margin-top: -18px;}
#tutorialContent table {
min-width: 650px;
}
#tutorialContent table {
margin-left: 100px;
}
#tutorialContent label {
font-size: 1.3em;
line-height: 1em;
font-weight:normal;
background: url(images/tut_box_bg.png);
border: 1px solid #fff;
color: #000;
display: inline-block;
padding: 6px 10px;
margin: 2px 0 2px -8px;
width: 450px;
height: auto;
cursor: pointer;
}
.red {color: #990000;}
.green {color: #006600;}

#certification {
border: 2px solid #999;
padding: 20px;
background: #fff;
}
#certification p {
margin: 2px 0 0 0;
font-size: 1.2em;
}
#certification h1 {
margin-bottom: 2px;
padding-bottom: 2px;
font-size: 2.1em;
}
#certification h2 {
font-size: 2em;
}
.smalltext {
font-size: .6em;
font-style: italic;
}
.notice {
background: #f2f6f9;
border: 1px solid #d7dde2;
padding: 6px 10px;
margin: 0 0 0 8px;
float: left;
color: #545c63;
display: inline-block;
width: 504px;
position: absolute;
right: 30px;
top: 0;
}
.dateFields {
display: inline-block;
float: left;
margin-right: 3px;
}