#merlincontentholder 
{
    width: 726px;
    text-align: center;
}

#merlincontentholder #topmenu
{
    margin-bottom: 20px;
    margin-top: 7px;
    height: 10px;
    padding: 0;
    vertical-align: top;
}

#merlincontentholder #topmenu a 
{
    color: #999999;
    border: 1px #bbbbbb solid;
    border-bottom-right-radius: 10px 10px;
    -moz-border-radius-bottomright: 10px 10px;
    border-bottom-left-radius: 10px 10px;
    -moz-border-radius-bottomleft: 10px 10px;
    padding: 6px 8px 8px 8px;
    
    /* gradient background... */
    /* fallback */
    background: url(../images/topmenu-gradient.png);
    background-repeat: repeat-x;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#e0e0e0));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #ffffff, #e0e0e0);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #ffffff, #e0e0e0);
    /* IE 10 */
    background: -ms-linear-gradient(top, #ffffff, #e0e0e0);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #ffffff, #e0e0e0);
}

#merlincontentholder #topmenu a:hover 
{   color: #666666;

    /* gradient background... */
    /* fallback */
    background: url(../images/topmenu-gradient-hover.png);
    background-repeat: repeat-x;
    /* Safari 4-5, Chrome 1-9 */
    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#dddddd), to(#ffffff));
    /* Safari 5.1, Chrome 10+ */
    background: -webkit-linear-gradient(top, #dddddd, #ffffff);
    /* Firefox 3.6+ */
    background: -moz-linear-gradient(top, #dddddd, #ffffff);
    /* IE 10 */
    background: -ms-linear-gradient(top, #dddddd, #ffffff);
    /* Opera 11.10+ */
    background: -o-linear-gradient(top, #dddddd, #ffffff);
}

#merlincontentholder #topmenu_left
{
    /*margin-top: -30px;*/
    float: left;
    margin-left: 5px;
}

#merlincontentholder #topmenu_left a {margin-left: -5px;}

#merlincontentholder #topmenu_right
{
    /*margin-top: -30px;*/
    float: right;
}

#merlincontentholder .clearboth
{
    clear: both;
}

#merlincontentholder .label
{
    display: inline-block;
    text-align: right;
    margin-right:5px;
}

#merlincontentholder input, #merlincontentholder select {color: #222222;}
#merlincontentholder input [disabled="disabled"], #merlincontentholder input[disabled], #merlincontentholder input.disabled,
#merlincontentholder select [disabled="disabled"], #merlincontentholder select[disabled], #merlincontentholder select.disabled
{color: #999999;}


#merlincontentholder .error
{
    color: #FF6360;
}

#merlincontentholder .warning
{
    color: #FD7A02;
}
#loginform
{
    border: #FDB102 2px solid;
    width: 220px;
    margin: auto;
    padding: 10px;
}

#logincontainer a {color: #333333;
    text-decoration: underline;
    cursor: pointer;}

#loginform .label 
{
    width:80px;
    text-align: right;
}

#loginform input
{
    width: 120px;
}

#loginintro {width:626px; margin: auto;}

#loginformintro {color: #FDB102; font-size:12px; margin-bottom: 30px;}

#forgotpassword {margin-top:30px; font-size: 9px;}

#forgotpasswordform .label {width:70px;
    text-align: right;}
    
#forgotpasswordform .form_row input {width:120px}

#forgotpasswordform #forgotPWSuccess {font-weight:bold;}

#merlincontentholder h1
{
    font-weight: bold; 
    color: #FDB102;
    font-size: 12px;
    text-align:left;
    border-bottom: 1px #FDB102 solid;
}
#merlincontentholder #logincontainer h1 
{
    font-weight: normal; 
    text-align: center;
    border: none;
}

#membershipType 
{
    text-align:right;
    margin-top: -40px;
    padding-bottom: 20px;
}

#availabilityFilters
{
    /*height: auto !important;
    min-height:0px;
    max-height: 225px;*/
}

#membershipsummary {text-align:left; font-size:12px;}

/*#reservationrights th {background-color: #A8CE94;}*/

/*#reservationrights td {background-color: #D4E2A3;}*/

#reservationrights td, th
{
    text-align: center;
    font-size: 12px;
    font-weight:normal;
    width: 80px;
    background-color: #f0f0f0;
    padding:2px;
    border: 2px #FFFFFF solid;
    border-top: 0px;
    border-left: 0px;
    /*margin: 1px;
    margin-left:5px;*/
    /*width: 80px;
    color: #232F01;
    border: 1px #FFFFFF solid;
    border-bottom: 0px;
    border-right: 0px;*/
}

#reservationrights select 
{
    font-size: 12px;
}
/*
#reservationrights th
{ font-weight: bold;}

#reservationrights .resrightyear
{
    width: 160px;
}*/

#availabilityFilters .info 
{
    margin-top: 5px;
    margin-bottom:10px; 
    color: #FDB102;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
}

#membershipsummary_selector {display:inline-block; vertical-align: top;width:380px; }

#membershipsummary_details 
{
    display:inline-block; 
    width:320px;
    padding-left: 20px;
    vertical-align: top;
}

#membershipsummary_details div#membershipsummary_details_title {font-weight: bold; margin-bottom: 8px;}
#membershipsummary_details .label{width: 130px;}
#membershipsummary_details div{margin-bottom: 5px;}

.resrightyear select {text-align:center;}

#searchcriteria {margin:10px 0 10px 0; border: 1px #999999 solid; padding: 5px;}
#searchcriteria, #searchcriteria * { font-size: 12px;}

#searchcriteria td.filterfield {text-align:left;}

#searchcriteria td .label {width:100%;}

#searchcriteria .button {width: 50px;}

#merlincontentholder .button, #merlincontentholder .button_long
{
    font-size: 9px; 
    font-family: Verdana; 
    color: rgb(40, 71, 117); 
    border: 1px solid rgb(204, 204, 204); 
    background-color: rgb(255, 251, 255);
    cursor: pointer;
}
.button, .button_long
{
    width: 120px; 
    padding-top: 4px;
    padding-bottom: 4px;
    /*height: 20px; */
    margin: 3px;
    white-space:normal;
    vertical-align: middle;
}

#merlincontentholder .button [disabled="disabled"], #merlincontentholder .button[disabled], #merlincontentholder .button.disabled,
#merlincontentholder .button_long [disabled="disabled"], #merlincontentholder .button_long[disabled], #merlincontentholder .button_long.disabled  
{background-color: rgb(204, 204, 204); color: #FFFFFF; cursor:auto;}

.updateProgress
{
    position: relative;
    border: solid 2px #BEC2BD;
    background-color: #FFFFFF;
    font-weight: bold;
    padding: 10px;
    text-align: center;
    color: #899187;
    z-index: 999;
    width: 90px;
    height: 75px;
}

#loginProgress
{
    margin-top: -145px;
    margin-left: 306px;
}

#modalloginProgress
{
    margin-top: -38px;
    margin-left: 175px;
}

#modalForgotPWProgress
{
    margin-top: -48px;
    margin-left: 175px;
}

#modalBookingProgress
{
    margin-top: -50px;
    margin-left: 295px;
}

#telephoneProgress, #skypeProgress, #emailProgress
{
    height: 20px;
    width: 24px;
    padding: 4px;
    margin-top: -31px;
    margin-left: 90px;
}
#telephoneProgress *, #skypeProgress *, #emailProgress *
{
    vertical-align: middle;
}

#addressProgress
{
    margin-top: -165px;
    margin-left: 110px;
    padding-top: 30px;
    height: 55px;
}

/*#addressProgress_Clearboth
{
    margin-top: 150px;
}*/

#yearGridProgress, #updAccountProgress
{
    position: absolute;
    margin-left: 306px;
    margin-top: 15px;
}

#updResProgress
{
    position: absolute;
    margin-top: 20px;
    margin-left: 306px;
}

#transactionsprogress {
    position: absolute;
    margin-left: 293px;
    margin-top: 15px;
}

#paymentprogress {
    position: absolute;
    margin-left: 293px;
    margin-top: 25px;
}

#statementsprogress {
    position: absolute;
    margin-left: 168px;
    margin-top: 15px;
}

.modalBackground
{
    background-color: #FFFFFF;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalform_container
{
    cursor: move;
    border: 1px #666666 solid;
    border-right-width: 2px;
    border-bottom-width: 2px;
    width: 300px;
    z-index: 900;
    background-color: #FFFFFF;
}

.modalform_container .error
{
    text-align: center;
    margin-bottom: 10px;
}

.modalform
{
    padding: 20px;
}

.modalform_controls
{
    height: 20px;
    border-bottom: 2px solid #FDB102;
    text-align:right;
    padding: 4px;
}

.form_info
{
    margin-bottom: 10px;
    font-weight: bold;
}

#loginform.modalform_container  {padding: 5px;}

#loginform .modalform {padding:0px;}

#bookingform { width:400px;}
#bookingform div.form_row {text-align:left;margin-bottom: 3px;}
#bookingform div.form_row * {vertical-align: middle;}
/*#bookingform div#frCheckIn, #bookingform div#frCheckOut {margin-bottom: 3px;}*/
#bookingform div#frTerms {text-align:center; margin:3px;}
#bookingform div#frTerms * {vertical-align:baseline;}
#bookingform div#frNotes * {vertical-align:top;}
#bookingform div#frNotes textarea {width: 200px; height: 85px;}
#bookingform div#frEmail input {width: 200px;}

#bookingform .form_info {margin-top: -20px;}
#forgotpasswordform .form_info {margin-top: -20px;}

#bookingform .modalform .form_info {margin:10px; font-weight: normal;}

#bookingform .label
{
    width: 140px;
}

#bookingform span {display: inline-block;}

#bookingform #bookingstatus {border: 1px solid #FDB102; margin: 5px; padding: 2px; background-color:#FFE7B2;}
#bookingform #bookingerrorwarning {margin: 5px;}

#bookingform .ressummary {border: 1px #FDB102 solid; padding: 2px;}

#bookingform #cxlRebook {border: 1px #FDB102 solid; margin: 10px 0 10px 0; padding: 2px;}
#bookingform #cxlRebook .button {width:140px; margin: 5px 0 10px 0;}

#bookingform .form_buttons {margin-top:15px;}

#bookingUpdateForm  {width:600px;}

#infoemailsent {/*font-weight:bold;*/}

#ressummaryheader {font-weight:bold; margin-bottom: 5px;}
#resupdatedescription {margin: 20px 0 20px 0;}

/*td.resButtons {width: 100px;}*/
td.resButtons .button, td.resButtons .button_long {margin: 0;}
td.resButtons .button_long {margin-top: 2px;}

td.resResort {width:160px;}
/*td.resCheckIn, td.resCheckOut {width:80px}*/

.numeric_input {width:45px;}
.numeric_box_bigger {width:60px;text-align: right;padding-right: 1px;}

.readonlyfield
{
    background-color:Transparent;
    border:none;
    padding:2px;
}


/* Availablity */
#availability_grid
{
    width: 100%;
}

#availability_grid th, #availability_grid td
{
    padding-top: 1px;
    padding-bottom: 1px;
    /*color: #232F01;*/
    text-align: center;
    border: 1px #FFFFFF solid;
    border-bottom: 0px;
    border-right: 0px;
    /*margin: 1px 0 0 1px;*/
}

#availability_grid th, #availability_grid #tdGridTitle
{
    background-color: #F0F0F0;
}

#availability_grid td {padding: 2px 0 2px 0;}

/*#tdGridTitle*/

/*#availability_grid th
{
    background-color: #D0D0D0;
    width: 20px;
    height: 20px;
}

#availability_grid .gridTitle
{
    background-color: #A8CE94;
    font-size: 14px;
    padding: 3px;
}

#availability_grid td
{
    background-color: #F0F0F0;
    width: 20px;
    height: 20px;
}

#availability_grid .availability_month
{
    background-color: #F0F0F0;
    width: auto;
}
*/
#availability_grid .day_available, #availability_legend .day_available
{
    background-color: #b4D77F;/*#A8D75F;*/
}

#availability_grid .day_checkin
{
    border-left: 1px #707070 solid;
}

#availability_grid .day_checkin a, #bookingform a
{
    color: blue;
    text-decoration: underline !important;
}
/*
#availability_grid .day_checkout
{
    /*border-right: 1px #707070 solid;
}
*/
#availability_grid .day_booked, #availability_legend .day_booked
{
    background-color: #FF6360;
}

#availability_grid .day_bookedbymember, #availability_legend .day_bookedbymember
{
    background-color: #A0C6DC;
}

#availability_grid .day_outofseason, #availability_legend .day_outofseason
{
    background-color: #E5E5E5;
}

#availability_grid .day_beyondwindow, #availability_legend .day_beyondwindow
{
    background-color: #FFFFFF;
}

#availability_legend .day_beyondwindow { margin: 1px; border: 1px #666666 solid;}

#availability_grid .day_inactive
{
    background-color: transparent;
}
#availability_grid .day_past
{
    background-color: #FFFFFF;
}

#availability_legend
{
    /*width: 300px;*/
    margin-top: 20px;
    text-align: left;
}

#availability_legend td
{
    padding: 2px;
    /*background-color: #F0F0F0;
    color: #232F01;*/
    border: 1px #FFFFFF solid;
    /*border-bottom: 0px;
    border-right: 0px;*/
}

#availability_legend .colour_code
{
    width: 20px;
}

#availability_legend .colour_description
{
    /*background-color: #333333;*/
}

#availability_grid .gridTitle
{
    font-weight:bold;
}

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

table.dataform th 
{   font-weight: bold; 
    padding:4px;
    /*color: #999999;*/
    /*font-size: 12px;
    background-color: #FFFFFF;
    margin-bottom: 6px;
    padding-top:8px;
    border-bottom: 1px #999999 solid;*/
}
table.dataform td {vertical-align: top;}
table.dataform .form_row {text-align:left; margin-bottom:2px;}
table.dataform .form_row select {line-height:13px; font-size: 10px; padding: 2px;}

table.dataform .contactdetails_subtitle { font-weight: bold; margin-bottom: 4px;}

/*#reservationDetails table.dataform td, #accountDetails table.dataform td*/
table.dataform td
{vertical-align:middle; border-color: #FFFFFF; padding: 1px 0 1px 0;}
/*#reservationDetails table.dataform tr.alt td, #accountDetails table.dataform tr.alt td */
table.dataform tr.alt td
{background-color: #F0F0F0;}

/*#reservationDetails table.dataform .gridPager td*/
table.dataform .gridPager td{border-top: 1px #E0E0E0 solid;}
.gridPager span, .gridPager a {font-size: 11px; border: 1px #E0E0E0 solid; padding: 1px; margin: 0 2px 0 0;}

#tdAddress, #tdTel {width:50%; padding-top: 6px;}

#tdAddress .label {width: 80px;}
#tdAddress .form_row input {width: 122px; margin-right: 3px;}
#tdAddress {border-right: 1px #F0F0F0 solid; padding-right:5px;}
#tdTel {padding-left:5px;}

#tdTel .countrycode {width: 25px;}
#tdTel .dialcode {width: 30px;}
#tdTel .telno {width: 70px;}
#tdTel .label {width: 40px;}
#tdTel .skypename{width: 170px;}
#tdTel .emailaddress {width: 140px;}
div.skype {margin-top: 5px; padding-top:5px; border-top: 1px #F0F0F0 solid;}

#infoCountryCode {margin-bottom:2px;}

table.dataform .button {width: 55px;}

table.dataform .button_long {width:115px;}

table.dataform #tdTel.button {margin-right: 0;}

.popupControl { 
    position:absolute;
    visibility:hidden;
    background-color:#FFFFFF;
    padding: 5px;
    /*border-width : 0;
    border:0px solid black;
    border-bottom-width : 0;*/
    border: 1px #999999 solid;
    border-bottom-width: 2px;
    border-right-width: 2px;
    z-index:9001;
    /*color: #232F01;*/
 }  
#transactionviewer, #statementviewer, #paymentpopup {padding: 4px;}
#transactionviewer { width: 700px;}
#statementviewer { width: 450px;}
#paymentpopup { width: 700px;}

#transactionviewer table.dataform, #statementviewer table.dataform { width: 100%;}

#transactionviewer .col_tranRemarks { max-width: 150px;overflow: hidden;}

#accountDetails table.dataform .button_long {width:80px;}

#statementviewer .col_stmtDescription { width: 200px;}

#transactionviewer table.dataform th {   padding:2px;}
/*table.dataform .form_row {text-align:left; margin-bottom:2px;}
table.dataform .form_row select {line-height:13px; font-size: 10px; padding: 2px;}*/
#transactionviewer table.dataform td
{vertical-align:middle; border-color: #FFFFFF; padding: 1px 0 1px 0;}

#paymentpopup #accountsummary_title, #paymentpopup #paymentdetails_title, #paymentpopup #billingaddress_title { font-weight: bold;padding-bottom: 3px;color: #fdb102;}
#paymentpopup #accountsummary, #paymentpopup #paymentdetails, #paymentpopup #billingaddress { margin-bottom: 10px;}
#paymentpopup .form_row { text-align: left;margin-top: 2px;}
#paymentpopup .label { display: inline-block;width: 180px;padding-right: 5px;text-align: right;font-weight: bold;}
#paymentpopup .form_row .currency {display: inline-block; width: 55px;}
#paymentpopup .form_row span.currency { padding-left: 4px;width: 51px;}
#paymentpopup .emailaddress {width: 180px;}

#paymentpopup #paymentdescription {height: 340px; overflow-y: scroll;font-size: 10px;text-align: left;border-top: #FDB102 1px solid; border-bottom:#FDB102 1px solid;}
#paymentpopup #paymentdescription #paymentlogos { float: right; width: 150px; text-align: center;}
#paymentpopup #paymentdescription #paymentlogos a { text-decoration: none;}
#paymentpopup #paymentdescription #paymentlogos img { vertical-align: middle;margin: 4px;}
#paymentpopup #paymentdescription #paymentlogos #redunicreLogo { width: 109px;height: 184px;}
#paymentpopup #paymentdescription #paymentlogos #verifiedByVisaLogo { width: 96px;height: 75px;}
#paymentpopup #paymentdescription #paymentlogos #mastercardSecureCodeLogo { width: 140px;height: 75px;}
#paymentpopup #paymentdescription ul li { margin-left: 15px;margin-bottom: 2px;}

iframe#PaymentIFrame
{
    width: 690px;
    height: 450px;
    border: none;
    background-color: Transparent;
}

#RedunicreStatusBody { 
    margin: 0px;
    text-align: center;
}

/*#RedunicreStatusBody #lblStatus{ font-size: 13px;}*/

#RedunicreStatusBody img { vertical-align: bottom;}