/* CSS Document */

.objectAlert {
	border-bottom : 1px solid #eedddd;
	position : relative;
}
.objectAlert P {
	background: url('/whio/image/icons/silk/error.png') left top no-repeat;
	padding-left : 21px;
}
.objectAlertMetaData {
	color : #666666;
	margin-bottom: 5px;
}
.objectAlertBtn {
	visibility:hidden;
	width : 16px;
	height : 16px;
	position : absolute;
	right : 0;
	bottom : 5px;
	z-index : 10;
	background: url('/whio/image/icons/silk/gray/cross.png') left top no-repeat;
}
.objectAlert:Hover .objectAlertBtn {
	visibility : visible;
}

.smallest {
	font-size: 0.7em;
}

.mapLink {
	float:right;
	font-size : 0.8em;
}

.pad {
	margin : 10px;
}

.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;
}

.successBoxWrapper,
.failureBoxWrapper {
	border-width : 2px; 
	border-style : solid; 
	border-color : #f7f7f7 #eeeeee #eeeeee #f7f7f7; 
	margin : 25px 10px;
}
.hintBoxWrapper {
	border-width : 2px; 
	border-style : solid; 
	border-color : #f7f7f7 #eeeeee #eeeeee #f7f7f7; 
}
.successBox {
	color : #333333;
	border : 1px solid #00cc00;
	padding : 10px 10px 10px 50px;
	font-weight : bold;
	font-size : 1em;
	background:#ddffdd url(/custom/design/2009/check.png) no-repeat center left;
}
.failureBox {
	color : #333333;
	border : 1px solid #cc0000;
	padding : 10px 10px 10px 50px;
	font-weight : bold;
	font-size : 1em;
	background:#ffeeee url(/custom/design/2009/cross.png) no-repeat center left;
}
.hintBox {
	color : #333333;
	border : 1px solid #cccc00;
	padding : 6px;
	font-size : 0.9em;
	background-color:#ffffee;
	line-height : 1.6em;
}
.hintBox A {
	text-decoration : underline;
}

BUTTON.tiny {
	font-size : 0.8em;
	padding : 2px 5px 0;
	line-height : 1.5em;
}

A {
	text-decoration : none;
}
A:Hover {
	text-decoration : underline;
}


/*
***********************************************************************
** Main column
***********************************************************************
*/

#mainColumn {
	/*background: white url(/custom/design/2009/maincolumngradient.png) no-repeat;*/
	float : left;
	width : 540px;
	padding : 10px;
}
#mainColumn .firstColumn {
	padding : 10px;
}

#mainColumn H1 {
	margin : 5px 0 10px;
	padding : 0 20px;
	color: #778899;
	font-weight : normal;
	font-size : 1.4em;
	border-bottom : 3px solid #bdc6cd;
	letter-spacing: 3px;
}
#mainColumn H1 A:link,
#mainColumn H1 A:visited {
	text-decoration : none;
	color: #778899;
}
#mainColumn H1 A:Hover {
	text-decoration : underline;
	color : #6666ff;
}

#mainColumn H2 {
	color: #546370;
	font-weight : normal;
	letter-spacing: 2px;
	font-size: 1.5em;
	line-height : 1.5em;
}/* padding : 0px 12px;
	margin: 15px 8px; */

#mainColumn H2.subHeading {
	color: #546370;
	font-weight : normal;
	padding : 0;
	margin: 30px 8px 15px;
	letter-spacing: 2px;
	font-size: 1.5em;
	line-height : 1.5em;
	clear : both;
	border-bottom : 1px solid #cccccc;
}

#mainColumn .standardTable {
	border-color : #bbbbbb;
	border-style : solid;
	border-width : 1px 0; 
	border-collapse : collapse;
	width : 100%;
	font-size : 0.8em;
	line-height : 1.5em;
}

#mainColumn .standardTable TH {
	color : #333333;
	background-color : #f7f7f7;
	text-align : left;
	margin : 0;
	padding : 10px;
	border-bottom : 1px solid #bbbbbb;
}
#mainColumn .standardTable TD {
	background-color : #fbfbfb;
	margin : 0;
	padding : 10px;
	border-bottom : 1px solid #bbbbbb;
	border-left : 1px solid #eeeeee;
}

#mainColumn .standardTable TD P {
	margin-top : 0;
}

#mainColumn .standardTable TABLE TD {
	margin : 0;
	padding : 0;
	border-style : none;
}

#mainColumn .objects .object H3 {
	font-size : 1em;
	margin : 0;
	padding : 0;
	line-height : 1.5em;
}
#mainColumn .objects .object H3 A {
	color : #333333;
	text-decoration : none;
}
#mainColumn .objects .object H3 A:Hover,
#mainColumn .objects .object H3 A:Active {
	color : #0066cc;
	text-decoration : underline;
}

#mainColumn .column1of2 {
	width : 240px;
	padding-right : 9px;
	border-right : 1px dotted #cccccc;
	float : left;
}
#mainColumn .column2of2 {
	width : 240px;
	padding-left : 9px;
	float : left;
}

/*
***********************************************************************
** Wide column
***********************************************************************
*/

#wideColumn {
	/* background: white url(/custom/design/2009/widecolumngradient.png) no-repeat top left; */
	float : left;
	width : 760px;
	padding : 9px;
}
#wideColumn .objects {
	margin : 10px;
}

#wideColumn H1 {
	margin : 5px 0 10px;
	padding : 0 20px;
	color: #778899;
	font-weight : normal;
	font-size : 1.4em;
	border-bottom : 3px solid #bdc6cd;
	letter-spacing: 3px;
}
#wideColumn H1 A:link,
#wideColumn H1 A:visited {
	text-decoration : none;
	color: #778899;
}
#wideColumn H1 A:Hover {
	text-decoration : underline;
	color : #6666ff;
}

#wideColumn H2 {
	color: #546370;
	font-weight : normal;
	letter-spacing: 2px;
	font-size: 1.5em;
	line-height : 1.5em;
}/* padding : 0px 12px;
	margin: 15px 8px; */

#wideColumn .standardTable {
	border : 1px solid #666666;
	border-collapse : collapse;
	width : 100%;
}

#wideColumn .standardTable TH {
	background-color : #e0e7ee;
	text-align : left;
	margin : 0;
	padding : 10px;
	border-bottom : 1px solid #666666;
	font-size: 0.9em;
}
#wideColumn .standardTable TD {
	background-color : #f3f3f3;
	margin : 0;
	padding : 10px;
	border-bottom : 1px solid #666666;
	font-size: 0.9em;
}

#wideColumn .standardTable TABLE TD {
	margin : 0;
	padding : 0;
	border-style : none;
}

#wideColumn .objects .object H3 {
	font-size : 1em;
	margin : 0;
	padding : 0;
}

/*
***********************************************************************
** Full width column
***********************************************************************
*/

#fullWidthColumn {
	float : left;
	width : 100%;
	padding : 0;
}
#fullWidthColumn .columnWrapper {
	padding : 0;
}

#fullWidthColumn H1 {
	margin : 5px 0 10px;
	padding : 0 20px;
	color: #778899;
	font-weight : normal;
	font-size : 1.4em;
	border-bottom : 3px solid #bdc6cd;
	letter-spacing: 3px;
}
#fullWidthColumn H1 A:link,
#fullWidthColumn H1 A:visited {
	text-decoration : none;
	color: #778899;
}
#fullWidthColumn H1 A:Hover {
	text-decoration : underline;
	color : #6666ff;
}

/*
***********************************************************************
** Tool column
***********************************************************************
*/

#toolColumn {
	background: white url(/custom/design/2009/toolcolumn/wallpaper.png) repeat-x scroll top left;
	float : left;
	width : 220px;
	border-width : 0 1px 1px 0;
	border-style : solid;
	border-color : #808080;
	font-size : 0.8em;
	line-height : 1.4em;
}
#toolColumn .columnWrapper {}

#toolColumn .standardTable {
	border-style : solid;
	border-color : #cccccc;
	border-width : 1px 0;
	border-collapse : collapse;
	width : 220px;
}
#toolColumn .standardSection {
	border-style : solid;
	border-color : #cccccc;
	border-width : 1px 0;
	width : 200px;
	padding : 10px;
}

#toolColumn .standardTable TH {
	text-align : left;
	margin : 0;
	padding : 10px;
	border-bottom : 1px solid #808080;
}
#toolColumn .standardTable TD {
	margin : 0;
	padding : 10px;
	border-bottom : 1px solid #808080;
}

#toolColumn .standardTable TABLE TD {
	margin : 0;
	padding : 0;
	border-style : none;
}

#toolColumn .standardTable P {
	margin : 0 0 10px;
	padding : 0;
}

#toolColumn .simpleList {
	list-style-type: none;
	margin: 0;
	padding : 0;
}
#toolColumn .simpleList LI {
	margin : 0 0 7px;
}

#toolColumn .objectMetaData {
	color : #999999;
	font-size : 1em;
}

#toolColumn .objects .object H3 {
	font-size : 1em;
	margin : 0;
	padding : 0;
}

#toolColumn .searchFormKey {
	width : 110px;
	font-size : 1em;
}
#toolColumn searchFormButton {
	font-size : 1em;
}

/*
***********************************************************************
** Extra column
***********************************************************************
*/

#extraColumn {
	background: white url(/custom/design/2009/toolcolumn/wallpaper.png) repeat-x scroll top left;
	float : left;
	width : 216px;
	border-width : 0 0 1px 1px;
	border-style : solid;
	border-color : #808080;
	overflow : hidden;
	font-size : 0.8em;
	line-height : 1.4em;
}
#extraColumn .columnWrapper {}

#extraColumn .standardTable {
	border-style : solid;
	border-color : #cccccc;
	border-width : 1px 0;
	border-collapse : collapse;
	width : 216px;
	overflow : hidden;
}
#extraColumn .standardSection {
	border-style : solid;
	border-color : #cccccc;
	border-width : 1px 0;
	width : 196px;
	padding : 10px;
}

#extraColumn .standardTable TH {
	text-align : left;
	margin : 0;
	padding : 10px;
	border-bottom : 1px solid #808080;
}
#extraColumn .standardTable TD {
	margin : 0;
	padding : 10px;
	border-bottom : 1px solid #808080;
}

#extraColumn .standardTable TABLE TD {
	margin : 0;
	padding : 0;
	border-style : none;
}

#extraColumn .standardTable P {
	margin : 0 0 10px;
	padding : 0;
}

#extraColumn .simpleList {
	list-style-type: none;
	margin: 0;
	padding : 0;
}
#extraColumn .simpleList LI {
	margin : 0 0 7px;
}

#extraColumn .objectMetaData {
	font-size : 1em;
}

#extraColumn .objects .object H3 {
	font-size : 1em;
	margin : 0;
	padding : 0;
}

#extraColumn .searchFormKey {
	width : 110px;
	font-size : 1em;
}
#extraColumn searchFormButton {
	font-size : 1em;
}

#extraColumn DL {}
#extraColumn DT {
	font-weight : bold;
}
#extraColumn DD {
	margin : 0 0 10px;
	color : #333333;
}


/*
***********************************************************************
** Pop-up column
***********************************************************************
*/

#popupColumn {
	background: white url(/custom/design/2009/toolcolumn/wallpaper.png) repeat-x scroll top left;
	width : 100%;
	font-size : 0.8em;
	line-height : 1.4em;
	margin:0;
}
#popupColumn .columnWrapper {}


#popupColumn .standardTable {
	border-style : solid;
	border-color : #cccccc;
	border-width : 1px 0;
	border-collapse : collapse;
	width : 220px;
	overflow : hidden;
}
#popupColumn .standardSection {
	border-style : solid;
	border-color : #cccccc;
	border-width : 1px 0;
	width : 200px;
	padding : 10px;
}

#popupColumn .standardTable TH {
	text-align : left;
	margin : 0;
	padding : 10px;
	border-bottom : 1px solid #808080;
}
#popupColumn .standardTable TD {
	margin : 0;
	padding : 10px;
	border-bottom : 1px solid #808080;
}

#popupColumn .standardTable TABLE TD {
	margin : 0;
	padding : 0;
	border-style : none;
}

#popupColumn .standardTable P {
	margin : 0 0 10px;
	padding : 0;
}

#popupColumn .simpleList {
	list-style-type: none;
	margin: 0;
	padding : 0;
}
#popupColumn .simpleList LI {
	margin : 0 0 7px;
}

/*
***********************************************************************
** Breadcrumbs
***********************************************************************
*/
.breadcrumbTrail {
	padding-bottom : 10px;
	margin : 0 0 -15px 10px;
	color: #778899;
	font-size : 0.7em;
}
.breadcrumbTrail A {
	color: #778899;
}


/*
***********************************************************************
** Object
***********************************************************************
*/

.standardTable .itemColumn {
	width : 50%;
	float:left
}
.itemColumn .item {
	margin-right : 10px;
}
.item {
	margin-bottom : 10px;
}
.itemSummary {
	color : #666666;
	font-size : 0.9em;
}


#mainColumn.objectColumn {
	background: transparent url('/custom/design/2009/maincolumngradient.png') no-repeat scroll top center;	
}

.objectTitle {
	font-weight : bold;
	font-size : 1.2em;
}
.objectTitle A {
	text-decoration : none;
}

.objectMetaData {
	font-size : 0.8em;
	line-height : 1.8em;
}

.objectDescription {
	color : #666666;	
}

.objectMetaData A {
	color : black;
}

.objectMetaDataMember {
	float : right;
	border : 1px solid #999999;
	margin : 0 0 10px 10px;
}

.objectMetaDataIcon {
	float : left;
	margin-right : 5px;}

.objectMetaDataRevisionHistory {
	color : #666666;
	font-size : 0.8em;
	line-height : 1.5em;
	margin-bottom : 15px;
	padding-bottom : 5px;
}
.objectMetaDataRevisionHistory A {
	color : #666666;
}

.objectTags {
	line-height : 210%;
	padding : 5px;
	text-align : justify;
	text-justify : newspaper;
}

.objectTags A {
	color : #999999;
	border : 1px solid #cccccc;
	background-color : white;
	padding : 1px 2px;
	text-decoration : none;
}

.objectTags A:hover {
	color : white;
	background-color : #999999;
}

.objectSummaryThumbnail {
	float : left;
	margin-right : 10px;
	border : 1px solid #666666;
}

.embeddedObject {
	float : right;
	width : 220px;
	font-size : 0.8em;
	border : 1px solid #cccccc;
	background-color : #eeeeee;
	margin : 10px 0 10px 10px;
	padding : 5px;
}
.embeddedObject STRONG {
	font-size : small;
}
.embeddedObject IMG {
	float : right;
}

#mainColumn .viewObject {
	margin : 0 10px;
}
#mainColumn .viewObject H1,
#mainColumn .viewObject H2,
#mainColumn .viewObject H3,
#mainColumn .viewObject H4,
#mainColumn .viewObject H5,
#mainColumn .viewObject H6 {
	padding : 0;
	margin : 20px 0 10px;
	border-style : none;
	letter-spacing: 2px;
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#mainColumn .viewObject H1 {
	font-size: 1.5em;
	color : #666666;
}
#mainColumn .viewObject H2 {
	font-size: 1.3em;
	color : #666666;
}
#mainColumn .viewObject H3 {
	font-size : 1.1em;
	color : #333333;
}
#mainColumn .viewObject H4 {
	font-size : 0.9em;
	color : #333333;
}
#mainColumn .viewObject H5 {
	font-size : 0.8em;
	color: black;
}
#mainColumn .viewObject H6 {
	font-size : 0.7em;
	color: black;
}

.embeddedPhotographLeft {
	padding : 5px;
	float : left;
	margin : 0 10px 10px 0;
	background-color : #dddddd;
}
.embeddedPhotographRight {
	padding : 5px;
	float : right;
	margin : 0 0px 10px 10px;
	background-color : #dddddd;
}
.embeddedPhotographLeft IMG,
.embeddedPhotographRight IMG {
	border : 1px solid black;
}
.embeddedPhotographCaption {
	font-size : 0.8em;
	color : #333333;
	width : 220px;
}
.embeddedPhotographCredit,
.embeddedPhotographCredit A:link {
	color : #666666;
}

.objectFeaturePhoto IMG {
	border-width : 1px; 
	border-style : solid; 
	border-color : #cccccc #aaaaaa #aaaaaa #cccccc; 
	background-color : #eeeeee; 
	padding : 3px;
}
.objectFeaturePhotoOver IMG {
	border-width : 1px; 
	border-style : solid; 
	border-color : #6699ff; 
	background-color : #ccddff; 
	padding : 3px;
}

.addRelatedSelectBox {
	color : #666666;
	border : 1px solid white;
	font-size : 0.9em;
}
 
/*
***********************************************************************
** Gallery
***********************************************************************
*/

.gallery .galleryObjects H3,
.gallery .associatedObjects H3,
.gallery .otherObjects H3 {
	font-size : 0.8em;
	line-height : 1.5em;
	margin : 0;
}

.gallery .galleryObjects .object,
.gallery .associatedObjects .object,
.gallery .otherObjects .object {
	margin : 0;
	padding : 10px;
	float : left;
	text-align : center;
	width : 205px;
	height : 240px;
	overflow : hidden;
	text-overflow : ellipsis;
	line-height : 1.5em;
}
.galleryObjectFrame IMG {
	border-width : 1px; 
	border-style : solid; 
	border-color : #cccccc #aaaaaa #aaaaaa #cccccc; 
	background-color : #eeeeee; 
	padding : 3px;
	margin-bottom : 8px;
}
.galleryObjectFrameOver IMG {
	border-width : 1px; 
	border-style : solid; 
	border-color : #6699ff; 
	background-color : #ccddff; 
	padding : 3px;
	margin-bottom : 8px;
}
.galleryObjectPlaceholder {
	padding : 3px;
	width : 196px;
	margin : 8px;
	height : 140px;
}

/*
***********************************************************************
** Object/user controls
***********************************************************************
*/

.objectControlsIcon,
.userControlsIcon {
	width : 16px;
	height : 16px;
	margin-right : 10px;
	border-width : 0;
	vertical-align:middle;
}

#objectControlsTagSaveButton,
#objectControlsExperienceSaveButton,
#objectControlsReportContentButton,
#objectControlsReportContentCancelButton,
#objectControlsAlertContentButton,
#objectControlsAlertContentCancelButton {
	letter-spacing : 2px;
	margin : 0;
	font-size : 1.2em;
	padding : 4px;
	line-height : 1.2em;
}

#objectControlsTagEditPanel,
#objectControlsExperienceEditPanel,
#objectControlsChooseTagsBlock {
	display : none;
}

#objectControlsTagListWrapper {
	float : left;
	width : 100%;
}

#objectControlsTagList {
	line-height : 210%;
	padding : 5px;
	text-align : justify;
	text-justify : newspaper;
}

#objectControlsTagList A {
	color : #999999;
	border : 1px solid #cccccc;
	background-color : white;
	padding : 1px 2px;
	text-decoration : none;
}

#objectControlsTagList A:hover {
	color : white;
	background-color : #999999;
}

#objectControlsWatchNote,
#objectControlsBookmarkNote {
	margin-bottom : 10px;
}

#objectControlsYourRatingDisplay A,
#objectControlsBookmarkNote A,
#objectControlsWatchNote A,
#objectControlsExperienceblockAddButton,
#objectControlsExperienceblockEditButton,
#objectControlsTagEditLink,
#userControlsFriend A,
#userControlsMail A,
#userControlsMailBlock A {
	float : right;
}

#objectControlsTagEditor,
#objectControlsExperienceEditor {
	width : 195px;
	height : 60px;
	overflow:auto;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#objectControlsChooseTagsButton {}
#objectControlsAvgRatingBlock {}
#objectControlsYourRatingBlock {}
#objectControlsYourRatingButtons {}
#objectControlsBookmarkNoteTrue {}
#objectControlsBookmarkIconTrue {}
#objectControlsBookmarkNoteFalse {}
#objectControlsBookmarkIconFalse {}
#objectControlsWatchNoteTrue {}
#objectControlsWatchlistIconTrue {}
#objectControlsWatchNoteFalse {}
#objectControlsWatchlistIconFalse {}
#objectControlsTagDisplayPanel {}
#objectControlsTagIcon {}
#objectControlsExperienceDisplayPanel {}
#objectControlsExperiencedTrueBlock {}
#objectControlsExperienceblockEditButton {}
#objectControlsIcon {}
#objectControlsExperiencedTrueIcon {}
#objectControlsExperiencedFalseBlock {}
#objectControlsExperienceblockAddButton {}
#objectControlsExperiencedFalseIcon {}
#objectControlsExperienceListWrapper {}
#objectControlsExperienceList {}
#objectControlsExperiencedTrueBlock {}
#objectControlsExperiencedTrueIcon {}
#objectControlsExperiencedFalseBlock {}
#objectControlsExperiencedFalseIcon {}
#objectControlsExperienceListWrapper {}
#objectControlsExperienceList {}
#objectControlsExperiencedOtherMembersIcon {}
#objectControlsPrintNote {}
#objectControlsPrintIcon {}
#objectControlsEmailIcon {}
#objectControlsShareIcon {}
#objectControlsReportContentPrompt {}
#objectControlsFlagIcon {}
#objectControlsReportContentPanel {}
#objectControlsReportContentButtons {}
#objectControlsTagEditor {
	font-size : 1em;
}

/*
***********************************************************************
** Advertising
***********************************************************************
*/
#box_advertising .boxBody {
	margin : 10px;
}

/*
***********************************************************************
** results listings
***********************************************************************
*/

#filter {
	font-size : 0.8em;
}

#classFilterSubmit {
	font-size : 1em;
}

.linkToSearchResults {
	text-align : right;
	color: #778899;
	font-size : 0.8em;
	clear : both;
	margin-bottom : 15px;
	
}
.linkToSearchResults A {
	color: #778899;
}
.linkToSearchResults .link {
	background:url('/custom/design/images/link.gif') no-repeat center right;
	padding : 3px 20px 3px 0;
}
.linkToSearchResults .webFeedLink {
	background:url('/whio/image/icons/feed.png') no-repeat center right;
	padding : 3px 20px 3px 0;
}
.sorTable {
	line-height : 1em;
	border : 1px solid #aaaaaa;
	margin : 5px 0;
}

.objectClassExtendedInfo {
	margin : 3px 0;
	color : #666666;
}
.objectClassExtendedInfo DIV {
	display : inline;
	font-style : italic;
}

/*
***********************************************************************
** standard form
***********************************************************************
*/

.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;
}

/*
***********************************************************************
** category grid
***********************************************************************
*/

.categoryGrid {	
	border : 1px solid #666666;
	border-collapse : collapse;
	width : 100%;
}

.categoryGrid TD {
	background-color : #f7f7f7;
	margin : 0;
	padding : 10px;
	border-bottom : 1px solid #666666;
	width : 75%;
	vertical-align : top;
	color : #999999;
}
.categoryGrid A {
	text-decoration : none;
	color : #666666;
}
.categoryGrid A:hover {
	text-decoration : underline;
	color : #6666ff;
}

/*
***********************************************************************
** Change log
***********************************************************************
*/
.changeLogDateGroup {
	font-size : 0.875em;
	margin : 0;
	border-bottom : 1px dotted #cccccc;
	padding : 20px 10px 10px;
	color : #666666; 
}

.changeLogItem {
	margin-bottom : 25px;
}

.changeLogItem BLOCKQUOTE {
	padding : 5px;
	margin : 5px;
	border-left : 2px solid #dddddd;
	color : #666666;
}

#mainColumn .changeLog {
	font-size : 0.8em;
	line-height : 1.6em;
}

/*
***********************************************************************
** User controls
***********************************************************************
*/

#friendButton {
	font-size : 1em;
	letter-spacing : 2px;
	margin : 5px;
}

/*
***********************************************************************
** Slideshow
***********************************************************************
*/

.slideShowTitle,
.slideShowCaption,
.slideShowCredit {
	margin-left : 15px;
}

/*
***********************************************************************
** Tag cloud
***********************************************************************
*/

.tagCloud {
	line-height : 3em;
	text-align : justify;
	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 : 1em;
}
.tagCloud .size2 {
	font-size : 1.2em;
}
.tagCloud .size3 {
	font-size : 1.4em;
}
.tagCloud .size4 {
	font-size : 1.6em;
}

.tagCloud .size5 {
	font-size : 1.8em;
}
.tagCloud .size6 {
	font-size : 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;
}

.relatedTagsBlock {
	margin : 16px;
	border-top : 1px solid #cccccc;
	padding-top : 10px;
}
.relatedTags {
	margin-left : 16px;
	line-height : 210%;
	padding : 5px;
}
.relatedTags A {
	color : #6666bb;
	font-size : x-small;
	border : 1px solid #cccccc;
	background-color : white;
	padding : 3px 4px;
	text-decoration : none;
}
.relatedTags A:hover {
	color : white;
	background-color : #6666bb;
	border : 1px solid #6666bb;
}

#tagListWrapper {
	float : left;
	width : 100%;
}
#tagList {
	line-height : 210%;
	padding : 5px;
	text-align : justify;
	text-justify : newspaper;
}

#tagDisplayPanel #tagList A {
	color : #999999;
	font-size : xx-small;
	border : 1px solid #cccccc;
	background-color : white;
	padding : 1px 2px;
	text-decoration : none;
}
#tagDisplayPanel #tagList A:hover {
	color : white;
	background-color : #999999;
}

/*
***********************************************************************
** Forums
***********************************************************************
*/

.forumGroupTitle {
	font-size : 1.6em;
	font-weight : bold;
	line-height : 130%;
	color: #666666;
	margin : 0;
	padding : 0;
}

.forumPosts {
	margin-top : 15px;
	margin-bottom : 30px;
}
.forumPost {
	position : relative;
}
.forumPost HR {
	margin: 10px 0;
	border-width: 1px 0 1px 0;
	border-color: #cccccc;
	border-style: dashed;
}
.forumPostMetaData,
.forumPostMetaData A {
	font-size : xx-small;
	color : #999999;
	width : 120px;
	float : left;
	border-right : 1px solid #dddddd;
	padding-right : 10px;
	margin-right : 10px;
}
.forumPostUsername A {
	font-weight : bold;
	color : #778899;
}
.forumPostBody {
	border : 1px solid white; 
}
.forumPostMessage {
	font-size : small;
	line-height : 130%;
	margin-left : 141px;
}
H2.forumPostTitle {
	font-size : small;
	line-height : 130%;
	color: #666666;
	margin : 0 0 10px 80px;
}
.postControls {
	position : absolute;
	right : 0;
	bottom : 0;
}
.forumPostFlag {
	background: url('/whio/image/icons/silk/flag_red.png') left top no-repeat;
	padding-left : 21px;
}

.forumSummaryPost {}
.forumSummaryPost HR {
	margin: 10px 0;
	border-width: 1px 0 1px 0;
	border-color: #cccccc;
	border-style: dashed;
}
.forumSummaryPostMetaData,
.forumSummaryPostMetaData A {
	font-size : xx-small;
	color : #999999;
	width : 120px;
	float : left;
	border-right : 1px solid #dddddd;
	padding-right : 10px;
	margin-right : 10px;
	overflow : hidden;
	text-overflow : ellipsis;
}
.forumSummaryPostUsername A {
	font-weight : bold;
	color : #778899;
}
.forumSummaryPostBody {
	border : 1px solid white; 
	height : 40px;
	margin-bottom : 30px;
}
.forumSummaryPostMessage {
	font-size : 1em;
	line-height : 130%;
	margin-left : 141px;
	
}
#mainColumn H2.forumSummaryPostTitle {
	font-size : 1.1em;
	line-height : 130%;
	color: #666666;
	margin : 0 0 5px 80px;
}
.forumSummaryPostTitle A {
	color: #666666;
}




.forumSummary,
.forumTopicSummary {
	padding : 10px 0 20px;
	border-bottom : 1px dotted #999999;
	clear : left;
}
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;
}

.forumLinks {
	text-align : right;
	color: #778899;
	font-size : 0.8em;
	clear : both;
	margin-bottom : 15px;
}
.forumLinks A {
	color: #778899;
}

.bottom .forumLinks .replyLink {
	display : none;
}

.forumControls .forumControlsDescription {
	font-style : italic;
	color : #666666;
	font-size : 1.2em;
	line-height : 1.5em;
}
.forumControls .forumControlsContributors .forumControlsContributorsCount {
	color : #808080;
}

.pageControls {
	margin : -2px;
	font-weight : bold;
	height : 19px;
}
.pageControlsIndicator {
	float : left;
}
.pageControlsLinks {
	float : right;
}
.pageControlsLinks A {
	color : black;
	text-decoration : none;
	padding : 3px;
}
.pageControlsLinks A:Hover {
	color : blue;
	text-decoration : underline;
	background-color : white;
}
.pageControlsCurrentPage {
	background-color : #dddddd;
	padding : 3px;
}

.top .pageControls {
	clear:both;
	border-bottom : 2px solid #cccccc;
}

.bottom .pageControls {
	clear:both;
	border-top : 2px solid #cccccc;
}

.topicControlsIcon {
	width : 16px;
	height : 16px;
	margin-right : 10px;
	border-width : 0;
	vertical-align:middle;
}

#topicControlsReportContentButton,
#topicControlsReportContentCancelButton {
	letter-spacing : 2px;
	margin : 0;
	font-size : 1.2em;
	padding : 4px;
	line-height : 1.2em;
}
		
/*
***********************************************************************
** Map / location picker
***********************************************************************
*/

.mapBrowse {
	float : left;
	margin : 10px;
}

#mapBrowseKey {
	float : left;
	margin-left : 10px;
	width : 179px; 
	background-color: #dddddd; 
	border : 1px solid #bbbbbb;
}

#mapBrowseKey LABEL {
	font-size : x-small; 
	float : left; 
	padding : 5px;
	clear : left;
}

#mapBrowseFilter #map_filter,
#mapBrowseLocationSearch #pointkeywords {
	width : 164px;
	font-size : x-small;
}
#mapBrowseFilter BUTTON,
#map_search_button {
	font-size : x-small;
	padding : 3px; 
	line-height : 100%;
}
#mapBrowseFilter #map_filter_clear {
	float : right;
}

#mapBrowseLocationSearch {
	font-size : x-small;
	line-height : 100%;
	float : left;
	margin : 10px 0 0 10px;
	width : 181px; 
	background-color: #dddddd; 
	border : 1px solid #bbbbbb;
}
#mapBrowseLocationSearchSourceControl {
	display : none;
}
#mapBrowseLocationSearch H3 {
	color : #666666;
	line-height : 100%;
	margin : 5px 0 10px;
}
#locationPickerFormNote {
	width : 170px;
}
#locationPickerFormSources {
	width : 220px;
}
#locationPickerFormKeywords {
	width : 220px;
}
#locationPickerFormKeywords INPUT {
	width : 210px;
}
#locationPickerFormButton {
	width : 70px;
}

/*
***********************************************************************
** Experiences
***********************************************************************
*/

#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;
}

/*
***********************************************************************
** Home page
***********************************************************************
*/

#promoLabelHoverBackground,
#promoLabelHoverForeground {
	display:none;
}
#promoLabelHoverBackground UL,
#promoLabelHoverForeground UL {
	list-style-image:url("/whio/image/icons/right_white.png"); 
}
.promo {
	width : 778px;
	height : 330px; 
	position : relative;
	background-color : #3c3c3e;
	overflow : hidden;
	line-height : 1em;
}

.promo IMG {
	position : absolute;
}
.promo .promoLabelForeground,
.promo .promoLabelBackground {
	position : absolute; 
	padding : 8px; 
	right : 10px; 
	top : 10px;
	font-size : 0.75em;
}

.promo .promoLabelBackground,
.promo .promoLabelBackground A:link,
.promo .promoLabelBackground A:visited,
.promo .promoLabelBackground A:link,
.promo .promoLabelBackground A:visited {
	color : black;
	text-decoration : none;
}
.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);
}

.promoBodyForeground,
.promoBodyBackground {
	width : 100%;
	position : absolute; 
	bottom : 0;
}
.promoBodyBackground  {}
.promoBodyBackground DIV  {
	opacity: 0.7;
	filter: alpha(opacity=70);
	background-color: black;
	color: black;
}
.promoBodyForeground DIV,
.promoBodyBackground DIV {
	width : 100%;
	padding : 5px;
	font-style : italic;
	font-size : 1.2em;
	line-height : 1.3em;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.promoBodyForeground DIV {
	color : white;
}
.promoBodyForeground A:link,
.promoBodyForeground A:visited,
.promoBodyBackground A:link,
.promoBodyBackground A:visited {
	color : #a6bdff;
}


.promoStats {
	font-size : 1.5em;
	line-height : 1.7em;
}
.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;
	font-size : 1.4em;
}

.promoStats A:hover,
.promoStats A:hover EM {
	color : white;
	text-decoration : underline;
}



.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;
}

/*
***********************************************************************
** Photographs start page
***********************************************************************
*/

.featurePhotoWrapper {}
.featurePhoto {
	overflow : hidden;
	text-overflow : ellipsis;
	line-height : 0;
}
.featurePhotoImageWrapper {
	margin : 8px;
	float : left;
}
.featurePhoto .shadow1 {
	border-width : 1px;
	border-style : solid;
	border-color : #e5ebee;
}
.featurePhoto .shadow2 {
	border-width : 1px;
	border-style : solid;
	border-color : #d4dadd;
}
.featurePhoto .shadow3 {
	border-width : 1px;
	border-style : solid;
	border-color : #c3c9cc;
}
.featurePhotoFrame IMG {
	border-width : 1px; 
	border-style : solid; 
	border-color : #83a2af; 
	background-color : #ffffff; 
	padding : 8px;
}
.featurePhotoFrameOver IMG {
	border-width : 1px; 
	border-style : solid; 
	border-color : #6699ff; 
	background-color : #ccddff; 
	padding : 8px;
}
.featurePhoto H3 {
	font-size : 1em;
	font-weight : normal;
	margin : 0 0 5px;
}
.featurePhoto .objectMetaData {}
.featurePhoto .objectText {
	float : left;
	width : 170px;
	background-color : #eff3f5;
	border : 1px solid #d6e1e6;
	padding : 10px;
	margin : 10px;
	font-size : 1em;
	line-height : 1.5em;
}
.featurePhoto .objectDescription {
	margin-top : 10px;
}
.featurePhoto .objectLink {}

/*
***********************************************************************
** Place
***********************************************************************
*/

.placePhotographs {
	margin : 2px;
}
.placePhotographs IMG {
	margin : 2px;
	border : 1px solid #808080;
}
.placePhotographs IMG:Hover {
	margin : 2px;
	border : 1px solid #0066cc;
}

/*
***********************************************************************
** GPX file
***********************************************************************
*/

.gpxFileWrapper {
	float : left;
}
.gpxFileWrapper .shadow1 {
	border-width : 1px;
	border-style : solid;
	border-color : #e5ebee;
}
.gpxFileWrapper .shadow2 {
	border-width : 1px;
	border-style : solid;
	border-color : #d4dadd;
}
.gpxFileWrapper .shadow3 {
	border-width : 1px;
	border-style : solid;
	border-color : #c3c9cc;
}
.gpxFileWrapper .map {
	border-width : 1px; 
	border-style : solid; 
	border-color : #83a2af; 
	background-color : #ffffff; 
	padding : 8px;
}

/*
***********************************************************************
** Embedded Google Map
***********************************************************************
*/

.mapWrapper {
	margin : 0 auto;
	width : 515px;
}
.mapWrapper .shadow1 {
	border-width : 1px;
	border-style : solid;
	border-color : #e5ebee;
	width : 513px;
}
.mapWrapper .shadow2 {
	border-width : 1px;
	border-style : solid;
	border-color : #d4dadd;
	width : 511px;
}
.mapWrapper .shadow3 {
	border-width : 1px;
	border-style : solid;
	border-color : #c3c9cc;
	width : 509px;
}
.mapWrapper .mapBlock {
	border-width : 1px; 
	border-style : solid; 
	border-color : #83a2af; 
	background-color : #ffffff; 
	padding : 8px;
	width : 491px;
}

/*
***********************************************************************
** Stripy table
***********************************************************************
*/

.stripyTable,
.stripyTableLeft {
	border : 4px solid #eeeeee;
}
.stripyTable {
	overflow-x : scroll;
}
.stripyTableLeft {
	float : left;
}
.stripyTable TABLE,
.stripyTableLeft TABLE {
	border : 2px solid #999999;
	border-collapse : collapse;
}
.stripyTable TH,
.stripyTableLeft TH {
	color : #666666;
}
.stripyTable TH {
	border-bottom : 1px solid #999999;
}
.stripyTableLeft TH {
	border-right : 1px solid #999999;
}
.stripyTable TH,
.stripyTable TD,
.stripyTableLeft TH,
.stripyTableLeft TD {
	text-align : left;
	padding : 0 4px;
	font-size : 0.8em;
	white-space : nowrap;
}
.stripyTable TD {
	border-right : 1px solid #dddddd;
}
.stripyTableLeft TH,
.stripyTableLeft TD {
	border-bottom : 1px solid #dddddd;
}
.stripyTable TR.stripe0,
.stripyTableLeft TR.stripe0 {
	background-color : #ffffdd;
}

.stripyTable TR.stripe1,
.stripyTableLeft TR.stripe1 {
	background-color : white;
}

/*
***********************************************************************
** Highlight Statistics Box
***********************************************************************
*/

.highlightStatisticsBoxHeading {
	font-size : 2em;
	color : #666666;
	margin : 15px 0;
}

.highlightStatisticsBox {
	padding-bottom : 10px;
	border-bottom : 1px dotted #666666;
	margin-bottom : 15px;
}

.highlightStatisticsBox TH {
	font-size : 1em;
	text-align : right;
	padding : 0 5px 0 0;
	border-right : 1px solid #999999;
	color : #666666;
}

.highlightStatisticsBox TD {
	padding : 0 0 0 3px;
	font-size : 1em;
	color : #999999;
	font-style : italic;
}
.highlightStatisticsBox TD STRONG {
	font-size : 2.7em;
	line-height : 1.2em;
	font-weight : normal;
}

.renderTime {
	color :#999999;
	font-size : 0.8em;
}

/*
***********************************************************************
** User
***********************************************************************
*/

.progressBar {
	background-color : white;
	height : 24px; 
	width : 193px; 
	border : 2px solid black;
}
.progressBar .progress {
	font-weight : bold;
	text-align : center;
	height : 24px; 
	float:left;
	border-right : 2px solid black;
	background-color : green; 
	color : white;
}
.progressBar .progressPerCent {
	padding-top : 4px;
}

/*
***********************************************************************
** Diff
***********************************************************************
*/

.diff {
	width : 100%;
	border : 1px solid #cccccc;
}
.diff TD,
.diff TH {
	vertical-align : top;
	padding : 6px;
}
.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;
} 

/*
***********************************************************************
** Location picker
***********************************************************************
*/

#locationPickerSource_google  {
	background: url('/whio/image/markers/mini/blue.png') left center no-repeat;
	padding : 2px 0 2px 13px;
}

#locationPickerSource_existing_points {
	background: url('/whio/image/markers/mini/red.png') left center no-repeat;
	padding : 2px 0 2px 13px;
}

#locationPickerSource_linz_nzgb {
	background: url('/whio/image/markers/mini/green.png') left center no-repeat;
	padding : 2px 0 2px 13px;
}

/*
***********************************************************************
** Page structure insight
***********************************************************************
*/

#pageStructureInsight {
	border-top : 2px solid #666666;
	background-color : white;
	padding : 20px;
	color : #999999;
	font-size : 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height : 175%;
}
#pageStructureInsightOverview,
#pageStructureInsightContainers {
	border : 1px solid #666666;
	border-collapse : collapse;
	margin : 10px;
}
#pageStructureInsightOverview TH,
#pageStructureInsightOverview TD,
#pageStructureInsightContainers TH,
#pageStructureInsightContainers TD {
	border : 1px solid #666666;
	border-collapse : collapse;
	padding : 0 2px;
	text-align : left;
}
#pageStructureInsightOverview TH {
	background-color : #eeeeee;
}
#pageStructureInsightContainers .containerHeading TH {
	background-color : #999999;
	color : white;
}
#pageStructureInsightContainers .columnHeadings TH {
	background-color : #eeeeee;
}

/*
***********************************************************************
** Trends
***********************************************************************
*/

.growthChart {
	float : left;
}
.growthChart H3 {
	text-align : center;
}

/*
***********************************************************************
** jQuery
***********************************************************************
*/

.ui-dialog {
	font-size : 0.8em;
}

#objectControlsAlertEditor {
	width : 100%;
	height : 100px;
	overflow:auto;
}