﻿/*
Dark Blue - #245481
Light Blue - #B1C3D4
Orange - #DCA80A
Dark Green - #677A38
Light Green - #D2DBB1
Light Yellow - #F6F9DE
*/

body 
{
	font-size: 12px;
	font-family:arial,helvetica,sans-serif; padding-bottom: 10px; padding-top: 0px; margin: 0px; 
	background: #D2DBB1; 
	text-align:center;
}		
h1 { color: #333; font: bold 22px Arial, Helvetica, sans-serif; margin-top: 0px;margin-bottom:0px; }
h2 { font: bold 20px Arial, Helvetica, sans-serif; margin-bottom:5px; margin-top:0px; border-bottom: solid 1px #dddddd; }
h3 { font: bold 18px Arial, Helvetica, sans-serif; color: #677A38; margin-top:0px; margin-bottom: 0px; }
h4 { font: bold 16px Arial, Helvetica, sans-serif; color: #111; margin-top:0px; margin-bottom: 0px; }
h5 { font: bold 13px Arial, Helvetica, sans-serif; margin-bottom: 5px; }
h6 { font: normal 11px Arial, Helvetica, sans-serif; color: #666666; }
p { font: 12px Arial, Helvetica, sans-serif; }
form { padding: 0px; margin: 0px; border: 0px; }
table { border: none; }
th { font: bold 14px Arial, Helvetica, sans-serif; text-align: left; color: #666; background:#D2DBB1;}
td {  } 
ol { font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; }
ul { font: normal 12px Arial, Helvetica, sans-serif; line-height: 12px; margin:0px; padding:0px; list-style:none;}
li { font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; margin-left:5px; padding-left:0px;  }
dt { font: bold 12px Arial, Helvetica, sans-serif; line-height: 18px; }
dd { font: normal 12px Arial, Helvetica, sans-serif; line-height: 18px; }

/* ##################### */
/*      STRUCTURE        */
/* ##################### */
/*****begin header*****/
#header
{
	padding: 0;
	color: #ffffff; 
	background-color: #677A38; 
	background:	#677A38;
	font-size: 12px; 
	font-family: Arial, Helvetica, Sans-Serif; 
	overflow: hidden;
}
#header a:link {color: #ffffff; vertical-align:middle;}
#header a:visited {color: #ffffff; vertical-align:middle;}
#header a:hover {color: #ffffff; background-color: #7C9343; vertical-align:middle;}

/*****begin container*****/
#container {
	/* float: left; */
	width:100%;
	overflow: hidden;	
}

/*****begin footer*****/
#footer {
	background-color: #677A38;
	clear:both;
	color: #ffffff; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Sans-Serif; 
	padding-left:10px;padding-top:10px;padding-bottom:10px;
	overflow: hidden;
}
#footer a:link {color: #ffffff; vertical-align:middle;}
#footer a:visited {color: #ffffff; vertical-align:middle;}
#footer a:hover {color: #ffffff; background-color: #7C9343; vertical-align:middle;}

/* LocationBody */
#LocationBody ul { list-style-type:square; margin-left:15px;}
/* End LocationBody */

/* ##################### */
/*      LINK STYLES      */
/* ##################### */
a:link { color: #245481; font-weight:bold; text-decoration:underline;}
a:visited { color: #245481;font-weight:bold;  text-decoration:underline;}
a:hover { color: #DCA80A;font-weight:bold;  text-decoration:underline;}
a:active { color: #245481;font-weight:bold; text-decoration:underline;}
/*****SiteLink2*****/
a.SiteLink2:link {color: #ffffff; text-decoration:none;}
a.SiteLink2:visited {color: #ffffff; text-decoration:none;}
a.SiteLink2:hover {color: #DCA80A; }
/*****EditLink*****/
a.EditLink:link {color: #DCA80A; }
a.EditLink:visited {color: #DCA80A; }
a.EditLink:hover {color: #DCA80A; }

.ActivityTagCloud a:link { text-decoration:none;}
.ActivityTagCloud a:visited { text-decoration:none;}
.ActivityTagCloud a:hover { text-decoration:underline;}

.SiteMenu a:link { font-size:13px;text-decoration:none;}
.SiteMenu a:visited { font-size:13px;text-decoration:none;}
.SiteMenu a:hover { font-size:13px;text-decoration:underline;}

.HomeLinkLogo a:link { text-decoration:none;}
.HomeLinkLogo a:visited { text-decoration:none;}
.HomeLinkLogo a:hover { text-decoration:none;}

.SelectedPageNumber
{
	padding-left:2px;
	padding-right:2px;
	margin-right:4px;
	margin-left:4px;
	background-color: #245481; 
	color:#ffffff;
	border: solid 1px #cccccc;
}

.PageNumber
{
	font-size:10pt;
	padding-left:2px;
	padding-right:2px;
	margin-right:4px;
	margin-left:4px;
	border: solid 1px #cccccc;
	
}
.PageNumber:hover
{
	background-color:#B1C3D4;
	cursor:pointer;
}
a.PageNumber:link
{
	color: #245481; 
}
a.PageNumber:visited
{
	color: #245481; 
}
a.PageNumber:hover
{
	color: #ffffff;
	text-decoration:none;
	background-color:#245481;
}

.tab { CURSOR: pointer; COLOR: white; TOP: 10px; BACKGROUND-COLOR: #708090; TEXT-ALIGN: center }
.selTab { CURSOR: pointer; COLOR: white; TOP: 10px; BACKGROUND-COLOR: #16425e }
.itemPanel { BORDER-RIGHT: #16425e 2px solid; BORDER-TOP: #16425e 2px solid; VISIBILITY: hidden; OVERFLOW: auto; BORDER-LEFT: #16425e 2px solid;  BORDER-BOTTOM: #16425e 2px solid; HEIGHT: 295px; BACKGROUND-COLOR: white; position:absolute;left:0px;top:43px; width:95%; padding-top:5px;padding-bottom:5px;padding-left:5px;padding-right:5px; }

.ToolTip
{
    BORDER-RIGHT: #000000 3px solid;
    PADDING-RIGHT: 8px;
    BORDER-TOP: #000000 1px solid;
    PADDING-LEFT: 8px;
    PADDING-BOTTOM: 8px;
    FONT: 12px Arial, Helvetica, sans-serif;
    BORDER-LEFT: #000000 1px solid;
    CURSOR: default;
    COLOR: #000000;
    PADDING-TOP: 8px;
    BORDER-BOTTOM: #000000 3px solid;
    POSITION: absolute;
    BACKGROUND-COLOR: #ffffcc;
    TEXT-ALIGN: left
}

.Tip
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    FONT-SIZE: 12px;
    COLOR: #777
}
.Tip_no_font
{
    PADDING-RIGHT: 2px;
    PADDING-LEFT: 2px;
    COLOR: #777
}
.Tip_print_menu
{
    PADDING-RIGHT: 2px! important;
    PADDING-LEFT: 2px! important;
    FONT-SIZE: 12px! important;
    COLOR: #777! important;
    FONT-STYLE: normal! important
}
.Tip_print_menu A
{
    COLOR: #0063dc! important
}


.hourBlock 
{
	background-color: Gray;
	color: Blue;
	width:25px;
}

.searchword 
{
	background-color: yellow;
}


#featuredmembers {margin-top:2em}
#featuredmembers li {float:left;margin-left:4px}
#featuredmembers li a:hover {border:none}

.hdr {margin-bottom:1em}
.hdr h2 {font-size:1.25em;border-bottom:1px solid #ccc;color:#FF6600}
.hdr h2 a {color:#FF6600;border-color:#FF6600}
.hdr p {font-weight:bold;}

.label_class { font-weight:bold; }


/* WY20 map */	
  #WY20Map {width: 356px; height: 176px; background: url(http://static1.whatsyour20.com/images/WY20Map.jpg); margin: 0px 0px 6px 0px; padding: 0; position: relative;}
  #WY20Map li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}
  #WY20Map a {display: block; text-indent: -1000em;}
  
  #united_states {left: 7px; top: 3px; width: 75px; height: 70px;}
  #united_states a {height: 70px;}
  #united_states a:hover {background: url(http://static1.whatsyour20.com/images/WY20Map.jpg) -6px -184px no-repeat;}
  
  #canada {left: 32px; top: 3px; width: 117px; height: 40px;}
  #canada a {height: 40px;}
  #canada a:hover {background: url(http://static1.whatsyour20.com/images/WY20Map.jpg) -31px -366px no-repeat;}
  
  #south_america {left: 60px; top: 87px; width: 64px; height: 85px;}
  #south_america a {height: 85px;}
  #south_america a:hover {background: url(http://static1.whatsyour20.com/images/WY20Map.jpg) -59px -450px no-repeat;}
    
  #mexico {left: 29px; top: 65px; width: 30px; height: 20px;}
  #mexico a {height: 20px;}
  #mexico a:hover {background: url(http://static1.whatsyour20.com/images/WY20Map.jpg) -32px -605px no-repeat;}
  
  #africa {left: 137px; top: 56px; width: 83px; height: 90px;}
  #africa a {height: 90px;}
  #africa a:hover {background: url(http://static1.whatsyour20.com/images/WY20Map.jpg) -149px -197px no-repeat;}
  
  #europe {left: 149px; top: 16px; width: 73px; height: 41px;}
  #europe a {height: 41px;}
  #europe a:hover {background: url(http://static1.whatsyour20.com/images/WY20Map.jpg) -258px -201px no-repeat;}
  
  #caribbean {left: 60px; top: 70px; width: 30px; height: 15px;}
  #caribbean a {height: 15px;}
  #caribbean a:hover {background: url(http://static1.whatsyour20.com/images/WY20Map.jpg) -225px -376px no-repeat;}
     
  #asia {left: 215px; top: 10px; width: 120px; height: 97px;}
  #asia a {height: 97px;}
  #asia a:hover {background: url(http://static1.whatsyour20.com/images/WY20Map.jpg) -220px -422px no-repeat;}
  
  #south_pacific {left: 285px; top: 103px; width: 70px; height: 60px;}
  #south_pacific a {height: 60px;}
  #south_pacific a:hover {background: url(http://static1.whatsyour20.com/images/WY20Map.jpg) -193px -570px no-repeat;}
  
  #middle_east {left: 187px; top: 50px; width: 41px; height: 39px;}
  #middle_east a {height: 39px;}
  #middle_east a:hover {background: url(http://static1.whatsyour20.com/images/WY20Map.jpg) -280px -361px no-repeat;}
    
  #central_america {left: 53px; top: 80px; width: 18px; height: 18px;}
  #central_america a {height: 18px;}
  #central_america a:hover {background: url(http://static1.whatsyour20.com/images/WY20Map.jpg) -306px -594px no-repeat;}
  
  .pointer11 {cursor:pointer;}
  .pointer111 {cursor:pointer;}	
	
/* ############ Live Search Section ############ */
div.auto_complete {
	width: 350px;
	background: #fff;
	z-index: 5000;
}
div.auto_complete ul {
	border:1px solid #888;
	margin:0;
	padding:0;
	width:100%;
	list-style-type:none;
}
div.auto_complete ul li {
	margin:0;
	padding:3px;
}
div.auto_complete ul li.selected { 
	background-color: #ffb; 
}
div.auto_complete ul strong.highlight { 
	color: #800; 
	margin:0;
	padding:0;
}	
/* #########End Live Search Section ############ */
	
	
	/* Rating */
.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

	/* Rating */
.ratingStarReadOnly {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url(http://static1.whatsyour20.com/images/FilledStar.png);
    background-color: #FFFFFF;

}

.emptyRatingStar {
    background-image: url(http://static1.whatsyour20.com/images/EmptyStar.png);
    background-color: #FFFFFF;
}

.savedRatingStar {
    background-image: url(http://static1.whatsyour20.com/images/SavedStar.png);
    background-color: #FFFFFF;
}

.LeftMenuBackground 
{
	/*background: #000000 url(../images/location-background.gif) repeat-y 50% 0;*/
}

.InfoHeader
{
	white-space: nowrap;
	font-weight: bold;
}

.LocationOverview
{
	text-align: justify; 
	padding-bottom: 10px; 
	
}

.locationRating
{
	background-color:White;
	width: 125px;	
	padding-top:1px;
	padding-bottom:10px;
	margin: 0px 0px 0px 0px;
	
	
}

.locationRatingInside
{
	padding-left: 10px;
	margin-top:0px;
	margin-bottom: 15px;
}
/*----------------------------------------------------*/
  
 
.modalProgressGreyBackground 
{
    background:#CCCCCC;
	filter:alpha(opacity=60);
	opacity:0.6;
}

.modalPopup
{
    text-align:center;
    padding-top: 30px; 
    border-style:solid; 
    border-width:1px; 
    background-color:White; 
    width:300px; 
    height:100px;
}

.noborderimg
{
	vertical-align:top;
	border-style: none;
}
.roundedPanel
{	
	background-color: #D2DBB1;	
	font-weight:bold;	
}


.sectionBody
{
  padding: 0 0 0 0; 
  margin:0 0 0 0;
}
.sectionBody ol
{
  padding: 0 0 0 0px; 
  margin: 0 0 0 0px;
}
.sectionBody li
{
  background: #F6F9DE;
  list-style: none; 
  padding: 6px 0 6px 0; 
  border-bottom: 1px dotted #333333;
}

.selectedTab
{
	width:75px;
	padding:5px;
	margin:0px;
	color:White;	
	background-color:#D2DBB1;
	font-size:large;
}
.unSelectedTab
{
	width:75px;
	padding:5px;
	margin:0px;
	font-size:large;
	background-color:#245481;
	color:White;
}
.unSelectedTab a
{
	color:White;
}
.hoverTab
{
	width:75px;
	padding:5px;
	margin:0px;
	background-color:#F0FFFF;
	font-size:large;
}

.locationInfoChild
{
	padding: 5px 5px 10px 5px;
}
