/*
#
#  www.hotel7.com
#
*/

body {
    background-color: #F8F8F8;
    background-image: url(/images/hotel7/background.png);
    height: 100%;
    margin: 0;
    padding: 0 10px 0px 10px;
    padding-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: black;
}

#frame {
    width: 980px;
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: left;
    background-color: white;
}

#header {
    height: 80px;
    background-image: url(/images/hotel7/header-admin.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-color: #D2D2D2;
}

#navitop {
    width: 100%;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    margin-bottom: 5px;
    background-color: #D2D2D2;
}

#contactbottom {
    background-color: #F8F8F8;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    clear: both;
    width: 100%;
}

#navibottom {
    background-color: #D2D2D2;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
    clear: both;
    width: 100%;
}

#leftcolumn {
    float: left;
    width: 200px;
    padding: 5px;
}

#rightcolumn {
    float: left;
    width: 760px;
    padding: 5px;
}

.box {
    border: 1px solid #D2D2D2;
    margin: 5px 5px 15px 5px;
}

.boxheader {
    background-color: #D2D2D2;
    padding: 2px;
}

.boxcontent {
    padding: 5px;
    background-color: #F8F8F8;
    line-height: 1.2;
    overflow: hidden;
    height: 100%;
}

h1 {
    font-size: 14pt;
    font-weight: bold;
    text-align: center;
    margin: 5px 3px 5px 3px;
    padding: 10px;
    background-color: #DDDDDD;
    color: black;
}

h2 {
    margin: 0 0 5px 0;
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
}

h3 {
    font-size: 12pt;
    font-weight: bold;
    margin: 10px 5px 0px 5px;
    padding: 3px;
    text-align: center;
    background-color: #DDDDDD;
}

.hilite {
    font-weight: bold;
    color: red;
}

.small {
    font-size: 8pt;
}

form {
    margin-top: 5px;
    margin-bottom: 5px;
}

a {
    color: #0000CC;
    text-decoration: none;
}
a:hover {
    color: #FF0000;
    text-decoration: underline;
}

.hotel7 {
    color: #000000;
    text-decoration: none;
}
.hotel7:hover {
    color: #FF0000;
    text-decoration: underline;
}

.dialog_buttons {
    margin-top: 20px;
    text-align: center;
}

#modal {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: black;
    opacity: 0.75;
    z-index: 1;
}

#cover {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #F0F0F0;
    z-index: 1;
}

#wait {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    text-align: center;
}

#edit {
    border: 1px solid black;
    background-color: #F0F0F0;
    z-index: 2;
}

.bold {
    font-weight: bold;
}

.hr {
    margin: 5px;
    border-bottom: dashed 1px #B0B0B0;
}

.editbody {
    background-color: #F0F0F0;
    background-image: none;
}

.edittable { 
    margin: 25px auto 5px auto;
}

.browsetable { 
    margin: 10px auto 10px auto;
}

.head0 {
    background-color: #C0C0C0;
    color: black;
    font-weight: bold;
    height: 25px;
}

.head1 {
    background-color: #6363D6;
    color: white;
    font-weight: bold;
    height: 25px;
}

.head2 {
    background-color: #6363D6;
    color: #FFFF80;
    font-weight: bold;
    height: 25px;
}

.head3 {
    background-color: #FDB97B;
    color: black;
    font-weight: bold;
    height: 25px;
}

.head4 {
    background-color: #FAE7B6;
    color: black;
    height: 25px;
}

.row1 {
    background-color: #F0F0F0;
    height: 25px;
}

.row2 {
    background-color: #DDDDDD;
    height: 25px;
}

.row2b {
    background-color: #DDDDDD;
    font-weight: bold;
    height: 25px;
}

.row3 {
    background-color: #FAE7B6;
    height: 25px;
}


.row3b {
    background-color: #FAE7B6;
    font-weight: bold;
    height: 25px;
}

.row4 {
    background-color: #E9E9E9;
    height: 25px;
}

.pagelink {
    color: black;
    background-color: #FFFFFF;
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #D2D2D2;
    margin: 5px 9px 5px 2px;
    text-align: center;
    text-decoration: none;
}
.pagelink:hover {
    background-color: #F0F0F0;
    text-decoration: none;
    color: black;
}

.pagethis {
    color: black;
    background-color: #D2D2D2;
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #D2D2D2;
    margin: 5px 9px 5px 2px;
    text-align: center;
    font-weight: bold;
}
.pagethis:hover {
    color: black;
    text-decoration: none;
    background-color: #D2D2D2;
    cursor: default;
}

.pagegrey {
    color: #888888;
    background-color: #FFFFFF;
    display: block;
    float: left;
    width: 25px;
    height: 25px;
    line-height: 25px;
    border: 1px solid #D2D2D2;
    margin: 5px 9px 5px 2px;
    text-align: center;
}


.form {
    margin: 25px auto 5px auto;
}

.form_label {
    background-color: #6363D6;
    font-weight: bold;
    color: white;
    width: 80px;
    height: 25px;
}

.form_field {
    background-color: #DDDDDD;
    color: black;
    height: 25px;
}

.form_required {
}

.form_invalid_field {
    color: red;
}

.form_message {
    font-weight: bold;
    color: red;
}

.menu_caption {
    margin: 5px 0 2px 0;
    padding: 3px;
    background-color: #D2D2D2;
    color: black;
}

.menu_element {
    margin-left: 20px;
    padding: 1px;
}

.select_hotel, .select_aff, .select_rate {
    background-color: #F0F0F0;
    margin: 3px;
    padding: 5px;
    text-align: center;
}

.select_pad {
    padding: 10px;
}

.photo_cont1 {
    table-layout: fixed;
    width: 100%;
}

.photo_cont4 {
    height: 440px;
    padding: 20px;
    vertical-align: middle;
    background-color: #E0E0E0;
}

.caption_lang {
    float: left;
}

.caption_lang2 {
    float: left;
    margin-top: 3px;
}

.room_name, .cond_name {
    margin: 2px 2px 10px 2px;
    padding: 2px;
    font-weight: bold;
}

.room_details, .cond_details {
    margin: 2px;
    padding: 2px;
    font-size: 8pt;
}

.day {
    width: 25px;
    height: 25px;
    padding: 1px;
    border: 1px solid grey;
    font-size: 8pt;
    text-align: right;
    display: block;
    float: left;
}

.rooms {
    display: block;
    float: left;
    width: 350px;
}

.rates {
    font-weight: bold;
}

.type {
    display: none;
}

.calcinput {
    text-align: right;
}

.testnote {
    margin: 10px 10px 10px 0;
    padding: 10px;
    background-color: #FFFFD0;
    border: 1px dashed black;
    font-weight: bold;
}

/*
#
# conditons
#
*/

.cond_BA {
    background-color: white;
}

.cond_CA {
    background-color: #D8FFB0;
}

.cond_EB {
    background-color: white;
}

.cond_LM {
    background-color: #FFE600;
}

/*
#
# reservation update 
#
*/

.res_status {
    width: 550px;
    margin: 25px auto 0 auto;
    padding: 5px;
    border: 2px solid #FDB97B;
    background-color: #FAE7B6;
    text-align: center;
}

.res_ok {
    margin-top: 5px;
}

.res_option {
    margin: 5px;
}

.hidden {
    display: none;
}

.res_rate {
    text-align: right;
}

/*
#
# tabs
#
*/

.tabs {
    margin: 20px 0px 5px 52px;
    border-bottom: 2px solid #DDDDDD;
    width: 85%;
}

.tab {
    display: block;
    float: left;
    width: 100px;
    padding: 5px;
    margin-right: 5px;
    text-align: center;
}

.tab1 {
    color: black;
    background-color: #FAE7B6;
    border: 2px solid #FDB97B;
    border-bottom: 0;
    height: 30px;
    font-weight: bold;
    text-decoration: none;
}
.tab1:hover {
    color: black;
    text-decoration: none;
    cursor: default;
}

.tab0 {
    color: black;
    background-color: #EEEEEE;
    border: 2px solid #DDDDDD;
    border-bottom: 0;
    height: 20px;
    margin-top: 10px;
}
.tab0:hover {
    color: black;
    background-color: #FAE7B6;
    border: 2px solid #FDB97B;
    border-bottom: 0;
    text-decoration: none;
    font-weight: bold;
}

.tt {
    margin-top:0;
    margin-left: 50px;
}

.tt0 {
    display: none;
}

.col {
    display: block;
    float: left;
}

.col1 {
    width: 140px;
}

.col2 {
    width: 260px;
}

.ltabs {
    border-bottom: 2px solid #DDDDDD;
    width: 100%;
}

.ltab0 {
    background-color: #EEEEEE;
    border: 2px solid #DDDDDD;
    border-bottom: 0;
    width: 22px;
    height: 18px;
    margin-top: 8px;
}
.ltab0:hover {
    background-color: #FAE7B6;
    border: 2px solid #FDB97B;
    border-bottom: 0;
}

.ltab1 {
    #margin-left: 0;
    #height: 28px;
    background-color: #FAE7B6;
    border: 2px solid #FDB97B;
    border-bottom: 0;
    width: 22px;
    height: 26px;
}
.ltab1:hover {
    cursor: default;
}

/*
#
# rates
#
*/

.ratedate {
    float: left;
    width: 430px;
    margin-top: 3px;
}

.ratearrow {
    float: left;
    margin-right: -15px;
    font-size: 8pt;
}

.ratearrowleft {
    padding-left: 10px;
}

.ratetable {
    margin: 15px auto 0px auto;
    font-size: 8pt;
    border-spacing: 2px;
}

.ratetable td {
    padding: 2px;
}

.raterow {
    padding: 2px;
    height: 22px;
}

.rateinput, .availinput, .valinput {
    width: 36px;
    height: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    text-align: right;
    border: 1px solid #B0B0B0;
}

.rateselect {
    width: 36px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
}

.ratechanged {
    border: 1px dashed black;
}

.center {
    text-align: center;
}

.inv_date {
    margin: 3px;
    padding: 15px;
    border: 2px solid red;
    text-align: center;
}

.weekend {
    color: #E82020;
}

.avail0 {
    background-color: #EA5454;
}

.avail1 {
    background-color: #6FE850;
}

.rateblue {
    background-color: #9FD8FF;
}

.rategray {
    background-color: #EEEEEE;
}

.ratedis {
    color: #A0A0A0;
    text-decoration: line-through;
}

.rategreen {
    background-color: #D8FFB0;
}

.rate0 {
    background-color: white;
}

.rate1 {
    background-color: #FFFEC0;
}

.rate2 {
    background-color: #FFFD7F;
}

.rate3 {
    background-color: #FFF008;
}

.rate4 {
    background-color: #FFD000;
}

.rate5 {
    background-color: #F9B217;
}

.rate6 {
    background-color: #F98B1B;
}

.rate7 {
    background-color: #F87433;
}

.rate8 {
    background-color: #F84E1A;
}

.availheader {
    width: 60px;
    background-color: #DDDDDD;
    text-align: center;
}

.condheader {
    background-color: #FAE7B6;
    font-weight: bold;
    padding: 5px;
}

.smallcaption {
    width: 100px;
    margin-left: 5px;
    display: block;
    font-weight: bold;
}

.wrapicon {
    margin-left: 1px;
    padding: 2px;
    float: left;
}

.min0 {
    background-color: #EEEEEE;
}

.min1 {
    background-color: #F9B217;
}

/*
#
# plans
#
*/

.plantable {
    margin: 10px;
    font-size: 8pt;
    border-spacing: 2px;
    background-color: #F0F0F0;
}

.plancell {
    border: 2px solid #DDDDDD;
    padding: 4px;
}

.planrow1 {
    background-color: #DDDDDD;
    height: 15px;
}

.planrow2 {
    background-color: #F0F0F0;
    height: 15px;
}

.planrow3 {
    background-color: #E9E9E9;
    height: 15px;
}

.planname {
    margin: 10px 0 0 10px;
    font-weight: bold;
}

.plancode {
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    text-align: center;
    font-weight: bold;
}

/*
#
# translation
#
*/

.tr_langs {
    float: left;
}

.tr_lang1 {
    margin: 1px 3px 3px 0px;
    background-color: #FAE7B6;
    border: 2px solid #FDB97B;
}

.tr_lang0 {
    margin: 1px 3px 3px 0px;
    background-color: #EEEEEE;
    border: 2px solid #DDDDDD;
}

/* white */
.trans_NE, .trans_TR {
    background-color: white;
    color: black;
}

/* grey */
.trans_PR, .trans_IN {
    background-color: #A0A0A0;
    color: white;
}

/* yellow */
.trans_PD {
    background-color: #FFE600;
    color: black;
}

/* green */
.trans_OK {
    background-color: #00D05A;
    color: black;
}

/* orange */
.trans_CO {
    background-color: #FDB97B;
    color: black;
}

/* red */
.trans_RE, .trans_DD {
    background-color: #A43434;
    color: white;
}

/*
#
# statements
#
*/

/* white */
.st_OP {
    background-color: white;
    color: black;
}

/* yellow */
.st_CL {
    background-color: #FFE600;
    color: black;
}

/* green */
.st_AP {
    background-color: #00D05A;
    color: black;
}

/* blue */
.st_ID {
    background-color: #18B8EA;
    color: black;
}

.st_setall {
    margin: 5px auto 5px auto;
    text-align: center;
}

.st_close {
    width: 600px;
    margin: 20px auto 0 auto;
    padding: 5px;
    border: 2px solid #FDB97B;
    background-color: #FAE7B6;
    text-align: center;
}

.st_close_unfinished {
    border: 2px solid #DDDDDD;
    background-color: #F0F0F0;
}

.st_name {
    width: 300px;
}

.st_comment {
    width: 300px;
    height: 32px;
}

.st_button {
    width: 250px;
    height: 40px;
    margin: 15px auto 5px auto;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    cursor: pointer;
}


/*
#
# help
#
*/

.help_header {
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    margin: 10px 0px 10px 0px;
    padding: 7px;
    background-color: #DDDDDD;
}

/*
#
# links
#
*/

/* white */
.link_NE {
    background-color: white;
}

/* blue */
.link_AP {
    background-color: #18B8EA;
    color: black;
}

/* green */
.link_OK {
    background-color: #00D05A;
    color: black;
}

/* grey */
.link_RE, .link_DP, .link_LC, .link_LF, .link_NC, .link_NF, .link_NL, .link_NR, .link_ML, .link_MP, .link_MS, .link_PR, .link_SC {
    background-color: #A0A0A0;
    color: white;
}