/******************************
 * Common styles across pages
 ******************************/

body {
font-family: arial, sans-serif;
font-size: small;
}

.normalpage {
width: 1024px; 
margin-left: auto; 
margin-right: auto;
}

.pageBody {
margin-top: 16px;
}

.pageTitle {
font-size: 32px;
}

.titleTip {
font-size: 16px;
margin-bottom: 10px;
}



.formHeader td, div.formHeader {
background-color: #000066; /* #DDDDDD; */
color: white;
border: solid 1px #BBBBBB;
text-align: center;
font-weight: bold;
font-size: 14px;
-moz-border-radius: 12px 12px 0px 0px;
padding: 4px;
}

.formSubHead td, div.formSubHead {
background-color: #EEEEEE;
border: solid 1px #CCCCCC;
text-align: center;
font-size: 12px;
padding: 2px;
margin-top: 3px;
margin-bottom: 3px;
}


.formRow > td, div.formRow {
padding-top: 4px;
padding-bottom: 4px;
}

.formLabel {
font-weight: bold;
padding-right: 8px;
text-align: right;
}

.siteTitle {
font-size: 14px;
color: darkred;
text-align: center;
}

.formValue {
}

.formSpacerSmall {
margin-top: 3px;
}

.formSpacerMed {
margin-top: 6px;
}

.formSpacerBig {
margin-top: 10px;
}


.formTip {
padding-left: 8px;
font-style: italic;
text-align: left;
}

div.formSubmitRow {
text-align: right;
padding-bottom: 6px;
}

input, textarea, select {
-moz-border-radius: 6px;
background-color: #FFFFFF;
}

/*
input:focus, textarea:focus, select:focus, input:hover, textarea:hover, select:hover {
-moz-border-radius: 6px;
background-color: lightyellow;
color: black;
}
*/

input.formbutton {
background-color: #000066; /* #DDDDDD; */
color: lightyellow;
-moz-border-radius: 12px;
}

input.formbutton:focus, input.formbutton:hover {
-moz-border-radius: 12px;
background-color: blue;
color: white;
}

.pretend_link {
text-decoration: underline;
color: blue;
}

.pageFooter {
text-align: center;
}


/******************************
 * Error Messages
 ******************************/

.errorReport {
-moz-border-radius: 12px;
background-color: darkred;
border: 1px #777777 solid;
margin-bottom: 10px;
border: solid 3px yellow;
}

.errorText {
font-size: 1em;
font-family: Verdana, Lucida, Helvetica, Arial, sans-serif;
color: yellow;
padding: 6px;
padding-left: 18px;
display: inline;
vertical-align: middle;
}

.errorLabel {
font-weight: bold;
}

.errorExclaim {
display: inline;
font-family: "Times New Roman";
font-size: 5em;
font-weight: bold;
color: yellow;
padding-left: 20px;
vertical-align: middle;
}



/* subcat listing */
.scl {
margin-bottom: 8px;
}

/******************************
 * Specific to homepage_cat
 ******************************/

#cat_categories { 
 padding: 8px;
-moz-border-radius: 12px; 
border: solid 1px #BBBBBB;
background-color: #E0E0FF;
margin-bottom: 6px;
}

#cat_categories_header {
 line-height: 170%;
 border-bottom: solid 1px #888888;
 text-align: center;
}

#cat_col2, .cat_col2 { 
 line-height: 120%; 
 padding-left: 6px;
 padding-right: 6px;
}

#cat_col3 { 
 line-height: 120%; 
}

#cat_listing_top_bar, #cat_listing_bottom_bar {
 padding: 0px;
 margin-bottom: 6px;
-moz-border-radius: 10px; 
border: solid 1px #BBBBBB;
background-color: #000066;  /* #DDDDDD; */
color: #FFFFFF;
}

#cat_listing_top_bar a:visited, #cat_listing_top_bar a:hover, #cat_listing_top_bar a:link, #cat_listing_top_bar a:active, #cat_listing_bottom_bar a:visited, #cat_listing_bottom_bar a:hover, #cat_listing_bottom_bar a:link, #cat_listing_bottom_bar a:active  {
color: white;
}

.cat_no_subcats {
line-height: 170%;
padding-top: 6px;
text-align: center;
color: #777777;
}

#cat_subcat_letters {
text-align: center; 
border-bottom: solid 1px #888888;
line-height: 170%;
margin-bottom: 4px;
}

.cat_notice {
margin-bottom: 6px;
border: solid 1px #CCCCCC;
padding: 4px;
background-color: lightyellow;
text-align: center;
}

.cat_listing {
margin-bottom: 6px;
border: solid 1px #CCCCCC;
padding: 4px;
-moz-border-radius: 12px;
background-color: #F0F0FF;
}

.cat_listing_breadcrumb {
}

.cat_listing_desc {
padding-top: 3px;
text-align: left;
}

.box_header {
 text-align: center;
 font-weight: bold;
 background-color: #000066; /* #EEEEEE; */
 color: #FFFFFF;
 padding: 4px;
-moz-border-radius-topleft: 12px; 
-moz-border-radius-topright: 12px; 
 border: solid 4px #D0D0E0;
 border-bottom: solid 1px #BBBBBB;
 margin-bottom: 0px;
}

.box {
margin-bottom: 6px;
padding: 0px;
}

.box_body {
font-size: 11px;
 margin-top: 0px;
 padding: 8px;
-moz-border-radius-bottomleft: 12px; 
-moz-border-radius-bottomright: 12px; 
border: solid 4px #D0D0E0;
border-top: none;
background-color: #F0F0FF; /* #DDDDDD; */
}


.box_body li {
margin-top: 10px;
margin-left: -20px;
}
.box_body ul li {
list-style-type: circle;
}

.box {
margin-top: 6px;
}

#col1 .box {
margin-right: 6px;
}

#col3 .box {
margin-left: 6px;
}


.cat_pagebar {
font-size: 10px;
}

.filterbar {
}



/******************************
 * Specific to submit_item
 ******************************/

#submit_item_body {
}


/******************************
 * Specific to view_item
 ******************************/

#item_body {
padding-left: 6px;
padding-right: 6px;
}

.item_announcement {
margin-top: 6px;
border: solid 1px #CCCCCC;
padding: 4px;
-moz-border-radius: 12px;
background-color: #EEEEEE;
margin-bottom: 10px;
}

.item_announcement_header {
margin-top: 10px;
text-align: center;
font-weight: bold;
font-size: 14px;
margin-bottom: 6px;
}

.item_announcement_body {
padding-left: 8px;
padding-right: 8px;
line-height: 130%;
}

.item_comment {
padding: 4px;
margin-top: 7px;
margin-bottom: 7px;
border: solid 1px #CCCCCC;
}

.item_comment_header {
font-style: italic;
margin-bottom: 6px;
}

/******************************
 * Specific to faq
 ******************************/
.faq {
font-weight: bold;
}