html {
overflow-y: scroll;
}

html, body {
background-image: url(../gfx/main-bg.jpg);
background-repeat: repeat-x;
color: #002863;
font: 11px verdana, arial, sans-serif;
}

div.container {
position: relative;
#background-color: #ffffff;
color: #002863;
}

img {
border: none;
}

strong {
color: #31568c;
font-weight: 600;
}

h2 {
font-size: 11px;
margin: 0px;
padding-top: 3px;
}

select {
border: 1px solid #7f9db9;
}

div.topbar {
background-image: url(../gfx/bg.jpg);
color: #ffffff;
height: 100px;
width: 100%;
border-bottom: 3px solid #5272ab;
}

div.topbar #logo {
position: absolute;
top: 12px;
left: 20px;
}

div.topbar #topmenu {
position: absolute;
top: 79px;
left: 250px;
}

div.searchbar {
border-top: 3px solid #9bb3e0;
}

#logo {
position: relative;
left: 39px;
top: 28px;
}

div.topmenu {
position: relative;
left: 240px;
width: 370px;
top: 13px;
text-align: right;
border-top: 1px solid #335382;
height: 25px;
}

div.topmenu a {
color: #ffffff;
font: bold 11px verdana, arial, sans-serif;
padding-left: 41px;
text-transform: uppercase;
}

div.bluebox {
height: 59px;
#background-color: inherit;
position: absolute;
right: 19px;
top: 14px;
}

div.searchBox {
padding-top: 1.5ex;
padding-bottom: 1.5ex;
#background-color: #dfebfd;
color: #31568c;
font-weight: bold;
line-height: 0px;
}

input.searchBtn {
    background-color: #5272ab;
    border-top: 2px solid #698fcb;
    border-bottom: 2px solid #305070;
    border-left: 2px solid #698fcb;
    border-right: 2px solid #305070;
    width: 7em;
    color: #FFFFFF;
    font-weight: bold;
    vertical-align: top;
    margin-left: 8px;
    cursor: pointer;
}

table.advancedTable {
   margin-top: 1ex;
}

table.advancedTable tr td {
   padding-left: 1em;
   padding-right: 1em;
}

input.search {
background-color: #ffffff;
color: #000000;
border: 2px solid #a5acb2;
width: 370px;
}

input.search[disabled] {
    background-color: #dfdfdf;
    color: #a39c8c;
}

input.advSearch {
background-color: #ffffff;
color: #000000;
border: 1px solid #a5acb2;
height: 2ex;
line-height: 17px;
width: 280px;
margin-top: 5px;
}

div.main {
width: 100%;
#background-color: #ffffff;
color: #002863;
padding-top: 2ex;
float:left;
}

div.clear {
clear: both;
}

div.leftbar {
float: left;
#background-color: #dfebfd;
width: 25%;
height: 100%;
margin-bottom: 10px;
margin-left: 0px;
margin-right: 0px;
padding-bottom: 20px;
color: #000000;
}

div.head {
width: 100%;
height: 4.5ex;
background-color: #c1cbd9;
font-size: 11px;
color: #002863;
}

div.margin {
padding-left: 6px;
padding-top: 2px;
padding-right: 1px;
}

div.test {
   float: left;
   width: 200px;
}

div.content {
float: right;
width: 73%;
background-color: #ffffff;
color: #002863;
padding-left: 0px;
margin-right: 0px;
}

div.motd {
float: right;
}


input.button {
color: #ffffff;
font: bold 11px verdana;
vertical-align: top;
margin-left: 8px;
}

div.search a {
margin-left: 30px;
color: #31568c;
text-decoration: underline;
font-weight: normal;
line-height: 15px;
}

a {
cursor: pointer;
color: #31568c;
text-decoration: none;
}

a:visited {
color: #a0689d;
}

a:hover {
text-decoration: underline;
}

div.clear {
clear: both;
}

div.resultNum {
width: 4em;
float: left;
line-height: 20px;
margin-bottom: 10px;
text-indent: 10px;
font-size: 10px;
font-weight: bold;
clear: both;
}

div.record {
font-size: 12px;
float: left;
width: 88%;
margin-bottom: 10px;
line-height: 20px;
}

div.record a.recTitle{
font-weight: bold;    
}

div.record a.recAuthor{
font-style: italic;
}

a.close {
float: left;
padding: 5px;
width: 18px;
height: 20px;
border: 1px solid #aec0db;
border-left: 0px;
text-align: center;
margin-top: -6px;
}

a.close img {
margin-top: 6px;
}

div.records {
    margin-top: 10px;
}

div.records a.select {
float: left;
font-weight: bold;
line-height: 20px;
padding: 5px;
border: 1px solid #aec0db;
}

div.detail {
width: 89%;
border-top: 1px solid #aec0db;
border-bottom: 1px solid #aec0db;
padding: 5px 5px 5px 10px;
background-color: #e1e5ec;
float: left;
clear: left;
}

div.results {
float: left;
color: #002863;
background-color: #e1e5ec;
padding-left: 10px;
padding-right: 20px;
padding-top: 5px;

line-height: 25px;
margin-bottom: 12px;
}

div.bottom {
float: left;
color: #000000;
width: 100%;
background-color: #e1e5ec;
line-height: 28px;
}

div#breadcrumb {
border-bottom: 1px solid #e1e5ec;
float: left;
background-color: #f6f6f9;
padding-left: 0px;
padding-right: 0px;
margin-bottom: 10px;
width: 100%;
line-height: 28px;
}

div#breadcrumb span{
margin-right: 1px;
margin-left: 5px;
}

div#breadcrumb a:hover {
text-decoration: line-through;
}

strong#filter{
margin-right: -5px;
margin-left: 5px;
}

table {
padding: 0px;
margin: 0px;
border-collapse: collapse;
}

td {
color: #000000;
}

td.item {
vertical-align: top;
color: #31568c;
}

div.detail a {
background: none;
padding: 0px;
margin: 0px;
}

div.showing {
padding-top: 3px;
float: left;
margin-left: 5px;

}

div.pages {
float: left;
padding-left: 10px;
}

div.pages a.page, div.pages a.select  {
text-decoration: underline;
padding-left: 2px;
padding-right: 2px;
}

div.pages a.select {
text-decoration: none;
font-weight: bold;
}

a.previous_inactive {
background-image: url(../gfx/previous_inactive.gif);
color: #757575;
}

a.previous_active {
background-image: url(../gfx/previous_active.gif);
}

a.next_inactive {
background-image: url(../gfx/next_inactive.gif);
color: #757575;
}

a.next_active {
background-image: url(../gfx/next_active.gif);
}

a.previous_active, a.previous_inactive {
margin-right: 10px;
text-decoration: none;
padding-left: 10px;
background-position: 0px 4px;
background-repeat: no-repeat;
}

a.next_inactive, a.next_active {
margin-left: 10px;
padding-right: 10px;
background-position: 100% 4px;
background-repeat: no-repeat;
text-decoration: none;
}

div.leftbar a {
color: #002863;
display: block;
padding-left: 20px;
}

a span {
color: #959595;
}

a.selected {
background-image: url(../gfx/minus.gif);
background-position: 0px 5px;
background-repeat: no-repeat;
text-transform: capitalize;
font-weight: bold;
font-size: 12px;
line-height: 13px;
padding: 3px;
}

a.unselected {
background-image: url(../gfx/plus.gif);
background-position: 0px 5px;
background-repeat: no-repeat;
text-transform: capitalize;
font-weight: bold;
font-size: 12px;
line-height: 13px;
padding: 3px;
}

a.sub {
text-indent: -20px;
font-size: 11px;
line-height: 13px;
}

span.green {
color: #63b05d;
font-weight: bold;
}

hr {
border: 0px;
border-bottom: 1px solid #c5cedc;
height: 1px;
line-height: 8px;
}

div.trailer {
border-top: 1px solid #e1e5ec;
background-color: #ffffff;
margin-top: 10px;
width: 98%;
height: 24px;
padding-top: 4px;
text-indent: 227px;
}

div#targetSelDiv {
    padding: 10px;
    border-style: double;
    position: absolute;
    top: 100px;
    left: 200px;
    z-index: 2;
    background-color: #e1e5ec;
    filter: alpha (opacity=80);
}

div#loginDiv {
    padding: 10px;
    border-style: double;
    position: absolute;
    top: 40px;
    left: 150px;
    z-index: 3;
    background-color: #e1e5ec;
    filter: alpha (opacity=80);
}

div#profileEditDiv {
    padding: 10px;
    border-style: double;
    position: absolute;
    top: 40px;
    left: 100px;
    z-index: 4;
    background-color: #e1e5ec;
    filter: alpha (opacity=80);
}