/*
div {
border: 1px dashed black;
padding: 5px;
}
*/

* {
position: relative;
padding: 0;
margin: 0;
}

body {
height: 100%;
}

html {
height: auto;
}

body,html {
position: static;
width: 100%;
color: #333;
background:#efefef;
font-family: lucida, verdana, lucida, arial, sans-serif;
font-size: 90%;
}

pre {
font-size: 90%;
}

img {
border: none;
}

a {
color: #1f77cf; /*#827d7d;*/
}
p {
padding: 0.5em 0;
}
ul {
padding: 1em 2em;
}

h1,h2,h3,h4 {
font-weight: normal;
clear:none;
margin: 0.5em 0 0 0;
}
h1,h2 {
font-weight: bold;
padding: 0.5em 0;
}
h1 {
font-size: 130%;
}
h2 {
font-size: 100%;
color: #caa659;
padding: 1em 0 0.25em 0;
/*color: #2b5eff;*/
}
h3 {
font-size: 90%;
font-style: italic;
color: #c7a45a;
/*color: #2b5eff*/
}

table,tr,td,ul,li {
font-size: 100%;
}

table {
/*border-top: 1px solid #bbb;*/
padding: 1em 0;
margin: 1em auto 1em auto;
}

td {
padding: 0.25em;
}
td.label {
text-align: right;
padding-right: 1em;
}
th {
padding: 0 1em;
font-weight: bold;
border-bottom: 1px solid #827d7d;
}
th b {
font-size: 110%;
color: #caa659;
}
td div.annot {
font-size: 80%;
color: #827d7d;
}

div#page {
border: 1px solid #827d7d;
border-style: none solid solid solid;
position: relative;
margin: 0 0 0 -375px;
width: 800px;
height: 100%;
left: 50%;
z-index: 10;
}

div#qa {
padding: 1em 0;
font-size:  80%;
}
div#qa p.q {
font-weight: bold;
padding: 0.75em 0 0.25em 0 ;
margin:0;
}
div#qa p.a {
text-indent: 1em;
padding:0;
margin:0;
}

div#topbar {
text-align: right;
padding: 0 0.25em 0 0;
}
div#sublogobar {
background: #4750a0;
text-align:left;
padding: 0.2em 1em;
color: white;
font-size: 90%;
}
div#logobar {
padding-bottom: 0em;
background: #e5e5e5;/*#4750a0;*/
text-align: center;
}

div#leftpanel {
margin-right: 290px;
/* margin-left: 9px; */
padding: 2em 1em 2em 2em;
border-right: 1px solid #827d7d;
/*border-top: 1px solid #827d7d;*/
background: #fff url(/bacrearray/img/flow-01.png);
background-position: 0 0;
background-repeat: no-repeat;
}

div#rightpanel {
float: right;
padding: 1em 1em 1em 0.25em;
width: 250px;
}
div#rightpanel h2 {
clear: both;
/*padding: 0;*/
/*margin-bottom: 1em;*/
color: #caa659;
}
div#rightpanel h1 {
font-size: 110%;
clear: both;
border-bottom: 1px solid black;
padding: 0.5em 0 0 0;
color: #000;
}
div#rightpanel table {
width: 100%;
padding: 0;
margin: 0 0 2em 0;
font-size: 90%;
border: none;
}
div#rightpanel table td {
padding: 0.3em;
margin: 0;
}
div#rightpanel table td.footer {
margin-bottom: -0.25em; 
padding-bottom: 1em;
font-size: 80%; 
border-bottom: 1px solid #aaa;
text-align:right;
}
div#rightpanel table th {
background: #ffd273;
color: black;
font-style: bold;
margin: 0;
padding: 0.1em;
}
div#crumb {
text-align: right;
border-bottom: 1px solid #827d7d;
padding: 0.75em 0.25em 0.5em;
padding-right: 1em;
font-size: 80%;
}

div#menubar {
position: absolute;
left: -100px;
width: 100px;
text-align: center;
top: 150px;
font-size: 80%;
}

div#menubar a {
display: block;
background: #fff url(/bacrearray/img/menufade.png) top right repeat-y;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
color: #000;
text-decoration: none;
padding: 0.5em 0 0.5em 0;
}
div#menubar a:hover {
background: #ffd273;
}

div#page {
background: #fff url(/bacrearray/img/flow-01.png);
background-position: 0 200px;
background-repeat: no-repeat;

}

div#menubar .tab {
display: block;
border-top: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
color: #000;
background: #ffd273;
text-decoration: none;
padding: 0.5em 0 0.5em 0;
z-index: 15;
}

div#submenubar {
background: #ffd273 url(/bacrearray/img/submenufade.png) top right repeat-y;
border-right: 1px solid #827d7d;
border-left: 9px solid #ffd273;
color: #000;
font-size: 80%;
padding: 0.3em 1em;
width: 479px;
text-align: right;
}

div#submenubar a {
color: #000;
text-decoration: none;
padding: 0 .75em;
}
div#submenubar .tab {
color: #000;
padding: 0 .75em;
padding-bottom: 3px;
border-bottom: 4px solid #000;
font-weight: bold;
}
div#submenubar .tabone {
color: #000;
padding: 0 .75em;
font-weight: bold;
padding-bottom: 3px;
border-bottom: 4px solid #000;
}

div#footer {
margin-top: 0.25em;
padding-bottom: 1em;
color: #999;
text-align: center;
font-size: 80%;
}

table.search {
border: 1px solid #aaa;
padding: 1.5em 1em 0.5em 1em;
}
table.search td {
padding: 0.5em 0;
}

table.search td.label {
text-align: right;
padding: 0 1em;
}
table.search th.bar {
background: #1e87ff;
color: #fff;
font-size: 80%;
padding: 0.2em;
}
table.search td.button {
padding: 1.5em 0 1em 0;
}

.blue {
background: #1e87ff;
color: #fff;
}
.lblue {
background: #68b5ff;
color: #000;
}
.orange {
background: #ffd273;
}
.grey {
background: #e8e8e8;
}
.bordered {
border: 1px solid #827d7d;
}