body, td {
	font-family: Arial, sans-serif;
	font-size: 11px;
	margin: 0;
	color: #FFF;
}

body {
	padding: 0;
	background: #212121;
}

p,pre {
	font-size: 11px;
	font-family: Arial,sans-serif;
	line-height: 16px;
	margin: 0 0 10px 0;
	padding: 0;
}

.pad5 {
	padding: 5px;
}

.wait {
	padding: 10px;
}

img {
	border: none;
}

form {
	margin: 0;
	padding: 0;
}

textarea {
	border: 1px solid #707070;
	font-family: Arial, sans-serif;
	font-size: 12px;
	background: #fff url("/MuSt/TRMaps.woa/Contents/WebServerResources/inputbg.gif") repeat-x;
}


h1 {
	font-family: Verdana,sans-serif;
	font-size: 16px;
	font-weight: normal;
}

h2 {
	font-family: Verdana,sans-serif;
	font-size: 14px;
	font-weight: normal;
}

h3 {
	font-family: Verdana,sans-serif;
	font-size: 13px;
	font-weight: normal;
}

a {
	color: #8bd708;
}

a:hover {
	text-decoration: underline;
}

.clearer {
	font-size: 1px;
	height: 1px;
	clear: both;
}

#headWrapper {
	height: 120px;
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/head_bg.jpg) repeat-x top left;
}

#mainWrapper {
 	min-height:950px;
	height: auto !important;
	height: 950px;
	background: #727272 url(/MuSt/TRMaps.woa/Contents/WebServerResources/main_bg.jpg) repeat-x top left;
}

#textContent {
	padding: 10px 0 10px 0;
}

#textContent p,
#textContent pre {
	font-size: 12px;
}

#socialbWrapper {
	height: 35px;
	background-color: #333333;
}

#head,
#main,
#socialb,
#footer {
	position:relative;
	width: 940px;
	margin: 0 auto;
}

#head {
	height: 120px;
	background: transparent url(/MuSt/TRMaps.woa/Contents/WebServerResources/head_bg_skyline.jpg) no-repeat top left;
}

#main {
 	min-height:950px;
	height: auto !important;
	height: 950px;
}

#socialb {
	height: 35px;
}

#footer {
	height: 50px;
}

#logo {
	position: absolute;
	top: 50px;
	left: 0;
	width: 291px;
	height: 56px;
}

#mainBox {
	position: absolute;
	top: 20px;
	left:0;
	width: 620px;
	height: 430px;
}

#feedBox {
	position: absolute;
	top: 20px;
	right: 0;
	width: 300px;
	height: 404px;
}

#listBox1 {
	position: absolute;
	top: 480px;
	left: 0;
	width: 300px;
	height: 400px;
}

#listBox2 {
	position: absolute;
	top: 480px;
	left: 320px;
	width: 300px;
	height: 400px;
}

#listBox3 {
	position: absolute;
	top: 480px;
	right: 0;
	width: 300px;
	height: 400px;
}

#bannerZone {
	position: absolute;
	top: 305px;
	left: 0;
	width: 300px;
	height: 90px;
}

#mainBox,
#feedBox,
#listBox1,
#listBox2,
#listBox3 {
	border-top: 4px solid #8BD708;
}

#map {
	width: 620px;
	height: 400px;
}


.map div {
	color: #000;
}

#mapHead,
#activitiesHead,
#featuredGalleriesHead {
	height: 30px;
}

#loginRequiredHint {
	position: absolute;
	top: 50px;
	left: 0;
	font-size: 16px;
	font-weight: bold;
}

#loginRequiredHint p {
	padding-top: 10px;
	font-size: 12px;
	width: 500px;
}

#registerBalloon {
	position: absolute;
	top: 185px;
	left: 0;
	width: 140px;
	height: 113px;
}

#newGallBalloon {
	position: absolute;
	top: 185px;
	right: 0;
	width: 140px;
	height: 113px;
}

#rightBanner {
	position: absolute;
	top: 15px;
	right: 0;
	width: 151px;
	height: 81px;
}

#leftBanner {
	position: absolute;
	top: 16px;
	left: 0;
	width: 151px;
	height: 81px;
}

/* ##### BEGIN Gallery-Styles ##### */

#gallery {
	position: absolute;
	width: 100%;
	height: 430px;
	top: 0;
	left: 0;
}

#gallery .dim {
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
	width: 100%;
	height: 430px;
	opacity:0.85;filter: alpha(opacity=85); -moz-opacity: 0.85;
}

#gallery #galleryContent {
	position: absolute;
	top: 0;
	left: 0;	
	width: 100%;
	height: 430px;
	overflow: hidden;
}

#gallery .padTheContainer {
	padding: 10px;
}

#gallery .padSmall {
	padding: 2px;
}

#galleryThumbContainer {
	position: absolute;
	top: 122px;
	left: 10px;
	width: 600px;
	height: 284px;
	overflow: auto;
	background: #000;
	vertical-align: top;
}

#galleryDescContainer {
	position: absolute;
	top: 35px;
	left: 10px;
	width: 600px;
	height: 80px;
	overflow: auto;
	background: #333;
}

#gallery .wait {
	margin: 100px 0 20px 0;
}

.wait img {
	vertical-align: middle;
}

h1.gallery {
	margin: 0 0 5px 0;
	background: #000;
	width: 580px;
}

#gallery .singleThumb {
	margin: 5px;
	float: left;
}

#gallery .singleThumb a img {
	vertical-align: top;
	width: 84px;
	height: 84px;
}

#gallery .singleThumb a {
	color: white;
	text-decoration: none;
}

#gallery .singleThumb .thumbCaption {
	background-color: #707070;
	width: 84px;
	height: 47px;
	overflow: hidden;
	font-size: 10px;
	line-height: 1.1em;
	cursor: pointer;
}

#gallery .modDateGallery {
	padding: 0 5px 0 10px;
	color: #999;
	float: right;
}

#gallery .thumbComments {
	font-size: 95%;
	color: #333;
}

#gallery #closeThumbGallery {
	position: absolute;
	top: 8px;
	right: 10px;
}

#gallery #closeThumbGallery img {
	vertical-align: middle;
}

#gallery #closeThumbGallery a {
	text-decoration: none;
}

#gallery #recommendGallery {
	position: absolute;
	top: 410px;
	right: 10px;
}

#gallery #voteForGallery {
	position: absolute;
	top: 410px;
	left: 10px;
}

#gallery #viewsOfGallery {
	position: absolute;
	top: 410px;
	left: 130px;
}

#gallery #userOfGallery {
	position: absolute;
	top: 410px;
	left: 225px;	
}

/* +++++++++ Top & Featured Galleries ++++++++++++ */

#featuredGalleriesContainer,
#topGalleriesContainer {
	width: 300px;
	height: 366px;
	overflow:hidden;
	background: #707070;
}

#featuredGalleriesContainer #bottomLineFeatured,
#bottomLineTop5 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 300px;
	background: #000;
	height: 25px;
}


.block {
	clear: left;
	padding: 0 7px;
}

.featured {
	width: 95px;
	float: left;
	height: 140px;
	text-align: center;
	overflow: hidden;
	margin-top: 10px;
}

.featured img {
	border: 2px solid #C9C9C9;
}

#featuredDescription {
	clear: left;
	padding: 0 10px 0 10px;
	height: 50px;
	overflow: hidden;
}

#featuredDescription p {
	padding:0;
}

#featuredGalleriesContainer a {
	text-decoration: none;
}

#featuredGalleriesContainer .capt {
	padding: 0 0 20px 0;
}

#featuredGalleriesContainer a:hover {
	text-decoration: underline;
}

#top5Content .top5even,
#top5Content .top5odd  {
	height: 64px;
	overflow: hidden;
}

#top5Content .top5even {
	background: #5E5E5E;
}

#top5Content .indexNumber {
	width: 65px;
	height: 64px;
	float: left;
	border-right: 1px solid #AFAFAF;
	font-family: Arial,sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #AFAFAF;
	line-height: 64px;
	text-align: center;
}

#top5Content .indexThumb {
	width: 65px;
	height: 64px;
	float: left;
	text-align: center;
}

#top5Content .indexThumb img {
	border: 1px solid #C9C9C9;
	margin-top: 11px;
}

#top5Content .indexInfos {
	width: 165px;
	padding: 17px 0 18px 0;
	float: left;
	overflow: hidden;
}

#top5Content .indexInfos span {
	line-height: 18px;
}

#top5Content .indexInfos .imgTitle {
	white-space: nowrap;
}

#top5Content .indexInfos .imgTitle a {
	text-decoration: none;
}

#top5Content .indexInfos .imgTitle a:hover {
	text-decoration: underline;
}

#top5Content .indexInfos .premsuser {
	padding-right: 5px;
}

.msuser {
	padding-left: 12px;
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/activities_user_icon.gif) no-repeat left top;
	/*color: #8BD708;*/
}

.Tabs {
	width: 300px;
	height: 341px;
	position: relative;
	float: right;
	clear: right;
}

.Tabs .Head {
	background: #C9C9C9;
	position: absolute;
	top: 0;
	left: 0;
	width: 300px;
	height: 24px;
	overflow: hidden;
}

.Tabs .Head a {
	font-family: verdana,sans-serif;
	color: #5e5e5e;
	float: left;
	text-align: left;
	text-indent: 4px;
	text-decoration: none;
	height: 24px;
	line-height: 24px;
}

.Tabs .Head a.tab1 {
	width: 65px;
}

.Tabs .Head a.tab2 {
	width: 100px;
	border-left: 1px solid #AFAFAF;
}

.Tabs .Head a.tab3 {
	width: 133px;
	border-left: 1px solid #AFAFAF;
}

.Tabs .Head a:hover {
	background: #5E5E5E;
	color: #fff;
}

.Tabs .Head a.selected {
	background: #5E5E5E;
	color: #fff;
}


.Tabs .Content {
	position: absolute;
	top: 24px;
	left: 0;
	width: 300px;
	height: 317px;
}

/* ##### END Gallery-Styles ##### */

/* ##### BEGIN Login-Styles ##### */

#login {
	position:absolute;
	z-index: 500;
	top: 8px;
	right:14px;
	width: 231px;
	height: 129px;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #333;
}

#loginContent {
	position:absolute;
	z-index: 502;
	top: 0;
	left:0;
	width: 216px;
	height: 106px;
}

#loginBubble {
	position:absolute;
	z-index: 501;
	top: 0;
	left: 0;
	width: 231px;
	height: 129px;
	background: transparent;
}

#login form {
	padding-top: 12px;
}

.loginFormRow {
	clear: both;
	height: 26px;
}

#login label {
	display: block;
	float: left;
	width: 80px;
	text-indent: 14px;
}

#loginName,
#loginPW {
	float: right;
	width: 130px;
	background: #8BD708;
	border: 1px solid #333;
	font-size: 11px;
	
}

#logoutButtonLink {
	position: absolute;
	top: 70px;
	right: 0px;
}

#loginButtonLink {
	position: absolute;
	top: 76px;
	right: 0px;
}


#loginError {
	position: absolute;
	top:0;
	right:0;
	color: red;
	font-weight: normal;
	font-size: 10px;
}


#joinMLink {
	position: absolute;
	top: 65px;
	left: 16px;
	width: 100px;
	height: 20px;
}

#passwordRecoverLink {
	position: absolute;
	top: 80px;
	left: 16px;
	width: 140px;
	height: 20px;
}

#joinMLink a,
#passwordRecoverLink a {
	font-size: 10px;
	font-weight: bold;
	color: #333;
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/login_link_icon.gif) no-repeat left 4px;
	padding-left: 12px;
	text-decoration: none;
}

#joinMLink a:hover,
#passwordRecoverLink a:hover {
	text-decoration: underline;
}


#loggedInHeadline {
	position: absolute;
	top: 20px;
	left: 14px;
	font-size: 11px;
	font-weight: bold;
	font-family: arial,sans-serif;
	color: #333;
}

#loggedInSubheader {
	position: absolute;
	top: 40px;
	left: 14px;
	font-size: 11px;
	font-family: arial,sans-serif;
	color: #333;
}

#loggedInUser {
	position: absolute;
	top: 70px;
	left: 14px;
	font-size: 12px;
	font-family: arial,sans-serif;
	color: #333;
	font-weight: bold;
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/login_user_icon.gif) no-repeat left 0px;
	padding-left: 20px;
}

/* ##### END Login-Styles ##### */

/* ##### BEGIN SocialBookmarks-Styles ##### */

#socialLinks {
	position: absolute;
	top: 8px;
	left: 320px;
	width: 500px;
	height: 20px;
}

#socialLinks a {
	padding-right: 12px;
}


/* ##### END SocialBookmarks-Styles ##### */

/* ##### Start Activity-Styles ##### */

#activitiesContainer {
	width:300px;
	height:374px;
	overflow:hidden;
	background: #707070;
}

#activities {
	padding: 10px;
}

#activities span.time {
	padding-right: 8px;
	font-size: 10px;
	color: #CCC;
}

#activities span.user {
	font-weight: bold;
	color: #eee;
	padding-left: 12px;
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/activities_user_icon.gif) no-repeat left top;
}

#activities span.icon {
	padding-left: 12px;
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/activities_default_icon.gif) no-repeat left top;
}

#activities div.activity1 span.icon {
	padding-left: 17px;
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/activities_new_gallery_icon.gif) no-repeat left top;
}

#activities div.activity2 span.icon {
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/activities_voted_icon.gif) no-repeat left top;
}

#activities div.activity3 span.icon {
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/activities_viewed_icon.gif) no-repeat left 4px;
}

#activities div.activity6 span.icon {
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/activities_recommend_icon.gif) no-repeat left 2px;
}

#activities div.activity8 span.icon {
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/activities_comment_icon.gif) no-repeat left 2px;
}

#activities div {
	padding: 3px 0;
	font-size: 11px;
	text-indent: -50px;
	margin-left: 50px;
}


#activities div.activity1 {

}
#activities div.activity2 {

}
#activities div.activity3 {

}

/* ##### END Activity-Styles ##### */


/* ##### START Box-Head Styles ##### */

.genericBoxHead {
	height: 30px;
	line-height: 30px;
	background-color: transparent;
	overflow: hidden;
}

.genericBoxHead h1 {
	font-size: 16px;
	font-weight: normal;
	padding:0;
	margin:0;
}

#activitiesHead h1 {
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/activities_icon.gif) no-repeat right 8px;
}

#mapHead h1,
#topGalleriesHead h1  {
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/map_icon.gif) no-repeat right 8px;
}

#featuredGalleriesHead h1 {
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/featured_icon.gif) no-repeat right 8px;
}

#searchHead h1 {
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/search_icon.gif) no-repeat right 8px;
}
/* ##### END Box-Head Styles ##### */

#editor .section h2 .initial {
	background: #8BD708;
	color: #fff;
	font-weight: bold;
	padding: 0 4px;
}

#editor h1 {
	margin-top:0;
	padding-top: 20px;
}

#editor .section {
	position: relative;
	margin-top: 20px;
	padding: 0 10px 10px 10px;
	border-top: 4px solid #8BD708;
	background: #5E5E5E;
}

#editor .section h2 {
	font-size: 14px;
	padding: 0;
	margin:0;
	height: 30px;
	line-height: 30px;
}

#editor .section label {
	padding: 3px 0 0 .75em;
}

#editor .section .field {
	float: left;
	clear: left;
}

* html #editor .section .field {
	position: relative;
}

#editor .section input.text {
	width: 400px;
	border: 1px solid #707070;
	font-family: Verdana, sans-serif;
	font-size: 12px;
	background: #fff url("/MuSt/TRMaps.woa/Contents/WebServerResources/inputbg.gif") repeat-x;
}

#editor .section textarea.desc {
	width: 400px;
	height: 80px;
}

#editor #title {
	font-weight: bold;
}

/* ##### BEGIN FindPlace-Styles ##### */

#findPlace {
	height: 210px;
}

#findPlace .error {
	color: #dd7f3a;
	font-weight: bold;
}

#findPlace .success {
	color: #8BD708;
	font-weight: bold;
}

#findPlaceMap {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 400px;
	height: 200px;
}

#addressField {
	
}

#findPlaceMessage {
	background: #707070;
	padding: 5px;
	width: 391px;
	height: 148px;
}


/* ##### END FindPlace-Styles ##### */

/* ##### BEGIN search-Styles ##### */

#searchContent {
	background: #707070;
	height: 125px;
	border-bottom: 25px solid black;
}

#searchContent #search {
	position: absolute;
	top: 38px;
	left: 10px;
	width: 210px;
	height: 17px;
	border: 1px solid #707070;
	background: #fff url("/MuSt/TRMaps.woa/Contents/WebServerResources/inputbg.gif") repeat-x;
}

#searchContent #searchSubmit {
	position: absolute;
	top: 38px;
	right: 10px;
	width: 57px;
	height: 19px;
}

#searchResult {
	position: absolute;
	top: 65px;
	left: 10px;
	height: 80px;
	width: 280px;
	overflow: auto;
	background: #5E5E5E;
}

#searchResult table {
	overflow: hidden;
}

#searchResult td.imgCell {

}

#searchResult td.imgCell img {
	border: 1px solid #C9C9C9;
	padding: 2px;
}

#searchResult td.captionCell {

}

#searchResult td.userCell .msuser {
	padding-left: 12px;
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/activities_user_icon.gif) no-repeat left top;
	color: #8BD708;
}

#searchResult td.captionCell a {
	text-decoration: none;
}

#searchResult td.captionCell a:hover {
	text-decoration: underline;
}


/* ##### END search-Styles ##### */

/* ##### START Recommendation-Styles ##### */

a.recommend {
	padding-left: 14px;
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/activities_recommend_icon.gif) no-repeat left 2px;
}

.recommendMain {
	text-align: center;
	width: 300px;
	background: #000;
	height: 26px;
	line-height: 26px;
	font-weight: bold;
}

#recommendationLinkContainer {
	position: absolute;
	top: 440px;
	left: 640px;
}


#recommendationFormContainer {
	position: absolute;
	top:150px;
	left:50px;
	z-index: 2000;
	background: #333;
	color: #000;
	overflow: hidden;
}

#recommendationForm {
	margin: 0;
	padding: 0;
	clear: both;
}


#recommendationFormContent {
	border: 4px solid #8BD708;
	padding: 10px 10px 20px 10px;
	color: #FFF;
}

#recommendationInnerContainer {
	border-top: 4px solid #8BD708;
	width: 430px;
}

#recommendationInnerContainer h2 {
	font-size: 16px;
	font-weight: normal;
	margin: 5px 0 10px 0;
}

#recommendationFormContent .row7 {
	clear: both;
	padding-top: 20px;
}

#recommendationFormContent .row7 textarea {
	width: 425px;
	overflow: auto;
}


#recommendationFormContent .row8 {
	padding-top: 10px;
}

#recommendationFormContent .row1,
#recommendationFormContent .row2 {
	display: none;
}

#recommendationFormContent .row3,
#recommendationFormContent .row5 {
	float: left;
	width: 175px;
}

#recommendationFormContent .row3 input,
#recommendationFormContent .row5 input {
	width: 170px;
	background: #fff url("/MuSt/TRMaps.woa/Contents/WebServerResources/inputbg.gif") repeat-x;
	border: 1px solid #707070;
}

#recommendationFormContent .row4,
#recommendationFormContent .row6 {
	float: right;
	width: 215px;
}

#recommendationFormContent .row4 input,
#recommendationFormContent .row6 input {
	width: 210px;
	background: #fff url("/MuSt/TRMaps.woa/Contents/WebServerResources/inputbg.gif") repeat-x;
	border: 1px solid #707070;
}

#recommendationFormContent label {
	display: block;
	margin: 10px 0 3px 0;
	font-size: 11px;
	font-family: arial,sans-serif;
}



a#recommendCloseWindow {
	position: absolute;
	top: 26px;
	right: 16px;
	text-decoration: none;	
}

a#recommendCloseWindow  img {
	vertical-align: middle;
}



#recommendSaveButton {
	float: left;
}

.errorForm {
	background: #E88C4A!important;
}

/* ##### END Recommendation-Styles ##### */

/* ##### BEGIN Footer-Styles ##### */

#footerLinks {
	position: absolute;
	top: 20px;
	left:0;
	width: 800px;
	height: 40px;
}

#footerLinks ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

#footerLinks ul li {
	float: left;
}

#footerLinks ul li.last a {
	border-right: none;
}

#footerLinks ul li.first a {
	padding-left: 0;
}

#footerLinks ul a {
	color: white;
	text-decoration: none;
	font-size: 10px;
	line-height: 14px;
	border-right: 1px solid white;
	padding: 0 10px 0 10px;
}

#footerLinks ul a:hover {
	text-decoration: underline;
}


/* ##### END Footer-Styles ##### */


/* ##### BEGIN About-Styles ##### */

body#popup {
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/about_bg.jpg) no-repeat left top;
}

#popupContent {
	padding: 130px 20px 20px 15px;
}

/* ##### END About-Styles ##### */

#delImgList {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 410px;
}

#uploadDialog {
	position: relative;
}

#uploadDialog #hint {
	position: absolute;
	right: 0;
	top: 10px;
	width: 390px;
	padding: 5px;
	height: 200px;
	background: #707070;
}

#uploadResults {
	height: 220px;
	overflow: auto;
}

#wait {
	position: absolute;
	width: 32px;
	height: 32px;
	background: url("/MuSt/TRMaps.woa/Contents/WebServerResources/waitanimation.gif") no-repeat;
}

#uploadResults .wait {
	padding-left: 40px;
}

#uploadResults div.hint {
	border-bottom: 2px solid #ccc;
	background: #707070;
	padding: 0 0 2px 0;
}

#editImages div.item,
#uploadResults div.item {
	border-bottom: 1px solid #ccc;
	height: 40px;
	padding: 2px 0;
	clear: left;
}
#uploadResults .errorimg {
	width: 40px;
	height: 40px;
	background: #dd7f3a;
	float: left;
	margin-right: 1em;
}

#editImages div img,
#uploadResults div img {
	float: left;
	border: none;
	margin-right: 1em;
}

#editImages div.item input,
#uploadResults div.item input {
	margin-top: 10px;
}

#editImages {
	width:100%;
	height:200px;
	overflow:auto;
	background: #707070;
}

#editor #editImages div.item input.caption {
	width: 300px;
}

/* Voting */

#votingFormContainer {
	position: absolute;
	top:100px;
	left:50px;
	z-index: 2005;
	background: #333;
	color: #fff;
	overflow: hidden;
	border: 2px solid #fff;
	padding: 5px;
}

#votingSlider {
	float: left;
	display: block;
	background: url("/MuSt/TRMaps.woa/Contents/WebServerResources/voting-bg.gif") -55px 0;
	width: 55px;
	height: 13px;
}

#votingValue {
	font-weight: bold;
	padding: 0 1em;
	color: #8BD708;
}


a.concern {
	padding-left: 14px;
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/icon_concern.gif) no-repeat left top;
}

a.comment {
	padding-left: 14px;
	background: url(/MuSt/TRMaps.woa/Contents/WebServerResources/activities_comment_icon.gif) no-repeat left 2px;
}

#commentContainer {
	position: absolute;
	top:100px;
	left:50px;
	border: 4px solid #8BD708;
	padding: 10px;
	width: 400px;
	height: 300px;
	z-index: 2007;
	background: #333;
	color: #fff;
}

#commentContainer h1 {
	margin: 0 0 6px 0;
	padding: 4px 0 0 0;
	border-top: 4px solid #8BD708;
}

#commentContainer .head {
	height: 100px;
}

#commentContainer textarea {
	width: 280px;
}

#commentContainer input {
	position: relative;
	top: -10px;
}

#commentContainer .comments {
	height: 200px;
	overflow: auto;
}

#commentContainer .headline {
	color: #ccc;
}

div.comment {
	padding: 8px 0;
	border-bottom: 1px dotted #ccc;
}

div.comment .content {
	padding-left: 11px;
}

#commentContainer a.close {
	position: absolute;
	top: 20px;
	right: 10px;
	text-decoration: none;
}
a.close img {
	vertical-align: middle;	
}



/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 1600; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1601; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("/MuSt/TRMaps.woa/Contents/WebServerResources/prevlabel.gif") left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("/MuSt/TRMaps.woa/Contents/WebServerResources/nextlabel.gif") right 50% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 77px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 1500; width: 100%; height: 500px; background-color: #000; }