* { margin: 0; padding: 0; }

body {
margin-left: 20px;
height: 100%;
width: 990px;
color: #000;
background: #fff;
}

body, input.button {
font-family: Verdana, Arial, Tahoma, sans-serif;
font-size: small;
}

h1, h2, p {
margin: 0.7em 0;
}

h1 {
font-family: Arial, Tahoma, sans-serif;
font-size: large;
font-weight: bold;
letter-spacing: 0.15em;
padding: 1.5em 0 1em;

/* color: #ccc; */
}

h2 {
font-size: small;
font-weight: bold;
padding: 0.2em 0.4em;
background-color: #E7EFFF;	
color: #333;
border: 1px solid #ccc; 
}

h3 {
font-size: small;
font-weight: normal;
padding: 4px;
background-color: #D8EED0;	
color: #333;
border: 1px solid #ccc; 
}


a:link		{ color: #333; text-decoration: underline; }
a:visited	{ color: #333; }
a:hover		{ color: #000; background: #E7EFFF; }
a:active		{ color: #000; }

img { border: 0; }
.imgb { border: 1px solid #ccc; padding: 3px; }
.imgth { width: 100px; height: 70px; }
.imgthl { width: 200px; height: 140px; }

ul, ol {
margin-left: 1.5em; 
}

li {
padding-bottom: 0.3em;
}

ol li {
list-style: decimal;
margin-left: 1em;
}


ul li {
list-style: square;
list-style-image: url(/images/bullet.gif);
}

ul li.inside {
list-style: square;
list-style-image: url(/images/bullet.gif);
list-style-position: inside;
}

.f_home { border: 1px solid #ccc; background: #f7f7f7; padding: 1em; margin-right: 1em; }
.f_QI { border: 1px solid #ccc; background: #f7f7f7; padding: 2px; margin-right: 2px; }

/* fieldset { clear: both; border: 1px solid #ccc; background: #E7EFFF; padding: 2px; margin-top: 8px; } */
fieldset { clear: both; border: 1px solid #ccc; background: #f3f4f5; padding: 2px; margin-top: 8px; }

label { display: block; padding-top: 5px; color: #666; font-size: small; }
label.in { display: inline; padding-left: 0.3em; }
label.s_post { padding-right: 0.3em; }

fieldset label { padding-top: 2px; }

select { width: 200px; }
select.short { width: 120px; }

.border  {
background-color: transparent;
border: none;
border-bottom: 1px #ccc solid;
color: #000;
margin-top: 0;
text-align: left;
}

.button {
font-weight: bold;
background-color: #fae5da;
color: #333;
padding: 0.2em 1em;
text-decoration: none;
border: 1px solid #ccc; 
width: 180px;
}

.button:link {
text-decoration: none;
}

.blockm {
display: block;
margin-top: 0.3em;
}

.alignc { text-align: center; }
.alignl { text-align: left; }
.alignr { text-align: right; }

.valignt { vertical-align: top; }
.valignb { vertical-align: bottom; }

.wfull { width: 100%; }
.w90 { width: 90%; }
.w95 { width: 95%; }
.w80 { width: 80%; }
.w50 { width: 50%; }
.w33 { width: 33%; }
.w25 { width: 25%; }
.w10 { width: 10%; }

.wshort { width: 100px; }
.wvshort { width: 40px; }
.wlong { width: 240px; }
.wsearch { width: 200px; }

.padded { padding: 5px; }
.pad3 { padding: 3px; }
.margintb { margin: 0.7em 0; }

.margint { margin-top: 1em;}

.prominent { font-weight: bold; }

.inactive { color: #999; }
.act { color: #000; }
.required { color: #ce6563; font-weight: bold; }
.noborder { border: none; }
.selected { background: #e5f6de ; }
.important { color:red; }
.selectedData { color:red; }
.noticed { color: #ffa500; }
.important1 { color:red; font-size: medium; }
.italics { font-style:italic; }

a.inactive, a.inactive:link, a.inactive:visited, a.inactive:hover {
color: #999;
}

.bborder_l { border-left: 2px solid #ccc; }

hr { height: 1px; background: #ccc; border: 1px solid #ccc; }
hr.dash { height: 1px; background: #ccc; border: 1px dashed #ccc; }

table { font-size: small; padding: 1px; border: 1px solid #ddd; border-collapse: collapse; empty-cells: show; }
table.noborder, table.noborder td { border: none; }

table.tlarge { font-size: medium; padding: 5px;}

table.thumb {
table-layout: fixed; 
width: 742px;
}

td { border: 1px solid #ddd; padding: 1px; vertical-align: top; }

/*
th { border: 1px solid #ddd; padding: 1px; background: #d6dbe7; }
.search1 { background: #eef1f2;  }
*/

th { color: #333; font-size: small; font-weight: bold; border: 1px solid #ddd; padding: 1px; background: #f3f4f5; }
.search1 { background-color: #e5f6de; }
.search2 { background: #fff; }

.search3 { background-color: #d8eed0;  }
.search4 { background-color: #e5f6de; }

.search5 { background-color: #f3f4f5;  }
.search6 { background-color: #fff; }


.searchDup { background: #d8eed0; }
.searchft { border-top: 2px dashed #ccc; }

#splashScreen {
position: absolute; z-index:5; top:240px; left:360px; 
width: 240px; height: 100px; 
background-color: #fbf8f1;
border: 1px solid #ccc;
padding: 20px;
text-align: center;
}

.warning { 
background-color:  #f03; 
color: #fff; 
padding: 0.2em 1em;
text-decoration: none;
border: 1px solid #ccc; 
}

.mark { 
padding: 0.2em 0.4em;
text-decoration: none;
border: 1px solid #ccc; 
}

.markU { 
background-color:  #eee; 
}

.markA { 
background-color:  #e5f6de; 
}

.markR { 
background-color:  #f03; 
color: #fff; 
}

.markQ { 
background-color:  #f3efca; 
}

.markFail { 
background-color: #f00; 
color: #fff; 
padding: 0.2em 1em;
}

.markPass { 
background-color: #063; 
color: #fff; 
padding: 0.2em 1em;
}


.a-right { float: right; }

#printnav { text-align: right; }

#topb { display:inline; float: right; height: 2em; }

#main {
width: 100%;
}

#header {
width: 100%;
}

#half { width: 40%; height: 100%; float: left; margin: 0 1em;}
#full { width: 95%; height: 100%; float: left; margin: 1.5em 0.5em; }

#nav {
width: 210px;
height: 100%;
float: left;
/* border-right: 1px dashed #ccc; */
padding: 30px 5px;
vertical-align: top;
}

#nav_w {
width: 280px;
height: 100%;
float: left;
border-right: 1px dashed #ccc;
padding: 30px 5px;
vertical-align: top;
}

#nav_r {
width: 230px;
height: 100%;
float: left;
padding: 0;
vertical-align: top;
}

#contents {
width: 750px;
height: 100%;
float: left;
padding: 5px;
vertical-align: top;
padding-bottom: 4em;
border-left: 1px dashed #ccc;
}

#contentsOnly {
width: 750px;
height: 100%;
float: left;
padding: 2em;
vertical-align: top;
padding-bottom: 4em;
}

#contentsNarrow {
width: 680px;
height: 100%;
float: left;
padding: 5px;
vertical-align: top;
border-left: 1px dashed #ccc;
}

#contentsFull {
width: 100%;
height: 100%;
padding: 5px;
vertical-align: top;
padding-bottom: 4em;
}

#footer {
clear: both;
text-align: center;
width: 100%;
border-top: 1px solid #ccc;
padding: 0.7em 0;
}

#navcontainer {
clear: both;
width: 100%;
margin-top: 1em;
padding: 0.2em;
background-color: #DFE7F7; 
border: 1px solid #ccc; 
border-bottom: none;
}

#navsubcontainer {
clear: both;
width: 100%;
margin: 0;
padding: 0.2em;
background-color: #d8eed0; 
border: 1px solid #ccc; 
}

.buttonT, .buttonTAct, .buttonB, .buttonBAct { 
font-weight: bold;
color: #333;
padding: 0.2em 1.5em;
text-decoration: none;
}

a.buttonT, a.buttonTAct, a.buttonB, a.buttonBAct { 
text-decoration: none;
}

.buttonT {
background-color: #e7efff;
}

.buttonTAct {
background-color: #fae5da;
}

.buttonB {
background-color: #e5f6de; 
}

.buttonBAct {
background-color: #fae5da;
}