body
{
    width: 100%;
    height: 100%;
    background: #000000 url(/images/bs-inner-bg.jpg) no-repeat 50% 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #8d8d8d;
}

label
{
    color: #484848;
    font-weight: bold;
    margin: 0px 14px 0 0;
    padding-bottom: 6px;
    vertical-align: middle;
    line-height: 16px;
}

label.pax-title
{
    float: left;
    line-height: 26px;
}

input
{
    float: left;
    width: 160px;
    border: 1px solid #d1d1d1;
    color: #484848;
    padding: 6px;
    background: url(/images/textbox-bg.jpg) repeat-x white;
}



input.submit
{
    margin: 0;
    padding: 0;
    width: auto;
    border: none;
}

input.submit.right
{
    float: right;
}

textarea
{
    float: left;
    margin: 0;
    padding: 6px;
    width: 200px;
    border: 1px solid #d1d1d1;
    color: #484848;
    font-family: Arial, Helvetica, sans-serif;
    background: url(/images/textbox-bg.jpg) repeat-x white;
}

a
{
    color: #2C8FB8;
    text-decoration: underline;
    cursor: pointer;
}

a:visited
{
    color: #2C8FB8;
}

a:hover
{
    color: #2C8FB8;
    text-decoration: underline;
}

a.pdf
{
    display: block;
    background-image: url(/images/pdf.jpg);
    background-repeat: no-repeat;
    height: 24px;
    width: 195px;
    text-indent: 32px;
    padding-top: 5px;
}

a.pdf.rules
{
    float: right;
    margin-top: -50px;
    width: 105px;
    font-size: 11px;
    text-transform: uppercase;
}

a.member
{
    float: left;
    margin-left: 8px;
    margin-top: 8px;
}

h1
{
    font-size: 24px;
    color: #484848;
    margin: 0 0 16px 0px;
    padding-bottom: 12px;
    font-weight: normal;
}

h1.border
{
    border-bottom: 1px solid #d1d1d1;
}

h1.building
{
    margin: 0;
}

h1.left
{
    float: left;
}

h1.successful
{
    background: url(/images/icons_bigTick.jpg) no-repeat;
    padding: 0 0 5px 50px;
}
h1.unsuccessful
{
    background: transparent url(/images/icons_cancel_big.jpg) no-repeat scroll 3px -1px;
    padding: 4px 0 8px 44px;
    border-bottom: 1px solid #d1d1d1;
}

h2
{
    font-size: 20px;
    color: #484848;
    font-weight: normal;
    margin: 0 0 8px 0px;
}

h1.noentry
{
    background: url('/images/noentry.png') no-repeat;
    padding: 4px 0 12px 40px;
}

h2.clear
{
    clear: both;
}

h2.border
{
    border-bottom: 1px solid #d1d1d1;
}

h3
{
    font-size: 17px;
    color: orange;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 0 16px 0;
}

h3.clear
{
    clear: both;
}

h3.border
{
    border-bottom: 1px solid #B7DCED;
    margin-right: 10px;
}

h3.left
{
    float: left;
}

h3.person
{
    background: transparent url(../images/icon_person.jpg) no-repeat scroll 1px 5px;
    margin: 0 0 16px 4px;
    padding: 6px 0 16px 36px;
    width: auto;
    float: none;
    border-bottom: 1px solid #B7DCED;
}

h3.room
{
    display: block;
    height: 38px;
    margin: 0;
    background: url(/images/icons_house_small.jpg) no-repeat 0 0;
    padding: 10px 0 0 46px;
    margin: 0;
    border: none;
}
h4
{
    font-size: 14px;
    font-weight: bold;
    color: #484848;
}

h4.left
{
    float: left;
}

h4.clear
{
    clear: both;
}

h4.room
{
    display: block;
    height: 24px;
    background: url(/images/icons_house_small.jpg) no-repeat 0 0;
    padding: 4px 0 0 28px;
    float: left;
    line-height: 16px;
}

b.red
{
    color: Red;
}

p
{
    font-size: 13px;
    line-height: 20px;
    margin: 0 0 16px 0px;
    text-align: justify;
}

p.strong
{
    font-size: 14px;
    font-weight: bold;
    color: #266b94;
    line-height: 22px;
}

p.border
{
    padding-bottom: 16px;
    border-bottom: 1px solid #B7DCED;
    margin-bottom: 10px;
}

p.clear
{
    clear: both;
}

.validator
{
    font-weight: bold;
    position: absolute;
}

span.mandatory
{
    font-weight: bold;
    color: Red;
    float: left;
    margin-left: 5px;
    margin-top: 4px;
}

.empty-grid
{
    border-top: 1px solid #d1d1d1;
}

table.grid
{
    border-collapse: collapse;
    border: none;
    border-right: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
}

table.grid th
{
    border: none;
    border-bottom: 1px solid #5284A6;
    border-bottom: 1px solid #d1d1d1;
    text-align: left;
    padding: 0 8px 0 8px;
    background: url(/images/grid-bg.jpg) repeat-x #5284A6;
    text-transform: uppercase;
    color: #FFF;
    white-space: nowrap;
    font-size: 11px;
    height: 31px;
}

table.grid th a
{
    color: #FFF;
    text-decoration: underline;
}

table.grid td
{
    border-bottom: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    border-left: 1px solid #d1d1d1;
    border-right: 1px solid #d1d1d1;
    padding: 8px 4px 8px 4px;
    color: #484848;
    background: white;
}


table.grid tr.alternate td
{
    /*background-color: #F3F3F3;*/
    background: url(/images/textbox-bg.jpg) repeat-x white;
}

table.grid tr.gray td
{
    color: #8d8d8d;
}

table.grid tr.gray td input
{
    font-weight: bold;
}

table.grid td a.button
{
    color: #fff;
    text-decoration: none;
}

table.grid tr.pagination table td
{
    border: none;
}
table.grid td.number, table.grid th.number
{
    text-align: right;
}

table.grid tr.totals td
{
    text-align: right;
    font-weight: bold;
}

table.grid td.red
{
    color: #FF4A4A;
}

table.grid td.indent
{
    padding-left: 12px;
}

table.grid.edit-pax-account
{
    width: 400px;
    float: right;
    margin-right: 12px;
    margin-top: 8px;
}

table.grid.edit-pax-account td label
{
    margin-right: 0;
}

table.grid.current
{
    float: left;
    width: 420px;
}

table.grid.new
{
    float: right;
    width: 420px;
}

table.grid.select-rooms
{
    border-left: none;
}

table.grid.select-rooms tr.head td
{
    font-weight: bold;
    font-size: 11px;
    text-transform: uppercase;
    border: none;
    color: Orange;
}

table.grid.select-rooms tr.head td.share
{
    border-left: 1px solid #d1d1d1;
    border-top: 1px solid #d1d1d1;
    background: #f0f0f0;
}

table.details.read td
{
    border: none;
    border-collapse: collapse;
    height: 25px;
    line-height: 20px;
    vertical-align: top;
}

table.details.read td
{
    border: none;
    border-collapse: collapse;
    height: 35px;
    line-height: 20px;
    vertical-align: top;
}

table.details.edit tr.text td
{
    border: none;
    border-collapse: collapse;
    height: 35px;
    line-height: 30px;
    vertical-align: top;
}

table.details.edit td.text
{
    padding-top: 13px;
}


table.details.edit.search td input, table.details.edit.search td .jquery-selectbox
{
    margin-right: 32px;
}

table.details.edit.search td.last input, table.details.edit.search td.last .jquery-selectbox
{
    margin-right: 0;
}

table.details.edit td
{
    border: none;
    border-collapse: collapse;
    vertical-align: top;
    padding-top: 4px;
}

table.details.edit td label
{
    line-height: 30px;
}

table.details.edit .jquery-checkbox img
{
    margin-top: 3px;
}


table.details.read.product-details
{
    float: left;
}

table.details.edit.product-details
{
    float: left;
}


table.details td .validator
{
    margin-left: 8px;
    margin-top: 4px;
}

table.details td.pad
{
    padding-left: 26px;
}

table.form td
{
    border: none;
    border-collapse: collapse;
    padding: 2px 4px 2px 4px;
    vertical-align: top;
    
}

table.form td label
{
    margin-right: 0;
    margin-top: 9px;
    float : left;
}

table.form td span.compulsory
{
    margin-top: 9px;
    margin-left: 8px;
    float : left;
    color: Red;
}


table.form td span.comment
{
    float: left;
    font-style: italic;
    display: block;
    margin-top: 6px;
    margin-left: 6px;
    line-height: 20px;
}

#foreground
{
    margin: 15px auto 0 auto;
    top: 0;
    width: 940px;
    padding: 0;
}

div.menu
{
    margin-top: 87px;
    width: 570px;
    height: 43px;
    position: absolute;
    left: 370px;
}

div.menu-lt
{
    background: url('/images/menu-lt.png') no-repeat;
    float: left;
    height: 43px;
    width: 12px;
}

div.menu-rt
{
    background: url('/images/menu-rt.png') no-repeat;
    float: right;
    height: 43px;
    width: 12px;
}


div.menu-center
{
    background: url('/images/main-menu.jpg') repeat-x;
    float: left;
    height: 43px;
    width: 100%;
}

#mainNav
{
}

ul#mainNav
{
    margin: 4px 0 0 0;
    height: 33px;
    line-height: 33px;
    width: 542px;
}

#mainNav li
{
    float: left;
    background: none;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
#mainNav li a
{
    height: 40px;
    display: block;
    color: #484848;
    padding: 0 18px 0 18px;
    text-decoration: none;
}
#mainNav li a:hover, #mainNav li:hover a
{
    text-decoration: none;
    color: orange;
}

#mainNav li.home a
{
    padding-left: 18px;
}

#mainNav li.login
{
    float: right;
}

#mainNav li.login a
{
    padding-right: 0px;
    text-align: right;
}

#mainNav li.help
{
    float: right;
}

#mainNav li.help a
{
    display: block;
    text-indent: -9999px;
    background: url('/images/help.png') no-repeat;
    height: 26px;
    width: 26px;
    padding: 0;
    margin-top: 4px;
}

ul#mainNav li ul
{
    /*background: url('/images/menu.png') repeat-x #b3b2b2;*/
    background: white;
    border: 1px solid #d1d1d1;
    margin: -1px 0 0 5px;
    width: 150px;
    padding: 0 0 10px 0;
    z-index: 800;
}

div#foreground ul#mainNav li ul li
{
    padding: 0 10px;
    text-align: left;
    text-transform: none;
    font-weight: normal;
}

div#foreground ul#mainNav li ul li a
{
    color: #484848;
    font-size: 12px;
    border-bottom: 1px solid #d1d1d1;
    width: 130px;
    padding: 10px 0;
    position: static;
    text-decoration: none;
}

div#foreground ul#mainNav li ul li a:hover
{
    color: orange;
    text-decoration: none;
}


ul.breadcrumb
{
    float: right;
    border: 1px solid #d1d1d1;
    background: white;
    margin-top: 16px;
}


ul.breadcrumb.cactus-announcement
{
    border: 1px solid white;
    margin-left: 750px;
    filter: alpha(opacity=50);
    opacity: 0.5;
    position: absolute;
}

ul.breadcrumb li
{
    float: left;
    display: block;
    height: 26px;
    line-height: 26px;
    font-size: 11px;
}

ul.breadcrumb li a, ul.breadcrumb li a:hover, ul.breadcrumb li a:visited
{
    color: #484848;
}

ul.breadcrumb li a, ul.breadcrumb li span
{
    padding-left: 8px;
    padding-right: 8px;
}

ul.breadcrumb li.home
{
    background: url('/images/home.gif') no-repeat 4px 4px;
}

ul.breadcrumb li.home a, ul.breadcrumb li.home span
{
    padding-left: 22px;
}

ul.bullet li, div.faq ul li
{
    background: url('/images/bullet.jpg') no-repeat 0 2px;
    padding-left: 22px;
    line-height: 20px;
    margin-bottom: 4px;
}

ul.bullet li a
{
    color: #484848;
    text-decoration: none;
}

ul.bullet li a:hover
{
    color: #484848;
    text-decoration: underline;
}

ul.bullet.sitemap li
{
    float: left;
    width: 275px;
}

#header
{
    height: 130px;
    width: 100%;
    top: 0;
    margin: 0;
    position: relative;
}

#logo-inside
{
    margin: 0;
    padding: 0;
}

#logo-inside a
{
    display: block;
    background: url(../images/logo-inside.png) no-repeat;
    width: 338px;
    height: 121px;
    text-indent: -9999px;
    float: left;
    margin-left: 3px;
}

#info-panel
{
    height: 120px;
    width: 360px;
    background: white;
    position: absolute;
    left: 580px;
    top: 10px;
}

div#info-panel a.close
{
    float: right;
    margin: 4px 6px 0 0;
}

div#info-panel a.forgot
{
    float: left;
    margin: -22px 0 0 12px;
    line-height: 18px;
}

.loginControl.login-page input
{
    width: 230px;
}

.loginControl td
{
    border-collapse: collapse;
    padding-top: 5px;
}

.loginControl table
{
    border-collapse: collapse;
}

.loginControl td.remember-me
{
    padding-top: 12px;
    padding-bottom: 12px;
}

.loginControl td.remember-me label
{
    
    margin-top: 12px; 
    float: left;
    margin-left: 6px;
}

.loginControl td.remember-me .jquery-checkbox img
{
    margin-top: 8px;
    float: left;
}

div#info-panel .loginControl
{
    margin: 0;
    float: left;
    margin-left: 12px;
    margin-top: 6px;
}

div#info-panel .loginControl input
{
    width: 235px;
}

div#info-panel .loginControl td
{
    padding-top: 5px;
}

.loginButton
{
    display: block;
    height: 28px;
    width: 60px;
    background: url('/images/login.jpg') no-repeat top left;
    margin: 0px 6px 0 0;
}

.loginButton:hover
{
    background: url('/images/login.jpg') no-repeat bottom left;
}

.loginLabel
{
    padding-top: 3px;
}

 table.loginControl.login-page
{
    width: 400px;
}

.loginValidator
{
    font-weight: bold;
    line-height: 28px;
    padding-left: 4px;
    float: left;
    display: block;
    border: 1px solid #d1d1d1;
}


#footerHolder
{
    margin: 16px 0 16px 0;
    height: 85px;
    clear: both;
    width: 940px;
    font-size: 11px;
}

#footerlinks
{
    float: right;
}

#footerlinks li
{
    display: inline;
    float: right;
    background: url(/images/footer-links-bg.gif) no-repeat right;
    padding: 0;
}

#footerlinks li.last
{
    background: none;
}

#footerlinks li a
{
    /*color: #90bcc7;*/
    color: #E1E1E1;
    font-size: 11px;
    padding: 0px 8px;
}

.footer
{
    display: block;
    width: 100%;
    float: left;
}

#footerHolder span
{
    color: #E1954B;
}

#travNo
{
    margin: 0;
    text-transform: uppercase;
    display: block;
    width: 210px;
    float: left;
}

#copy
{
    margin: 0 0 9px 0px;
    text-transform: uppercase;
    display: block;
    width: 350px;
    float: left;
}

div.login-info
{
    float: right;
    font-size: 11px;
    margin-top: 68px;
    color: #E1E1E1;
}

div.login-info a
{
    color: #E1E1E1;
}

div.content-header
{
    height: 20px;
}

div.content-header-lt
{
    background: url('/images/content-corners.png') no-repeat top left;
    height: 20px;
    width: 20px;
    float: left;
}
div.content-header-ctr
{
    float: left;
    height: 20px;
    background: white;
    width: 920px;
}

div.content-footer
{
    height: 20px;
}

div.content-footer-lt
{
    background: url('/images/content-corners.png') no-repeat bottom left;
    height: 20px;
    width: 20px;
    float: left;
}
div.content-footer-ctr
{
    float: left;
    height: 20px;
    background: white;
    width: 900px;
}

div.content-footer-rt
{
    background: url('/images/content-corners.png') no-repeat bottom right;
    height: 20px;
    width: 20px;
    float: right;
}

div.content
{
    background: white;
    padding: 20px;
    min-height: 500px;
}

a.button
{
    height: 29px;
    color: White;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
    float: left;
    margin-left: 0;
}

a.button span
{
    color: White;
    font-style: normal;
}

a.button span.left
{
    background: url('/images/buttons.sprite.jpg') no-repeat top left;
    display: block;
    float: left;
    height: 29px;
    padding-left: 12px;
    line-height: 29px;
}

a.button:visited
{
    color: White;
    text-decoration: none;
}

a.button:hover
{
    color: White;
    text-decoration: none;
}

a.button span.right
{
    background: url('/images/buttons.sprite.jpg') no-repeat top right;
    display: block;
    height: 29px;
    float: left;
    width: 14px;
    line-height: 29px;
}
a.button:hover span.left
{
    background: url('/images/buttons.sprite.jpg') no-repeat bottom left;
    cursor: pointer;
    color: White;
}

a.button:hover span.right
{
    background: url('/images/buttons.sprite.jpg') no-repeat bottom right;
    cursor: pointer;
}

a.button.right
{
    float: right;
}

a.button.view-rates
{
    margin-bottom: 8px;
}

div.box
{
    background: url('/images/box.jpg') repeat-x #b3b2b2;
    padding: 4px;
    margin-top: 18px;
}

div.box div.title
{
    height: 28px;
}

div.box div.title span.comment
{
    color: #fff;
}

div.box div.title span.comment a
{
    color: #fff;
}

div.box div.title h3
{
    background: white;
    height: 28px;
    line-height: 28px;
    padding: 0 12px 0 12px;
}

a.event
{
    height: 28px;
    line-height: 28px;
    font-size: 15px;
    color: #484848;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    float: left;
}

a.event span.left
{
    display: block;
    float: left;
    height: 28px;
    padding-left: 10px;
    padding-right: 3px;
    background: url('/images/tabs.png') no-repeat bottom left;
}

a.event span.right
{
    display: block;
    float: left;
    height: 28px;
    width: 8px;
    background: url('/images/tabs.png') no-repeat bottom right;
}

a.event.selected
{
    color: orange;
}

a.event.selected span.left
{
    background: url('/images/tabs.png') no-repeat top left;
}

a.event.selected span.right
{
    background: url('/images/tabs.png') no-repeat top right;
}

div.box div.title h3.room
{
    background: url(/images/icons_house_small.jpg) no-repeat 6px 2px white;
    height: 28px;
    line-height: 28px;
    padding: 0 12px 0 36px; /*         display: block;     height: 38px;     margin: 0;     background: url(/images/icons_house_small.jpg) no-repeat 0 0;     padding: 10px 0 0 46px;     margin: 0;     border: none;     */
}

div.box div.inner
{
    background: white;
    padding: 12px;
}

div.email
{
    background:url(../images/icons_mail.jpg) no-repeat 14px 8px; 
    padding:17px 0 0 96px; 
    min-height: 30px;
}


div.error
{
    background: url('/images/icons_warning.jpg') 4px 4px no-repeat;
    padding-left: 52px;
    min-height: 35px;
}

table.grid.breakdown
{
    margin-left: 566px;
    margin-top: 63px;
    width: 312px;
    position: absolute;
}

/*

building details popup

*/

h1.building-name-popup
{
    margin: 12px 0 4px 0;
    font-size: 18px;
}


div.building-address a.pdf
{
    text-transform: uppercase;
    font-size: 11px;
    margin: -12px 0 0 0;
    float: right;
    width: 108px;
}

div.box.popup
{
    margin-top: 0;
}

div.box.popup div.inner
{
    background: white;
    padding: 0;
}

div.box.popup div.room-info
{
    border-bottom: 1px solid #d1d1d1;
    padding-bottom: 8px;
    margin-bottom: 8px;
}

h4.building-popup-roomtype
{
    color: Orange;
    margin-bottom: 6px;
}

label.config
{
    line-height: 26px;
}

/* login page */
table.forgotPassword
{
    margin-left: 12px;
    vertical-align: text-top;
    float: left;
    margin-right: 24px;

}

table.forgotPassword input
{
    width: 225px;
}

table.forgotPassword label
{
    display: block;
    margin-top: 10px;
}

table.forgotPassword td.labelCol
{
    width: 58px;
    text-align: right;
}

table.forgotPassword td.buttonCol
{
    padding-top: 4px;
}

table.forgotPassword td.buttonCol a
{
    float: right;
}

.login-failure
{
    color: Red;
    line-height: 24px;
    font-weight: bold;
}

a.login-join
{
    float: left;
    margin-top: -18px;
}

/* dashboard */

div.box.quicklinks
{
    width: 605px;
    float: left;
    margin-top: 0;
}

div.box.quicklinks ul
{
    margin: 16px 0 16px 0;
}

div.box.quicklinks ul li
{
    border: 1px solid #d1d1d1;
    width: 270px;
    float: left;
    margin-right: 16px;
    padding: 6px 4px;
    line-height: 18px;
}

div.box.quicklinks ul li.right
{
    margin-right: 0;
}

div.box.quicklinks ul li a.image
{
    float: left;
    margin-right: 8px;
}

div.box.quicklinks div.inner, div.box.stats div.inner
{
    height: 122px;
}

div.box.stats
{
    width: 260px;
    float: right;
    margin-top: 0;
}

/* select rooms page */

a.thickbox.more-info
{
    font-weight: bold;
    font-size: 11px;
}

div.info
{
    height: 12px;
    margin-top: 8px;
}

div.info h4
{
    float: right;
    text-transform: uppercase;
}

div.times
{
    float: left;
    font-size: 14px;
    color: Orange;
    font-weight: bold;
}

div.times span
{
    color: #484848;
    margin-right: 18px;
    margin-left: 6px;
}

div.times.right
{
    float: right;
}

div.times.right span
{
    margin-right: 0;
}

div.timer
{
    float: right;
    font-size: 14px;
    color: #484848;
    font-weight: bold;
    line-height: 16px;
}

div.timer span
{
    color: Red;
}

div.pax-detail-buttons
{
    float: right;
    margin-right: 68px;
}

div.pax-detail-buttons label
{
    float: left;
    margin: 4px 0 0 6px;
    color: #8d8d8d;
}

div.pax-detail-buttons img
{
    float: left;
}

table.booking-pax-details
{
    float: left;
    margin-top: 8px;
    margin-bottom: 24px;
}

table.booking-pax-details td, table.payment-details td
{
    padding: 2px 4px;
}

table.booking-details-address
{
    float: left;
}

table.booking-details-address td
{
    padding: 2px 4px;
}

table.payment-details
{
    float: left;
    margin-right: 0px;
}


table.payment-details td .jquery-selectbox
{
    margin-right: 6px;
}

span.due
{
    color: Orange;
    font-weight: bold;
}

a.ccv
{
    float: left;
    margin-top: 4px;
    margin-left: 6px;
    font-size: 11px;
}

div.ccfield
{
    background: transparent url(/images/ccFieldBG.jpg) no-repeat scroll 0 0;
    float: left;
    font-size: 11px;
    margin: 0px 12px 0 -12px;
    padding: 15px;
    width: 202px;
    height: 100px;
    line-height: 18px;
}
/* view booking page */

span.actions
{
    float: right;
    line-height: 26px;
}

span.actions a
{
    margin-left: 20px;
}

table.room-details
{
    margin-bottom: 12px;
    float: left;
}

table.room-details td label
{
    margin-right: 5px;
    padding-bottom: 0px;
}

table.room-details td.text
{
    padding-right: 25px;
    padding-top: 2px;
}

div.room-actions
{
    float: right;
    margin-top: 3px;
}

table.grid.bookingpax
{
    margin-bottom: 24px;
    width: 100%;
}

table.edit-pax
{
    border: none;
    border-collapse: collapse;
    float: left;
    margin-right: 0px;
}

table.edit-pax td.col1
{
    width: 110px;
}

table.edit-pax td.col2
{
    width: 220px;
}
table.edit-pax td.col3
{
}

table.edit-pax td .validator
{
    margin-left: 6px;
    margin-top: 10px;
}


table.edit-pax td
{
    border: none;
    border-collapse: collapse;
    height: 34px;
    padding: 0px 4px 0px 4px;
}

div.edit-pax-title
{
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 8px;
    height: 32px;
}

table.edit-pax tr.edit-pax-buttons td
{
    padding: 8px 0px 4px 0px;
}

table.change-dates-table
{
    
}

table.change-dates-table tr.date
{
    height: 40px;    
}

table.change-dates-table td.pad
{
    padding-right: 24px;
    padding-bottom: 16px;
}

div.booking-actions
{
}

table.booking-details
{
    float: left;
}

table.booking-details td
{
    border: none;
    border-collapse: collapse;
    height: 35px;
}

table.booking-details td .validator
{
    margin-left: 8px;
    margin-top: -4px;
}



/* view bookings page */

div.booking-search-options
{
    height: 121px;
    background: url('/images/menu.png') repeat-x;
    padding: 4px;
    margin-top: 26px;
}

div.booking-search-options div.title
{
    height: 28px;
}


div.booking-search-options div.title h3
{
    background: white;
    height: 28px;
    line-height: 28px;
    padding: 0 12px 0 12px;
}

div.booking-search-options div.search-options
{
    background: white;
    padding: 12px;
    height: 68px;
        width: 867px;
}

div.booking-search-options div.search-options table td input
{
    margin-right: 30px;
}


/* building list page */

div.triangle-28
{
    float: left;
    height: 28px;
    width: 20px;
    background: url('/images/triangle-lt.png') no-repeat top left;
}


div.triangle-28-rt
{
    float: right;
    height: 28px;
    width: 10px;
    background: url('/images/tabs.png') no-repeat top left;
}

div.search-options
{
    float: left;
    background: white;
    padding: 20px 12px 12px 12px;
    height: 73px;
    width: 360px;
}

div.options-container
{
    width: 482px;
    float: right;
    background: white;
    height: 73px;
    padding: 20px 12px 12px 12px;
}

#more-options
{
}

#more-options tr
{
    height: 32px;
}

#options-help
{
}

div.more-buttons
{
    float: right;
    background: white;
    padding: 0 6px 0 2px;
    width: 110px;
    line-height: 28px;
}

div.more-buttons a
{
    font-weight: bold;
    font-size: 15px;
    color: #484848;
    text-decoration: none;
}

div.more-buttons a span
{
    color: Orange;
}

div.grid-results
{
    margin: 20px 0 0 0;
}

div.grid-results span.comment
{
    color: White;
    font-weight: bold;
    float: right;
    line-height: 20px;
    margin: -28px 4px 0 0;
    font-style: italic;
}

div.grid-results h3
{
    background: white;
    height: 28px;
    line-height: 28px;
    padding: 0 12px 0 12px;
}

ul.tabs
{
    height: 28px;
}

ul.tabs li
{
    float: left;
}

ul.tabs li a
{
    line-height: 28px;
    font-weight: bold;
    color: #484848;
}

ul.tabs li a:hover
{
    color: #484848;
    text-decoration: 'underline';
}

ul.tabs li a span.left
{
    display: block;
    float: left;
    height: 28px;
    background: url('/images/tabs.png') no-repeat bottom left;
    padding-left: 10px;
    padding-right: 3px;
}

ul.tabs li a span.right
{
    display: block;
    float: left;
    height: 28px;
    background: url('/images/tabs.png') no-repeat bottom right;
    width: 8px;
}

ul.tabs li a span.left.selected
{
    background: url('/images/tabs.png') no-repeat top left;
}

ul.tabs li a span.right.selected
{
    background: url('/images/tabs.png') no-repeat top right;
}


div.building-list
{
    padding: 8px 8px 12px 8px;
    background: white;
}

div.map-view
{
    padding: 8px 8px 12px 8px;
    background: white;
    height: 600px;
    clear: both;
}

div.map-view div.map-canvas
{
    width: 580px;
    height: 600px;
    float: left;
    border: 1px solid #d1d1d1;
}

div.map-view div.map-buildings
{
    float: right;
    height: 600px;
    overflow-y: scroll;
    width: 280px;
}

ul.map-links
{
    border-top: 1px solid #d1d1d1;
}

ul.map-links li
{
    background: none;
    border-bottom: 1px solid #d1d1d1;
    padding: 4px 0 4px 0;
    font-size: 11px;
    width: 260px;
    line-height: 15px;
}

ul.map-links li span
{
    color: orange;
}

ul.map-links li a
{
    font-weight: bold;
    color: #484848;
}

ul.map-links li table
{
    width: 257px;
    border-collapse: collapse;
}

ul.map-links li td
{
    border-collapse: collapse;
}

ul.map-links li td.show
{
    text-align: right;
}

ul.map-links li td.show a
{
    color: #2C8FB8;
}

.mapMarker
{
    width: 250px;
    height: 75px;
    border: 0 none;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
}

.mapMarker h4
{
    font-size: 12px;
    padding-bottom: 5px;
}

.mapMarker img
{
    height: 75px;
    width: 75px;
    border: 1px solid #d1d1d1;
}

.mapMarker td.col1
{
    width: 75px;
    vertical-align: top;
    padding-right: 5px;
}

.mapMarker td.col2
{
    width: 160px;
    line-height: 16px;
    vertical-align: text-top;
}

.mapMarker td
{
    border: 0 none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #8d8d8d;
}

.mapMarker td.price
{
    font-size: 13px;
}

.mapMarker span.price
{
    color: orange;
}

.mapMarker td a
{
    color: #484848;
}

.mapMarker td.book a
{
    color: #2C8FB8;
    font-weight: bold;
}


/* building details page */

span.locationname
{
    color: orange;
    font-weight: bold;
}

span.locationdistance
{
    color: #484848;
    font-weight: bold;
}

div.controls
{
    margin: 0px 0px 0px 0px;
    height: 20px;
    margin-top: 4px;
    width: 398px;
    font-weight: bold;
}

div.controls a
{
    font-size: 11px;
}

div.nav-controls
{
    width: 170px;
    float: right;
}

div.ss-controls
{
    width: 100px;
    float: left;
}

div.ss-controls a.play
{
    background-image: none;
    text-indent: 0;
    margin: 0 0 0 2px;
    padding: 2px 0 0 0;
    display: block;
    width: 80px;
    height: 14px;
}

div.ss-controls a.pause
{
    background-image: none;
    text-indent: 0;
    margin: 0 0 0 2px;
    padding: 2px 0 0 0;
    display: block;
    width: 80px;
    height: 14px;
}

div.nav-controls a.prev
{
    background-image: none;
    text-indent: 0;
    margin: 0 0 0 0;
    padding: 2px 0 0 0;
    height: 14px;
    width: 95px;
    display: block;
    float: left;
}

div.nav-controls a.next
{
    background-image: none;
    text-indent: 0;
    margin: 0;
    padding: 2px 0 0 0;
    height: 14px;
    width: 70px;
    float: right;
    text-align: right;
}

div.loader
{
    background-image: url('/images/gallery/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 400px;
    height: 300px;
}

div.slideshow
{
}

.image-title
{
    float: left;
    height: 20px;
    line-height: 16px;
    margin-top: -2px;
    
}

div.caption
{
    width: 400px;
    height: 20px;
}

div.caption .image-counter
{
    float: right;
    font-size: 12px;
    color: Orange;
    margin-right: 2px;
}

.img-container
{
    margin: 0;
    padding: 0;
    width: 410px;
    height: 340px;
}


div.slideshow img
{
    border: none;
    display: block;
    width: 400px;
    height: 300px;
}

div.details
{
    background: url('/images/menu.png') repeat-x #b3b2b2;
    padding: 4px;
    margin: 0;
    height: 376px;
}

div.details span.comment
{
    color: White;
    font-weight: bold;
    float: right;
    line-height: 20px;
    margin: 2px 4px 0 0;
    font-style: italic;
}

div.details span.comment a
{
    color: White;
    font-style: normal;
}

div.details div.right
{
    float: right;
    width: 408px;
}

div.details div.left
{
    float: left;
    width: 478px;
}

#description
{
    background: white;
    padding: 8px;
    height: 332px;
    overflow-y: scroll;
}

#features
{
    background: white;
    padding: 8px;
    height: 332px;
}

#features ul.features
{
    margin-top: 8px;
}

#roomtypes
{
    background: white;
    padding: 8px;
    height: 332px;
    overflow-y: scroll;
}

#map
{
    background: white;
    padding: 4px;
}

#images
{
    background: white;
    padding: 4px;
}


ul.features li
{
    width: 170px;
    float: left;
}

span.extra-info
{
    margin-top: 12px;
    float: left;
    color: #484848;
    font-style: italic;
    font-weight: bold;
    line-height: 20px;
    width: 640px;
    text-align: justify;
}

.club-cactus-image
{
    float: left;
    margin-right: 18px;
    margin-top: 18px;
}

div.rooms
{
    background: url('/images/menu.png') repeat-x #b3b2b2;
    padding: 4px;
    margin-top: 20px;
}


div.rooms div.title
{
    height: 28px;
}


div.rooms div.title h3
{
    background: white;
    height: 28px;
    line-height: 28px;
    padding: 0 12px 0 12px;
}

div.rooms div.title span.comment.right
{
    color: White;
    float: right;
    font-weight: bold;
    line-height: 20px;
    margin: 2px 4px 0 0;
    font-style: italic;
}

div.rooms div.title span.comment.left
{
    color: White;
    float: left;
    font-weight: bold;
    line-height: 20px;
    margin: 2px 0 0 4px;
    font-style: italic;
}

div.room-info
{
    background: white;
    padding: 4px;
}

ul.room-features
{
    margin-top: 8px;
    margin-bottom: 8px;
}

ul.room-features li
{
    width: 180px;
    float: left;
}

div.box.popup ul.room-features li
{
    width: 160px;
    float: left;
}

span.config
{
    float: left;
    margin-top: 12px;
    margin-bottom: 12px;
    color: Orange;
    font-weight: bold;
    line-height: 16px;
}

span.bedInfo
{
    margin-top: 12px;
    margin-bottom: 12px;
    float: left;
    color: #484848;
    font-weight: bold;
    margin-left: 8px;
    line-height: 16px;
}

.roomtypeDescription
{
    display: block;
    margin-top: 8px;
    margin-bottom: 12px;
    line-height: 20px;
}

div.rooms div.box
{
    margin-top: 12px;
}

div.room-rates-title
{
    height: 24px;
    margin-top: 4px;
}

table.grid th.share, table.grid td.share
{
    text-align: center;
}

table.grid tr.sold td
{
    background: #f6f6f6;
    color: #a7a7a7;
}

table.grid tr.sold td.share
{
}

table.grid tr.sold td a
{
    color: #ff9393;
}

table.grid tr.sold td span.sold
{
    color: #ff9393;
    font-size: 11px;
}


div.inner span.comment
{
    color: #484848;
    font-style: italic;
    font-weight: bold;
    text-align: right;
    line-height: 26px;
}


span.comment.left
{
    color: #484848;
    float: left;    
    font-style: italic;
    font-weight: bold;
    line-height: 29px;
    margin-left: 8px;
}

span.comment.right
{
    color: #484848;
    float: right;
    font-style: italic;
    font-weight: bold;
    text-align: right;
    line-height: 26px;
}

span.comment.price
{
    color: #484848;
    font-style: italic;
    font-weight: bold;
    text-align: right;
    line-height: 26px;
    display: block;
}

span.clear
{
    display: block;
    clear: both;
    height: 0;
}

/* building title */

div.building-address
{
    height: 20px;
    margin-top: -6px;
}

span.building-address
{
    text-transform: uppercase;
    font-size: 11px;
    float: left;
    z-index: 100;
}

/* privacy and tnc page s*/

div.terms h1, div.privacy h1
{
    display: none;
}

div.privacy ul, div.terms ul
{
    margin-bottom: 16px;
}

div.privacy ul li, div.terms ul li
{
    background: url('/images/bullet.jpg') no-repeat 0 2px;
    padding-left: 22px;
    line-height: 20px;
    margin-bottom: 4px;
}

table.TnC
{
    margin-top: -16px;
}

table.TnC td
{
    line-height: 20px;
    vertical-align: top;
    border: none;
    text-align: justify;
}

table.TnC td.TnCHeaderNumber
{
    font-size: 14px;
    font-weight: bold;
    color: #484848;
    padding-top: 16px;
}

table.TnC td.TnCHeaderText
{
    font-size: 14px;
    font-weight: bold;
    color: #484848;
    padding-top: 16px;
}

table.TnC td.TnCItemNumber
{
    font-size: 12px;
    vertical-align: top;
    color: orange;
    font-weight: bold;
    text-indent: 6px;
    padding: 6px 0px 0px 0px;
}

table.TnC td.TnCItemText
{
    font-size: 12px;
    padding: 6px 0px 0px 10px;
}

table.TnC table
{
    border: none;
}


.TnCSubItemNumber
{
    vertical-align: top;
    color: orange;
    font-weight: bold;
    font-size: 12px;
    padding: 6px 0px 0px 15px;
    width: 45px;
}

.TnCSubItemText
{
    text-align: justify;
    font-size: 12px;
    padding: 6px 0px 0px 0px;
}


/* club cactus page */

a.cactus-more-info
{
    position: absolute;
    margin-top: -610px;
    margin-left: 725px;
    display: block;
    height: 155px;
    width: 155px;
    text-indent: -9999px;
}


div.bali
{
    width: 350px;
    float: left;
    margin-left: 70px;
    margin-top: 195px;
}

div.bali p
{
    color: black;
    font-family: Comic Sans MS, Comic Sans MS, cursive;
    line-height: 18px;
}
/*
    background: url('/images/bali-bg.png') no-repeat;
    height: 412px;
    padding: 12px;
*/

div.inclusions {
  
  float: right;
  height:384px;
  width:385px;
  padding-top:50px;
  padding-left:40px;
  margin-top:45px;
}
div.inclusions h2 {
  color: White;
  text-transform: uppercase;
  font-weight:bold;
  font-size:32px;
  margin-bottom:14px;
  margin-left:24px;
  font-family: Trebuchet MS,Helvetica,sans-serif;
}
div.inclusions span.from {
  color: White;
  font-family: Comic Sans MS, Comic Sans MS, cursive;
  display:block;
  float: left;
  margin-top:12px;
  text-transform: uppercase;
  line-height:22px;
  font-size:15px;
  font-weight:bold;
  margin-left:16px;
}
div.inclusions span.price{
  color: White;
  font-family: Trebuchet MS,Helvetica,sans-serif;
  line-height:31px;
  font-size:28px;
  font-weight:bold;
  letter-spacing: -1px;
  display:block;
  float: left;
  width:200px;
  margin-left:12px;
  margin-top:6px;
}



div.bali-home-page
{
    background: url('/images/cactus-small-bg.jpg') top left;
    height: 440px;
}


div.inclusions-home-page
{
    float: right;
    margin: 40px 20px 0 0;
    color: White;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 16px;    
    font-weight: bold;
    line-height: 30px;
    width: 320px;
}

div.inclusions-home-page span
{
    color: White;
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    display: block;
    line-height: 24px;
    margin-top: 10px;
    margin-left: 6px;
    
}

div.inclusions-home-page span.small
{
    font-style: italic;    
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    margin-top: 10px;
    margin-left: 6px;
}


div.inclusions-home-page div.small
{
    font-style: italic;    
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
    margin-top: 12px;
}

a.cactus-more-info-home
{
    display: block;
    height: 155px;
    width: 240px;
    text-indent: -9999px;
    margin-bottom: 20px;
}

.cactus-home-page
{
  margin-left: 40px;
  margin-top: 30px;  
}




div.bonuses
{
    height: 311px;
    width: 481px;
    margin-top: -100px;
    float: left;
    padding-left: 40px;
}

div.bonuses h2
{
    margin-top: 54px;
    color: White;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 36px;
    margin-bottom: 12px;
    margin-left: 12px;
    font-family: Trebuchet MS, Helvetica, sans-serif; /* Comic Sans MS, Comic Sans MS, cursive;*/
}


div.bonuses.home-page
{
    margin-top: 10px;
    width: 440px;
}

div.bonuses.home-page p
{
    margin-right: 40px;
    color: White;
}

div.bonuses.home-page h2
{
    margin-bottom: 0px;
}


div.cactus
{
    background: url('/images/club-cactus-ta.jpg') top right no-repeat;
    height: 700px;
    width: 900px;
}


ul.cactus li
{
    background: url('/images/cactus.png') no-repeat;
    min-height: 28px;
    color: White;
    padding-left: 24px;
    line-height: 19px;
    padding-top: 4px;
    padding-bottom: 0px;
    font-family: Comic Sans MS, Comic Sans MS, cursive;
    font-weight: 300;
}

.jquery-selectbox
{
    position: relative;
    border: 1px solid #d1d1d1;
    width: 100px;
    z-index: 100;
    float: left;
    display: inline;
    font-size: 9px;
    font-family: Arial, Helvetica, sans-serif;
    color: #484848;
    background: #fff;
    height: 28px;
}

.jquery-selectbox *
{
    z-index: 250;
}
.jquery-selectbox.selecthover
{
    border-color: #d1d1d1;
    background: #F3F3F3;
    z-index: 700;
}
.jquery-selectbox .jquery-selectbox-currentItem
{
    display: block;
    overflow: hidden;
    padding: 4px 0 4px 6px;
    white-space: nowrap;
    line-height: 20px;
}
.jquery-selectbox .jquery-selectbox-list
{
    display: none;
    position: absolute;
    top: 28px;
    padding-left: 0px;
    left: 0px;
    background: #fff;
    width: 100px;
    height: 120px;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 1000;
    border: 1px solid #d1d1d1;
}
.jquery-selectbox span
{
    font-size: 1.4em;
}
.jquery-selectbox .jquery-selectbox-moreButton
{
    background: transparent url(/images/combo-button.png) no-repeat scroll 0 0;
    cursor: pointer;
    float: right;
    height: 26px;
    margin: 3px 2px 3px 0;
    width: 28px;
}
.jquery-selectbox .jquery-selectbox-moreButton.morebuttonhover
{
    background: url(/images/combo-button.png) no-repeat scroll 0 0;
}
.jquery-selectbox .jquery-selectbox-item.listelementhover
{
    background: #F3F3F3;
}
.jquery-selectbox .jquery-selectbox-item
{
    display: block;
    cursor: default;
    padding: 4px;
}

/* * ERROR classes * */
form .error .jquery-selectbox
{
    color: #d00;
    border-color: #dbf3fe;
}

.jquery-checkbox
{
    display: inline;
    font-size: 20px;
    line-height: 20px;
    cursor: pointer;
    cursor: hand;
    width: 20px;
}
.jquery-checkbox .mark
{
    display: inline;
}

.jquery-checkbox img
{
    vertical-align: middle;
    width: 20px;
    height: 20px;
}
.jquery-checkbox img
{
    background: url(/images/icons_checkbox.jpg);
    display: block;
    width: 24px;
    height: 24px;
    margin: 0;
}

.jquery-checkbox img
{
    background-position: 0px 24px;
}
/*
.jquery-checkbox-hover img{
 background-position: 0px 0px;
}
*/
.jquery-checkbox-checked img
{
    background-position: 0px 0px;
}
.jquery-checkbox-checked /*.jquery-checkbox-hover*/ img
{
    background-position: 0px 0px;
}

.validation-summary
{
    background-image: url('/images/alert-large.gif');
    background-repeat: no-repeat;
    background-position: 8px 8px;
    display: block;
    border: solid 1px #696969;
    background-color: #FFFACD;
    padding: 8px 8px 8px 48px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    width: 300px;
    min-height: 32px;
    color: #484848;
}

.validation-summary.no-image
{
    background-image: none;
    background-repeat: no-repeat;
    background-position: 8px 8px;
    display: block;
    border: solid 1px #696969;
    background-color: #FFFACD;
    padding: 8px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 18px;
    width: 878px;
    min-height: 32px;
    color: #484848;
}

div.inner .validation-summary.no-image
{
    width: 845px;
}



.validation-summary.swap
{
    margin-top: 12px;
}

.validation-summary.booking-details
{
    width: 285px;
    margin-top: 12px;
    min-height : 32px;
}

.validation-summary.transfer
{
    width: 285px;
    margin-top: 12px;
    min-height : 32px;
}


.validation-summary.change-dates
{
    width: 300px;
    margin-bottom: 12px;
}

.validation-summary.contact
{
    margin-top: 8px;
    margin-bottom: 8px;
    width: 500px;
}

.validation-summary.cc
{
    width: 400px;
}


.validation-summary.edit-pax
{
    width: 280px;
    clear: both;
    float: left;
    margin-top: 12px;
    margin-right: 4px;
}

.validation-summary.join
{
    width: 292px;
}

.validation-summary.forgot-password
{
    width: 246px;
    float: left;
    
}

.validation-summary.add-person
{
    width: 280px;
    clear: both;
    float: left;
    margin-top: 12px;
}

.validation-summary.login-page
{
    width: 190px;
    clear: both;
    float: left;
    margin-top: 12px;
    margin-bottom: 4px;
    text-align: left;
}




.watermarked
{
    font-style: italic;
    color: Gray;
}



/*overflow: auto;  // allow li's to overflow w/ scroll bar*/

.autocomplete_completionListElement
{
    margin: 15px 0 0 0 !important;
    background-color: white;
    border: 1px solid #d1d1d1;
    cursor: pointer;
    overflow: auto;
    height: 150px;
    text-align: left;
    list-style-type: none;
    background-image: none;
    padding-top: 2px;
    padding-bottom: 2px;
    text-indent: 2px;
    overflow: auto;
    color: #484848;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
    background-color: #F3F3F3;
    padding: 1px;
    background-image: none;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
}

/* AutoComplete item */

.autocomplete_listItem
{
    background-color: window;
    padding: 1px;
    background-image: none;
    height: 20px;
    line-height: 20px;
    white-space: nowrap;
}


.modalPopup
{
    text-align: center;
    font-weight: 600;
    color: #000;
    position: fixed;
    z-index: 300;
    top: 50%;
    left: 50%;
}


.modalContent
{
    margin-top: -16px;
}

.modalInner
{
    border: 1px solid #dbf3fe;
    padding: 10px 10px 10px 10px;
    height: 280px;
    overflow: scroll;
    overflow-x: hidden;
}

.modalBackground
{
    background-color: Black;
    filter: alpha(opacity=70);
    opacity: 0.7;
}


.outerPopup
{
    border-style: none;
    background-color: transparent; /*padding:1em 6px;*/
    z-index: 9999999 !important;
}

#TB_window
{
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #8d8d8d;
    border: none;
}

#TB_window a:hover
{
    color: #2C8FB8;
}


#TB_window ul.tabs li a:hover
{
    color: #484848;
}
#TB_title a
{
    color: #484848;
}

#TB_title a:hover
{
    color: #484848;
}

div.browser-content
{
    height: 600px;
    background: white;
    margin-bottom: 100px;
    padding: 20px
}

ul.browsers
{
    margin-top: 8px;
    float: left;
}

ul.browsers li a
{
    height: 30px;
    padding-left: 40px;
    padding-top: 8px;
    display: block;
    width: 100px;
}

ul.browsers li.firefox a
{
    background: url('/images/firefox.jpg') no-repeat 2px 0px;
}

ul.browsers li.ie a
{
    background: url('/images/ie.jpg') no-repeat;
}

ul.browsers li.safari a
{
    background: url('/images/safari.jpg') no-repeat 1px 0px;
}


ul.browsers li.chrome a
{
    background: url('/images/chrome.jpg') no-repeat 2px 0px;
}



/* Rotator Styles */
#rotator
{
    position: relative;
}
/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    list-style: none;
    float: left;
    
}
ul.ui-tabs-nav
{
    float: right;
    margin-top: -40px;
    bottom: 0px;
    left: 0;
    z-index: 1;
    margin-right: -12px;
    
}
/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited
{
    font-size: 11px;
    font-weight: normal;
    color: #999;
    background: #d1d1d1;
    margin-left: 4px;
}
/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover, #rotator .ui-tabs-nav-item a:active
{
    color: #333;
}
#rotator .ui-tabs-nav-item a span
{
    float: left;
    padding: 7px;
    cursor: pointer;
    
    
}
/* Active Tab */
#rotator .ui-tabs-selected a:link, #rotator .ui-tabs-selected a:visited, #rotator .ui-tabs-selected a:hover, #rotator .ui-tabs-selected a:active
{
    color: #333;
    background: white;
}
/* Content Panels */
#rotator .ui-tabs-panel
{
    height: 440px;
    width: 866px;
}
#rotator .ui-tabs-hide
{
    display: none;
}


span.remain
{
    color: #484848;
    font-weight: bold;
    float: left;
    margin-right: 12px;
    margin-top: 8px;
}

span.remain strong.em
{
    color: Orange;
}


ul.pax
{
        padding: 0;
        margin: 0;
}

ul.pax li.name
{
    display: block;
    float: left;
    background: none;
    height: 35px;
    width: 250px;
    padding: 0;
}

ul.pax li.name .jquery-checkbox img /*input[type="radio"]*/
{
    margin: 5px 0 0 0;
    padding: 0;
    float: left;
}

ul.pax span.name
{
    background: transparent url(/images/icon_person.jpg) no-repeat scroll 8px 5px;
    display: block;
    float: left;
    height: 35px;
    line-height: 35px;
    padding-left: 40px;
}

a.faq
{    line-height: 30px;
    font-weight: bold;}

span.faq
{
    line-height: 30px;
    font-weight: bold;
    color: #484848;
}

span.faq
{
    display: block;
    margin-bottom: 16px;
}

a.faq span.number, span.faq span.number
{
    display: block;
    width: 25px;
    float: left;
}
span.faq span.text
{
    float: left;
}
a.top
{
    display: block;
    float: left;
    line-height: 30px;
    margin-left: 10px;
}

/*

p.faq-answer
{
    margin-right: 20px;
}

*/

div.payment-container
{
    position: relative;
}

div.agree
{
    margin-top: 4px;
    width: 500px;
    line-height: 20px;
}

div.agree p
{
    margin-bottom: 6px;
}

div.terms-popup
{
    padding-bottom: 20px;
    padding-right: 8px;
}

div.terms-popup a.pdf
{
    float: right;
    margin-top: -40px;
    width: 180px;
}

div.hide
{
    display: none;
}


.Calendar .ajax__calendar_container
{
    background-color: White;
    border: solid 1px #ADADAD; /*width: 150px;*/ /*height: 100px;*/ /*font-size: 11px;*/
    z-index: 1000;
}

.Calendar .ajax__calendar_header
{
    height: 22px;
    padding: 0;
    margin: 0 auto;
}

.Calendar .ajax__calendar_title
{
    height: 22px;
    text-align: center;
    padding: 2px 0 0 0;
    margin: 0 auto;
}

.Calendar .ajax__calendar_next, .Calendar .ajax__calendar_prev
{
    padding-top: 3px;
}

.Calendar .ajax__calendar_body
{
    background-color: white;
    border-top: solid 1px #ADADAD;
    border-bottom: solid 1px #ADADAD; /*height: 100px;*/
    padding: 0;
    margin: 0;
}

.Calendar .ajax__calendar_dayname
{
    text-align: center;
    font-weight: bold;
    padding-left: 3px;
    padding-right: 3px;
    margin-bottom: 4px;
    margin-top: 2px;
}

.Calendar .ajax__calendar_day
{
    text-align: center;
}

.Calendar .ajax__calendar_month, .Calendar .ajax__calendar_year
{
    text-align: center;
    line-height: 15px;
}

.Calendar .ajax__calendar_today
{
    font-weight: bold;
    height: 16px;
    padding-top: 3px;
}


.Calendar table td
{
    border: none;
    padding: 1px 0 0 0;
    height: 12px;
    background: white;
    line-height: 16px;
}

.Calendar .ajax__calendar_active
{
    border: 1px solid red;
    font-weight: bold;
}

.Calendar .ajax__calendar_hover
{
    background-color: #E6E6FA;
}

div.total
{
    margin: 0 0 16px 600px;
}

div.total label
{
    margin: 0 3px 0 0;
}

div.total label.totalPayment
{
    color: Red;}

table.grid td.textBox
{
    background: #FFFACD;
}
    
table.grid td.textBox label
{
    float:left;
    margin: 7px 3px 0 0;
}

table.grid td.textBox .validator
{
    margin: 7px 0 0 5px;
}

div.information
{
    margin-top: 20px;
    border: 1px solid #d1d1d1;
    color: #484848;
    padding: 8px 8px 8px 50px;
    background: url('/images/alert-large.gif') no-repeat 8px 8px #FFFACD;
}

div.information ul li
{
    line-height: 20px;
}
 
ul.payment-options li
{
    float: left;
    border: 1px solid #d1d1d1;
    width: 280px;
    line-height: 18px;
}

ul.payment-options li:hover
{
    border: 1px solid orange;
}

ul.payment-options li a
{
    display: block;
    height: 5px;
    width: 170px;
    padding: 10px 10px 10px 100px;
}

ul.payment-options li a.info
{
    text-decoration: none;
    color: #484848;
    height: 50px;
}

ul.payment-options li.cc
{
    background: url('/images/credit_cards.jpg') no-repeat 0px 0px no-repeat;
}

ul.payment-options li.cheque
{
    float: right;
    background: url('/images/cheque.jpg') no-repeat 1px 0px no-repeat;
}

ul.payment-options li.eft
{
    margin-left: 10px;
    background: url('/images/eft.jpg') no-repeat 3px 2px no-repeat;
}

div.sitemap
{
    border-top: 1px solid #d1d1d1; 
    padding-top: 10px; 
    margin-top: 15px;
}

#maxLabel
{
    margin-left: 12px;
}


div.extras.right
{
    float: right;
    width: 365px;
    padding: 8px;
}

div.extras.left
{
    float: left;
}

div.extra-info.hidden
{
    display: none;
}

.hidden
{
    display: none;
}


a.remove-extra
{
    background:url(/images/remove-extra.png) no-repeat 0 1px; 
    display:block; 
    height:20px; 
    width:23px; 
    float:left; 
    margin:0 4px 0 0;
    text-indent: -9999px;
}

a.save-small
{
    background:url(/images/save.png) no-repeat 0 1px; 
    display:block; 
    height:20px; 
    width:23px; 
    float:left; 
    margin:0 4px 0 0;
    text-indent: -9999px;
}

table a.info 	
{   background:url(/images/info.png) no-repeat 0 0px; 
    display:block; 
    height:18px; 
    width:18px; 
    float:left; 
    margin:2px 4px 0 0;
    text-indent: -9999px;
}


table a.edit 	
{   background:url(/images/icons_edit.jpg) no-repeat 0 2px; 
    display:block; 
    height:20px; 
    width:23px; 
    float:left; 
    margin:0 4px 0 0;
    text-indent: -9999px;
}

table a.cancel
{
    background: transparent url(/images/icons_cancel_small.jpg) no-repeat scroll 0 0;
    display: block;
    height:20px; 
    width:23px;
    float:left; 
    margin:0 4px 0 0;
    text-indent: -9999px;
}

a.cancel.payment
{
    background: transparent url(/images/icons_cancel_small.jpg) no-repeat scroll 0 0;
    display: block;
    height:20px; 
    float:left; 
    padding:  5px 0 0 24px;
    margin:0;
}

.pax-image
{
    margin: -3px 0;
}

a.thickbox.more-info
{
    margin-left: 6px;
}

a.view-all
{
    padding-left: 20px;
}

div.building-list.off, div.map-view.off
{
    position: absolute;
    height: 0;
    overflow: hidden;
    width: 0;
    display: block;
    left: -10000px;
}

span.E2011
{
    color: #FFA808;
    font-weight: bold;
}

span.E2010
{
    color: #3399FF;
    font-weight: bold;
}