
















/* 

This is all old stuff that should be shifted into other css files 

 */








/*








.boxColumns {
	border-collapse : collapse;
}

.boxColumn {
	border-left : 1px solid #cccccc;
}

.boxColumnFirst {
}




.doubleColumn1 {
	float : left;
	width : 514px;
	border-left : 1px solid #cccccc;
}
.doubleColumn2 {
	border-left : 1px solid #ffffff;
	width : 512px;
}




.tripleColumn1 {
	float : left;
	width : 771px;
	border-left : 1px solid #cccccc;
}
.tripleColumn2 {
	border-left : 1px solid #ffffff;
	width : 769px;
}



.boxShadow1 {
	border : 2px solid #e7e7e7;
	margin : 10px 5px;
}

.boxShadow2 {
	border : 1px solid #d7d7d7;
}

.boxShadow3 {
	border-style : solid;
	border-color : #bfbfbf;
	border-width : 0 1px 1px 0;
}

.box {
	margin : 20px 0 40px;
}

.box UL {
	margin-top : 0;
	margin-bottom : 0;
	margin-right : 0;
}
.box LI {
	margin-top : 10px;
	margin-bottom : 10px;
	border-bottom : 1px dashed #cccccc;
}






.boxFeatureHeading {
	background-color : #7a9ab8;
	color : white;
	font-size : 0.875em;
	font-weight : bold;
	padding : 5px;
	border-width : 1px;
	border-style : solid;
	letter-spacing : 2px;
	border-color : #9cbcda #9cbcda #476785 #9cbcda;
}

.boxFeatureContent {
	font-size : small;
	padding : 14px;
	line-height : 130%;
	
}


}*/



.objects .objectDescription,
.tiledObjects .objectDescription {
	margin-top : 5px;
}

.objects .objectClassSummary,
.tiledObjects .objectClassSummary {
	padding : 5px 10px;
}
/*


.tinyGallery .object {
	margin : 0;
	padding : 10px 15px;
	float : left;
	width : 120px;
	height : 120px;
}

.faintRule {
	border-width : 0 0 1px;
	border-style : dotted;
	border-color : #999999;
	clear : both;
}






*/





/*

.viewObject .objectDescription {
	font-size : 120%;
	line-height : 150%;
	margin : 25px 0;
}









.smallTable,
.smallNarrowTable {
	border : 1px solid #666666;
	border-collapse : collapse;
}
.smallTable {
	width : 100%;
}
.smallNarrowTable TH,
.smallNarrowTable TD {
	border-color : #999999 #ffffff;
}
.smallTable TH,
.smallNarrowTable TH {
	background-color : white;
	text-align: left;
	margin: 0;
	padding: 2px 5px;
	border-width : 1px 0;
	border-style : solid;
	border-color : #000000 #ffffff #999999;
	font-size : xx-small;
}
TABLE.smallTable TD,
TABLE.smallNarrowTable TD {
	background-color : white;
	margin : 0;
	padding : 2px 5px;
	font-size : xx-small;
	border-width : 1px 0;
	border-style : solid;
	border-color : #cccccc;
}

.standardForm {	
	border : 1px solid #666666;
	border-collapse : collapse;
	width : 100%;
}

.standardForm .subfield {	
	margin : 0 10px 10px 0;
}

.standardForm .restrictedHeight {
	height : 200px;
	overflow-y : scroll;
}

.standardForm .tree {
	 margin-left : 20px;
}

.standardForm .flatCategories {
	width : 30%;
	float : left;
}
.standardForm .treeCategories {
	display : block;
}

.standardForm TH {
	background-color : #e0e7ee;
	text-align : left;
	margin : 0;
	padding : 10px;
	border-bottom : 1px solid #666666;
}
.standardForm TD {
	background-color : #f7f7f7;
	margin : 0;
	padding : 10px;
	border-bottom : 1px solid #666666;
	width : 75%;
}

.standardForm TD TD {
	margin: 0;
	padding: 0;
	border-style: none;
	width: auto;
}

.standardForm .note {
	color : #999999;
	font-weight : normal;
	margin : 5px;
	border : 1px solid #cccccc;
	background-color : #f7f7f7;
	padding : 5px;
}

.standardForm .smallNote {
	color : #999999;
	font-size : xx-small;
	font-weight : normal;
	margin : 5px;
}

.quietNote {
	color : #666666;
	margin-bottom : 15px;
	border : 1px solid #666666;
	background-color : #ffffff;
	padding : 10px;
	font-size : xx-small;
}
.quietNote UL {
	margin-top : 5px;
	margin-bottom : 5px;
}
.quietNote UL A {
	color : #666666;
}

.hintNote {
	color : black;

	border : 1px solid black;
	background-color : #ffffdd;
	padding : 5px;
	line-height : 130%;
}
.hintNoteRight {
	float : right;
	width : 200px;
	color : black;

	border : 1px solid black;
	background-color : #ffffdd;
	padding : 5px;
}

.successNote {
	color : #009900;
	margin-bottom : 15px;
	border : 1px solid #00cc00;
	background-color : #eeffee;
	padding : 5px;
	font-weight : bold;
}


.pad {
	margin : 10px;
}

.failureNote {
	color : #990000;
	font-weight : bold;
	margin-bottom : 15px;
	border : 1px solid #cc0000;
	background-color : #ffeeee;
	padding : 5px;
}



.standardForm .smallButton {
	font-size : xx-small;
}

.copy {
	width : 775px;
}

.photoGalleryLargeFrame {
	margin : 30px 0;
	text-align : center;
}

.photoGalleryLarge {
	margin : 7px;
	border : 1px solid #666666;
}

.photoGalleryLargeShadow1 {
	border : 2px solid #f7f7f7;
	margin : 20px 0px;
}

.photoGalleryLargeShadow2 {
	border : 1px solid #e7e7e7;
}

.photoGalleryLargeShadow3 {
	border-style : solid;
	border-color : #cfcfcf;
	border-width : 0 1px 1px 0;
}

.photoGalleryThumbnail {
	margin : 5px;
	border : 1px solid #666666;
}

.photoGalleryThumbnail {
	margin : 5px;
	border : 1px solid #666666;
}

.photoGalleryTile {
	float : left;
	margin : 15px;
	padding : 5px;
	background-color : #f7f7f7;
	border : 1px solid #eeeeee;
	font-size : xx-small;
	text-align : center;
}
.photoGalleryTile IMG {
	margin-bottom : 5px;
	border : 1px solid #666666;
}
.photoGalleryTile A {
	text-decoration : none;
}
.photoGalleryTile A:Hover {
	text-decoration : underline;
}



.photoButtonPrevious {
	float : left;
	font-size : xx-small;
	margin-bottom : 20px;
	text-decoration : none;
}
.photoButtonNext {
	float : right;
	font-size : xx-small;
	margin-bottom : 20px;
	text-decoration : none;
}

#bookmarkButton,
#watchButton,
#friendButton,
#tagEditButton,
#tagSaveButton,
#experienceSaveButton,
.smallButton,
#reportContentButton,
#reportContentCancelButton {
	font-size : xx-small;
	letter-spacing : 2px;
	margin : 5px;
}

.searchFormKey {
	width : 100%;
	font-size : x-small;
}

.searchFormButton {
	font-size : x-small;
}

.footer {
	clear: both;
	padding: 20px;
	text-align : center;
}

.warning {
	border-top : 1px solid #cccccc;
	color : #666666;
	padding : 10px;
	width : 750px;
}

.footerLinks {
	color : #666666;
	padding : 10px;
}

.footerLinks A,
.footerLinks A:link,
.footerLinks A:visited {
	color : #666666;
}

A BUTTON {
	text-decoration : none;
}

.smallest {
	font-size : xx-small;
}

.quickAccess {
	float : right;	
	background-color : #e8eff6;
	border-top : 1px solid #999999;
	letter-spacing : 2px;	
	padding : 4px;
	text-align : right;
}*/



/*


.boxContent H1,
.boxFeatureContent H1 {
	font-size : medium;
	background-color : #e8eff6;
	padding : 10px;
	margin : 10px -10px 0;
}

.boxContent H2 {
	font-size : medium;
	margin : 10px -10px 20px;
}

.boxContent H3 {
	font-size : x-small;
	margin-top : 0;
}

.boxFeatureContent H2 {
	font-size : medium;
	margin-top : 0;
}

.boxFeatureContent H3 {
	font-size : small;
	margin-top : 0;
	margin-bottom : 10px;
}

.viewObject H1 {
	color: black;
	padding : 0;
	margin : 20px 0;
	border-style : none;
	letter-spacing: 2px;
	font-size : large;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.viewObject H2 {
	color: black;
	padding : 0;
	margin : 20px 0;
	border-style : none;
	letter-spacing: 1px;
	font-size : medium;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.viewObject H3 {
	color: black;
	padding : 0;
	margin : 10px 0;
	border-style : none;
	letter-spacing: 1px;
	font-size : small;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.articleSectionSelector {
	margin : 20px 5px;
	float : right;
	font-size : small;
}
.articleSectionSelector SELECT {
	background-color : #e0e7ee;
}

.switchSearchButton {
	font-size : x-small;
	float : right;
	display : none;
}

.print {
	display : none;
}

.notice {
	font-size : x-small;
}

.noticeMain {
	text-align: justify;
	text-justify: distribute;
	padding: 10px;
	color: white;
}

.noticeTitle {
	font-weight : bold;
}

.noticeBody {
	padding : 5px 0;
}

.noticeMetaData {
	border-top : 1px solid #cccccc;	
	padding : 5px;
}

.noticeMetaData,
.noticeMetaData A {
	color : #cccccc;
}

.noticeMetaDataHighlight {
	color : #ff6666;
	font-weight : bold;
}

.noticeControls {
	text-align : center;
}

.noticeControls BUTTON {
	font-size : xx-small;
}

.feature {
	margin : 20px;
	font-size : small;
}

.feature .intro {
	color: #778899;
	font: italic medium "Times New Roman", Times, serif;
}

.feature H2 {
	font-size : small;
	margin : 15px 0 5px 0;
}

.feature P {
	margin : 5px 0;
}




.viewObject .subtitle {
	font-size : x-small;
}

.transactions {
	border : 1px solid #666666;
	width : 100%;
}
.transactions TD {
	padding : 4px;
	border-bottom : 1px solid #ddddaa;
}
.transactions .stripe0 {
	background-color : #ffffcc;
}
.transactions .stripe0 TD {
	border-right : 1px solid #ddddaa;
}
.transactions .stripe1 {
	background-color : #eeeebb;
}
.transactions .stripe1 TD {
	border-right : 1px solid #cccc99;
}

.on {
	color : green;
	font-weight : bold;
}
.off {
	color : red;
	font-weight : bold;
}

.adBlock {
	border : 1px solid black;
	padding : 10px;
	margin : 7px;
	font-size : x-small;
	background-color : #f7f7f7;
	line-height : 150%;
	cursor : hand;
}
.adTitle {
	font-weight : bold;
	font-size : small;
}
.adTitle A:Link,
.adTitle A:Visited {
	color : black;
}
.adBody {
	margin : 5px 0;
}
.adLink {
}
.adSampleBox {
	width : 234px;
}


.backgroundContent {
	margin : 10px;
	color: #778899;
}
.backgroundContent A {
	font-weight : bold;
	color: #778899;
}

.tagCloud {
	line-height : 4em;
	text-align : justify;
	background-color : #eeeeff;
	padding : 10px;
}
.tagCloud SPAN {
	margin-right : 10px;
}
.tagCloud A:link,
.tagCloud A:visited {
	text-decoration : none;
	color : #6666bb;
}
.tagCloud A:hover {
	background-color : #6666bb;
	color : white;
}
.tagCloud .size1 {
	font-size : 1.2em;
}
.tagCloud .size2 {
	font-size : 1.6em;
}
.tagCloud .size3 {
	font-size : 2.0em;
}
.tagCloud .size4 {
	font-size : 2.4em;
}

.tagCloud .size5 {
	font-size : 2.8em;
}
.tagCloud .size6 {
	font-size : 3.2em;
}



.tagCloudCompact {
	line-height : 2.2em;
	text-align : justify;
	background-color : #eeeeff;
	padding : 10px;
}
.tagCloudCompact SPAN {
	margin-right : 10px;
}
.tagCloudCompact A:link,
.tagCloudCompact A:visited {
	text-decoration : none;
	color : #6666bb;
}
.tagCloudCompact A:hover {
	background-color : #6666bb;
	color : white;
}
.tagCloudCompact .size1 {
	font-size : 1em;
}
.tagCloudCompact .size2 {
	font-size : 1.2em;
}
.tagCloudCompact .size3 {
	font-size : 1.4em;
}
.tagCloudCompact .size4 {
	font-size : 1.6em;
}

.tagCloudCompact .size5 {
	font-size : 1.8em;
}
.tagCloudCompact .size6 {
	font-size : 2.0em;
}



#tagEditor {
	width : 115px;
	height : 60px;
	font-size : xx-small;
}
#tagEditPanel,
#experienceEditPanel {
	display : none;
}

.bookmarkFolderSize {
	float : right;
	font-style : italic
}



.forumLinks {
	text-align : right;
	margin : 10px 10px 0 0;
	color: #778899;
}
.forumLinks A {
	color: #778899;
}



.portraitGallery {
	border : 1px solid #666666;
	margin : 3px;
}

.simpleList {
	list-style-type: none;
	margin: 0;
	padding : 0;
}
.simpleList LI {
	margin : 0 0 7px;
}

.forumPosts {
	margin-top : 15px;
	margin-bottom : 30px;
}
.forumPost {}
.forumPost HR {
	margin: 10px 0;
	border-width: 1px 0 1px 0;
	border-color: #cccccc;
	border-style: dashed;
}
.forumPostDateTime,
.forumPostScore {
	clear:right;
	float : right;
	font-size : xx-small;
	color : #999999;
}
.forumPostMetaData {
	font-size : xx-small;
	color : #999999;
}
.forumPostBody {
	position : relative;
	border : 1px solid white; 
}
.forumPostUserIcon {
	position : absolute;
}
.forumPostMessage {
	font-size : small;
	line-height : 130%;
	margin-left : 80px;
}
H2.forumPostTitle {
	font-size : small;
	line-height : 130%;
	color: #666666;
	margin : 0 0 10px 80px;
}

.forumSummary,
.forumTopicSummary {
	padding : 10px 0 20px;
	border-bottom : 1px dotted #999999;
}
H2.forumTitle,
H2.forumTopicTitle {
	font-size : medium;
	line-height : 130%;
	color: #666666;
	margin : 0;
	padding : 0;
}
.forumDescription {
	font-size : small;
	margin-bottom : 20px;
}
.forumMetaData,
.forumTopicMetaData {
	font-size : xx-small;
	color : #999999;
	margin-bottom : 10px;
}
.forumPost {
	margin : 10px 0 10px 20px;
}
.forumTopicPost {
	margin : 0 0 0 20px;
}
.forumTopicEllipsis {
	text-align : center;
	color : #999999;
	font-size : medium;
}


.diff {
	padding : 10px;
	width : 100%;
	border : 1px solid #666666;
}
.diff TD,
.diff TH {
	vertical-align : top;
}
.diff TD {
	border-bottom : 1px dotted #cccccc;
}
.diff TH {
	text-align : left;
	font-weight : normal;
	background-color : #dddddd;
}
.diffDel {
	text-decoration: line-through; 
	background-color: #ffcccc;
	color : #660000;
}
.diffIns {
	color: green; 
	background-color: #ccffcc;
	color : #006600;
} 






.promo {
	height : 400px; 
	position : relative;
	background-color : #3c3c3e;
	overflow : hidden;
}
.promo IMG {
	position : absolute;
}
.promo .promoLabelForeground,
.promo .promoLabelBackground {
	position : absolute; 
	padding : 8px; 
	right : 5px; 
	top : 15px;
}
.promo .promoLabelForeground,
.promo .promoLabelForeground A:link,
.promo .promoLabelForeground A:visited,
.promo .promoLabelForeground A:link,
.promo .promoLabelForeground A:visited {
	color : #dddddd;
	text-decoration : none;
}
.promo .promoLabelForeground A:hover {
	text-decoration : underline;
	color : white;
}


.promo .promoLabelBackground  {
	background-color : #111111;
	opacity : 0.4;
	filter: alpha(opacity=40);
}
.promo .promoLabelBackground A:link,
.promo .promoLabelForeground A:visited {
	text-decoration : none;
}

.promoBodyForeground,
.promoBodyBackground {
	padding : 7px;
	position : absolute; 
	bottom : 0;
}
.promoBodyBackground  {
	background-color: black;
	opacity: 0.75;
	filter: alpha(opacity=75);
	color: black;
}
.promoBodyBackground P  {
	visibility : hidden;
}
.promoBodyForeground P,
.promoBodyBackground P {
	font-size : x-small;
	margin : 0 0 10px;
	color : #738ad6;
}
.promoBodyForeground A:link,
.promoBodyForeground A:visited,
.promoBodyBackground A:link,
.promoBodyBackground A:visited {
	color : #a6bdff;
}

.promoStats,
.promoStats A:link,
.promoStats A:visited {
	color: #738ad6;
	text-decoration : none;
}
.promoStats A:link EM,
.promoStats A:visited EM {
	color: #a6bdff;
	font-style: italic;
	font-size : small;
	text-decoration : none;
}

.promoStats A:hover,
.promoStats A:hover EM {
	color : white;
	text-decoration : underline;
}










.mapBrowseKey {
	float : left;
	margin : 10px;
}

.mapBrowse {
	float : left;
	margin : 10px;
}


.mapBrowseKey LABEL {
	width : 165px; 
	font-size : x-small; 
	float : left; 
	background-color: #dddddd; 
	margin : 1px; 
	padding : 5px; 
	border : 1px solid #bbbbbb;
}

.linkGeoRss {
	padding: 2px 0 2px 20px;
	background: url('/whio/image/icons/feed.png') left center no-repeat;
}
.linkKml {
	padding: 2px 0 2px 20px;
	background: url('/whio/image/icons/kml.png') left center no-repeat;
}

#chooseTagsBlock {
	display : none;
}

.hBox DIV {
	float : left;
}


#bookmarkNote,
#watchNote {
	margin-bottom : 10px;
}
#yourRatingDisplay A,
#bookmarkNote A,
#watchNote A,
#experienceblockAddButton,
#experienceblockEditButton,
#tagEditLink {
	float : right;
}



.controlIcon {
	width : 16px;
	height : 16px;
	margin-right : 10px;
	border-width : 0;
	vertical-align:middle;
}
#tagEditor,
experienceEditor {
	width : 100%;
	overflow:auto;
	font: x-small Verdana, Geneva, Arial, Helvetica, sans-serif;
}


#personalStatistics {
	border : 2px solid #666666;
	border-collapse : collapse;
}
#personalStatistics TH,
#personalStatistics TD {
	padding : 10px;
	margin : 0;
}
#personalStatistics TH {
	background-color : #cccccc;
	font-size : small;
	font-weight : normal;
	color : #333333;
}
#personalStatistics THEAD TH {
	border-bottom : 2px solid #666666;
}
#personalStatistics TBODY TH {
	border-right : 2px solid #666666;
}
#personalStatistics TD {
	border-style : solid;
	border-color : #cccccc;
	border-width : 0 1px 1px 0;
	font-size : x-small;
}*/
