body
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
}

form
{
    margin-top:0;
    margin-left:0;
    margin-right:0;
    margin-bottom:0;
}

input[type=text], input[type=password], input[type=file]
{
    border:solid 1px #9999CC;
}

.RadioButton input
{
    border:none 0px white;	
}

.watermark
{
    font-style:italic;
    color:#ccc;
}

textarea
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    border:solid 1px #9999CC;
    resize:none;
}

.checkBoxClass input
{
    border:none;
}

a 
{
    font-family:Arial, Helvetica, sans-serif;
    color:#182585;
    text-decoration:none;
}
a:link 
{
    color:#182585;
}
a:visited 
{
    color:#182585;
}

a:hover
{
    color:#CC0066;
}

.Heading4
{
    font-size:14px; 
    font-weight:bold; 
    color:#003399;	
}

.Heading3
{
    font-size:12px; 
    font-weight:bold; 
    color:#DC0070;
}

.Heading2
{
    font-size:14px; 
    font-weight:bold; 
    color:#DC0070;
}

.Heading1
{
    font-size:14px; 
    color:#DC0070;
}

.InputTable { }
.InputTable tr { vertical-align:top; }
.InputTable td {border:0px; }


.InputHeading
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:Black;
    vertical-align:top;
}

.InputHeadingBold
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:Black;
    font-weight:bold;
}

.TopBanner_Border 
{
    padding:0px;
    background-repeat:no-repeat;
    background-position:left;
    background-color :#0036E1;
    height:112px;
}

.TopBanner_Gap 
{
    padding:0px;
    background-color :#ffffff;
    height:1px;
}

.TopMenu
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    width:100%;
    height:35px;
    background:url(images/nav_tile.gif);
}

.TopMenu td { }

.TopMenu a.selectedMenu
{
    background:url(images/nav_on.gif);
    background-repeat:no-repeat;
    width:112px;
    display:block;
    border-left:0em;
    border-left:0em;
    border-right:0em;
    border-bottom:0em;
    color:#EFEFEF;
    text-decoration:none;
    text-align:center;
    display:block;
    margin:0 0 0 0;
}

.TopMenu a.selectedMenu:hover
{
    padding:0px 0px 0px 0px;
    background:url(images/nav_on.gif);
    background-repeat:no-repeat;
    color:#FFFFFF;
    margin:0 0 0 0;
}

.TopMenu a 
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    background:url(images/nav_off.gif);
    background-repeat:no-repeat;
    float:left;
    display:block;
    border-top:0em;
    border-left:0em;
    border-right:0em;
    border-bottom:0em;
    color:#EFEFEF;
    text-decoration:none;
    text-align:center;
    margin:3px 0 0 0;
    padding:0 0 0 0;
    height:27px;
    
}
.TopMenu a:link 
{
    
    padding:0px 0px 0px 0px;
    color:#EFEFEF;
    margin:0 0 0 0;
    vertical-align:middle;
}
.TopMenu a:visited 
{
    padding:0px 0px 0px 0px;
    color:#EFEFEF;
    margin:0 0 0 0;
}

.TopMenu a:hover
{
    padding:0px 0px 0px 0px;
    background:url(images/nav_mo.gif);
    background-repeat:no-repeat;
    color:#FFFFFF;
    margin:0 0 0 0;
}

.SubMenu a, .SubMenu a:link,  .SubMenu a:visited 
{
    color:#383B4B;
    text-decoration:none;
}

.SubMenu a:hover
{
    color:#DC0070;
}

.SubMenu
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    font-weight:bold;
}

.SubMenu td
{
    padding-left:40px;
}


.sub-menu-drop {
    position: relative;
}



.sub-menu-drop:hover ul {
    opacity: 1;
    visibility: visible;
}


.sub-menu-drop ul {
    z-index: 8000;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s;
    position: absolute;
    left: 0;
    top: 50%;
    background-color: #b5bbdc;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.8);
    list-style-type: none;
    margin-left: 0;
    padding-left: 0;
}

.sub-menu-drop ul > li {
    padding: 0 10px;
    text-align: left;
}

.sub-menu-drop ul > li a {
    line-height: 2.5em;
}


.PageTitle 
{	
    font-size:18px;
    padding-top:20px;
    padding-left:20px;
    color:#003399;
    font-family:Arial, Helvetica, sans-serif;
}

.PageTitle span
{
    white-space:nowrap;
}

.SubTitle
{
    color:#dc0070;
    font-family:Arial, Helvetica, sans-serif;
    font-size:15px;
}

.MainAreaCell
{
    padding:20px 35px 35px 35px;
    font-size:12px;
}

.MainAreaCell span, td
{
    font-size:12px;
}

/* -- error styles START -- */

/* -- this need to be removed at some point */
.MasterErrorMessage
{
    font-weight:bold;
    color:#ff0000; 
    POSITION:relative; 
}

.ErrorMessage
{
    background-color :#F6D3E7;
    font-size:12px; 
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-left-width:1px;
    border-style:solid;
    border-color:#9EA9C4;
    padding-left:10px;
    padding-top:10px;
    padding-bottom:10px;
    padding-right:10px;
}

.ErrorMessageText
{
    font-size:12px; 
}

.alert {
    position: relative;
    border: 1px solid #9ea9c4;
    padding: 0.75rem 1.25rem;
    font-size: 14pt;
    margin-bottom: 1rem;
    color: #383d41;
    background-color: #e2e3e5;
    border-color: #d6d8db;
    border-radius: 0.25rem;
    max-width: 900px;
}

.alert-danger {
    color: #721c24;
    background-color: #f8d7da;
    border-color: #f5c6cb
}

.alert-success {
    color: #155724;
    background-color: #d4edda;
    border-color: #c3e6cb
}

.alert-warning {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}

.alert-info {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

.alert-dismissable {
    padding-right: 4rem;
}

.alert-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0.75rem 1.25rem;
    color: inherit;
    background-color: transparent;
    border: 0;
    opacity: 0.5;
    font-weight: bold;
    font-size: 1.25rem;
    line-height: 1;
}

.alert-close > span {
    font-size: inherit;
}

    .alert-close:hover,
    .alert-close:focus {
        color: black;
        opacity: 0.75;
    }

/* -- error styles END -- */

/* used to fill the main bit of the side panel bubble background */
.MainArea_RightBorder {
    font-size: 12px;
    background-image: url(images/rhs_tile.gif);
    background-repeat: repeat-y;
    margin-top: 0px;
}

.SidePanel ul {
    list-style-type: none;
    list-style-image: url(/gema/images/MenuBulletRight.gif);
}

    .SidePanel ul > li {
        padding: 6px 0;
    }

.SidePanel a 
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#182585;
    text-decoration:none;
}
.SidePanel a:link 
{
    color:#182585;
}
.SidePanel a:visited 
{
    color:#182585;
}

.SidePanel a:hover
{
    color:#CC0066;
}

.SidePanel td
{
    padding-bottom:5px;
    padding-top:5px;
}

.InformationHeadingText
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:Black;
}

.InformationText
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#182585;
}

.InformationTextWordWrap
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#182585;
    WORD-BREAK:BREAK-ALL;
    width:160px;
}

.InformationTextEmpty
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-style:italic;
    font-weight:normal;
    color:#182585;
}

/* -- gema control styles START -- */

.ImageControlGrid div
{
    height:150px;
}

.PictureControl 
{
    padding-top:0px;
    padding-left:0px;
    padding-right:0px;
    padding-bottom:0px;
    border-top:1px solid #9D958E;
    border-right:1px solid #9D958E;
    border-bottom:1px solid #9D958E;
    border-left:1px solid #9D958E;
}

/* -- gema control styles END -- */

/* ---- selector datagrid & repeater styles START -- */

.SelectorDataGrid
{	
     border-left-width:0px;
     border-top-width:0px;
     border-right-width:0px;
     border-bottom :solid 1px #9999CC; 
}

.SelectorNoResultsDataGrid
{	
     border-left-width:0px;
     border-top-width:0px;
     border-right-width:0px;
     border-bottom:0;
}

/* Selectors */
.SelectorHeader
{ 
    color:#182585;
    font-size:12px; 
    font-weight:bold;  
    Height:30px;
    font-family:Arial, Helvetica, sans-serif;
} 

.SelectorHeader td, .SelectorHeader th
{ 
    color:#182585;
    padding-bottom:27px;
    padding-top:13px;
    font-size:12px; 
    white-space:nowrap
}

.SelectorHeader-right
{
    color:#182585;
    background-position:100% 0%;
    padding-top:10px;
    padding-left:17px;
    border-top:0;
    border-right:0;
    border-left:0;	
    border-bottom:0;
    background-image:url(images/header_bg.gif);
    background-repeat:no-repeat;
    background-position:top right;
}

.SelectorHeader-rightButtons
{
    border-top:0;
    border-right:0;
    border-left:0;	
    border-bottom:0;
    background-image:url(images/header_bg.gif);
    background-repeat:no-repeat;
    background-position:top right;
    padding-right:16px;
    text-align:right;
}

.SelectorHeader-left
{
    color:#182585;
    background-position:0% 0%;
    padding-top:10px;
    padding-left:17px;
    border-top:0;
    border-right:0;
    border-left:0;
    border-bottom:0;
    background-image:url(images/header_bg.gif);
    background-repeat:no-repeat;	
    background-position:top left;
    font-weight:bold;
    font-size:12px;
}

.SelectorHeader-middle
{

    color:#182585;
    background-position:20% 0%;
    padding-top:30px;
    padding-left:17px;
    border-top:0;
    border-right:0;
    border-left:0;
    border-bottom:0;
    background-repeat:repeat-x;
    background-image:url(images/header_bg_tile.gif);
    font-weight:bold;
    font-size:12px;
}

.SelectorItems table{border-collapse:collapse;}
.SelectorItemsHover table {
    border-collapse: collapse;
}

tr.SelectorItemsHover table tr td {
    border: 0;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    white-space: nowrap;
}

/* Sortable headers */
.SortHeader
{ 
    color:#182585;
    font-size:12px; 
    height:30px;
    font-family:Arial, Helvetica, sans-serif;
} 

.SortHeader th
{
    padding-bottom:27px;
    padding-top:13px;
    font-size:12px; 
    white-space:nowrap;
}

.SortHeader-right
{
    background-position:100% 0%;
    padding-top:10px;
    padding-left:17px;
    border-top:0;
    border-right:0;
    border-left:0;	
    border-bottom:0;
    background-image:url(images/header_bg.gif);
    background-repeat:no-repeat;
    background-position:top right;
}

.SortHeader-rightHover
{
    background-position:100% 0%;
    padding-top:10px;
    padding-left:17px;
    color:#dd0074;
    cursor:pointer;
    border-top:0;
    border-right:0;
    border-left:0;	
    border-bottom:0;
    background-image:url(images/header_bg.gif);
    background-repeat:no-repeat;
    background-position:top right;
}

.SortHeader-rightButtons
{
    border-top:0;
    border-right:0;
    border-left:0;	
    border-bottom:0;
    background-image:url(images/header_bg.gif);
    background-repeat:no-repeat;
    background-position:top right;
    padding-right:16px;
    text-align:right;
}

.SortHeader-rightButtons2
{
    border-top:0;
    border-right:0;
    border-left:0;	
    border-bottom:0;
    background-image:url(images/header_bg2.gif);
    background-repeat:no-repeat;
    background-position:top right;
    padding-right:16px;
    text-align:right;
}

.SortHeader-rightButtonsHover
{
    border-top:0;
    border-right:0;
    border-left:0;	
    border-bottom:0;
    background-image:url(images/header_bg.gif);
    background-repeat:no-repeat;
    background-position:top right;
    padding-right:16px;
    text-align:right;
}

.SortHeader-left
{
    color:#182585;
    background-position:0% 0%;
    padding-top:10px;
    padding-left:17px;
    text-align:left;
    border-top:0;
    border-right:0;
    border-left:0;
    border-bottom:0;
    background-image:url(images/header_bg.gif);
    background-repeat:no-repeat;	
    background-position:top left;
}

.SortHeader-left2
{
    color:#182585;
    background-position:0% 0%;
    padding-top:10px;
    padding-left:17px;
    text-align:left;
    border-top:0;
    border-right:0;
    border-left:0;
    border-bottom:0;
    background-image:url(images/header_bg2.gif);
    background-repeat:no-repeat;	
    background-position:top left;
}

.SortHeader-leftHover
{
    color:#dd0074;
    background-position:0% 0%;
    padding-top:10px;
    padding-left:17px;
    text-align:left;
    cursor:pointer;
    border-top:0;
    border-right:0;
    border-left:0;
    border-bottom:0;
    background-image:url(images/header_bg.gif);
    background-repeat:no-repeat;	
    background-position:top left;
}

.SortHeader-middle
{
    color:#182585;
    background-position:20% 0%;
    padding-top:10px;
    padding-left:17px;
    border-top:0;
    border-right:0;
    border-left:0;
    border-bottom:0;
    background-repeat:repeat-x;
    background-image:url(images/header_bg_tile.gif);
    font-size:12px;
}

.SortHeader-middle2
{
    color:#182585;
    background-position:20% 0%;
    padding-top:10px;
    padding-left:17px;
    border-top:0;
    border-right:0;
    border-left:0;
    border-bottom:0;
    background-repeat:repeat-x;
    background-image:url(images/header_bg_tile2.gif);
    font-size:12px;
}

.SortHeader-middleHover
{
    color:#dd0074;
    cursor:pointer;
    background-position:20% 0%;
    padding-top:10px;
    padding-left:17px;
    border-top:0;
    border-right:0;
    border-left:0;
    border-bottom:0;
    background-repeat:repeat-x;
    background-image:url(images/header_bg_tile.gif);
    font-size:12px;
}

tr.SelectorItemsHover td
{
    background-color:#A7BDF7;
    border-top-width:1px;
    border-bottom-width:0px;
    border-right-width:0px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:Black;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:17px;
    cursor:pointer;
}

tr.SelectorItemsHover td.SelectorItemsLeft
{
    border-left-width:1px;
}

tr.SelectorItemsHover td.SelectorItemsRight
{
    border-right-width:1px;
    border-left-width:0px;
}

tr.SelectorItemsHover td.SelectorItemsRightButton
{
    text-align:right;
    padding-right:16px;
    border-right-width:1px;
    border-left-width:0px;
}

tr.SelectorItems td
{
    background-color:#ffffff;
    border-top-width:1px;
    border-bottom-width:0px;
    border-right-width:0px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:Black;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:17px;	
}

tr.Accepted td {
    background-color: palegreen;
}

tr.Proposed td {
    background-color: wheat;
}

tr.Rejected td {
    background-color: lightpink;
}

tr.SelectorItems table tr td 
{
    border:0;
    padding-top:0px;
    padding-bottom:0px;
    padding-left:0px;	
    white-space:nowrap;
}

tr.SelectorItems td.SelectorItemsLeft
{
    border-left-width:1px;
}

tr.SelectorItems td.SelectorItemsRight
{
    border-right-width:1px;
    border-left-width:0px;
}

tr.SelectorItems td.SelectorItemsRightButton
{
    text-align:right;
    padding-right:16px;
    border-right-width:1px;
}

td.SelectorItemsRightButton td
{
    border:0;
    padding:0;
}

tr.SelectorItemsCancelled td
{
    background-color:#ffffff;
    border-top-width:1px;
    border-bottom-width:0px;
    border-right-width:0px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:Black;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:17px;
    text-decoration:line-through;
}

tr.SelectorItemsCancelled td.SelectorItemsLeft
{
    border-left-width:1px;
}

tr.SelectorItemsCancelled td.SelectorItemsRight
{
    border-right-width:1px;
    border-left-width:0px;
    text-decoration:none;
}

tr.SelectorItemsCancelled td.SelectorItemsRightButton
{
    text-align:right;
    padding-right:16px;
    border-right-width:1px;
}

.SelectorItem
{
    background-color:#ffffff;
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-left-width:1px;
    border-style:solid;
    border-color:#9999CC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:Black;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:10px;		
}
/* ---- selector datagrid styles END -- */

/* -- selector datagrid hover styles START */
.DataGridHover table{border-collapse:collapse;}

tr.DataGridHover td
{
    border-top-width:1px;
    border-bottom-width:0px;
    border-right-width:0px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:Black;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:17px;
    cursor:pointer;
    background-color:#A7BDF7;
}

tr.DataGridHover td.SelectorItemsLeft
{
    border-left-width:1px;
}

tr.DataGridHover td.SelectorItemsRight
{
    border-right-width:1px;
    border-left-width:0px;
}

/* -- selector datagrid hover styles END -- */
 
.BoxBackgroundTL, .BoxBackgroundTL td
{
    background-position:top left; 
    background-image:url(images/topleft_box.gif);
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    min-width:22px;
}

.BoxBackgroundTR, .BoxBackgroundTR td 
{
    background-position:top right; 
    background-image:url(images/topright_box.gif);
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    min-width:22px;
}

.BoxBackgroundTM
{
    background-image:url(images/topmiddle_box.gif);
    background-repeat:repeat-x;
    height:22px;
}

.BoxBackgroundBL, .BoxBackgroundBL td
{
    background-position:bottom left; 
    background-image:url(images/bottomleft_box.gif);
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    min-width:22px;
}

.BoxBackgroundBR, .BoxBackgroundBR td
{
    background-position:bottom right; 
    background-image:url(images/bottomright_box.gif);
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    min-width:22px;
}

.BoxBackgroundBM
{
    background-image:url(images/bottommiddle_box.gif);
    background-repeat:repeat-x;
    height:22px;
}

.BoxBackgroundML, .BoxBackgroundML td
{
    background-image:url(images/leftmiddle_box.gif);
    background-repeat:repeat-y;
    width:22px;
    min-width:22px;
}

.BoxBackgroundMR, .BoxBackgroundMR td
{
    background-image:url(images/rightmiddle_box.gif);
    background-repeat:repeat-y;
    width:22px;
    min-width:22px;
}

.BoxBackgroundMM
{
    background-image:url(images/tile_box2.gif);
    background-repeat:repeat;
}

.WhiteBoxBackgroundTL, .WhiteBoxBackgroundTL td
{
    background-position:top left; 
    background-image:url(images/topleft_boxWhite.gif);
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    min-width:22px;
}

.WhiteBoxBackgroundTR, .WhiteBoxBackgroundTR td 
{
    background-position:top right; 
    background-image:url(images/topright_boxWhite.gif);
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    min-width:22px;
}

.WhiteBoxBackgroundTM
{
    background-image:url(images/topmiddle_boxWhite.gif);
    background-repeat:repeat-x;
    background-position:top;
    height:22px;
}

.WhiteBoxBackgroundBL, .WhiteBoxBackgroundBL td
{
    background-position:bottom left; 
    background-image:url(images/bottomleft_boxWhite.gif);
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    min-width:22px;
}

.WhiteBoxBackgroundBR, .WhiteBoxBackgroundBR td
{
    background-position:bottom right; 
    background-image:url(images/bottomright_boxWhite.gif);
    background-repeat:no-repeat;
    height:22px;
    width:22px;
    min-width:22px;
}

.WhiteBoxBackgroundBM
{
    background-image:url(images/bottommiddle_boxWhite.gif);
    background-repeat:repeat-x;
    height:22px;
}

.WhiteBoxBackgroundML, .WhiteBoxBackgroundML td
{
    background-image:url(images/leftmiddle_boxWhite.gif);
    background-repeat:repeat-y;
    
    width:22px;
    min-width:22px;
}

.WhiteBoxBackgroundMR, .WhiteBoxBackgroundMR td
{
    background-image:url(images/rightmiddle_boxWhite.gif);
    background-repeat:repeat-y;
    width:22px;
    min-width:22px;
}

/* -- main buttons styles START -- */

.FunctionButtonSpace
{
    width:15px; 
    float:right;
}

.GemaPopupPageTitle
{
    font-size:16px;
    font-weight:bold;
    color:#003399;
    padding-bottom:10px;
    font-family:Arial, Helvetica, sans-serif;
}

/* -- main buttons styles END -- */

/* -- task styles START -- */

.TaskHeadingMenu a 
{
    font-size:12px;	
    text-decoration:none;
    padding:7px 0;
    color:#666666;
    font-weight:bold;
    cursor:pointer;
}

.TaskHeadingMenu a:link 
{
    color:#666666;
}

.TaskHeadingMenu a:visited 
{
    color:#666666;
}

.TaskHeadingMenu a:hover
{
    color:#003399;
}

.TaskMenu a 
{
    font-size:12px;	
    text-decoration:none;
    padding:7px 0;
    color:#666666;
}

.TaskMenu a:link 
{
    color:#666666;
}

.TaskMenu a:visited 
{
    color:#666666;
}

.TaskMenu a:hover
{
    color:#003399;
}

.TaskMenuDisabled A
{
    color:#999999;
    font-size:12px;	
    text-decoration:none;
    padding:7px 0;
}

.TaskMenuDisabled A:link
{
    color:#999999; 
}

.TaskMenuDisabled A:visited
{
    color:#999999;
}

.TaskMenuDisabled A:hover
{
    color:#999999;
}

.TaskMenuDisabled P
{
    margin-top:2px;
    margin-left:5px
}

.TaskMenuDisabled TD
{
    margin-top:2px;
    margin-left:5px
}

/* -- task styles END -- */

/* --- put in separate booking css START--- */

.mainUnitsText
{
    font-size:12px; 
}

.OccupancyHeaderRight
{
    background-color :#E9ECF3;
    color:#182585;
    font-size:12px; 
    font-weight:bold; 
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
}

.OccupancyHeaderLeft
{
    background-color :#E9ECF3;
    color:#182585;
    font-size:12px; 
    font-weight:bold; 
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:1px;
    border-style:solid;
    border-color:#9999CC;
}

.OccupancyHeaderMiddle
{
     background-color :#E9ECF3;
    color:#182585;
    font-size:12px; 
    font-weight:bold; 
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
}

.OccupancyHeaderMaxRight
{
    background-color :#F6D3E7;
    color:#182585;
    font-size:12px; 
    font-weight:bold; 
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
}

.OccupancyHeaderMaxLeft
{
    background-color :#F6D3E7;
    color:#182585;
    font-size:12px; 
    font-weight:bold; 
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:1px;
    border-style:solid;
    border-color:#9999CC;
}

.OccupancyHeaderMaxMiddle
{
    background-color :#F6D3E7;
    color:#182585;
    font-size:12px; 
    font-weight:bold; 
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
}

.OccupancyOkRight
{
    background-color :#FFFFFF;
    font-size:12px; 
    border-top-width:0px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
}

.OccupancyOkLeft
{
    background-color :#FFFFFF;
    font-size:12px; 
    border-top-width:0px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:1px;
    border-style:solid;
    border-color:#9999CC;
}

.OccupancyOkMiddle
{
    background-color:#FFFFFF;
    font-size:12px; 
    border-top-width:0px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
}

.OccupancyMaxRight
{
    background-color:#F6D3E7 !important;
    font-size:12px;
    border-top-width:0px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
    text-align:right;
}

.OccupancyMaxLeft
{
    background-color :#F6D3E7 !important;
    font-size:12px; 
    border-top-width:0px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:1px;
    border-style:solid;
    border-color:#9999CC;
}

.OccupancyMaxMiddle
{
    background-color :#F6D3E7 !important;
    font-size:12px; 
    border-top-width:0px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
}

.ExtraTop
{
    font-weight:bold; 
    border-top-width:0px;
    border-bottom-width:0px;
    border-right-width:1px;
    border-left-width:1px;
    border-style:solid;
    border-color:#9999CC;
}

.ExtraTopFirst
{
    font-weight:bold; 
    border-top-width:1px;
    border-bottom-width:0px;
    border-right-width:1px;
    border-left-width:1px;
    border-style:solid;
    border-color:#9999CC;
}

.ExtraHeaderRight
{
    background-color :#E9ECF3;
    color:#182585;
    font-size:12px; 
    font-weight:bold; 
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
}

.ExtraHeaderLeft
{
    background-color :#E9ECF3;
    color:#182585;
    font-size:12px; 
    font-weight:bold; 
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:1px;
    border-style:solid;
    border-color:#9999CC;
}

.ExtraHeaderMiddle
{
    background-color :#E9ECF3;
    color:#182585;
    font-size:12px; 
    font-weight:bold; 
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
}

.ExtraRight
{
    background-color :#FFFFFF;
    font-size:12px; 
    border-top-width:0px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
}

.ExtraLeft
{
    background-color :#FFFFFF;
    font-size:12px; 
    border-top-width:0px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:1px;
    border-style:solid;
    border-color:#9999CC;
}

.ExtraMiddle
{
    background-color :#FFFFFF;
    font-size:12px; 
    border-top-width:0px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
}

.ExtraItem
{
    background-color :#FFFFFF;
    font-size:12px; 
    border-top-width:0px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-left-width:1px;
    border-style:solid;
    border-color:#9999CC;
}

.BookingWarningRight
{
    background-color :#F6D3E7;
    font-size:12px; 
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9EA9C4;
}

.BookingWarningLeft
{
    background-color :#F6D3E7;
    font-size:12px; 
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:1px;
    border-style:solid;
    border-color:#9EA9C4;
}

.BookingWarningMiddle
{
    background-color :#F6D3E7;
    font-size:12px; 
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9EA9C4;
}

/* --- put in separate booking css END --- */

/* ---- Image selector styles START -- */

.SelectorHeaderBlock
{ 
    color:#182585;
    font-size:12px; 
    font-weight:bold;  
    font-family:Arial, Helvetica, sans-serif;
} 

.SelectorHeaderBlock td, .SelectorHeaderBlock th
{ 
    color:#182585;
    font-size:12px; 
    padding-top:4px;
    padding-bottom:4px;
}

.SelectorHeaderBlock-right
{
    color:#182585;
    background-color :#E9ECF3;
    background-position:100% 0%;
    padding-left:6px;
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
}

.SelectorHeaderBlock-rightButtons
{
    background-color :#E9ECF3;
    padding-right:16px;
    text-align:right;
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:1px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;	
}

.SelectorHeaderBlock-left
{
    background-color :#E9ECF3;
    color:#182585;
    background-position:0% 0%;
    padding-left:6px;
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:1px;
    border-style:solid;
    border-color:#9999CC;
}

.SelectorHeaderBlock-middle
{
    background-color :#E9ECF3;
    color:#182585;
    padding-left:6px;
    border-top-width:1px;
    border-bottom-width:1px;
    border-right-width:0px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
}

tr.SelectorItemsBlock td
{
    background-color:#ffffff;
    border-top-width:1px;
    border-bottom-width:0px;
    border-right-width:0px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:Black;
    padding-left:6px;	
}

tr.SelectorItemsBlock td.SelectorItemsBlockLeft
{
    border-left-width:1px;
}

tr.SelectorItemsBlock td.SelectorItemsBlockRight
{
    border-right-width:1px;
    border-left-width:0px;
}

tr.SelectorItemsBlock td.SelectorItemsBlockRightButton
{
    text-align:right;
    padding-right:16px;
    border-right-width:1px;
    border-left-width:0px;
}

.UploadBoxBackgroundL
{
    background-image:url(images/curve_lhs.gif);
    height:49px;
}

.UploadBoxBackgroundM
{
    background-image:url(images/curve_tile.gif);
    height:49px;
    background-repeat:repeat-x;
}

.UploadBoxBackgroundR
{
    background-image:url(images/curve_rhs.gif);
    height:49px;
}

/* ---- Image selector styles END -- */

tr.SelectorItemsBorderHide td
{
    border:0;
}

td.SelectorItemsMultiRowLeft
{
    border-left:1px solid #9999cc;
}

td.SelectorItemsMultiRowRight
{
    border-right:1px solid #9999cc;
}

td.SelectorItemsMultiRowTopLeft
{
    border-left:1px solid #9999cc;
    border-top:1px solid #9999cc;
}

td.SelectorItemsMultiRowTop
{
    border-top:1px solid #9999cc;
}

td.SelectorItemsMultiRowTopRight
{
    border-right:1px solid #9999cc;
    border-top:1px solid #9999cc;
}

.WTBoxBackgroundTL, .WTBoxBackgroundTL td
{
    background-position:top left; 
    background-image:url(images/wt_top_left.png);
    background-repeat:no-repeat;
    height:16px;
    width:16px;
    min-width:16px;
}

.WTBoxBackgroundTR, .WTBoxBackgroundTR td 
{
    background-position:top right; 
    background-image:url(images/wt_top_right.png);
    background-repeat:no-repeat;
    height:16px;
    width:16px;
    min-width:16px;
}

.WTBoxBackgroundTM
{
    background-image:url(images/wt_top.png);
    background-repeat:repeat-x;
    background-position:top;
    height:16px;
}

.WTBoxBackgroundBL, .WTBoxBackgroundBL td
{
    background-position:bottom left; 
    background-image:url(images/wt_bottom_left.png);
    background-repeat:no-repeat;
    height:16px;
    width:16px;
    min-width:16px;
}

.WTBoxBackgroundBR, .WTBoxBackgroundBR td
{
    background-position:bottom right; 
    background-image:url(images/wt_bottom_right.png);
    background-repeat:no-repeat;
    height:16px;
    width:16px;
    min-width:16px;
}

.WTBoxBackgroundBM
{
    background-image:url(images/wt_bottom.png);
    background-repeat:repeat-x;
    height:16px;
}

.WTBoxBackgroundML, .WTBoxBackgroundML td
{
    background-image:url(images/wt_left.png);
    background-repeat:repeat-y;
    width:16px;
    min-width:16px;
}

.WTBoxBackgroundMR, .WTBoxBackgroundMR td
{
    background-image:url(images/wt_right.png);
    background-repeat:repeat-y;
    width:16px;
    min-width:16px;
}

#bookingCancelDiv
{
    position:absolute;
    display:none;
    top:169px;
    left:0px;
    width:100%;
    height:100%;
    background-color:Gray;
    filter:alpha(opacity=50);
    -moz-opacity:0.50;
    opacity:0.50;
    z-index:3;
}

#BookingSaveModaldiv
{
    position:absolute;
    display:none;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background-color:Gray;
    filter:alpha(opacity=50);
    -moz-opacity:0.50;
    opacity:0.50;
    z-index:6;
}

.breadCrumbs
{
    padding:5px 0px 0px 34px;
    color:#DD0074;
    font-weight:bold;
}

.breadCrumbs img
{
    vertical-align:middle;	
}

.breadCrumbs a 
{
    font-family:Arial, Helvetica, sans-serif;
    color:#383B4B;
    text-decoration:none;
}

.breadCrumbs a:link 
{
    color:#383B4B;
}

.breadCrumbs a:visited 
{
    color:#383B4B;
}

.breadCrumbs a:hover
{
    color:#DD0074;
}

.SelectorItems2 table
{
    border-collapse:collapse;
}

tr.SelectorItems2 td
{
    border-top-width:1px;
    border-bottom-width:0px;
    border-right-width:0px;
    border-left-width:0px;
    border-style:solid;
    border-color:#9999CC;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    color:Black;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:17px;
}

tr.SelectorItems2 td.SelectorItemsLeft
{
    border-left-width:1px;
}

tr.SelectorItems2 td.SelectorItemsRight
{
    border-right-width:1px;
    border-left-width:0px;
}

tr.SelectorItems2 td.SelectorItemsRightButton
{
    text-align:right;
    padding-right:16px;
    border-right-width:1px;
}

.SummaryView
{
    border:0;
    border-collapse:collapse;
}

tr.SummaryViewRow 
{
    padding-top:5px;
    border:0;
    vertical-align:text-top;
}

td.Col1InformationHeadingText
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:Black;
    width :100px;
    text-align:left;
    padding-top:5px;
}

td.Col2InformationText
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#182585;
    width :150px;
    text-align:left;
    padding-top:5px;
}

td.Col3InformationHeadingText
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:Black;
    width :120px;
    text-align:left;
    padding-top:5px;
}

td.Col4InformationText
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    font-weight:bold;
    color:#182585;
    width :150px;
    text-align:left;
    padding-top:5px;
}

.RequiredField
{
    color:Red;
    font-weight: bold;
}

.required:after {
    content: '*';
    padding-left: 0.5em;
    color: red;
}


.input-group-btn,
.input-group .form-control {
    display: inline-block;
    vertical-align: middle;
}
.btn {
    display: inline-block;
    background-color: #757594;
    color: #fff;
    padding: 4px 12px;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    border: solid 1px white;
    border-radius: 3px;
    box-shadow: 0 0 1px 1px #bdbdc9;
    text-transform: uppercase;
    min-width: 90px;
}

.btn:hover,
.btn:focus,
.btn:active,
.btn-primary:active {
    background: #eb2294;
    border: solid 1px white;
}

a.btn:link, a.btn:visited, a.btn:hover {
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
}

.form input,
.form textarea,
.form select {
    color: #5A595E;
    font-size: 14px;
    margin-bottom: 12px;
    margin-top: 5px;
    width: 250px;
    height: 22px;
    box-sizing: border-box;
    padding: 2px;
    -webkit-appearance: none;
    border: 1px solid #CDCFCE;
    border-radius: 0px;
}

div.form-group {

}

.form-group > label {
    display: inline-block;
    padding-top: 8px;
    min-width:200px;
}

.image-uploader-image {
    width: 200px;
}

.form-group input,
.input-group label {
    margin: 5px -5px 0 0;
    width: initial;
}

.input-group btn,
.input-group input,
.input-group .form-control {
    margin-top: 5px;
}

.BookingSectionHeader {
    margin-top: 30px;
    border: 1px solid #cccfd4;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #e9ecf3;
    padding-left: 17px;
    vertical-align: middle;
    line-height: 37px;
    font-family: Arial, Helvetica, sans-serif;
    height: 35px;
    font-weight: bold;
    font-size: 12px;
    color: #dd0074;
    margin-bottom : 20px
}