/*
html, body {
	height: 100%;
	margin: 0 0 0 -120px;
	text-align:center;
}

.page {
 width:990px;
 text-align:left;
 margin:0% auto 0% 20%;
}
*/

html, body {
	height: 100%;
	margin: 0;
	text-align:center;

}

body 
{
	font-size: 0.85em;
    font-family: "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	background-color:#f9f8f6;
}

.page {
 width:1020px;
 text-align:left;
 margin:0 auto;
 background-color:white;
}

#height {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -227px; /* the bottom margin is the negative value of the footer's height */
	padding:0;
}
#footer, #push {
	clear:both;
	height: 227px; /* .push must be the same height as .footer */
}

.clear {clear:both;}


a {
color:#012980;
text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

#header
{
	margin:0px 16px 0px 16px;
	padding:0px;
	height:97px;
	overflow:hidden;
	background-color:#1a7fc5;
	
}

abbr {
display:inline-block;
cursor:help;
background-color:White;
text-align:center;
padding:0px 3px 0px 3px;
margin:0px 0px 2px 6px;
font-family:Sans-Serif;
font-weight:bold;
font-size:90%;
border:solid 1px #999;
color: #999;
}

#links {
	padding-left:182px;
	width:595px;
	float:left;
	
}

#links a{
display:block;
float:left;
padding:6px 9px 0px 8px;
height:28px;
color:White;
font-size:1.1em;
 white-space:nowrap;
line-height:100%;
font-family: Verdana, "Verdana Ref", sans-serif;
border-bottom:solid 5px #1a7fc5;
text-transform:uppercase;
text-decoration:none;
}

#links a:hover{
border-bottom:solid 5px #82a5e6;
color:#ddd;
}

#login {
width:204px;
margin-top:3px;
height:27px;
text-align:center;
color:White;
float:left;
}

#login a {color:White;}

#content {position:relative;margin-bottom:20px;}

#left {
	width:156px;
	padding:0;
	margin:150px 16px 20px 16px;
	left:0px;
	top:0px;
	position:absolute;
}

#main
{
	width:590px;
	padding:10px 0px 20px 188px;
	min-height:740px;
}

#right {
    left:778px;
	top:0px;
	position:absolute;
	width:210px;
    margin:20px 16px 0px 16px;
}

#right .col {width:190px;}

#reviewbox
{
	width:554px;
	margin:0px 16px 0px 20px;
}

.col {
background-color:#F8F7F5;
font-family: Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
border-top: solid 8px #bab8bd;
padding:10px;
text-align:left;
margin-top:24px;
display:inline-block;
}

.shade {
background-color:#F8F7F5;
font-family: Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
padding:16px;
text-align:left;
margin:0px 10px 0px 10px;
}

.highlite {
background-color:#F8F7F5;
margin:10px 0px 10px 0px;
padding:10px;
border: solid 4px #bab8bd;
}



.blogbox {width:100%;max-height:150px;overflow:hidden;margin-bottom:10px;}
.blogbox p {margin:0;}

.loginbox {
  width:340px;
  margin: 0px auto;
}

#leftbox
{
	float:left;
	margin:15px;
}
th
{
    vertical-align:top;
}
td
{
    vertical-align:top;
}
h1
{
	color: #1a7fc5;
	font-size: 2.9em;
     font-family: "UnitOT-Thin", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
	font-weight:300;
	margin: 10px 0px 2px 0px;
	padding:0px;
	letter-spacing:-1px;
}

h2 {
	color: #f8620d;
    font-family : Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;	
	font-size: 1.25em;
    line-height: normal;
    font-style: normal;
    font-variant: normal;
}

.col h2 {letter-spacing:-0.03em;}

h3 {
	color: #dfaf40;
	font-size: 1.25em;
    line-height: normal;
    font-style: normal;
    font-variant: normal;
    margin: 10px 0px -14px 0px;
}

h3.official {
	color: #666;
    line-height: normal;
    font-size:1.1em;
    font-weight: normal;
    margin: 3px 0px 25px 5px;
    padding:0;  
}

h4 {
	color: #f8620d;
	font-size: 1.4em;
	font-weight:normal;
    line-height: normal;
    font-style: normal;
    font-variant: normal;
    margin: 10px 0px 14px 0px;
}

div.col h2 {
color:#2a271b;
font-size:1.4em;
font-weight:normal;
letter-spacing:-1px;
margin:0 0 10px;
}


.gfx {/* used for image replacement of titles */
display:block;
padding:0px;
margin:0px;
}

.gfx span {position:absolute; left:-2000px;}

h1.yourguide {height:48px; width:311px; color:white; margin:0px 0px 10px 180px; background: url('/images/YourGuideToTheMaldives.gif') no-repeat bottom left;}
h4.whichright {height:30px; width:364px; background: url('/images/BestResort.gif') no-repeat bottom left; float:left;}
h4.peoplewho {background: url('images/hdg_peoplewhostarred.gif') no-repeat bottom left;}
h4.aboutauthor {background: url('images/hdg_about_author.gif') no-repeat bottom left;}


img { border: 0px; }

.btn {
background-color:#00287F;
color:White;
padding:4px;
}

.green {background-color:#476B00; font-weight:bold;}

input, select 
{
    border:1px solid #c5c5c5;
    
    }
textarea
{
    font-family: Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream Vera Sans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;
    border:1px solid #c5c5c5;
}


#footer {
	color:#303030;
	background-color:#EFE8E2;
    height:217px;
    padding-top:10px;
    margin:0px 16px 0px 16px;
}

.footermain {
  float:left;
  padding:0px 0px 10px 178px;
  width:600px;
  line-height: 1.7em;
}

.footermain a, .copyright a {color:#234561;}

#footerlinks {
	float:left;
	text-align:right;
    padding-top:10px;
    width:210px;
}

#footerlinks a{
display:block;
padding:3px 16px 3px 3px;
color:#234561;
text-transform:uppercase;
}

#footerlinks a:hover, .footermain a:hover{
background-color:#F9F8F6;
}

.es{float:left;text-align:right;padding:4px 10px 0px 0px;width:190px;font-size:.8em; color:#234561;}

.copyright {
 font-size:.8em;
 color:#555;
 clear :both;
 text-align:center;
 margin-top:-16px;  
}


table.Stripe {
 width:100%;
 border:none;
}

table.Stripe td {
  padding:3px;
}

tr.Stripe {
 background-color :#faf2de;
}

/* review */

.revStarOff {float:left;margin:20px 10px 20px 0px; display:block; height:28px; width:28px;background-image:url('/images/resort_star_off.gif');}
.revStarOn {background-image:url('/images/resort_star_on.gif');}


.review{
 line-height: 1.6em;
 color:#303030;
}

h5 {
font-size:1em;
font-weight:bold;
line-height: 1.6em;
margin:15px 0px 20px 0;
color:#4e4838;
}

a.box, a.top7 {
 display:block;
 padding:3px;
 line-height: 1.2em;
}

a.top7 {width:42%;float:left;
padding: 3px 3px 3px 17px;
background:transparent url(/images/top7.gif) no-repeat center left;
}
a.half {width:270px;}
a.nameonly {height:50px;}
a.nameonly img.tiny{float:left; margin:0px 5px 0px 0px;}
a.nameonly:hover{text-decoration:none;}
a.space, a.top7 {margin-bottom:8px;}

table.resrpt {border:none; padding:0; margin:0;}
table.resrpt tr td {vertical-align:middle;}

a.guide1, a.guide2 {display:block; padding:3px; line-height:1.2em;}
a.guide1 {font-weight:bold;margin-top:6px;}
a.guide2 {padding:3px 3px 3px 9px;}

a.box:hover{
 background-color :#DFE0E5;
 border:solid 1px #EBECF6;
 padding: 2px;
}

a.top7:hover{
 background-color :#DFE0E5;
 text-decoration:none;
}

a.discuss, a.star, a.book {height:28px; padding:10px 1px 1px 38px;}
a.discuss:hover, a.star:hover, a.book:hover {padding:9px 0px 0px 37px;}
a.discuss {background:transparent url(images/icons_more_quote.gif) center left no-repeat;}
a.star {background:transparent url(images/icons_more_star.gif) center left no-repeat;}
a.book {background:transparent url(images/icons_more_cal.gif) center left no-repeat;}

a.resort {border-bottom:dashed 1px #BFBFBF;}
a.resort:hover {background-color:#EFE8E2;text-decoration:none;}
a.glossary {color:#303030;border-bottom:dashed 1px #F39C63;cursor:help;}
a.glossary:hover {background-color:#EFE8E2;text-decoration:none;}

/*review tabs */
.tabstrip {border-bottom:solid 1px #679801;}
.tab {background-color:#669801; white-space:nowrap;}
.tabs {background-color:#476b00; }
.tab div, .tabs div{float:left;height:33px;font-size:1.1em;}
.tab div a, .tabs div a{color:White;display:block; padding:6px;}
.tab div a:hover, .tabs div a:hover{text-decoration:none;color:#E63333;}
.tab div a img, .tabs div a img{vertical-align:bottom; margin-right:4px;}
.tab .tbLeft {width:6px; background: url(/images/tabs/tabl.gif) center left no-repeat;}
.tab .tbRight {padding-right:13px; background: url(/images/tabs/tabr.gif) top right no-repeat;}
.tabs .tbLeft {width:6px; background: url(/images/tabs/tabl_hl.gif) center left no-repeat;}
.tabs .tbRight {padding-right:13px; background: url(/images/tabs/tabr_hl.gif) top right no-repeat;}

/* searching */

a.pager, a.pagerSelected {
 width:16px;
 height:16px;
 color:#1A7FC5;
 border:solid 1px #1A7FC5;
 text-align:center;
 margin-right:4px;
 float:left;
 font-size:9pt;
}

a.pager:hover {
 text-decoration:none;
 background-color: #1A7FC5;
 color:White;
}

a.pagerSelected {
 border:solid 1px #666;
 background-color: #F8981D;
 color:Black; 
}
 
div.cardbox {
    padding:0px 6px 9px 0px;
    float:left;
} 
 
a.card {
	background:white url(images/cardframe.gif) top left no-repeat;
    height:283px;
    width:186px;
    display:block;
    text-decoration:none;
    color: #222;
    border:none;
    padding:2px; margin:0;
}

a.card:hover, a.card:hover div.in div.star {
	background-color:#DFE0E5;
}

a.card div.in {
    padding:2px;
    overflow:hidden;
    height:279px;
    cursor:pointer;
}

a.card div.in div.star {
    background:white url(images/staroff.gif) top center no-repeat;
    width:28px;
    height:25px;
    top:-97px;
    left:154px;
    position:relative;
    margin:-26px 0px 0px 0px;
    padding:0;
}

h2.card {
	color: #1a7fc5;
	font-size: 1.25em;
    line-height: normal;
    font-weight: normal;
    margin: 5px;
}

.card p {
   margin: 5px;
   font-family: Tahoma, Arial;
   font-size: 0.9em;
   line-height: 1.4em;
   color:#303030;
}

.card div img {
    width:180px;height:120px;border:solid 1px #A59D90;}

div.on {
    background-color:#FFF0C4;
}

div.on div.star {
    background:#FFF0C4 url(images/staron.gif) top center no-repeat !important;
 }

div.on h2.card{
   color:black;
}


.tiny {
float:left;
margin:3px 8px 3px 3px;
}

.left {float:left;}
.right {float:right;}
.center {text-align:center;margin:0px auto;}
.normal {font-weight:normal; color:#303030;}


/* calendar */

.picker {
width:95px;
margin:0;
}
#calbtn
{
margin-left:2px;
}

.dayheader
{
	font-family:Verdana;
	font-size:8pt;
	font-weight:bold;
	color:#333333;
	background-color:#E0DFE3;
	height:20px;
	text-align:center;
	cursor:default;
}

.title
{
	background-color:#1A7FC5;
	cursor:default;
}

.title TD
{
	font-size:14px;
	font-weight:bold;
	color:white;
	padding:4px;
}

.calendar
{
	border-width:1px;
	border-style:solid;
	border-color:#797979;
	background-color:White;
	cursor:default;
}

.nextprev
{
	padding:4px;
	cursor:pointer;
}


.day
{
	font-family:Verdana;
	font-size:8pt;
	text-align:center;
	color:#57566F;
	border:1px solid white;
	height:22px;
	width:22px;
	cursor:pointer;
}

.othermonthday
{
	color:#B2B1CA;
}

.selectedday
{
	font-weight:bold;
	text-align:center;
	color:black;
	background-color:#FFEEC2;
	border:1px solid #57566F;
	cursor:default;
}

.dayhover
{
	font-family:Verdana;
	font-size:8pt;
	text-align:center;
	color:#57566F;
	border:1px solid #dedede;
	cursor:pointer;
	height:22px;
	width:22px;
	text-decoration:underline;
}

.weekend {
background-color:#eeebe4;
}
.othermonthdayhover
{
	color:#B2B1CA;

	text-decoration:underline;
}

.selecteddayhover
{
	font-family:Verdana;
	font-size:8pt;
	font-weight:bold;
	text-align:center;
	color:black;
	background-color:#FFEEC2;
	border:1px solid #57566F;
}

li.tag {
 background-color :#F8981D;
 padding:4px;
 border-top:1px solid #dedede;
 border-left:1px solid #dedede;
 border-bottom:1px solid #666;
 border-right:1px solid #666;
 display:block;
    margin: 4px 4px 0px 0px;
    color: black;
    font-family: Arial,san-serif;
    font-size:90%;
}
li.tag small{color:White;}
li.tag a {float:right;color:#333; padding:1px 4px 3px 8px;}

ul.tagMatches, ul.tag {
margin:4px 0px 12px 0px;padding:0px;
clear:both;
}

#tagHints {padding-top:4px; border-top:1px solid #dedede;}
#tagHints a {display:block;}

.small {font-size:80%;}

.tagSuggestInput {
display:inline;margin-right:5px;width:140px;}

li.tagSuggest {
    display:block;
    float:left;
    padding: 3px;
    margin: 4px 4px 0px 0px;
    background-color: #D3D3D4;
    border-bottom:solid 1px #666;
    border-right:solid 1px #666;
    color: #1a7fc5;
    cursor: pointer;
    font-family: Arial,san-serif;
    font-size:90%;
}

ul.tagMatches li span {
 color:#CB770A;
 font-weight:bold;
}

/* slider */
a:active,a:focus { outline:none; }

.slidebox
{width:159px;
font-size:8pt;
margin:0 auto;
overflow:hidden;
}

.slider
{
    width:100%;
}
.grip
{
    background-image:url('images/gripsun.gif');
    height:15px;
    width:16px;
    cursor: pointer;
    cursor: hand;
    margin-right:1px;
}
.grip_hover
{
    background-image:url('images/grip_hover.png');
    height:19px;
    width:11px;
    cursor: pointer;
    cursor: hand;
}
.track
{
    background-image:url('images/trackboxes.gif');
    height:15px;
    cursor: pointer;
    cursor: hand;
}
.trackDecrease
{
    background-image:url('images/trackDecrease.gif');
    height:15px;
}

/* combobox */
.comboBox 
{ 
  border: 1px solid #A6A7AA; 
  background-color: white; 
  margin:2px 0px 16px 10px;
}

.comboBoxHover
{ 
  border: 1px solid #555555; 
  background-color: white;
  margin:2px 0px 16px 10px; 
}

.comboDropDown 
{ 
  border: 1px solid #868686; 
  background-color: white; 
  padding: 1px;
  padding-right: 0px;
  cursor: default;
}

.comboTextBox
{
  border: 0px;
  padding-left: 2px;
  padding-right: 2px;
}

.comboItem
{
  font-family: Verdana; 
  font-size: 11px; 
  padding: 3px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align:left;
}

.comboItemHover
{
  background-color: #B2B4BF; 
  background-image: url(images/comboItemBg.gif);
  font-family: Verdana; 
  font-size: 11px; 
  border: 1px solid #DBCE99;
  padding: 2px;
  padding-top: 3px;
  padding-bottom: 3px;
}

.cloud {clear:both;margin-bottom:20px; padding:10px;}
.cloud a {float:left; margin:1px 4px 4px 1px; display:block; padding:4px;}
.cloud .tag5 {font-size:2.4em;}
.cloud .tag4 {font-size:1.8em;}
.cloud .tag3 {font-size:1.4em;}
.cloud .tag2 {font-size:1.2em;}
.cloud .tag1 {}

.tagcloud {clear:both;}
.tagcloud a {float:left; margin:1px 2px 2px 1px; display:block; padding:2px;}
.tagcloud .tag5 {font-size:1.8em;}
.tagcloud .tag4 {font-size:1.6em;}
.tagcloud .tag3 {font-size:1.2em;}
.tagcloud .tag2 {font-size:1.1em;}
.tagcloud .tag1 {}

.memberbg {background-color:#DDE4EF;}
.comment {clear:left; margin:6px 0px 6px 0px; padding:6px; border-top:solid 1px #ddd;}
.comment .tx {width:80%;min-height:50px;}
.comment .dt {text-align:right;font-size:0.9em;}
.comment .grav {float:left;margin-right:16px;border:0;}

#searchbox {
float:right;
width:209px;
margin-top:14px;
}

#sa, #q {border:none; vertical-align:middle;margin:none;}
#q {width:168px;}