/************************* Layer Legends ******************************************/
#legend-list {
list-style: none;
margin: 0;
padding: 0;
}

#legend-list td {
position:relative;
padding: 0px 25px 0px 0px;
}

#legend-list img, #legend-list input {
margin-bottom: -3px;
}

#legend-list input {
vertical-align: top;
}

.layer-expand {
cursor: pointer;
}

.legend-extra {
position: relative;
width: 290px;
background: #ffffff;
z-index: 999;
padding: 5px;
margin: 0px auto;
}

.legend-extra a:hover {
background: #ffffdf;
}

#panoramio-extra a, #flickr-extra a, #youtube-extra a {
width: 68px;
height: 68px;
}

#panoramio-extra a:hover, #flickr-extra a:hover, #youtube-extra a:hover {
background: #ff9900;
}

/************************* Category Content ******************************************/
.category-header {
position: relative;
font-family: georgia, serif;
font-size: 1.6em;
font-weight: normal;
padding: 5px 0px;
margin: 5px 0px;
}

.category-bline {
border-bottom: 1px solid #b5b5b5;
}

.category-credit {
font-size: 80%;
color: #a5a5a5;
}

/**********************************************************************************/

.chrome-header {
margin: 0px;
overflow: hidden;
/*background: url(../images/library/bg/bg-chrome-header.png) repeat-x top left;*/
vertical-align: middle;
}

.chrome-header span {
/*background: url(../images/library/bg/bg-chrome-header.png) repeat-x top right;
line-height: 31px;*/
font-size: 17px;
font-weight: bold;
color: #000000;
display:block;
}

#search-button, #search-box {
font-size: 0.9em;
}

#location-input {
width: 250px;
}


#intro-location-input {
width: 240px;
}

#intro-message {
z-index: 9999;
}

#search-button, #intro-search-button {
cursor:pointer;
position: absolute;
left: 240px;
top: -2px;
}

#content-toggle {
font-size: 1.0em;
}

#content-toggle a {
padding: 3px;
}

#content-toggle a:hover {
text-decoration:none;
background: #f1f1f1;
}

#content-toggle a.sel {
background: #efefef;
}

#content-toggle img {
margin-top: -2px;
}

#content-syndication {
position:absolute;
right: 20px;
bottom:-5px;
}

#map-box {
overflow:hidden;
}

.content-box {
display:block
}

.content-box h2, .photo-box h2 {
/*background: url(../images/library/bg/bg-content-title.png) repeat-x top right;*/
color: #333;
padding: 4px 8px;
margin-bottom: 0px;
font-size: 1.1em;
/*border-left: 1px solid #c5c5c5;*/
}

.content-box-right {
margin: 0px;
}

.photo-box {
width: 900px;
height: 175px;
}

.bookmark-box {
width: 900px;
height: 175px;
}

.content-box, .photo-box {
position:relative;
}

.content-box-wrapper {
position:relative;
height: 400px;
border: 1px solid #c9c9c9;
padding:0px;
}

.photo-box-wrapper {
position:relative;
border: 1px solid #c9c9c9;
padding:0px;
background: #fff;
padding: 5px 0px;
}

.content-box-content {
background: #fff;
height: 384px;
padding: 8px;
overflow-y: auto;
overflow-x: hidden;
}

.content-element {
-moz-border-radius:8px;
-webkit-border-radius:8px;
padding:4px;
border: 3px solid #858585;
background: #F3F9F6;
}

.content-element:hover {
background: #ffffef;
}

.content-box-credit {
position: absolute;
bottom: 0px;
left:0px;
background: transparent url(../images/library/bg/bg-source.gif) repeat-x top right;
color: #fff;
font-size: 0.8em;
padding: 2px 4px;
}

.content-box-credit a {
color: #fff;
font-weight:bold;
}

.photo-list {
padding: 0px 5px;
}

.photo-list ul {
list-style: none;
padding: 5px;
}

.photo-list li {
list-style: none;
float: left;
display: inline;
padding: 0px 16px 0px 0px;
}

.box-break {
clear:both;
width: 100%;
height: 15px;
}

.reference-title {
font-weight:bold;
}

.thumb {
display: block;
text-align: center;
}

#ads {
width: 750px;
margin: 0px auto;
}



/************************************************ MAP Styling ****************************************************/
#map-wrapper {
float: left;
height: 540px;
position: relative;
width: 700px;
}

#theme-extra {
float:left;
width: 0px;
height: 430px;
border: 1px solid #b5b5b5;
overflow-x: hidden;
overflow-y: auto;
}

#map {
width: 100%;
height: 100%;
border: 1px solid #c5c5c5;
}

#loading-msg {
background: #fe7000;
color: #fff;
opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8;
padding: 5px 10px;
position: absolute;
top: 1px;
right: -1px;
z-index: 999999;
}

#photos-toggle {
background: #fff;
border: 1px solid #000;
padding: 3px;
}


.infowindow {
width: 320px;
padding: 10px 5px 5px 5px;
}

.wikipedia-window {
width:430px;
height: 330px;
}

.eventful-window {
width:340px;
height: 240px;
}

.nodisp {
display:none;
}

.loader {
text-align:center;
background: url(../images/library/bg/bg-loading.gif) 50% 50% no-repeat;
}

#mash-status {
position: absolute; top:0px; left:0px; width:100%; background: #fff; color: #ff3300; font-weight: bold; padding: 5px 0px; text-align:center; font-size: 110%; border: 1px solid #c5c5c5;
opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9;
}

#link-wrapper {
z-index: 9999;
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
margin:0px;
text-align:center;
padding-top:150px;
background: url(http://www.mapdango.com/images/library/bg/bg-prefs.png);
}

/***************************************** MINIMIZE STYLE ******************************************/
#minimize-wrapper {
cursor: pointer;
float: left;
height: 540px;
margin-left: 5px;
width: 13px;
}

.minimize-arrow {
background: url(../images/library/icons/gx_arrow_right.gif) no-repeat 50% 50%;
}

.maximize-arrow {
background: url(../images/library/icons/gx_arrow_left.gif) no-repeat 50% 50%;
}

/***************************************** INFO SIDEBAR STYLE ******************************************/
#info-wrapper {
float: right;
width: 230px;
padding: 0px 0px 0px 10px;
}

#opacity-control {
background: #fff;
border : 1px solid #000;
display: none;
font-family: arial, sans-serif;
padding: 3px 6px;
width: 135px;
}

#opacity-slider-wrapper {
width: 115px;
padding: 0px 0px 3px 0px;
}

#twitter-wrapper, #friendfeed-wrapper {
width: 470px;
}

#twitter-wrapper {
float: left;
}

#friendfeed-wrapper {
float: right;
}

.user-map-link {
-moz-border-radius:4px;
-webkit-border-radius:4px;
background: #75d812;
color: #fff;
display: block;
padding: 6px;
text-align: center;
}

.user-map-link:hover {
background: #65d612;
color: #f1f1f1;
}

.user-map-link-added {
background: #6d967f;
}

.user-map-link-added:hover {
background: #67927f
}

.other-user-count {
-moz-border-radius:20px;
-webkit-border-radius:20px;
background: #545454;
color: #fff;
font-size: 122%;
height: 32px;
margin: 5px 3px 0px 0px;
padding: 3px 8px 3px 8px;
text-align: center;
width: 32px;
}


/***************************************** MARKER TOOL TIPS STYLE ******************************************/
.tipbox { 
  background: #F1F1F1;
  border: 1px solid #666666;
  width:120px;
}
.boxcontent {
  padding: 3px;
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  font-weight: 500;
  margin-right: 20px;
}



/**************************************************** Autocomplete Styling ***********************************/

.ac_results {
background: #fff;
color: #555;
padding: 1px;
border: 1px solid #b5b5b5;
} 

.ac_results ul {
list-style: none;
margin: 0;
padding: 0;
border: none;
border-top: 1px solid #555;
}

.ac_results li {
padding: 5px 5px 5px 0.5em;
border-left: 1px solid #555;
border-right: 1px solid #555;
border-bottom: 1px solid #555;
background-color: #ffffff;
color: #555;
cursor: pointer;
}