body {
font-size:75%;/*take IE6 from 16px to 12px */
font-family:helvetica,arial,clean,sans-serif;
color:#000;
}
html>body {
font-size:12px;
}
/* LINKS ______________________________ */
a{
text-decoration:underline;
color:#2e667d;
outline:none;
}
a:visited{
color:#588597;
}
a:hover,
a:focus,
/*#content a[href^="http"]:hover,
#content a[href^="http"]:focus*/ {
color:#000;
}
h4 a{
color:#000;
}
#footer a{
text-decoration:none;
color:#c0d1d8;
}
#footer a:hover{
color:white;
text-decoration:underline;
}
#submitRevBtn{
display:block;
margin-left:10px;
text-indent:-999px;
width:190px;
height:30px;
background:url("../images/submitRevBtn.gif") 50% 0 no-repeat;
}
.tweetTime{
font-size:.8333em;
}
.chronNav #linkToPrev{
display:block;
float:left;
}
.chronNav #linkToNext{
display:block;
float:right;
}
.chronNav, .artMeta{
zoom:1;
overflow:auto;
border:1px solid #c0d1d8;
border-width:1px 0;
}
/* HEADINGS ____________________________ */
h2{
font-size:2em; /* 24px */
line-height:1em; /*24px */
margin:.75em 0; /* 18px + 18px + 24 = 60*/
color:#af525c;
font-variant:small-caps;
}
h3{
font-size:1.5em; /* 18px */
line-height:1.111em; /*20px */
margin:.5555em 0; /* 10px + 10px + 20 = 40 */
color:#2e667d;
font-style:italic;
}
h4{
font-size:1.333em; /*16px*/
line-height:1.25em; /* 20px */
}
h2, h3, h4{
font-family:Georgia, "Times New Roman", serif;
margin-left:44px;
}
h2{
clear:both;
}
.first h2, .first h3{
clear:left;
}
.linksBody h2, .linksBody h3{
clear:none;
}
h2.center, h3.center, h4.center{
text-align:center;
}
.galleryBody h2{
margin-left:0;
}
h2.subHead{
color:#2e667d;
}
h2.latestHeader{
float:left;
margin-top:-.5833em;/*14px */
background-color:white;
}
#scndryContent h3{
font-size:1.5em; /* 18px */
line-height:1em; /*18px */
margin:1.1111em 0 .222em 0;
padding:0 0 .333em 10px; /* 6px + 4px = 10px */
border-bottom:1px dotted #af525c;
color:#af525c;
}
#scndryContent h4{
margin-left:10px;
color:#af525c;
}
#twitter h3{
padding-left:50px;
background:url("../images/twitter.gif") 10px 0 no-repeat;
}
#featuredGallery h3{
padding-left:50px;
background:url("../images/featuredGalBtn.gif") 10px 0 no-repeat;
}
/* P, BLOCKQUOTE ____________________________ */
p, .artMeta, div.chronNav{
line-height:1.667em; /* 20px */
margin:0 0 .8333em 44px; /* 10px */
}
.artMeta span{
text-transform:uppercase;
}
p.center{
text-align:center;
}
h2+p{
margin-top:.8333em;
}
p.galleryLink{
text-align:right;
margin:0;
font-size:1.1667em;/* 16px */
line-height:1.2857em;
}
.galleryLink{
padding-right:18px;
background:url("../images/galIcon.gif") 100% 3px no-repeat;
}
.galleryLink:hover{
background-position:100% -88px;
}
p.quotee {
text-align:right;
font-style:italic;
margin:-.8333em 44px 1.667em 0;
}
#scndryContent p{
margin-left:10px;
}
blockquote{
font-size:1.1667em;/* 16px */
line-height:1.25em;/* 20px */
margin:0 44px .625em 44px;
text-align:center;
}
h2+blockquote{
margin-top:.625em;
}
hr{
padding-top:1.667em;
}
/* LISTS ____________________________ */
ul, ol{
margin-bottom:.8333em; /* 9px */
margin-left:44px;
}
li{
line-height:1.666em; /* !8px */
}
ul li{
padding-left:16px;
background:url("../images/bullet.gif") 0 .4em no-repeat;
}
ul.center{
text-align:center;
}
ul.center li {
padding-left:0;
background:none;
}
.galleryListBox ul{
margin-left:10px;
text-align:left;
}
.galleryListBox ul li{
padding-left:20px;
background:url("../images/galIcon.gif") 0 3px no-repeat;
}
.galleryListBox ul li.hover{ /* class applied with jQuery */
background-position:0 -87px;
}
.cruiseDetails span{
font-weight:bold;
}
.cruiseRatingsWrap {
float:right;
padding:0 10px;
margin:30px 0 .833em .833em;
border:1px solid #c0d1d8;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
}
.noFollowingH3{
margin-top:0;
}
.cruiseRatingsWrap h3, .cruiseRatings, .cruiseRatings li {
margin-left:0;
}
.reviewsBody h3 {
clear:left;
}
.cruiseRatingsWrap h3 {
margin-top:.5em;/*9px; normally 10px, .555em */
}
.cruiseRatings li{
font-weight:bold;
background:none;
padding-left:0;
}
.cruiseRatings span{
margin-left:10px;
font-weight:normal;
}
.cruiseRatings .rating{
display:inline-block;
text-indent:-999px;
background:url("../images/star.gif") 0 50% repeat-x;
}
.cruiseRatings .rated1{
padding-left:16px;
}
.cruiseRatings .rated2{
padding-left:32px;
}
.cruiseRatings .rated3{
padding-left:48px;
}
.cruiseRatings .rated4{
padding-left:64px;
}
.cruiseRatings .rated5{
padding-left:80px;
}
#scndryContent ul{
margin-left:10px;
margin-right:10px;
}
#scndryContent ul li{
margin:0 0 0 10px;
padding:0;
background:none;
text-indent:-10px;
}
#tweets ul li{
margin:0 0 .833em 0;
padding-bottom:.833em;
text-indent:0;
border-bottom:1px solid #c0d1d8;
}
#footer ul{
margin:0 0 0 100px;
}
#footer li{
display:inline;
padding:0 1em;
background:none;
}
ol{
list-style-type:decimal;
}
/* CITE, EM, STRONG, SUP, SUB ____________________________ */
cite{
font-style:italic;
}
cite.short{
font-style:normal;
}
em{
font-style:italic;
}
strong{
font-weight:bold;
}
sup{
vertical-align:super;
font-size:.8333em; /* 10px */
}
sub{
vertical-align:sub;
font-size:.8333em; /* 10px */
}
/* TABLES _____________________________*/
table.shipSpecs{
width:180px;
margin-left:10px;
margin-bottom:.8333em; /* 9px */
}
.shipSpecs td, th{
font-size:.91667em;
line-height:1.8181em; /* 20px */
text-align:center;
border-bottom:1px solid #c0d1d8;
}
.shipSpecs th{
width:60%;
text-align:right;
padding-right:10px;
border-right:1px solid #c0d1d8;
}
caption{
display:none;
}
/* TAGs ____________________________ */
.tagCloud a, .tagsFromArt a{
margin-right:4px;
padding:1px 3px;
text-decoration:none;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
.tagSize1, .tagSize2{color:#80abb7;}
.tagSize3, .tagSize4{color:#76a3b1;}
.tagSize5, .tagSize6{color:#699caa;}
.tagSize7, .tagSize8{color:#5e94a4;}
.tagSize9, .tagSize10{color:#528c9d;}
.tagSize11, .tagSize12{color:#468597;}
.tagSize13, .tagSize14{color:#397d90;}
.tagSize15, .tagSize16{color:#2c758b;}
.tagSize17, .tagSize18{color:#1a6f84;}
.tagSize19, .tagSize20{color:#00677e;}
.tagCloud{
line-height:1.667em; /* 20px */
margin:0 0 .8333em 44px; /* 10px */
}
#scndryContent .tagCloud{
margin:0 10px .8333em 10px;
}
.tagCloud a:visited{
text-decoration:none;
color:auto;
}
.tagCloud a:hover, .tagsFromArt a:hover{
background-color:#00677e;
color:white;
}
/* IMAGEs ____________________________ */
.cruiseLogoLg{
float:right;
margin:0 0 .5em 1em;
padding:3px;
}
.cruiseLogoSm{
margin:0 0 2em 5px;
}
.imgR, .imgL, .imgC{
padding:.25em;
border:1px solid #c0d1d8;
clear:both;
}
.imgR{
float:right;
margin:.5em 0 .5em .7em;
}
.first .imgR{
border:0;
margin:6px -4px 6px 12px;
padding:0;
clear:none;
}
.imgL{
float:left;
margin:.5em .7em .5em 44px;
}
.imgC{
margin:.5em auto .5em 44px;
padding:.25em 0;
text-align:center;
}
.first .imgC{
border:0;
margin-left:0;
}
#featuredGallery .imgC{
margin:10px 8px 0 8px;
}
.imgVert{
width:390px;
margin:.5em auto .5em 114px;
padding:.25em;
}
.imgR p, .imgL p, .imgC p{
font-size:.8333em;
line-height:2em;
margin:0;
color:#2e667d;
font-weight:bold;
}
.caption2{
font-weight:normal;
}
/* VCARDs ______________________________ */
.vcard{
margin:40px 0 1.5em 16.5em;
}
.vcard p{
margin-left:0;
}
.vcard div{
line-height:1.5em; /* 18px */
}
.email{
font-style:italic;
}
/* 
 _________________________________*/
.zemContactForm{
margin-bottom:1.5em;
}
form{
margin-top:1.5em;
}
fieldset{
padding:1em 0;
margin-left:40px;
border:1px dotted #c0d1d8;
}
legend{
margin-left:5px;
font-weight:bold;
color:#2e667d;
}
form label, form .radios span{
display:block;
float:left;
width:18em;
margin-right:.5em;
margin-left:1em;
padding-top:2px;
line-height:1.5em;
text-align:right;
}
form .radios label, form .radios span{
margin-left:0;
}
#reviewText label, #reviewTitle label{
width:10em;
}
fieldset div{
height:3em;
clear:both;
}
div.message{
zoom:1;
overflow:auto;
height:auto;
margin-bottom:1em;
}
div.submit{
padding-top:1em;
padding-left:19.5em;
}
form h3{
margin-right:20px;
margin-left:20px;
padding-left:24px;
border-bottom:1px dotted #c0d1d8;
}
input, textarea, select{
padding:4px;
border:1px solid #c0d1d8;
font-family:inherit;
font-size:inherit;
line-height:inherit;
}
input:focus, input:hover,
textarea:focus, textarea:hover,
select:focus, select:hover{
border:1px solid #2e667d;
}
.multiple input{
display:block;
float:left;
}
.multiple span#nights label{
width:auto;
padding-left:1.5em;
}
.radios input, .radios label{
display:block;
float:left;
width:2em;
text-align:left;
padding-left:2px;
}
.radios input{
margin-top:6px;
}
.submit input{
cursor:pointer;
padding:6px;
color:white;
background-color:#2e667d;
border:0;
}
.submit input:hover, .submit input:focus{
background-color:#af525c;
}
input.disabled, input.disabled:hover{
border:none;
}
label.zemRequired, label.zemRequirederrorElement{
font-weight:bold;
}
label.zemRequirederrorElement{
color:#af525c;
}
.zemError, .error{
color:#af525c;
}
.zemError{
margin-left:18.5em;
}
.zemThanks{
line-height:1.667em; /* 20px */
margin:0 0 1.667em 44px; /* 10px */
padding:1em;
border:1px dotted #c0d1d8;
}
.extra { background:#c0d1d8 url("../images/extraArrow.gif") 0 50% no-repeat; padding:2px 2px 2px 16px;}
/* jquery datepicker styles ______________________________ */
table.jCalendar {
	background: white;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: white;
	color: black;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: white;
	color: black;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: white;
	color: #999;
}
table.jCalendar td.today {
	background: #bed2d7;
	color: white;
}
table.jCalendar td.selected {
	background: #2e667d;
	color: white;
}
table.jCalendar td.selected:hover {
	background: #af525c;
	color: white;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #af525c;
	color: white;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: white;
	color: #ccc;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: white;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
	border:1px solid rgb(121,165,178);
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* --------------------------- */
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
float:left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin:2px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url("../images/calendar.png") no-repeat; 
}
a.dp-choose-date .dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
float:left;
}