﻿.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

html {margin:0; padding:0;}

body
{
    background: #cecece url(/images/greygoose_background.jpg) repeat-x;
    font-family: Arial, Helevtica, sans-serif;
    font-size: 62.5%;
    text-align:center;
    margin:0;
    padding:0;
}

a:hover, a:active, a:focus {
    outline: none;
}

a img { border: 0; }

#sitecontainer 
{
    margin: 0 auto;  
    padding:0;  
    width:1074px;
}

.appcontainer {
    background: url(/images/gg_container.jpg) no-repeat;
    width: 1018px;
    height: 1074px;
    margin: 0 auto;
    text-align: left;
    position: relative;
}


div#externalHeader {
    height: 50px;
    padding: 0 20px;
}

div#externalHeader div {
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#externalHeader img {
    position: absolute;
    left: 0;
    width: 80px;
    height: 26px;
    margin-top: 12px;
}

#externalHeader ul {
    position: absolute;
    left: 80px;
    top: 8px;
    margin: 10px 0;
}

#externalHeader li {
    display: inline;
    margin-left: 37px;
}

#externalHeader li a {
    color: #3F3F3F;
    font-family: Verdana;
    font-size: 11px;
    text-decoration: none;
}

#externalHeader li a:hover {
    color: #8b8b8b;
}

.header 
{
    width:1001px;
    height:206px;  
    padding:0;
}

.headerimage 
{
    padding: 0 0 0 7px;
}

.headerimage img { border: 0; }

.headerimage a#corpLogo {
    position: absolute;
    left: 676px;
    top: 145px;
}

#map {
    height: 395px;
    margin: 0;
    padding: 0;
    z-index:3;
}

.uppersection
{
    margin: 0;
    padding: 0 0 0 8px;
    width:978px;
    text-align: left;
}

.starsightings
{
  background:url(/images/recent-sightings.jpg) no-repeat;
  width:298px;
  height:450px;
  float:left;
  margin: 9px 0 0 0;
  padding: 0;
}

.searchcontrolarea
{
   text-align:left;
   width: 656px;
   float:left;
}

.mapcontrol 
{
    width:650px;
    height: 465px;
    float:left;
    position: relative;
    padding: 12px 11px;
}

ul.staroptions 
{
    list-style-type:none;
    margin: 0;
    padding: 10px 0 0 0;
    float:left;
}

ul.staroptions li 
{
    float:left;
}

.etalk 
{
    background:url(/images/etalk.png) no-repeat;
    width:113px;
    height:34px;
}

.greygoosemasters 
{
    background:url(/images/greygoose.png) no-repeat;
    width:139px;
    height:34px;
}

.hotels 
{
    background:url(/images/hotels.png) no-repeat;
    width:108px;
    height:34px;
}

.restaurants 
{
    background:url(/images/restaurant.png) no-repeat;
    width: 127px;
    height:34px;
}

.bars 
{
    background:url(/images/wineglass.png) no-repeat;
    width: 80px;
    height:34px;
}

.others 
{
    background:url(/images/others.png) no-repeat;
    width: 83px;
    height:34px;
}



.checkbox
{
    float:left;
    height:28px;
   
    margin-right:18px;
}

.checklocations 
{
    background: url(/images/checklocationstosee.png) 0 0 no-repeat;
    width:151px;
    height:18px;
    position: absolute;
    margin: 0;
    padding: 0;
    top: 392px;
    left: 9px;
    z-index: 10000;
}

.shadows 
{
    background:url(/images/shadows.png) no-repeat;
    position:relative;
    z-index:200;
    width:651px;
    height:450px;
    top:-403px;
    left:9px;   
}

.locationtext 
{
    position:relative;
    top: -7px;
    text-transform:uppercase;
    color:#243b98;
    font:10px Arial, Helvetica, sans-serif;
}

/* navigation start */
#ctvMiniNav2007 {
        height: 21px !important;
        margin: 0 0 0px 18px;
        background-image: url(/images/mininav_black_bkg.jpg);
        background-repeat: repeat-x;
        width: 963px;
}

.ctvLogo {
	width: 71px;
}

#ctvMiniNav2007 ul#mainBlack {
	margin: -23px 0px 2px 71px;
	padding: 0px;
}

#ctvMiniNav2007 ul#mainBlack li {
	float: left;
	list-style-type: none;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px !important;
	padding: 4px 23px 0px 23px;
	background-image: url(/images/mininav_black_bkg.jpg);
	background-repeat: repeat-x;
	text-transform: uppercase;
}

#ctvMiniNav2007 ul#mainBlack li a:link {
	color: #fff;
	text-decoration:none;
}

#ctvMiniNav2007 ul#mainBlack li a:visited {
	color: #fff;
	text-decoration:none;
}

#ctvMiniNav2007 ul#mainBlack li a:active {
	color: #fff;
	text-decoration:none;
}

#ctvMiniNav2007 ul#mainBlack li a:hover {
	color: #fff;
	text-decoration: underline;
}

#ctvMiniNav2007 ul#mainBlack li.redBkg {
	background-image: url(/images/mininav_red_bkg.jpg);
	background-repeat: repeat-x;
	float: left;
	list-style-type: none;
	list-style: none;
	font-weight: bold;
}
/* navigation end */

.starsightingcontainer 
{
    height: 364px;
    overflow:auto;
    margin-top:40px;      
}


.starsightingcontainer ul 
{
    list-style-type:none;
    margin: 0;
    padding: 0 0 0 10px;  
}

.starsightingcontainer ul  li
{
    width:268px;
    text-align:left;  
    margin-bottom: 12px;
}

.starsightingcontainer ul  li.alt
{
    background: #e4e4e4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.starsightingcontainer li ul.social
{
    margin: 0;
    padding: 0;
    clear: both;
}

.starsightingcontainer li ul.social li
{
    margin: 10px 10px 0 0;
    float: left;
    width: auto;
    background: #eae9e9;
    border: 1px solid #dedede;
    padding: 3px 5px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
}

.starsightingcontainer li ul.social li a
{
    color: #666666;
    display: block;
    padding: 0 0 0 16px;
}

.starsightingcontainer li ul.social li.facebook a
{
    background: url(../images/social_icon_sprite.png) 0 1px no-repeat;
}

.starsightingcontainer li ul.social li.twitter a
{
    background: url(../images/social_icon_sprite.png) 0 -10px no-repeat;
}



.starcontentarea 
{
    width:244px;
    margin-left:12px;
    padding: 5px 0;
}

.starname 
{
    font: 12px Arial, Helvetica, sans-serif;
    color:#0068b3;
}

.starlocation
{
   font: 11px Arial, Helvetica, sans-serif;
   color:#000;
}

.stardate, .starsubmitname
{
   font: 10px Arial, Helvetica, sans-serif;
   color:#888;
}

.starsubmitname
{
    padding-bottom: 6px;
    border-bottom: 1px dashed #d0d0d0;
}


.starinfo
{
    margin-top: 6px;
    color:#555;
    font:1.1em Arial, Helvetica, sans-serif;
    overflow:hidden;
}

.middlesection
{
    padding: 0 0 0 8px;
    margin: 0;
    text-align: left;
}

.sightsubmitform
{
    float:left;
    width:302px; 
    margin: 0;
    padding: 0 0 0 17px;
    text-align:left;
    position: relative;
}

.formheader
{
    position:relative;
    z-index:4000;
}

.sightsubmitform .formheader h3 
{
   margin: 0 0 5px;
   text-indent: -9999px;
   width:289px; 
   height: 18px;
   overflow:hidden;
   background: url(/images/enterstarsightingshere.jpg);
}

.sightsubmitform ul 
{
    list-style-type:none;
    padding: 0 0 0 5px;
    margin: 0;
}

.sightsubmitform ul li 
{
    width:316px;
    padding: 0 0 5px 0;
}

.searchcontent 
{
    width: 304px;
}

.lowersection
{

}


.searchtitle h3 
{
    margin: 0 0 5px 0;
	width:295px;
	height:19px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(/images/stars.jpg) no-repeat;
}

.searcharea 
{
    background: url(/images/searchbackground.jpg) no-repeat;
    width: 307px;
    height: 63px;
}



.searchareacontentform input 
{
    background:none;
    border: 0;
    font: bold 15px Arial, Helvetica, sans-serif;
    color:#0068b3; 
    float: left;
    margin: 21px 0 0 18px;
}

.searchbtn 
{
    border:0;   
    margin: 12px 12px 0 0;
    float: right;
    width: 38px;
    height: 38px;
    display: block;
    background: url(/images/searchbtn.png) 0 0 no-repeat;
}

#searchwidgetarea
{
    background: url(/images/searchwidgetbackground.jpg) no-repeat;
    height:163px;
    z-index:12;
    position: absolute;
    top: 805px;
    left: 12px;
}

.searchwidget 
{
    width:272px;
    padding: 15px;
    height:102px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.advertisingarea 
{
    float:right;
    margin-top: 30px;
    width: 337px;
}

ul.cloudcontent 
{
    list-style-type:none;
    padding: 0;
    margin: 0;
}

ul.cloudcontent li 
{
    float:left;
    height: 20px;
    margin-right: 5px;
}

ul.cloudcontent li a:link , a:visited, a:active
{
    color:#444;
    text-decoration:none;
    text-align:left;
} 


ul.cloudcontent li a:hover
{
    color:#444;
    text-decoration:underline;
    text-align:left;
}

.clouds
{
    text-align:left;
}

.sharewidget
{
    padding: 8px 15px;
    margin: 0 0 15px 0;
    background: #e4e4e4;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.sharewidget .twitter
{
    clear: both;
    display: block;
    margin-top: 5px;
}

.adleft 
{
    float:left;
    margin: 0px 7px 0px 0px;
}

.adright
{
    float:left;
    margin: 0;
}

.adright #greygooseclick
{
    display: block;
}

.searchsection 
{
    float:left;
    margin: 0 0 0 5px;
}

.formleft 
{
    color:#0068b3;
    float:left;
    width: 110px;
    margin: 5px 0 0 0px; 
    font: 10px Arial, Helvetica, sans-serif;
    text-transform:uppercase;   
    text-align:left;
}

.formright
{
    float:left;
    width: 200px;
    text-align:right;
}

.formright input 
{
    background: url(/images/inputformbase.jpg) no-repeat;
    border:0;
    width: 180px;
    height: 22px;
    float:left;
    text-indent: 3px;
}

.formright textarea
{
    background: #ecedef;
    border:0;
    width: 180px;
    float:left;
    text-indent: 3px;
}


.formright input.comment 
{
    background: url(/images/commentformbase.jpg) no-repeat;
    border:0;
    width: 185;
    height: 53px;
    float:left;
    text-indent: 3px;
}

.nocase 
{
  text-transform:none;
}

#submit-sightings-form h3
{    
    font: bold 11px Arial, Helvetica, san-serif;
    margin: 0 0 0 5px;
    color: #555;   
}


.formleft button 
{
    background:none;
    color:none;
    border:0;
}

.agreement 
{
    float: left;
    text-align:left;
    font: 10px Arial, Helvetica, sans-serif;
    color: #777;
    padding: 0;
    margin: 0;
    width: 180px;
}

.agreement a 
{
    text-decoration:underline;
    color: #777;
}

.greygooseoverlay 
{
    background: url(/images/blue-overlay.png) no-repeat;
    width:976px;
    height: 394px;
    position:absolute;
    z-index: 50000;
    left: 12px;
    top: 670px;
}

.gooseoverlayheader 
{
    background: url(/images/greygooseoverlayheader.jpg) no-repeat;
    width:354px;
    height:31px;
    margin: 10px 0 25px 10px;
}

.greygoosecontent 
{
    width:962px;
    margin: 0 0 0 20px
}

p.drink_description
{
    height: 70px;
    margin: 0;
    padding: 0;
}

p.ingredients
{
    margin: 0 0 20px 0;
    padding: 12px 0;
}

.method p
{
    margin: 0;
    padding: 12px 0;
}

.drink1 h1, .drink2 h1, .drink3 h1 
{
    text-transform:uppercase;
    font: 12px Arial, Helvetica, sans-serif;
}

.drink1 h3, .drink2 h3, .drink3 h3
{
    text-transform:uppercase;
    font: 10px Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
    
}

.drink1 ul, .drink2 ul, .drink3 ul 
{
    list-style-type:none;
}



.drink1 img , .drink2 img , .drink3 img 
{
    margin-right: 7px;
    padding-right:12px;
}

.drink1 h1, .drink2 h1, .drink3 h1 
{
    font: bold 16px Arial, Helvetica, sans-serif;
    color: #fff;
    text-transform:uppercase;
    margin: 0 0 20px 0;
}

.drink1, .drink2, .drink3 
{
    width: 326px;
    font: 11px Arial, Helvetica, sans-serif;
    color:#fff;
    float:left;
    text-align:left;
    margin: 0 18px 0 0;
    
}

.drink1, .drink2, .drink3 p
{
    width: 291px;
}

.pushright 
{
    margin-right: 12px;
}

#closebtn 
{
    float: right;
    width:64px;
    height: 20px;
    padding: 0;
    margin: 10px 10px 0 0;
    cursor: pointer;
}

#thank-you-div
{
    position: absolute;
    left: 35px;
    top: 20px;
}

.thankyou 
{
    background-color: #e4e4e4;
    width:264px;
    height:239px;
}

.thankyou h1 
{
    text-transform:uppercase;
    color: #0068b3;
    font: bold 12px Arial, Helvetica, sans-serif;
    padding: 21px 0 0 29px;
}

.thankyou p
{
    font: 1.1em Arial, Helvetica, sans-serif;
    color:#555;
    margin:18px 0 0 31px; 
    width: 184px;       
}

.thankyou p a 
{
    color: #0068b3 !important;
    text-decoration: none;
}

.thankyou .closewindow 
{
    font-family: .9em Arial, Helvetica, Sans-Serif;
    text-transform:uppercase;
    padding: 45px 0 0 145px;
}

.thankyou .closewindow a 
{
    color: #666;
    font: bold 1.1em Arial, Helvetica, sans-serif;
}

#search-result 
{
    position:absolute;
    height:110px;
    width:293px;
}

#search-result h4 
{
  color: #0068b3;
  font:1.2em Arial, Helvetica, sans-serif;
  margin: -1px 0 0 12px;    
}

div.tagdropdown{

  z-index:200;
}

/*div.suggestdivout{
  background-color:White; 
  cursor:hand; 
  font: 12px Arial, Helvetica, sans-serif;
  clear:both;
  margin-top: -42px;
  padding: 4px 0px 5px 12px;
  float:left;
  border:solid 1px #000;
  text-align:left;
  white-space: nowrap;
  width: 251px;  
  
}*/

div.suggestdivout{
  background-color:White; 
  cursor:hand; 
  font: 12px Arial, Helvetica, sans-serif;
  clear:both;
  margin-top: -1px;
  padding: 4px 0px 5px 12px;
  position:relative;
  border:solid 1px #000;
  text-align:left;
  white-space: nowrap;
  width: 251px;  
  z-index:200px;
  cursor: pointer;
  
}

/*div.suggestdivon{
  background-color:#0000ff; 
  cursor:hand; 
  font: 12px Arial, Helvetica, sans-serif;
  clear:both;
  margin-top: -42px;
  padding: 4px 0px 5px 12px;
  width: 251px;
  float:left;
  color:#fff;
  text-align:left;
  white-space: nowrap;
}*/

div.suggestdivon{
  background-color:#0000ff; 
  color:#FFFFFF;
  cursor:hand; 
  font: 12px Arial, Helvetica, sans-serif;
  clear:both;
  margin-top: -1px;
  padding: 4px 0px 5px 12px;
  position:relative;
  border:solid 1px #000;
  text-align:left;
  white-space: nowrap;
  width: 251px;  
  cursor: pointer;
}

.searcharea img 
{
    border:0;
}

ul.searchwidgetnav 
{
    margin: 0;
    padding: 0 0 0 2px;
}

ul.searchwidgetnav li 
{
    list-style-type:none;
    float:left;
}

.searchareacontentform .wrapper
{
    height: 70px;
}


.searchwidgetnavarea
{
    position: absolute;
    top: 787px;
    left: 12px;
    z-index: 100;
}

/*#da_tags
{
    left: 17px;
    position:relative;
    top: 45px;
}*/


#da_tags
{
    left: 25px;
    position:absolute; 
    top: 775px;
}

ul.searchlist
{
    padding: 0 0 0 25px;
    margin: 10px 0 0 0;
}

ul.searchlist li
{
  list-style-type:none;
  background:url("/images/search-result-imagedivider.jpg")no-repeat 0% 109%;
  color: #666;
  width:242px;
  margin: 0 0 11px -15px;
  font: 1.2em Arial, Helvetica, sans-serif;
}

#footer 
{
    clear:both;
    width: 994px;
    text-align:center;
    position: absolute;
    bottom: 20px;
}

.footer 
{
    color: #666;
    font: 1.1em Arial, Helvetica, sans-serif;
}

.footer a:link {text-decoration:none;}
.footer a:visited {text-decoration:none;}
.footer a:active {text-decoration:none;}
.footer a:hover {text-decoration:underline;}

.position 
{
    position:relative;
    top: -5px;
    padding: 5px 5px;
}

.footerpad 
{
    margin: -12px 0 0 0;
}

#resetarea 
{
    position:absolute;
    top: 134px;
    left: 20px;
}

.method 
{
    float:left;
    clear: both;
}

.method p
{
    margin: 0;
    padding: 0;
}

#resetpage 
{
    position:absolute;
    left: 400px;
    top: 673px;   
    z-index: 40000;
}

#resetpage a
{
    display: block;
    float: left;
}

.noresult 
{
    font:1.2em Arial, Helvetica, sans-serif;
    color: #666;
    margin: 42px 0 0 12px;
    top:20px;    
}

.sharewidget img 
{
    border:0;
}

.starpos 
{
   position:relative;
   top: 6px;
}

.locationarea 
{
  text-align:left;    
}

.locationarea h3
{
    color:#006ec1;     
}

.locationarea p
{
    color:#666;
    font: 1.1em Arial, Helvetica, sans-serif;
    margin-top: -10px;
}

.locationarea a 
{
    color: #666;
    font: 1.0em Arial, Helvetica, sans-serif;
}

.infoarea 
{
    text-align:left;
    margin-top: -12px;    
}

.infoarea h3 
{
    color:#006ec1;     
}

ul.starlist
{
   color:#666;
   font: 1.1em Arial, Helvetica, sans-serif;
   text-align:left;
   margin-top: -12px;
}

ul.starlist li 
{
    margin-left:-27px;
}

.linebreak 
{
    background: url(/images/linebreak.jpg) repeat-x;
    width: 220px;
    height: 3px;
}

.alertbg {
    background-color:white;
    height:443px;
    opacity:0.5;
    filter:alpha(opacity=50);
    position:absolute;
    width:649px;
    z-index:10000;
}

.spinner {
    left:325px;
    position:absolute;
    top:200px;
    z-index:10000;
}



@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0)
{
head~body .searchbtn { left:12px; }
}

.tagformsee{
    position: absolute;
    left: 133px;  
    top: 87px;
}

.tagformwhere{
    position: absolute;
    left: 133px;
    top: 110px;
}










