html {
height:100%;
width:100%;
margin:0;
padding:0;
background-color:#669999;
}
body {
height:100%;
margin:0;
width:100%;
padding:0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color:#d8e4e2;
}
img {
border:0;
}
h1 {
font-size:1.2em;
font-weight:bold;
clear:both;
}
h2 {
font-size:0.8em;
font-weight:bold;
clear:both;
}
h3 {
font-size:xx-small;
font-weight:bold;
clear:both;
}
h4 {
font-size:xx-small;
font-weight:bold;
clear:both;
}
div#pageHeader {
clear:both;
background-color:#669999;
width:100%;
margin:0;
padding:0;
}
img#vernonBrowserLogo {
display:none;
}
div#content{
margin:0;
padding:50px 5% 0 5%;
background-color:#ffffff;
}
div#navigation {
background-color:#666666;
color:#ffffff;
clear:both;
/*IE7 hack!!! */
overflow : hidden;
_height : 1%;
margin:0;
padding:0;
}
div#bars {
display:block;
width:738px;
margin:0 20% 0 20%;
padding:0;
}
div#navigation ul {
list-style-type:none;
margin:0;
padding:0;
}
div#navigation ul li {
float:left;
}
div#navigation ul.navigationBar {
}
ul#navigationBar {
display:block;
margin:0;
padding:0;
height:35px;
float:left;
}
ul#navigationBar li{
display:block;
float:left;
height:35px;
margin:0;
padding:0;
border:0;
}
ul#navigationBar li a {
display:block;
background-position:middle left;
background-repeat:no-repeat;
margin:0;
padding:0;
border:0;
height:35px;
}
/* static buttons */
/* welcome button */
ul#navigationBar li a#welcome_passive {
background-image:url('../img/button_passive_welcome.gif');
width:51px;
}
/*log on button */
ul#navigationBar li a#logon_active {
background-image:url('../img/button_active_logon.gif');
width:38px;
}
ul#navigationBar li a#logon_passive {
background-image:url('../img/button_passive_logon.gif');
width:38px;
}
/* highlights button */
ul#navigationBar li a#highlights_active {
background-image:url('../img/button_active_highlights.gif');
width:64px;
}
ul#navigationBar li a#highlights_passive {
background-image:url('../img/button_passive_highlights.gif');
width:64px;
}
/*simple Search button */
ul#navigationBar li a#simpleSearch_active {
background-image:url('../img/button_active_simpleSearch.gif');
width:75px;
}
ul#navigationBar li a#simpleSearch_passive {
background-image:url('../img/button_passive_simpleSearch.gif');
width:75px;
}
/*advanced search button */
ul#navigationBar li a#advancedSearch_active {
background-image:url('../img/button_active_advancedSearch.gif');
width:89px;
}
ul#navigationBar li a#advancedSearch_passive {
background-image:url('../img/button_passive_advancedSearch.gif');
width:89px;
}
/* mouseover buttons */
* welcome button */
ul#navigationBar li a#welcome_passive:hover {
background-image:url('../img/button_mouseover_welcome.gif');
width:51px;
}
/*log on button */
ul#navigationBar li a#logon_active:hover {
background-image:url('../img/button_active_over_logon.gif');
width:38px;
}
ul#navigationBar li a#logon_passive:hover {
background-image:url('../img/button_mouseover_logon.gif');
width:38px;
}
/* highlights button */
ul#navigationBar li a#highlights_active:hover {
background-image:url('../img/button_active_over_highlights.gif');
width:64px;
}
ul#navigationBar li a#highlights_passive:hover {
background-image:url('../img/button_mouseover_highlights.gif');
width:64px;
}
/*simple Search button */
ul#navigationBar li a#simpleSearch_active:hover {
background-image:url('../img/button_active_over_simpleSearch.gif');
width:75px;
}
ul#navigationBar li a#simpleSearch_passive:hover {
background-image:url('../img/button_mouseover_simpleSearch.gif');
width:75px;
}
/*advanced search button */
ul#navigationBar li a#advancedSearch_active:hover {
background-image:url('../img/button_over_advancedSearch.gif');
width:89px;
}
ul#navigationBar li a#advancedSearch_passive:hover {
background-image:url('../img/button_mouseover_advancedSearch.gif');
width:89px;
}
ul#navigationBar li a span {
display:none;
}
ul#toolBar {
display:block;
float:left;
height:37px;
width:374px;
margin:0 0 0 10px;
padding:0;
background-image:url('../img/searchField.gif');
background-repeat:no-repeat;
background-position:left center;
}
/* styles for all tabs not available 'ua' (logon page page before user loggend in) */
ul#toolBar li {
display:block;
float:left;
height:21px;
width:33px;
background-position:middle left;
background-repeat:no-repeat;
margin:8px 0 0 4px;
padding:0;
}
/* switching of the text display for the list elements on the toolbar as we use images instead */
ul#toolBar li span {
display:none;
}
/* unavailbe */
ul#toolBar li#listua {
background-image:url('../img/icon_list_ua.gif');
width:28px;
margin-left:10px;
}
ul#toolBar li#labelua {
background-image:url('../img/icon_label_ua.gif');
width:26px;
margin-right:1px;
}
ul#toolBar li#lightboxua {
background-image:url('../img/icon_lightbox_ua.gif');
width:26px;
margin-left:9px;
}
ul#toolBar li#detailua {
background-image:url('../img/icon_detail_ua.gif');
width:20px;
margin-left:11px;
margin-right:12px;
}
ul#toolBar li#beginua {
background-image:url('../img/icon_beginning_ua.gif');
width:20px;
}
ul#toolBar li#backua {
background-image:url('../img/icon_previous_ua.gif');
width:20px;
}
ul#toolBar li#nextua {
background-image:url('../img/icon_next_ua.gif');
width:20px;
}
ul#toolBar li#endua {
background-image:url('../img/icon_end_ua.gif');
width:20px;
}
ul#toolBar li#help_Available{
background-image:url('../img/icon_help.gif');
width:20px;
}
ul#toolBar li#helpText {
display:block;
float:left;
border:1px dotted #ff0000;
height:21px;
width:71px;
background-position:middle left;
background-repeat:no-repeat;
margin:7px 0 0 23px;
padding:0;
}
ul#toolBar li#helpTextDisplay {
margin-left:10px;
}
/* active passive */
ul#toolBar li a {
display:block;
margin:0;
padding:0;
height:21px;
}
/* -------------------------- list----------------------------- */
ul#toolBar li a#list_Available {
display:block;
background-image:url('../img/icon_available_list.gif');
width:28px;
margin-left:6px;
}
ul#toolBar li a#list_Active {
display:block;
background-image:url('../img/icon_active_list.gif');
width:28px;
margin-left:6px;
}
/* -------------------------- label----------------------------- */
ul#toolBar li a#label_Available {
background-image:url('../img/icon_available_label.gif');
width:26px;
margin-left:3px;
}
ul#toolBar li a#label_Active {
background-image:url('../img/icon_active_label.gif');
width:26px;
margin-left:3px;
}
/* -------------------------- lightbox----------------------------- */
ul#toolBar li a#lightbox_Available {
background-image:url('../img/icon_available_lightbox.gif');
width:26px;
}
ul#toolBar li a#lightbox_Active {
background-image:url('../img/icon_active_lightbox.gif');
width:26px;
}
/* -------------------------- detail view----------------------------- */
ul#toolBar li a#detail_Active {
background-image:url('../img/icon_available_detail.gif');
width:20px;
}
ul#toolBar li a#detail_Available {
background-image:url('../img/icon_active_detail.gif');
width:20px;
}
/* -------------------------- beginning----------------------------- */
ul#toolBar li#begin_Available {
background-image:url('../img/icon_available_beginning.gif');
width:20px;
}
/* -------------------------- previous----------------------------- */
ul#toolBar li#previous_Available {
background-image:url('../img/icon_available_previous.gif');
width:20px;
}
/* -------------------------- next----------------------------- */
ul#toolBar li#next_Available {
background-image:url('../img/icon_available_next.gif');
width:20px;
}
/* -------------------------- end----------------------------- */
ul#toolBar li#end_Available {
background-image:url('../img/icon_available_end.gif');
width:20px;
}
div#navigation:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
div#content {
background-color:#d8e4e2;
}
div#logon {
margin:0 20% 0 20%;
border:0;
}
div#logon:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
div#logon ul {
list-style-type:none;
margin:10px;
padding:0;
}
div#logon ul li {
clear:both;
padding:10px;
}
div#logon ul li strong#loginMessage {
font-weight:normal;
margin:0 0 10px 0;
}
div#logon ul li strong.loginLabel {
width:20%;
float:left;
}
div#logon ul li input {
float:left;
width:40%;
}
div#logon ul li input#logonImage {
width:64px;
height:24px;
border:0;
clear:both;
}
div#admin {
display:block;
width:100%;
background-color:#cc9999;
margin:0;
padding:5px 0 5px 0;
clear:both;
}
div#adminLinks {
display:block;
width:738px;
margin:0 20% 0 20%;
}
div#admin:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
div#admin h2 {
display:block;
width:10%;
float:left;
font-size:0.8em;
font-weight:bold;
color:#000000;
margin:0;
padding:0;
}
ul#adminToolBar {
display:block;
width:70%;
float:left;
list-style-type:none;
margin:0;
padding:0;
clear:both;
}
ul#adminToolBar li {
float:left;
margin:0 10px 0 0
}
ul#adminToolBar li a {
text-decoration:underline;
color:#006666;
}
table.highlights,table.searchResults{
border:0;
margin:10px 20px 10px 20px;
padding:10px;
font-size:xx-small;
}
table.highlights td,table.searchResults td {
color:#000000;
margin:5px;
}
a.tour {
color:#000000;
font-size:small;
font-weight:bold;
}
ul.objectList {
margin:0;
padding:0;
list-style-type:none;
}
ul#simpleSearchField {
list-style-type:none;
margin:0;
padding:0;
font-size:x-small;
}
ul#simpleSearchField:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
ul#simpleSearchField li {
float:left;
margin:0 10px 0 0;
}
div#labelView {
clear:both;
/*IE7 hack!!! */
overflow : hidden;
_height : 1%;
}
div#labelView table.labelData {
font-size:x-small;
}
div#searchSummary {
border-bottom:1px solid #000000;
clear:both;
/*IE7 hack!!! */
overflow : hidden;
_height : 1%;
padding:5px;
margin:0 0 5px 0;
}
div#searchSummary h3 {
color:#000000;
font-size:1.0em;
margin:0;
}
div.labelSet {
float:left;
margin:0;
padding:5px;
background-color:#ffffff;
/*IE7 hack!!! */
overflow : hidden;
_height : 1%;
width:100%;;
}
div.labelSet a#resultsImageLink {
float:left;
margin:0;
padding:0;
width:15%;
color:#000000;
}
div.labelSet a img {
border:0;
float:left;
color:#000000;
}
div.labelSet table {
float:right;
border:0;
margin:0;
padding:0;
width:70%;
}
div.labelSet table tr {
border-bottom:1px solid #666666;
margin:0 0 5px 0;
}
div.labelSet table th {
font-weight:bold;
text-align:left;
width:10%;
}
ul.selectResult {
display:none;
}
ul.selectResult li {
float:right;
margin:10px;
}
ul.selectResult a {
color:#000000;
}
ul#shortList {
display:none;
}
div#selectionNavigation {
display:none;
}
ul#selection {
clear:both;
list-style-type:none;
margin:0;
padding:5px;
}
ul#selection:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
l#selection li.pageNumbers {
float:left;
margin:0 10px 0 0;
}
ul#selection li.pageNumbers {
float:left;
background-image:url('../img/seperator.gif');
background-position:center right;
background-repeat:no-repeat;
margin:0 10px 0 0;
}
ul#selection li a {
color:#ffffff;
margin-right:10px;
}
div#footer {
clear:both;
margin:30px;
padding:0;
text-align:left;
font-size:xx-small;
color:#000000;
}
div#footer:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
div.lightBoxSet {
background-color:#eaf0ef;
clear:both;
font-size:xx-small;
margin:0 0 3px 0;
/*IE7 hack!!! */
overflow : hidden;
_height : 1%;
}
div#lightBoxContent {
width:100%;
float:left;
/*IE7 hack!!! */
overflow : hidden;
_height : 1%;
}
div#lightBoxContent:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
}
div.lightBoxSet:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
div#lightboxView {
clear:both;
font-size:xx-small;
/*IE7 hack!!! */
overflow : hidden;
_height : 1%;
}
div.lightBoxDetail {
display:block;
width:25%;
float:left;
padding:0;
margin:15px 5px 0 15px;
}
div.lightBoxDetail ul.selectResult {
display:block;
clear:both;
list-style-type:none;
margin:0;
padding:0;
width:100%;
font-size:xx-small;
}
div.lightBoxDetail ul.selectResult:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
div.lightBoxDetail ul.selectResult li {
float:left;
margin:10px;
}
div.lightBoxDetail ul.selectResult a {
color:#000000;
}
ul.lightBoxDescription {
display:block;
list-style-type:none;
padding:0;
border:0;
margin:10px 0 0 0;
}
ul.lightBoxDescription li {
padding:2px 1px 2px 1px;
}
ul.lightBoxDescription li a {
color:#000000;
text-decoration:none;
}
ul.lightBoxDescription li a:hover {
color:#ff0000;
}
img.thumbnail {
display:block;
width:160px;
height:160px;
background-color:#eeeeee;
border:0;
}
div#listView {
background-color:#eaf0ef;
font-size:xx-small;
}
div#listView table {
border:0;
padding:0;
margin:0;
border-collapse:collapse;
}
div#listView table th {
text-align:left;
}
div#listView table td {
border:0;
padding:5px 29px 5px 20px;
background-color:#ffffff;
}
div#listView table td.row-even {
background-color:#dddddd;
border:0;
}
div#listView table td a {
color:#000000;
}
div#listView table td a:hover {
color:#669999;
}
div#detailView {
clear:both;
/*IE7 hack!!! */
overflow : hidden;
_height : 1%;
}
div#detailDetail {
float:left;
width:80%;
background-color:#eaf0ef;
}
div#detailDetail table {
font-size:0.7em;
color:#000000;
}
div#detailDetail table th {
text-align:left;
}
div.adSearchField {
display:block;
clear:both;
clear:both;
margin:2px;
}
div.adSearchField:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
div.adSearchField h3 {
display:block;
width:200px;
float:left;
margin:0;
padding:3px 0 0 0;
}
div.adSearchField select {
float:left;
margin:0;
padding:0;
}
div.adSearchField select.searchTerm {
width:250px;
border:1px solid #666666;
}
div.helpWindow {
display:none;
}