/* --- Layout --------------------- */

body
{
    background-color: #FFFFFF;
}

#header
{
    height: 160px; 
    background-color: #313131;
}

#header h1
{
    background: url(images/header.logo.gif) no-repeat 0 0;
    margin: 24px 0 12px 24px;
    padding: 40px 0 0 53px;
    font-size: 4em;
    color: #0076b2;
}

#header h1.floating
{    
    float: left;
}

#header .login
{
    display: block;
    float: right;
    margin: 26px 0 0 0;
    color: #ffffff;
}

#header p.user
{
    padding: 140px 8px 4px 0;
    font-size: .9em;
    color: #ff0000;
}

#header p.user span i
{
    color: #ffffff;
    font-weight: bold;
    font-style: normal;
}

#header p.user span b,
#header p.user span.administrator b
{
    color: #ff0000;
}

#header p.user span a
{
    color: #ffffff;
}

.requiredField
{
    color: #ff0000 !important; 
    font-weight: bold !important;
}
/* --- ImageLink ------------- */

a.addnew  { background-image: url(images/icons/icn_addnew.png); }
a.edit    { background-image: url(images/icons/icn_edit.png); }
a.delete  { background-image: url(images/icons/icn_delete.png); }
a.print   { background-image: url(images/icons/icn_print.png); }
a.prev    { background-image: url(images/icons/icn_prev.png); }
a.next    { background-image: url(images/icons/icn_next.png); }
a.refresh { background-image: url(images/icons/icn_refresh.png); }
a.cancel  { background-image: url(images/icons/icn_cancel.png); }
a.search  { background-image: url(images/icons/icn_search.png); }
a.expand  { background-image: url(images/icons/icn_expand.png); }
a.assign  { background-image: url(images/icons/icn_assign.png); }
a.notify  { background-image: url(images/icons/icn_notify.png); }
a.confirm { background-image: url(images/icons/icn_confirm.png); }
a.bullet  { background-image: url(images/icons/icn_bullet.png); }
a.user    { background-image: url(images/icons/icn_user.png); }
a.email   { background-image: url(images/icons/icn_email.png); }
a.copy    { background-image: url(images/icons/icn_copy.png); }
a.complete  { background-image: url(images/icons/icn_complete.png); }
a.lock  { background-image: url(images/icons/icn_lock.png); }
a.disk  { background-image: url(images/icons/icn_disk.png); }

/* --- MessageHighlight ----- */

.msghlight .content li
{
    color: #ffffff !important;
    padding: 0 0 4px 22px;    
}

.msghlight label + ul,
.msghlight span + ul
{
    margin: 8px 0 0 0;
}

/* --- Expandable ------- */

.expandable
{
    margin: 8px 0;
}

/* --- Wizard ------ */

.wizard
{
}

.wizard .step
{
}

.wizard .step .header
{
    display: block;
    padding: 4px;
    margin-bottom: 16px;
}

.wizard .step .header p
{
    padding: 4px 0;
}

.wizard .step .navigation
{
    display: block;
    padding: 4px 0 4px 0;   
}

.wizard .step .validation
{
    display: block;
    font-weight: bold;
    margin-bottom: 4px;
}

/* --- PickerList ----- */

.pickerlist table tbody td:hover
{
    background-color: #ffe45c !important;
}

.pickerlist table tbody td.selected
{
    background-color: #dfdfdf;
}

/* --- SummaryList ------- */

.summarylist
{
    padding: 16px 4px 0 4px;
}

.summarylist li
{
    border-bottom: solid 1px #a1a1a1;
    padding: 2px 4px 4px 0px;
    margin: 0 0 0 18px;
}

.summarylist li a
{
    color: #000000 !important;
    cursor: default;   
}

.summarylist li a:hover
{
    text-decoration: none;
}

.summarylist li span.price
{
    float: right;
}

.summarylist li span.NOSpan
{
    display: none;
}

/* --- Forms ----------- */

/* Global common configuration for forms */

.form h5
{
    width: 360px;
    background-color: #c1c1c1;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    padding: 4px;
}

.form p > input[type=text]
{
    width: 280px;
}

.form p > input[type="radio"] + label
{
    width: 130px;
}

#editDestinationForm p > input[type="radio"] + label
{
    width: 270px;
}

.form p > input.hasDatepicker
{
    width: 143px;
}

.form p > select
{
    width: 286px;
}

.form p > textarea
{
    width: 500px;
}

.form .costPrice
{
    width: 110px !important;
    text-align: right;
}

/* UserLoginForm */

#userLoginForm
{
    font-size: 0.8em;
    margin: 16px;
}

#userLoginForm > p.crud
{
    text-align: right;
    padding: 4px 10px 0 0;
}

#userLoginForm label
{
    display: inline-block;
    text-align: right;
    width: 100px;
}

#userLoginForm input + label
{
    display: inline;    
    text-align: left;    
    padding: 0 0 0 4px;
}

#userLoginForm > p.crud input[type=button],
#userLoginForm > p.crud input[type=submit]
{
    height: auto;
}

/* EditOrderForm */

#editOrderForm
{
}

#editOrderForm p
{
    border-bottom: solid 1px #bababa;
}

#editOrderForm p.crud
{
    border: none;
}

#editOrderForm p img
{
    float: left;
    margin-right: 4px;
    vertical-align: middle;
}

#userLoginForm .username { width: 160px; }
#userLoginForm .password { width: 160px; }

/* EditHotelForm */

#editHotelForm
{
}

#editHotelForm span.stayBeginDate { display: inline-block; width: 170px; padding: 4px 0; }
#editHotelForm span.stayEndDate   { display: inline-block; width: 170px; padding: 4px 0; }

/* EditServiceForm */

#editServiceForm
{
}

#editServiceForm span.availBeginDate { display: inline-block; width: 170px; padding: 4px 0; }
#editServiceForm span.availEndDate   { display: inline-block; width: 170px; padding: 4px 0; }