/* -----------------------------------------------------------------------

Lost and Found Screen CSS File
Last Updated: 17 Mar 2011 by TWT

This file provides screen CSS styles, to the Lost and Found section
of the Geocaching Web site.  Please contact webdesign@groundspeak.com
with questions.

----------------------------------------------------------------------- */

/* -----------------------------------------------------------------------
Begin Legacy Styles
----------------------------------------------------------------------- */

* html .png{
azimuth:expression(
this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "',sizingMethod='image')",
this.src = "../images/blank.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "',sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true);
}

/* -----------------------------------------------------------------------
End Legacy Styles

Begin Lost and Found Styles
----------------------------------------------------------------------- */

#Content ul li{
list-style-type:none;
}
* html #disqus_thread{
width:740px !important;
clear:both;
}
#dsq-content .dsq-post-fields table{
*width:700px !important;
}
.BreadcrumbsWidget{
margin-bottom:5px;
}
.LFWarning{
color:#ffff2a !important;
background-color:#666;
border-radius:4px;
-moz-border-radius:4px;
-webkit-border-radius:4px;
}
.WidgetBanner{
margin:1.5em 0;
background:url(/lostandfound/images/LF_banner_home.jpg) no-repeat 0 0;
height:345px;
}
.WidgetBannerSmall{
margin-bottom:1.5em;
background:url(/lostandfound/images/LF_banner_secondary.jpg) no-repeat 0 0;
height:143px;
}
.WidgetBanner h2{
height:170px;
*height:160px;
text-indent:-999999px;
*overflow:hidden;
*margin-top:0;
}
.BannerText{
padding:0 20px 0 20px;
}
.BannerText p{
margin-top:10px;
}
ul#BannerNavigation{
padding:0;
}
ul#BannerNavigation li{
float:left;
margin-left:13px;
list-style-type:none !important;
background-image:url(/lostandfound/images/red_bullet.png) !important;
padding:2px 0 5px 15px;
background-repeat:no-repeat;
background-position:0 3px;
line-height:16px;
}
ul#BannerNavigation #current{
background-image:url(/lostandfound/images/red_star.png) !important;
}
#Content ul#BannerNavigation li a,#Content ul#BannerNavigation li a:link,#Content ul#BannerNavigation li a:active,#Content ul#BannerNavigation li a:hover,#Content ul#BannerNavigation li a:focus,#Content ul#BannerNavigation li a:visited{
color:#fff !important;
text-decoration:none;
font-size:80%;
font-weight:bold;
*font-size:smaller;
}
.WebLinks{
float:right;
}
* html .WebLinks{
width:220px;
}
.Home{
margin-top:1em;
*margin-top:0;
}
#PostButton{
margin:40px 40px 0 0;
padding:0 10px;
}
#Social p{
margin-top:5px;
padding:0;
width:100%;
}
.Widget{
width:755px;
}
.WidgetBodyRounded{
background-color:#666666;
width:100%;
padding-bottom:20px;
-webkit-border-bottom-right-radius:10px;
-webkit-border-bottom-left-radius:10px;
-moz-border-radius-bottomright:10px;
-moz-border-radius-bottomleft:10px;
border-bottom-right-radius:10px;
border-bottom-left-radius:10px;
}
.WidgetContainer{
padding:15px 20px 0px 20px;
}
* html .WidgetContainer{
padding-top:0 !important;
}
h3.WidgetHeader{
height:29px;
background:url('/lostandfound/images/headerrightmid.jpg') no-repeat right top;
display:block;
text-transform:uppercase;
}
* html h3.WidgetHeader{
background:url('/lostandfound/images/headerrightmid.jpg') no-repeat right top;
margin-bottom:-15px;
display:block;
}
h3.WidgetHeader div{
background:url('/lostandfound/images/headercap.jpg') no-repeat left top;
height:33px;
padding-left:20px;
padding-top:10px;
}
.TourMapWidget{
border:2px solid #4c4c4c;
width:63%;
display:inline-block;
margin:12px 0 0 12px;
overflow:hidden;
}
.Post{
background-color:#999999;
padding:10px;
margin-bottom:10px;
}
.Post .PostText,.BannerText p{
width:100%;
width:90%\9 ;
color:White;
font-size:85% !important;
line-height:150%;
}
.IE6Banner{
width:63% !important;
*width:65% !important;
float:left;
}
.July4Celebration{
background:url('/lostandfound/images/HQ10.png') no-repeat left top;
height:200px;
}
.July4Celebration .Post{
background-color:Transparent;
width:230px;
float:right;
padding:2em 1em 1em 0;
font-size:125%;
}
.ShopGroundspeak{
background:url('/lostandfound/images/shop_ad.png') no-repeat left top;
height:200px;
}
.ShopGroundspeak .Post{
background-color:Transparent;
width:230px;
float:left;
padding:1em 1em 1em 2.5em;
font-size:125%;
}
.Post .PostImage{
width:40%;
float:right;
}
.Icon{
padding-right:5px;
vertical-align:middle;
}
.EventDates{
width:33%;
height:500px;
display:inline-block;
float:right;
background-color:#666666;
*margin-top:-233px; /*IE drops div below map*/
}
.Blog{
height:200px;
width:100%;
*margin-top:20px;
}
.ReadMore{
float:right;
}
#Content .ReadMore a,#Content .ReadMore a:link,#Content .ReadMore a:active,#Content .ReadMore a:hover,#Content .ReadMore a:focus,#Content .ReadMore a:visited{
color:#ffffff !important;
text-decoration:none;
font-weight:bold;
}
#Content .Link{
color:#ffffff !important;
text-decoration:underline;
font-weight:bold;
}
.TwitterWidget{
height:200px;
*margin-top:20px;
}
.twtr-doc{
width:100% !important;
}
.scroll-pane{
overflow:auto;
}
#pane{
height:auto;
width:100%;
background-color:#999999;
border:2px solid #4c4c4c;
}
#eventpane{
width:99%;
height:99%;
overflow-x:hidden;
overflow-y:auto;
border:2px solid #4c4c4c;
}
.EventTextWrapper{
background-color:#e1e1e1;
width:100%;
height:500px;
}
.EventText{
padding:10px;
width:64%;
}
* html .EventText{
width:60%;
}
*html #pane{
margin-top:15px;
width:99%;
border:2px solid #4c4c4c;
}
/* Story page */
.StoryWrapper{
background-color:#e1e1e1;
margin:20px 0 0 0;
padding:0;
width:100%;
display:table;
position:relative;
}
.UserDetails{
padding:10px 0 0 15px;
}
.UserDetails h4{
color:#424242;
font-weight:bold;
margin:0;
padding:0;
}
.LFPhoto{
border:1px solid #666666;
margin:15px;
padding:0;
box-shadow:-1px 3px 2px #666;
-mox-box-shadow:-1px 3px 2px #666;
-webkit-box-shadow:-1px 3px 2px #666;
}
* html .StoryDetails{
margin-top:-125px;
}
.StoryText,.LogText{
padding:15px 15px 20px 15px;
word-wrap:break-word;
margin:0;
}
.LogText{
margin:15px;
border:1px solid #999;
background-color:#efefef;
}
.StoryTextWrapper .StoryText{
width:686px;
}
.StoryTextWrapper .LogText{
width:654px;
}
* html .StoryWrapper{
width:720px;
}
* html .StoryTextWrapper{
float:none;
clear:left;
}
* html .StoryTextWrapper .StoryText{
width:95%;
}
.StoryDetails .StoryText{
width:726px;
}
.SuccessMessage,.ErrorMessage{
text-align:center;
padding:1em;
}
.SuccessMessage .Success{
background:url("../images/accept.png") no-repeat 0 0;
padding-left:20px;
}
.ErrorMessage .OldWarning{
background:url("../images/error.png") no-repeat 0 0;
padding-left:20px;
}
.FBookLike{
float:right;
margin:0 0 0 0.5em;
height:21px;
}
#FBLinks{
float:left;
margin:0 0 1em 2em;
*margin-bottom:0;
}
#FBLinks iframe{
height:25px;
width:500px;
float:left;
border:none; 
overflow:hidden;
}
#FBShare{
float:left;
padding-right:5px;
margin-top:2px;
}
.fb_iframe_widget iframe{
vertical-align:middle !important;
}
.ViewMoreLink{
padding:10px 15px 0 0;
position:relative;
float:right;
right:0;
bottom:10px;
}
#Content .ViewMoreLink a,#Content .ViewMoreLink a:link,#Content .ViewMoreLink a:active,#Content .ViewMoreLink a:hover,#Content .ViewMoreLink a:focus,#Content .ViewMoreLink a:visited{
font-weight:bold;
text-decoration:none;
color:#666 !important;
}
#Content .UserDetails a,#Content .UserDetails a:link,#Content .UserDetails a:visited{
color:#424242 !important;
text-decoration:underline;
}
#Content .UserDetails a:active,#Content .UserDetails a:hover,#Content .UserDetails a:focus{
color:#666 !important;
text-decoration:none;
}
/* Dropdown Menu */
#dropdown{ 
position:relative;
*position:absolute;
margin:0 0 20px -20px;
padding:0 0 10px 0;
z-index:1;
}
#dropdown li{ 
font-weight:bold; 
float:left; 
margin-left:1em !important;
zoom:1; 
background:none;
list-style-type:none !important;
}
#Content #dropdown a:hover{ 
background:#000;
color:#fff !important; 
}
#Content #dropdown li a,#dropdown li span{ 
display:block; 
padding:4px 8px;
color:#fff !important;
text-decoration:none;
}
#dropdown li.hover,#dropdown li:hover{ 
position:relative; 
}
#Content #dropdown li.hover a{ 
background:#000;
color:#fff; 
}
#dropdown ul{
list-style-type:none; 
visibility:hidden; 
position:absolute; 
top:22px; 
left:0;
background:#000; 
}
#dropdown ul li{ 
font-weight:normal; 
background:#000;  
border-bottom:1px solid #e1e1e1; 
float:none;
margin-left:0 !important;
padding:3px;
width:350px;
}
#Content #dropdown ul li:hover a,#Content #dropdown ul li.hover a{
color:#ff6600 !important;
}
#Content #dropdown ul li a	{ 
border-right:none; 
width:95%; 
display:inline-block; 
}
#dropdown li:hover > ul{ 
visibility:visible; 
}
/* Add Story Widget */
.addStory{
background-color:#999;
color:#fff;
width:100%;
height:290px;
}
.addStory select,.addStory textarea,.addStory input{
background:#e1e1e1;
resize:none;
margin:0;
padding:0;
}
.addStory span{
padding:0;
}
.addStory #leftColumn{
float:left;
width:46%;
margin:1em;
*overflow:hidden;
}
#leftColumn input{
*margin-left:-1em;
}
.addStory #rightColumn{
float:right;
width:47%;
margin:1em 1em 1em 0;
}
* html #rightColumn,* html #leftColumn{
width:300px !important;
}
#rightColumn textarea{
width:99%;
}
.wide,.wideClick{
width:90%;
}
/*IE dropdown width fix */
.wideClick{
*width:380px;
}
.Message{
text-align:center;
height:40px;
background-color:#999;
color:#fff;
}
.Message .LFWarning{
padding-left:5px;
padding-right:5px;
}
/* Video Player */
.yt_holder{
background:#e1e1e1;
padding:1em 0 1em 0;
width:100%;
}
#ytvideo{
height:420px;
text-align:center;
margin:0 auto;
}
#ytvideo embed,#ytvideo object{
height:403px;
width:670px;
}
#videoListHolder{
width:670px;
overflow:hidden;
margin:0 auto;
}
.prev{
margin-right:10px;
}
ul.videoList{
width:2850px; /* 15 videos horizontally*/
}
.videoList li{
list-style-type:none !important;
margin-left:0 !important;
display:inline-block;
margin-right:1em;
width:175px;
height:150px;
overflow:hidden;
font-size:85%;
float:left;
}
#Content .videoList li a,#Content .videoList li a:link,#Content .videoList li a:visited{
color:#424242 !important;
font-weight:bold;
text-decoration:none;
}
#Content .videoList li a:hover,#Content .videoList li a:focus,#Content .videoList li a:active{
color:#424242 !important;
}
.videoList li img{
display:block;
height:90px;
width:120px;
}
.scroll-links{
float:right;
padding:10px;
margin-right:1em;
}
.scroll-linksPrev{
float:left;
padding:10px;
margin-left:1em;
}
#first,#last{
cursor:pointer;
}
.FloatRight .png{
margin-right:110px;
margin-left:50px;
margin-bottom:20px;
}
* html .FloatRight .png{
margin-right:100px;
margin-left:40px;
}
.FloatLeft .png{
margin-left:60px;
margin-bottom:20px;
}
.Pager{
background-color:#e1e1e1;
padding:5px 0 5px 0;
*margin-top:25px;
}
.pagerlinks,.pagervariables,.pagerdynamiclinks,.pagerlabels{
padding:2px;
color:#000 !important;
font-size:85%;
}
#disqus_thread{
padding:0 15px;
}
*:first-child+html .dsq-popup-body{
padding:0 !important;
}
*:first-child+html .dsq-popup-content{
zoom:1;
overflow:hidden;
}
*:first-child+html .dsq-popup-title{
zoom:1;
overflow:hidden;
}
*:first-child+html .dsq-popup-title h3{
padding:10px 10px 0 10px !important;
}
*:first-child+html .dsq-button-small{
position:relative;
z-index:100;
margin:7px 5px 0 0;
}
*:first-child+html #dsq-login-iframe-wrapper{
margin:10px 2px 10px 10px !important;
border:5px solid #fff;
height:300px !important;
overflow:hidden;
position:relative;
z-index:100;
clear:both;
}
*:first-child+html #dsq-popup-login{
width:405px !important;
margin:-2px !important;
position:relative;
left:0px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
    #dsq-popup-login{
        height:300px !important;
    }
}
.IEMarginFix{
*margin-top:25px;
margin-bottom:0;
}
#Content .IE6Banner a,#Content .IE6Banner a:link,#Content .IE6Banner a:active,#Content .IE6Banner a:hover,#Content .IE6Banner a:focus,#Content .IE6Banner a:visited{
color:#fff !important;
}