html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
        margin: 0;
        padding: 0;
        border: 0;
        outline: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
/*      vertical-align: baseline; */
}
/* remember to define focus styles! */
:focus {
        outline: 0;
}
body {
        line-height: 1;
        color: black;
        background-color: white; /* #f0f0f0; */
	font-size: 12px;
	font-family: Tahoma, Arial;
}
ol, ul {
        list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
        border-collapse: separate;
        border-spacing: 0;
}
blockquote:before, blockquote:after,
q:before, q:after {
        content: "";
}
blockquote, q {
        quotes: "" "";
}
a {
	font-weight: bold;
}

/*
 * BEGIN
 *
 */
body {
        font-family: Tahoma, Arial, Verdana;
        font-size: 12px;
        width: 100%;
        background: #c4def7 url(/img/wm_background_reverse.jpg) top left repeat-x;
}
.hide {
        display: none;
}
.clearer {
        clear: both;
        display: block;
        margin: 0;
        padding: 0;
        height: 0;
        line-height: 1px;
        font-size: 1px;
}
.after {
        height: 0.1%;
}
.after:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
}


div.mycanvas {
        width: 965px; /* 880px; */
        height: 525px;
        margin: 0 auto;
}

div.content {
	height: 382px;
	width: 920px; /* 835px; */
	margin: 70px auto 0 auto;
}
div.content img.pointer {
	position: absolute;
	top: 447px;
	left: 0;
}
div.content .maincol {
	background: url(/img/wm_boxer.jpg) bottom left no-repeat;
	margin: 0 auto;
	height: 380px;
}
div.content .maincol .desert {
	width: 700px;
	height: 360px;
	margin-left: 20px;
	padding-top: 0px;
/*	overflow-x: hidden; */
	overflow-y: auto;
}
div.content .maincol .desert .data {
	width: 100%;
}
div.content .maincol .desert h1 {
	font: bold 18px Arial, Verdana, Arial;
	display: inline;
}
div.content .maincol .desert h1 em {
        font-family: "monotype corsiva";
        font-weight: normal;
        font-style: italic;
        font-size: 27px;
        padding-right: 4px;
}
div.content .maincol .desert p.commontext {
	color: #484949;
	line-height: 1.2em;
	padding-left: 1px;
	margin-bottom: 20px;
	font-size: 12px;
}
div.content .maincol .desert a {
	color: #0083cd;
}


/*
 * MENU
 *
 */
div.menu {
	clear: both;
	width: 920px; /* 835px; */
	margin: 12px auto 0 auto;
        background: url(/img/wm_menubar.jpg) top center no-repeat;
        height: 40px;
}
div.menu ul {
        list-style: none;
}
div.menu ul.multiple {
        margin: 0 auto;
}
div.menu ul.single {
        margin-left: 25px;  
}
div.menu ul li {
        float: left; 
        margin-top: 6px;
        padding-top: 1px;
        padding-bottom: 0px;
        padding-left: 31px;
        padding-right: 31px;
}
div.menu ul li.leftBorder {
        border-left: 1px solid #8facc9;
}
div.menu ul li a {
        color: white;
        font-weight: bold;
        text-decoration: none;
        text-align: center;
        font-family: Verdana;
	font-size: 12px;
}
div.menu ul li a:hover,
div.menu ul li.current a {
	color: #feb112;
}


/*
 * LOCATION
 *
 */
div.location {
	margin-top: 8px;
}
div.location div.locationText {
	float: left;
	width: 375px;
	margin-right: 15px;
}
div.location div.locationText br {
	line-height: 10px;
}
div.location div.seeMain {
        border: 1px solid #cccccc;
        width: 299px; /* fixed */
	height: 282px; /* fixed */
        float: left;
}
div.location div.seeMain .seeMainPicture {
        margin: 8px auto 7px auto;
        width: 284px; /* image size */
        height: 248px; /* image size */
}
div.location .seeMain .seeMainText {
        width: 286px;
        margin: 0 auto;
        color: #484949;
        line-height: 1.2em;
        padding-left: 2px;
}


/*
 * IMAGES
 *
 */
div.see {
}
div.see .seeMain {
	border: 1px solid #cccccc;
	height: 298px; /* fixed */
	width: 420px; /* fixed */
	float: left;
	margin-right: 12px;
}
div.see .seeMain .seeMainPicture {
	margin: 8px auto 4px auto;
	width: 404px; /* image container */
	height: 266px; /* image container */
}
div.see .seeMain .seeMainPicture img {
	width: 404px;
	height: 266px;
}
div.see .seeMain .seeMainText {
	width: 400px;
	margin: 0 auto;
        color: #484949;
        line-height: 1.2em;
	padding-left: 2px;
}
div.see .seeMain .seeMainText a {
        color: #b30000 !important;
        font-weight: bold;	
}
div.see .seeThumb {
	margin-top: 6px;
	float: left;
	width: 260px;
}
div.see .seeThumb img {
        width: 55px; /* fixed img width */
        height: 55px; /* fixed img height */
        opacity: 0.7;
        filter: alpha(opacity=70);
}
div.see .seeThumb a {
        float: left;
        margin-right: 1px;
        margin-bottom: 1px;
        border: 3px solid white;
}
div.see .seeThumb a:hover {
        border: 3px solid #ffde84;
}
div.see .seeThumb a.selected {
        border: 3px solid #feba02;
}
div.see .seeThumb a:hover img,
div.see .seeThumb a.selected img {
        opacity: 1.0;
        filter: alpha(opacity=100);
}


/*
 * OPINIONS
 *
 */
div.opinions {
	margin-bottom: 30px;
	width: 95%;
}
div.opinions div.date {
        color: #ffffff;
        font-weight: bold;
        width: 11%;
        text-align: center;
        float: left;
}
div.opinions div.date span {
        background-color: #006683;
        font-family: Arial, Tahoma;
        font-size: 11px;
        padding-top: 6px;
        padding-bottom: 5px;
        display: block;
}
div.opinions div.date h3 {
        background-color: #8bbbd1;
        font-size: 20px;
        font-family: Arial;
        padding-top: 14px;
        padding-bottom: 14px;
}
div.opinions div.opinion {
        float: left;
        width: 85%;
        border-top: 5px solid #8bbbd1;
        margin-left: 3%;
	display: inline;
}
div.opinions div.opinion div.text {
        float: left;
}
div.opinions div.opinion div.text p {
        padding: 5px 15px 5px 10px;
        line-height: 1.2em;
	color: #484949;
	font-size: 12px;
}
div.opinions div.opinion div.text p br {
	line-height: 7px;
}
div.opinions div.opinion div.text p span {
	color: #a1a1a1;
}
a.on, a.off {
	background-position: 100% 70%;
	background-repeat: no-repeat;
	padding-right: 10px;
}
a.on {
	background-image: url(/img/wm_grayarrow.jpg);
/*	color: #6a6a6a !important; */
	color: black !important;
	font-weight: bold;
	text-decoration: none !important;
}
a.off {
	background-image: url(/img/wm_bluearrow.jpg);	
}



/*
 * PRICING TABLE
 *
 */

form.tblCtrlForm {
        padding-bottom: 5px;
	padding-left: 2px;
	padding-top: 5px;
        font-family: Tahoma, Arial;
        font-size: 12px;
        color: #383838;
}
form.tblCtrlForm input.txtbox,
form.tblCtrlForm select {
        margin-left: 5px;
        margin-right: 5px;
        font-family: Arial;
        font-size: 12px;
        font-weight: bold;
        padding: 0px;
}
form.tblCtrlForm input.txtbox {
        width: 95px;
}
form.tblCtrlForm input.btn {
        color: #003580;
        font-size: 13px;
}

table#pricing {
        width: 100%;
        font-size: 12px;
        font-family: Tahoma;
        text-align: center;

        border-collapse: collapse;
        border-spacing: 0;
}
table#pricing td.headcell {
        padding-top: 5px;
        padding-bottom: 5px;
	font-family: Arial;
}
table#pricing td.bodycell {
        padding-top: 10px;
        padding-bottom: 10px;
        text-align: left;
}
table#pricing td.headcell,
table#pricing td.bodycell {
        padding-left: 12px;
        padding-right: 35px;
}

div#progress {
        text-align: center;
        font-weight: bold;
        font-size: 14px;
}
table#pricing td.hasTopBorder {
        border-top: 1px solid #8facd3;
}
table#pricing td.headcell {
        background-color: #426589;
        color: white;
        font-weight: bold;
        font-size: 12px;
        text-align: left;
        vertical-align: top;
}
table#pricing td.empty {
        padding: 0 3px;
        border: none;
}
table#pricing td.bgBlueColor {
        background-color: #eff5f5;
}
table#pricing td.headcell.roomtype {
        width: 25%;
}
table#pricing td.headcell.fulltext {
        width: 40%;
}
table#pricing td.bodycell.nodates {
        color: #b30000;
        font-weight: bold;
        font-size: 12px;
        white-space: nowrap;
}
table#pricing td.bodycell.roomtype {
/*        width: 99%;  */
        text-align: left;
	vertical-align: top;
}
table#pricing td.bodycell.roomtype b.roomname {
        color: black;
        font-family: Verdana;
        font-size: 12px;
        display: block;
        padding-bottom: 2px;
	padding-top: 1px;
        white-space: nowrap;
}
table#pricing td.bodycell.roomtype span {
        color: black;
	font-family: Tahoma;
}
table#pricing td.bodycell.roomtype img {
        vertical-align: middle;
}
table#pricing td.bodycell.roomtype a {
	font-weight: normal;
}
table#pricing td.bodycell.fulltext {
        font-family: Tahoma;
        text-align: left;
        line-height: 1.2em;
}
table#pricing td.bodycell.fulltext a {
        color: #0896ff;
        font-weight: bold;
}
table#pricing td.bodycell.price div {
        white-space: nowrap;
        /* this 'block' container is required. the table will allocate as much space as needed for it */
}
table#pricing td.bodycell.price b {
        color: #b30000;
        font-size: 12px;
        white-space: nowrap;
	font-family: Arial;
}
table#pricing td.bodycell.price img {
        vertical-align: middle;
}
table#pricing td.bodycell.select select {
        font-size: 12px;
        font-family: Arial;
}
table#pricing td.bodycell.button {
        padding: 0 5px;
        background-color: #fff0c4;
        border-left: 1px solid #8facd3;
	text-align: center;
}
table#pricing td.bodycell.button input {
        color: #003580;
        font-weight: bold;
        font-family: Arial;
        font-size: 13px;
}


/*
 * ROOM DETAILS: content
 *
 */
table#pricing tr.bkrDetails td {
        padding: 0;
        color: #48496b;
}
table#pricing tr.bkrDetails td.addBackGround div.outer {
        background: url(/img/detailsConnector.png) 15px 5px no-repeat;
        padding-left: 30px;
        padding-bottom: 10px;
	padding-right: 15px;
}
table#pricing tr.bkrDetails td.addBackGround div.outer div.inner {
        margin-top: 4px;
        padding: 0px 10px 10px 12px;
        text-align: left;
	border-style: solid;
	border-width: 1px;
	border-top-color: #484949;
	border-left-color: #484949;
	border-right-color: #9f9f9f;
	border-bottom-color: #9f9f9f;
	background-color: #f2f2f2;
}
table#pricing tr.bkrDetails td.addBackGround div.outer div.inner p {
        font-weight: normal;
        font-family: Tahoma, Arial;
        font-size: 11px;
        padding-top: 8px;
        line-height: 1.2em;
}
table#pricing tr.bkrDetails td.addBackGround div.outer div.inner p span {
        font-variant: small-caps;
}




i.totalAmount {
        color: #535353;
        line-height: 1.6em;
        font-weight: normal;
        font-style: normal;
        font-family: Arial;
        font-size: 11px;
}
p.hint {
        color: #484949;
	margin-top: 20px;
	margin-left: 18px;
	font-size: 12px;
}
p.hint b {
	color: #c00000;	
	font-family: Arial;
	padding-right: 3px;
}



/*
 * ROOMLIST
 *
 */
table.roomlist {
        border-collapse: collapse;
        margin: 0;
        width: 100%;
}
table.roomlist th {
        font: italic normal 10px Verdana;
        border-bottom: 1px solid #003580;
	padding-top: 0;
	padding-bottom: 1px;
}
table.roomlist tr td {
        font: bold 12px Arial;
        color: black;
	padding-top: 0;
	padding-bottom: 4px;
}
table.roomlist th,
table.roomlist tr td {
	padding-left: 10px;
	padding-right: 10px;
}
table.roomlist tr.firstRow td {
        padding-top: 5px;
}
table.roomlist tr.okay td.status {
        color: #488000; /* status: OK */
}
table.roomlist tr.canc td {
        color: gray;
        text-decoration: line-through;
}
table.roomlist tr.canc td.status {
        color: red; /* status: {U,A,S,PRE}-CANC U-NOSHOW */
        text-decoration: none;
}
table.roomlist tr td button {
        font-size: 12px;
}
.nobr {
        white-space: nowrap;
}
.isRecent {
        font-weight: bold;
        color: red !important;
}
table.roomlist tfoot td {
        border-top: 1px solid #003580;
	padding: 3px 0 0 30px;
}
table.roomlist tfoot tr td span {
        color: black;
        font-size: 16px;
        margin-left: 5px;
        padding: 3px 35px;
        border: 1px solid #003580;
}

tr .all { text-align: left; }
tr .alc { text-align: center; }
tr .alr { text-align: right; }

table.roomlist tr.bkrDetails td {
        padding: 0;
        color: #48496b;
}
table.roomlist tr.bkrDetails td.addBackGround {
        background: url(/img/detailsConnector.png) 15px 5px no-repeat;
        padding-left: 30px;
        padding-bottom: 10px;
}
table.roomlist tr.bkrDetails td.addBackGround div {
        margin-top: 4px;
        padding: 8px 10px 0px 12px;
        background-color: #fff0c4;
	text-align: left;
}
table.roomlist tr.bkrDetails td.addBackGround div p {
        font-weight: normal;
        font-family: Tahoma, Arial;
        font-size: 11px;
        padding-bottom: 14px;
        line-height: 1.2em;
}
table.roomlist tr.bkrDetails td.addBackGround div p span {
	font-variant: small-caps;
}

table.roomlist i.sidenote {
        color: #909090;
        padding-left: 5px;
        padding-right: 5px;
        font-weight: normal;
        font-style: normal;
        font-family: Arial;
}
table.roomlist i.sidenote.nopadding {
        padding: 0;
}
div.buttons {
        text-align: right;
        padding-right: 30px;
}
div.buttons input {
	font-size: 13px;
        overflow: visible; /* IE madness */
        padding: 1px 10px;
}


select.userchoice {
	font-size: 13px;
}
div.CustBox {
        margin-top: 10px;
        height: 1%;
}
div.CustBox div.CustInnerBox {
        width: 310px;
        float: left;
        display: inline; /* IE margin-left */
        height: 1%;
}
div.CustBox div#cc_issue {
        display: none;
}
div.CustBox input {
        padding: 2px;
        width: 171px;
}
div.CustBox select {
        padding: 1px;
        width: 177px;
}
div.CustBox input,
div.CustBox select {
	font-size: 12px;
        color: #003580;
        margin-bottom: 2px;
        background-color: #fff0c4;
        border: 1px solid #a9a9a9;
        float: left;
}
div.CustBox input.noborder {
        border-color: #fff0c4;
        margin-bottom: 0;
        padding-bottom: 4px;
        padding-left: 4px;
}
div.CustBox label {
	font-size: 12px;
        font-weight: bold;
	color: #494949;

        width: 110px;
        padding-right: 2px;
        float: left;
        text-align: right;
        white-space: nowrap;

        padding-top: 2px;

}
div.CustBox label span {
        color: gray;
	font-weight: normal;
}
div.CustBox span.req {
        font-size: 11px;
        color: #d92929;
        font-weight: bold;
        padding-top: 5px;
        padding-left: 4px;
        float: left;
}
div.CustBox p {
        font-style: italic;
        margin-bottom: 15px;
        font-size: 11px;
        font-family: Verdana, Arial;
        line-height: 1.2em;
        width: 85%;
        float: right;
}
div.CustBox select.selCustWidth {
        width: 84px;
}
div.CustBox input.iptCustWidth {
        width: 65px;
}


div.RemarksBox {
        width: 625px;
        margin: 20px 10px 15px 0px;
        height: 1%;
}
div.RemarksBox textarea {
	font-size: 11px;
        color: #003580;
        background-color: #fff0c4;
        border: 1px solid #a9a9a9;
        padding: 2px;
        width: 495px;
        height: 55px;
}
div.RemarksBox p {
        text-align: right;
        color: gray;
        margin-right: 15px;
        margin-bottom: 2px;
	font-size: 11px;
}
div.RemarksBox label {
        width: 110px;
        font-weight: bold;
        font-size: 12px;
        float: left;
        text-align: right;
        padding-right: 2px;
	color: #494949;
}
div.RemarksBox label span {
        color: gray;
        font-size: 12px;
	font-weight: normal;
}
div.RemarksBox span.req {
        font-size: 11px;
        color: #d92929;
        font-weight: bold;
        padding-top: 5px;
        padding-left: 4px;
        vertical-align: top;
}


input.erroneous,
textarea.erroneous,
select.erroneous {
        background-color: #fb5e5e !important;
}



/*
 * LOCAL ERRORS
 *
 */
div#localerrors {
        padding: 5px 0 15px 0;
	margin: 0 auto;
        width: 95%;
}
div#localerrors table {
        margin: 0 auto;
}
div#localerrors blink {
        color: white;
        font-weight: bold;
        font-size: 18px;
        background-color: #c62929;
        padding: 6px 5px;
        margin-right: 5px;
        display: block;
}
div#localerrors p {
        color: #c62929;
        font: bold 12px Tahoma, Arial;
}
div#localerrors p a {
        color: #0083cd;
        padding-left: 5px;
        white-space: nowrap;
}


/*
 * VOUCHER
 *
 */
div.printme {
        margin: 0 auto 5px auto;
        width: 92%;
        text-align: left;
}
div.printme img {
        vertical-align: middle;
}
div.printme a {
        font-weight: bold;
        line-height: 1.5em;
        padding-left: 5px;
}
div.voucherOuterBox {
        background-color: #333333;
        position: relative;

	margin: 0 20px 5px 20px;	
        width: 820px;
}
div.voucherOuterBox div.voucherInnerBox {
        border-width: 2px;
        border-style: solid;

        border-left-color: #aaaaaa;
        border-top-color: #aaaaaa;
        border-bottom-color: #333333;
        border-right-color: #333333;

        padding: 25px 30px;
        background-color: white;

        top: -2px;
        left: -2px;
        position: relative;
}


/*
 * CONTACTS
 *
 */
.contacts .col {
        color: #484949;
        line-height: 1.2em;
	font: 12px Arial, Tahoma;
	margin-bottom: 20px;
}
.contacts .col i {
	font-size: 13px;
	color: gray;
}
.contacts .col p {
	padding-top: 2px;
	padding-left: 1px;
	line-height: 1.3em;
}
.contacts .col strong {
	font-weight: bold;
	line-height: 1.3em;
	font-size: 14px;
}
.contacts .col p i {
	color: gray;
	padding-right: 4px;
}
.contacts .col p span.skype {
        background: url(http://mystatus.skype.com/smallicon/residencemeridiana%2Ecom) 0% 55% no-repeat;
        padding-left: 20px;
}
.contacts .col p span.hours {
	font: 9px Arial, Tahoma;
	padding-left: 20px;
	vertical-align: top;
	color: gray;

}


/*
 * LOGINS
 *
 */
table.logins {
        width: 85%;
}
table.logins th,
table.logins td {
        vertical-align: middle;
        padding-top: 15px;
}
table.logins th {
        font-weight: bold;
        font-size: 12px;
        text-align: right;
        width: 1%;
        padding-right: 10px;
        white-space: nowrap;
}
table.logins td {
        background-color: #e0e9ed;
        color: #717171;
        padding-left: 15px;
}
table.logins td input {
        width: 50%;
	font-size: 12px;
}
table.logins td button {
        margin-bottom: 10px;
	font-size: 13px;
}


/*
 * FOOTER
 *
 */
div.footer {
	width: 885px; /* 880px */
	margin: 0 auto;
}
div.footer .meridiana {
	float: left;
}
div.footer .links {
	padding-top: 11px;
	float: right;
	text-align: right;
	font-size: 12px;
	font-family: Tahoma;
	color: #555555;
	line-height: 1.7em;
}
div.footer a {
	font-weight: normal;
        color: #5050c5;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
}
div.footer a.skype {
        background: url(http://mystatus.skype.com/smallicon/residencemeridiana%2Ecom) 0% 55% no-repeat;
        padding-left: 20px;
/*
	color: #62a727;
	font-weight: bold;
*/
}