﻿/*-------------------------SITE-WIDE-------------------------- */
body
{
    font-family:Calibri,Franklin Gothic Book,Arial, Serif;
    font-size: 0.8em;
    background: url("images/background.gif");
    background-repeat:repeat-x;
    background-color:#d3e0ed;
    margin-left: 0px;  
    margin-bottom: 0px;
    min-height: 95%;
}
h1
{
    font-size: 1.7em;
	font-weight: bold;
	background-color: #244a75;
	padding: 2px 2px 2px 10px;
	color:White;
	margin-top:0px;
}
h2
{
	font-size: 1.3em;
    color: #002b54;
    margin-top:0px;
}
h3
{
    font-size: 1.2em;
    color: #002b54;
    margin-left: -9px;
    margin-right: -11px;
    padding: 2px 2px 2px 10px;
}
.validation
{
	background-color: #002b54;
	color: #fff;
}
.general
{
	font-family: Calibri,Arial, Serif;
    font-size: .9em;
    padding:5px;
}
.general p
{
	 padding-left:20px; 
	 color:White; 
	 width: 400px; 
	 font-size:small;
}
ul
{
	font-family:Calibri,Arial, Serif;
    font-size: 1.2em;
}
.general a
 {
     color: #2671a6;
     font-weight: bold;
 }
  .general a:active
 {
     color: #2671a6;
     font-weight: bold;
 }
 .general a:hover
 {
 	 color: #C93;
     font-weight: bold;
     text-decoration:none;
 }
 a
 {
     color: #2671a6;
     font-weight: bold;
 }
a:active
 {
     color: #2671a6;
     font-weight: bold;
 }
a:hover
 {
 	 color: #C93;
     font-weight: bold;
     text-decoration:none;
 }
 .spacer
 {
 	 height:6px;
 	 width:2px;
 }
/* ------------------------MASTER PAGE------------------------ */
#wrapper
{
    margin-left: auto;
    margin-right: auto;
    width: 983px;
    min-height: 100%;
}
#ads
{
	margin-left: 3px;
    width: 983px;
    text-align:center;
}
#upper
{
    background: url("images/upperhead.gif") no-repeat;
    height: 34px;
    margin-left: 3px;
}
#upperRight
{
	float: right;
    width: 260px;
    text-align: right;
    padding-top: 10px;
    padding-right: 10px;
    color:White;
}
#loginStatus
{
    height: 30px;
    color:White;
    vertical-align:top;
    margin-top:0px;
}
#middle
{
	background:#7da9c9 url(images/middlehead.gif) repeat-x;
    height: 75px;
    margin-left: 3px;
    width: 976px;
    border:solid 1px #ffffff;
    border-left:solid 2px #ffffff;
    border-right:solid 2px #ffffff;
}
.headerTitles
{
	font-family: Calibri,Arial, Serif;
}
.headerTitles a
{
	font-size:14pt; 
	font-weight:bold; 
	color:White;
	text-decoration:none;
}
.headerTitles a:active
{
	font-size:14pt; 
	font-weight:bold; 
	color:White;
}
.headerTitles a:hover
{	
	 font-size:14pt; 
	 font-weight:bold; 
	 color:#C93; 
	 text-decoration:underline;
}
#txtRight
{
	float:right; 
	width:135px; 
	padding-right:2px;
}
#txtMiddle
{
	float:right; 
	width:140px;
}
#txtLeft
{
	float:right; 
	width:135px; 
	padding-right:2px;
}
#logo
{
	margin-left:10px;
	margin-top:0px;
	float:left;
	width:auto;
	height:65px;
	background-color:Transparent;
}

#lefttext
{
	
	width:230px;
	float:left;
	color:White;
	height:60px;
	background-color:#002b54;
}
#lefttext #leftImg
{
	float:left; 
	width:55px; 
	margin-top:6px; 
	padding-left:4px;
}
#middletext
{

	width:230px;
	float:left;
	color:White;
	height:60px;
	background-color:#002b54;
}
#middletext #middleImg
{
	 float:left; 
	 width:55px; 
	 margin-top:6px; 
	 padding-left:4px;
}
#righttext
{

	width:230px;
	float:left;
	color:White;
	height:60px;
	background-color:#002b54;
}
#righttext #rightImg
{
	float:left; 
	width:55px; 
	margin-top:6px; 
	padding-left:4px;
}
.divider
{
	float:left; 
	background-color:Transparent; 
	margin-top:8px;
}
#search
{
	background: transparent url(images/search.gif);
	background-repeat:no-repeat;
	height:58px;
	width:983px;
	margin-left:3px; 
}
#content
{
    width: 977px;
    margin-left:3px;
}
#sidePanel
{
    background-image: url("images/transparent-35.png");
    background-repeat: repeat;
    width: 185px;
    min-height: 510px;
    float: left;
    /* transparency for ie
    filter:alpha(opacity=80);*/
    /* transparency for mozilla
    -moz-opacity:0.8;*/
}

#mainPanel
{
    width: 780px;
    min-height: 503px;
    padding: 2px;
    float: right; 
    background-color: White;
    border: solid 1px #c6cdd5; /*#ff5d07*/
}
#mainPanelNoSidebar
{
	width: 974px;
    min-height: 503px;
    padding: 2px;
    float: right; 
    background-color: White;
    border: solid 1px #c6cdd5; /*#ff5d07*/
}
.status
 {
     color: #999;
 }
 .status a
 {
     color: #fff;
     font-weight: bold;
 }
  .status a:active
 {
     color: #fff;
     font-weight: bold;
 }
 .status a:hover
 {
 	 color: #C93;
     font-weight: bold;
     text-decoration:none;
 }

/* -----------------------------NAV BAR----------------------- */
#navbar
{
    margin-left: 3px;
    height: 31px;
    width: 983px;
}
.leftbtn
{
	background: url("images/navleft.gif") no-repeat;
    height:31px;
    padding:0 0 0 0;
    float:left;
    text-align:center;
    width:195px;
    color:#002042;
    font-weight:bold;
    font-size:medium;
}

.homeselected
{
	background: url("images/navleftover.gif") no-repeat;
    height:28px;
    padding:3px 0 0 0;
    float:left;
    text-align:center;
    width:195px;
    color:#fff;
    font-weight:bold;
    font-size:medium;
    display:block;
}
.homeselected a
{
	display:block;
     height:28px;
    padding:3px 0 0 0;
    text-align:center;
    width:195px;
    color:#fff;
    font-weight:bold;
    font-size:medium;
    text-decoration:none;
}
.leftbtn a:hover
{
	display:block;
	background: url("images/navleftover.gif") no-repeat;
    height:26px;
    padding:5px 0 0 0;
    text-align:center;
    width:195px;
    color:#fff;
    font-weight:bold;
    font-size:medium;
}
.leftbtn a
{
	display:block;
    height:26px;
    padding:5px 0 0 0;
    text-align:center;
    width:195px;
    color:#002042;
    font-weight:bold;
    font-size:medium;
    text-decoration:none;
}

.middlebtn
{
	background: url("images/navmiddle.gif") no-repeat;
    float:left;
    height:31px;
    padding:0 0 0 0;
    text-align:center;
    width:195px;
    color:#002042;
    font-weight:bold;
    font-size:medium;
   
}
.middlebtn a:hover
{
	display:block;
	background: url("images/navmiddleover.gif") no-repeat;
    height:26px;
    padding:5px 0 0 0;
    text-align:center;
    width:195px;
    color:#fff;
    font-weight:bold;
    font-size:medium;
}
.middlebtn a
{
	display:block;
    height:26px;
    padding:5px 0 0 0;
    text-align:center;
    width:195px;
    color:#002042;
    font-weight:bold;
    font-size:medium;
    text-decoration:none;
}

.middleselected 
{
    background: url("images/navmiddleover.gif") no-repeat;
    float:left;
    height:31px;
    padding:0 0 0 0;
    text-align:center;
    width:195px;
    color:#fff;
    font-weight:bold;
    font-size:medium;
}
.middleselected a
{
	display:block;
    height:26px;
    padding:5px 0 0 0;
    text-align:center;
    width:195px;
    color:#fff;
    font-weight:bold;
    font-size:medium;
    text-decoration:none;
}
#rightbtn
{
	background: url("images/navright.gif") no-repeat;
    float:left;
    height:25px;
    padding:6px 0 0 0;
    text-align:center;
    width:200px;
    color:#002b54;
    font-weight:bold;
    font-size:medium;
}
/*---------------------FOOTER---------------------- */
#footer
{
	background:#d9e7f0 url(images/footer.gif);
	background-repeat:repeat-x;
	height:75px;
	width:980px;
	margin-left:3px; 
	text-align:center;
	padding-top:15px;
}#footer  li {
	display: inline;
	color:#5379cc;
	font-family:Calibri,Arial, Serif;
}
#footer a 
{
	color:#5379cc;
	text-decoration:none;
	font-weight:bold;
	font-size:small;
	font-family:Calibri,Arial, Serif;
}
#footer a:hover
{
	text-decoration:underline;
	color:#df4600;
	font-weight:bold;
	font-size:small;
	font-family:Calibri,Arial, Serif;
}
#footer a:active
{
	color:#5379cc;
	text-decoration:none;	
	font-weight:bold;
	font-size:small;
	font-family:Calibri,Arial, Serif;
}
#footer p
{
	font-size:x-small;
	color:Gray;
	font-family:Calibri,Arial, Serif;
}


/* ------------------------BUTTON------------------ */
.button
{
	border: solid 1px #599bf8;
	background-color: #436da1;
	color: White;
	font-size: 1em;
	font-weight: bold;
	cursor: pointer;
}

/* ---------------------HomePage-----------------*/
.leftContent
{
	float:left; 
	width:149px;
	background:#f1f4f8 url(images/categotybg.gif) repeat-x;
	text-align:justify;
	margin-top:0px;
	padding:1px 0 0 1px;
	font-size:10px;
}
.middleContent
{
	float:right; 
	width:555px; 
	min-height:550px; 
	margin-top:0px;
	padding-top:1px;
	text-align:justify;
}
.rightContent
{
	float:right; 
	width:256px;
	margin-top:0px;
	padding:2px;
	padding-top:1px;
	text-align:justify;
}

#top
{
	width:100%; 
	background: url(../../images/beach.png) no-repeat right; 
	height:190px;
	background-color:#8caad5;
}
#sponsor
{
	 text-align:justify; 
	 border:solid 1px #e4e4e4; 
	 padding:2px;
}
.ads
{
	 text-align:center;color:Gray; 
	 font-size:x-small;
}
#top5
{
	text-align:justify; 
	border:solid 1px #e4e4e4; 
	padding:1px;
	font-size:small;
	padding:5px;
}
#newPoi
{
	text-align:justify; 
	border:solid 1px #e4e4e4; 
	padding:5px;
	font-size:small;
}
#todayLeft
{
	 float:left; 
	 width:49%;
}
#todayRight
{
	 float:right; 
	 width:49%;
}
.greyBox
{
	padding:5px; 
	border:solid 1px #e4e4e4;
	font:inherit;
}

.homeReview
{
    padding:5px; padding-top:5px; border-bottom:solid 2px #dcdee9;
}
.reviewLeft
{
    float:left; width:15%; text-align:center;
}
.reviewRight
{
    float:right; width:80%; font-size:9pt;
}
.clear
{
    clear:both;
}
.newPoiRight
{
    padding-left:20px; font-size:small;
}
.top5Right
{
    float:left; text-align:left; padding-left:10px;
}
/* -------------------------Sign Up----------------------*/
.signup
{
	 font-size:large; 
	 font-weight:bold;
	 background-color:#d3e0ed;
	 color:#000000;
	 padding:2px;
	 padding-left:5px;
	 width:100%;
}
.success
{
	border:solid 1px red;
	width:100%;
	height:35px;
	background-color:#e6e6fa; 
}

/*----------------------User Profile----------------------*/
.heading
{
	background: #ffffff url(Images/maphead.gif) repeat-x;
	color:#002b54;
	font-size:large;
	font-weight:bold;
	width:98.6%;
    padding-left:7px;
	height:auto;
	border:solid 1px #9fb7c4;
	
}
.content
{
	border:solid 1px #9fb7c4; 
	border-top:none; 
	width:99.1%; 
	padding-left:4px;
	height:auto;
	font:inherit;
}
.content a
 {
     color: #002b54;
     font-weight: bold;
 }
  .content a:active
 {
     color: #002b54;
     font-weight: bold;
 }
 .content a:hover
 {
 	 color: #C93;
     font-weight: bold;
     text-decoration:none;
 }
 .contentbutton
 {
 	 width:49%; 
 	 background:#cadaea; 
 	 height:25px; 
 	 text-align:center;
 }
 
 /*-----------------------Search Page ----------------------------*/
 #sort
 { 
 	background: #e4f0f5 url(images/maphead.gif) repeat-x;
	color:#002b54;
	font-size:medium;
	font-weight:bold;
    padding-left:7px;
	height:auto;
	width:502.5px;
	border:solid 1px #eaeaea;
	border-bottom:none;
	text-align:right;
 }
 #results
 {
 	 width:505px; 
 	 height:655px; 
 	 padding:3px; 
 	 background-color:#eaeaea; 
 	 position:relative; 
 	 overflow:auto;
 }
 
 .resultHeading
 {
 	font-size:10pt; 
 	padding-bottom:5px;
 }

 .resultBody
 {
 	border:solid 3px #6c95c1; 
 	border-left:none; 
 	background-color:#efeeee;

 }
 .resultAddress
 {
 	 float:left; 
 	 padding:2px; 
 }
 .resultRating
 {
 	 left:358px; 
 	 padding:2px; 
 	 color:black;
 	 font-size:10; 
 	 background-color:White; 
 	 border:solid 2px #6c95c1; 
 	 border-bottom:solid 5px #6c95c1; 
 	 margin-top:-50px; 
 	 height:80px; 
 	 width:125px; 
 	 position:absolute;
 	 padding-bottom:5px;
 }

 #whiteBg
 {
 	background-color:White;
 }
 #GoogleMap
 {
 	 width:456px; 
 	 height:650px; 
 	 padding-top:5px; 
 	 text-align:center;
 	 border:solid 1px #d2d6d9;
 }
 #ajaxLoader
 {
 	 padding-top:50%; 
 	 color:#63709d; 
 	 text-align:center; 
 	 font-size:medium; 
 	 font-weight:bold;
 }
 #mapHeader
 {

 	background: #e4f0f5 url(images/maphead.gif) repeat-x;
	color:#002b54;
	font-size:medium;
	font-weight:bold;
    padding-left:5px;
	height:auto;
	width:451px; 
	border:solid 1px #d2d6d9;
	border-bottom:none;
 }
 
  .mapcontainer
 {
 	width:458px; 
 	float:right; 
 	padding-right:2px; 
 	padding-left:2px;
 }

#noresults
{
    padding:5px; 
    font-size:11pt;
}
#noresults li
{
    font-size:10pt;
}
.numNext
{
    height:20px; text-align:center; border:solid 1px #9fb7c4;
}
.numPrev
{
    height:20px; text-align:center; border:solid 1px #9fb7c4;
}
.pageNum
{
    width:20px; height:20px; text-align:center; border:solid 1px #9fb7c4;
}
 /*-------------------Mail Center-------------------*/
 .mailcontrol
{
    background-color:#e5eff9; 
	width:96%; 
	border-bottom:solid 1px #c6c6c6; 
	text-align:left; 
	height:21px;
	font-size:9pt;
	padding-bottom:3px;
	padding-left:5px;
}
a:hover .mailcontrol 
{
   text-decoration:none;
   color:#df4600;
}
a .mailcontrol 
{
	text-decoration:underline;
	color:#335d8f;
}
a:visited .mailcontrol 
{
    text-decoration:underline;
	color:#335d8f;
}
a:active .mailcontrol 
{
    text-decoration:underline;
	color:#335d8f;
}
#mailLeft
{
	float:left; 
	width:15%; 
	padding:5px; 
	background-color:#a9c3de;
}
#mailMiddle
{
	 float:left; 
	 width:67%; 
	 padding:5px; 
	 padding-top:0px;
}
#mailRight
{
	 float:right; 
	 padding:5px; 
	 padding-top:0px;
	 width:15%;
}
#mailhead
{
    color:#002b54; 
    background-color:#a9c3de; 
    width:98%; 
    padding:2px;
    padding-left:5px; 
    height:20px; 
    font-size:large;
}


/*--------------------------General Formattting --------------------------------*/
.italicBold
{
	 font-style:italic; 
	 font-weight:bold;
}
.italic
{
	font-style:italic; 
}
.bold
{
	font-weight:bold;
}

.white
{
	font-size:1pt;
	color:White;
}
.white a:active
{
	font-size:1pt;
	color:White;
	text-decoration:none;
}
.white a:hover
{
	font-size:1pt;
	color:White;
	text-decoration:none;
}
.white a
{
	font-size:1pt;
	color:White;
	text-decoration:none;
}

/*-----------------Rating------------*/
.ratingStar {
    font-size: 0pt;
    width: 15px;
    height: 13px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
	font-family:Calibri,Arial, Serif;
}

.filledRatingStar {
    background-image: url(../../images/FilledStar.gif);
	font-family:Calibri,Arial, Serif;

}

.emptyRatingStar {
    background-image: url(../../images/EmptyStar.gif);
	font-family:Calibri,Arial, Serif;
}

.savedRatingStar {
    background-image: url(../../images/FilledStar.gif);
	font-family:Calibri,Arial, Serif;
}
/*--------------------Weather---------------*/
.weaimage
{
	border:solid 1px #b6b3c9; 
	padding:1px;
}
.weacurrent
{
	float:left; 
	padding:4px; 
	padding-left:10px;
}
.weacurtemp
{
	float:left; 
	padding:4px; 
	font-size:20pt;
}
.weacurcond
{
	float:left; 
	padding:4px; 	
}
#weatable
{
	width:80%; 
	font-size:9pt; 
	text-align:center;
}
#weaerror
{
	color:Maroon; 
	font-size:11pt; 
	font-weight:bold; 
	padding:5px; 
	text-align:center;
}
#googleMapDiv
{
    background-color:Aqua;
}

/*-----------------Send POI To Friend----------------------*/
#message
{
    border:solid 1px #666666; 
    background-color:#d9e7f0; 
    padding:10px;
}
#mailDetail
{
    padding-top:100px;
    padding-bottom:100px;
}
#mailMain
{
    border:solid 1px #666666; 
    width:500px;
}
#mailsend
{
     text-align:right; 
     padding:10px; 
     padding-top: 2px; 
     background-color:#d9e7f0;
}
#mailInfo
{
     background-color:#d9e7f0; 
     padding:10px;
}

/*-----------------New POI-----------------------*/
.errormessage
{
    background-color: #e6e6fa;
    border:solid 2px red;
    width:99%;
    padding:2px;
    font-size:small;
}

/*--------------User Default-----------------*/
#usrLeft
{
   float:left; 
   width:195px;
}
#tagline
{
 background-color:#cee3f6; 
 border:solid 1px #779ec0; 
 text-align:center; 
 padding-top:10px;
}
#usrPhoto
{
     width:74px; 
     height:74px; 
     border:solid 1px #b6b3c9; 
     padding:1px;
}
#controlers
{
    background-color:#cee3f6; 
    border:solid 1px #779ec0; 
    padding-top:0px;
}
#controlPanel
{
    background-color:#244a75; 
    color:white; 
    text-align:center; 
    height:20px; 
    padding:2px; 
    font-size:11pt;
}
.counter
{
    background-color:#ff0000; 
    color:White; 
    padding:2px; 
    font-weight:bold; 
    font-size:small;
}
#moodheader
{
    background-color:#244a75; 
    color:white; 
    text-align:justify; 
    height:20px; 
    padding:2px; 
    font-size:11pt; 
    width:99%;
}    
.moodstatus
{
    width:96.5%; 
    padding:4px; 
    padding-left:10px; 
    border:solid 1px #244a75; 
    background-color:#dfefff
}
#moodupdate
{
    background-color:#fff7d3; 
    padding:10px; 
    margin-top:-3px; 
    width:96%;
}
.activityheader
{
    background-color:#244a75; 
    color:white; 
    text-align:justify; 
    height:20px; 
    padding:2px; 
    font-size:11pt; 
    width:99%;
}
.reviewheader
{
    float:left;
    color:#777777; 
    font-weight:bold;
    width:140px; 
    padding-top:5px; 
    padding-bottom:5px;
}
#reviewheaderright
{
    color:#777777; 
    font-weight:bold;
    padding-top:5px; 
    padding-bottom:5px;
    float:right;
    padding-right:15px;
}
#eventbg
{
    background-color:#cee3f6; 
    border:solid 1px #779ec0; 
    text-align:center; 
    padding-top:0px;
}
#usrfriends
{
    width:98%; 
    padding-left:4px; 
    padding-right:3px; 
    border:solid 1px #244a75;
}
#usrreviews
{
    width:98%; 
    padding-left:4px; 
    padding-right:3px; 
    border:solid 1px #244a75;
}
.userphoto
{
   height:40px; 
   width:40px; 
   border:none;
} 
.rowStyle
{
    text-align:center;
    padding:3px;
    background-color: #e7efff;
    vertical-align: middle;
}
.altRowStyle
{
    text-align:center;
    padding:3px;
    background-color: #ffffff;
    vertical-align: middle;
}
.headerStyle
{
    Color:White;
    background-color: #214973;
    height:25px;
    text-align:center; 
}

.tgTopStuff
{
    border:solid 1px gray; background-color:#f0f2f2; padding:4px;
    font-size:12px;
}
.tgTopBold
{
    font-size:16pt; font-weight:bold;
}
.tgContent
{
    border:solid 1px gray; padding:4px;
}
#tgLeft
{
    float:left; width:615px; padding:2px;
    
}
#tgRight
{
    float:right; width:335px; padding:2px;
}

.watermark1
{
   width:350px;
   height:100px;
   color:#808080;
   font-size:small;
   text-align:left;
   font-style:italic;
	font-family:Calibri;
}
