@charset "utf-8";
*{
    outline:none;
}
body {
    font: 14px Arial, Helvetica, sans-serif;
    background: #6D5741;
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000000;
}
h1, h2 {
    color:#AA8484;
    font-weight:normal;
    font-size:18px;
}

h4 {
    color:#AA8080;
    font-weight:normal;
    font-size:15px;
}

h10 {
    margin-left: 40px;
    color:#900d35;
    font-weight:heavy;
    font-size:25px;
}

p{
    font-size:14px;
    line-height: 130%;
}
.light-text {
	font-size: 14px;
	line-height: 130%;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
}

a {
    color:#AA8484;
}

img {
    border:0;
}

.content {
    width:980px;
}
.oneColLiqCtrHdr #container {
    background-color:#C1A371;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
    text-align: left; /* this overrides the text-align: center on the body element. */
}
.oneColLiqCtrHdr #header {
    background: #DACEB4; 
    background-image:url(../images/headerBG.jpg);
    background-repeat:repeat-x;
    background-position:top;
    padding:8px 0;
}
.oneColLiqCtrHdr #header .content {
    margin: 0 auto;
    font-size:11px;
    color:#FFFFFF;
}
#header a {
    text-decoration:underline;
    color:#FFFFFF;
}

.oneColLiqCtrHdr #mainContent {
    padding: 0 20px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
    background-color: #C1A371;
    background-image:url(../images/bodyBG.jpg);
    background-position:top;
    background-repeat:repeat-x; 
    
}
.oneColLiqCtrHdr #mainContent .content {
    margin: 0 auto;
    padding-bottom:40px;
    
}

#mainMenu {
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#BCA5A9;  
    margin-top:45px;
    float:right;
    border-bottom: 1px solid #BDA6AA;
    width: 600px;
}
#mainMenu ul {
    list-style:none;
    padding:0;
    margin:0;  
    
}
#mainMenu li {
    float:right;
    margin-left: 12px;
    padding: 0 0 8px 0;
    
}

#mainMenu a {
    text-decoration:none;
    color:#BCA5A9;        
}

#mainMenu a:hover, .subMenu a:hover{
    color:#910051;
}
#mainMenu .active, .subMenu .active{
    color:#910051;
}

#FMSMainMenu {
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color:#BCA5A9;  
    margin-top:45px;
    float:right;
    border-bottom: 1px solid #BDA6AA;
    width: 600px;
}
#FMSMainMenu ul {
    list-style:none;
    padding:0;
    margin:0;  
    
}
#FMSMainMenu li {
    float:right;
    margin-left: 12px;
    padding: 0 0 8px 0;
    
}

#FMSMainMenu a {
    text-decoration:none;
    color:#BCA5A9;        
}

#FMSMainMenu a:hover, .subMenu a:hover{
    color:#910051;
}
#FMSMainMenu .active, .subMenu .active{
    color:#910051;
}


#LIMOSOMainMenu {
    width: 602px;
    height: 30px;
    background-color: #900d35;
    font-size:13px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    color: #ffffff;  
    margin-top:45px;
    float:right;
    border-bottom: 1px solid #BDA6AA;
    width: 600px;
}
#LIMOSOMainMenu ul {
    list-style:none;
    padding:0;
    margin-top:6px;
    margin-right:14px;      
    
}
#LIMOSOMainMenu li {
    float:right;
    margin-left: 12px;
    
    
}

#LIMOSOMainMenu a {
    text-decoration:none;
    color: #ffffff;
    padding: 0 0 0 0;        
}

#LIMOSOMainMenu a:hover, .subMenu a:hover{
    color: #410014;
}
#LIMOSOMainMenu .active, .subMenu .active{
    color: #c55779;
}

.subMenu a {
    text-decoration:none;
    color: #BCA5A9;
    padding: 0 0 0 0;        
}

.subMenu {
    
    position:absolute; 
    z-index:100; 
    background-color:#FFFFFF; 
    border-left:1px solid #BCA5A9;
    border-bottom:1px solid #BCA5A9;
    border-right:1px solid #BCA5A9;
    text-align:left;
    left:665px !important; 
    left:388px;
    top:70px;
    font-size:15px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    padding:0 30px 0 10px;
}
.subMenu ul {
    list-style:none;
}
.subMenu li {
    text-align:left;
    padding:5px 0;
}
#subMeunManage{
    visibility:hidden;
    display:none;
}




#bookMenu ul{
    list-style:none;
    padding:0;
    margin:0;
}
#bookMenu li{
    border: 1px solid #D3BF9C;
    padding:10px;
    margin-bottom: 8px;
    font-size:18px;
    color:#D2BFBF;
}
#bookMenu li.active{
    background-image:url(../images/bookMenuBG_on.jpg);
    background-position:bottom;
    background-repeat:repeat-x;
    color:#AA8484;
    border: 1px solid #AA8484;
}


.oneColLiqCtrHdr #footer { 
    background-image:url(../images/footerBG.jpg);
    background-position:top;
    background-repeat:repeat-x;
    background-color:#C1A371;
} 
.oneColLiqCtrHdr #footer .content { 
    width:980px;
    margin: 0 auto;
    height:116px;
    padding-top:20px;
}
#footer ul {
    list-style:none;
    margin:0;
    padding:0;
    font-size:11px;
    color:#DCCDB6;
}
#footer li {
    float:left;
    margin:0 13px;
}

#footer label {
    float:left;
    font-size:11px;
}

#footer a {
    color:#DCCDB6;
}
#footer a:hover{
    color:#fff;
}

#col11{
    
    /*  
    Fit different browsers
    from left to right: Firefox, IE7, IE6
    */
    float:left; *float:left !important; *float: left;
    clear:none; *clear:left !important; *clear: left;
    
    /*end here*/
    
    /*clear:none !important; /* firefox */ 
    
    width: 300px;
    /*    float:left; */
    margin-top:-20px;
    text-align:left; 
    /*   clear:left; */
}
#col11 p {
    color:#FFFFFF;
}

#col22 {
    
    /*  
    Fit different browsers
    from left to right: Firefox, IE7, IE6
    */
    margin-left: 340px; *margin-left: 40px !important;  *margin-left: 40px; 
    float:none; *float:right !important; *float: right;
    clear:none; *clear:right !important; *clear: right;
    
    /*end here*/
    margin-top:20px;
    
}
#col22 .panel{
    background-color:#FFFFFF;
    padding: 12px;
}

#col22 .panel h1 {
    color:#AA8484;
    font-size:18px;
    font-weight:normal;
}


#col1{
    width: 300px;
    float:left;
    margin-top:-20px;
}
#col1 p {
    color:#FFFFFF;
}
#col2{
    margin-left: 340px;
    margin-top:20px;
}
#col2 .panel{
    background-color:#FFFFFF;
    padding: 12px;
}
#col2 .panel h1 {
    color:#AA8484;
    font-size:18px;
    font-weight:normal;
}

#colleft{
    width: 50%;
    float:left;
    margin-top:10px;
}


#colright{
    margin-top: 20px ; *margin-top: 10px !important; *margin-top: 10px;
}


#bookingForm{
    display:inline;
    font-size:12px;
}
#bookingForm select, #bookingForm textarea, #bookingForm input{
    width:150px;
}
#bookingForm1{
    display:inline;
    font-size:12px;
}
#bookingForm1 textfield, #bookingForm1 textarea{
    width:210px;
}

.designOptions h1{
    margin:0;
    font-size:14px;
}

.designOptions p{
    font-size:11px;
    color:#666666;
}

.designIndicator{
    width:302px;
    font-size:10px;
    color:#999;
    padding:6px 0px 6px 6px;
    margin:0 0 6px 0;
}
.designIndicator ul{
    list-style:none;
    margin:0;
    padding:0;
}
.designIndicator li{
    background-image:url(../images/FMS/littleGnome.html); background-repeat:no-repeat;
    margin-right: 4px;
    width:12px;
    float:left;
}
.designIndicator1{
    width:146px;
    font-size:10px;
    color:#999;
    padding:6px 0px 6px 6px;
    margin:0 0 6px 0;
}
.designIndicator1 ul{
    list-style:none;
    margin:0;
    padding:0;
}
.designIndicator1 li{
    background-image:url(../images/FMS/bigLV.html); background-repeat:no-repeat;
    margin-right: 4px;
    width:12px;
    float:left;
    height:21px;
}
.designIndicator2{
    width:146px;
    font-size:10px;
    color:#999;
    padding:6px 0px 6px 6px;
    margin:0 0 6px 0;
}
.designIndicator2 ul{
    list-style:none;
    margin:0;
    padding:0;
}
.designIndicator2 li{
    background-image:url(../images/FMS/luggageSmall.html); background-repeat:no-repeat;
    margin-right: 4px;
    width:12px;
    float:left;
    height:21px;
}

.clearFloat{
    clear:both;
}
form {
    display:inline;
}

.borderAll{
    border: 1px solid #900E35;
}
.borderBottom{
    border-bottom: 1px solid #900E35;
}

.borderAll2{
    border: 1px solid #EEE5D7;
}
.borderBottom2{
    border-bottom: 1px solid #EEE5D7;
    margin:12px 0;
}
.borderLeft2{
    border-left: 1px solid #EEE5D7;
}
.borderTop2{
    border-top: 1px solid #EEE5D7;
}

.topShadow{
    height: 20px; background-image:url(../images/shadowT.jpg); background-repeat:repeat-x;
}
.bottomShadow{
    height: 20px; background-image:url(../images/shadowB.jpg); background-repeat:repeat-x;
}
.bottomShadowLight{
    height: 20px; background-image:url(../images/shadowB3.jpg); background-repeat:repeat-x;
}
.bottomShadowDark{
    height: 20px; background-image:url(../images/shadowB2.jpg); background-repeat:repeat-x;
}
#searchOptions{
    background:#FFFFFF;
    padding:15px;
    margin-top:40px;
}
#searchOptions h1{
    margin:0;
}
#searchOptions h2 {
    font-size:14px;
    margin:14px 0 0 0;
    padding:0;
}
#searchOptions p {
    font-size:10px;
    color:#999;
    margin:0;
}

.manageCol1{
    background-color:#33cc66;
}
.manageCol2{
    background-color:#ff3300;
}
.manageCol3{
    background-color:#ffcc66;
}
.manageCol4{
    background-color:#66ccff;
}
.text2 {
    font-size:11px;
}
.reportList th {
    font-size:13px;
    color:#CCCCCC;
    font-weight:normal;
    text-align:left;
    border-bottom: 1px solid #EEE5D7;
    
}
.reportList td {
    font-size:11px;
    color:#FFFFFF;
    font-weight:normal;
    padding:8px 4px;
    border-bottom: 1px solid #EEE5D7;
    
}
.tbl {
    table-layout:fixed;
    
}
.tbl td {
    
    text-overflow:ellipsis;
    word-break: break-all;
    white-space:nowrap;
    
} 

.diversion th {
    color:black    
}


.bookingList th {
    font-size:10px;
    color:#AA8484;
    font-weight:normal;
    text-align:left;
    border-bottom: 1px solid #EEE5D7;
    
}
.bookingList td {
    font-size:11px;
    color:#222222;
    font-weight:normal;
    padding:8px 4px;
    border-bottom: 1px solid #EEE5D7;
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:wrap;
    
}
.bookingList tr:hover{
    background-color:#EFEED6;
    cursor:pointer; 
}


.bookingList .new td {
    color: #00CC00;
}
.bookingList .cancelled td {
    color: #FF3300;
}
.bookingList .assigned td {
    color: #DFD513;
}
.bookingList .completed td {
    color: #0099FF;
}
.bookingList a{
    font-size:12px;
    font-weight:bold;
    
}

.journeyReport th {
    font-size:15px;
    color:#AA8484;
    font-style:italic;
    font-weight:bold;
    text-align:left;
    border-bottom: 1px solid #EEE5D7;
    background: white;
    
}
.journeyReport td {
    font-size:11px;
    color:#FFFFF;
    font-weight:normal;
    padding:8px 4px;
    border-bottom: 1px solid #EEE5D7;
   
    overflow:hidden;
    white-space:wrap;
    background: white;
}
.journeyReport tr:hover{
    background-color:#EFEED6;
    cursor:pointer; 
}
.journeyReport2 td {
    font-size:12px;
    color:#FFFFFFF;
    font-weight:bold;
    text-align:left;
    border-bottom: 1px solid #EEE5D7;
    
}

.assignText{
    padding:2px;
}
.assignText:hover{
    background-color: #00CC66;
    color:#FFFFFF;
}
.editText{
    padding:2px;
}
.editText:hover{
    background-color: #33CCCC;
    color:#FFFFFF;
}
.cancelText{
    padding:2px;
}
.cancelText:hover{
    background-color:#FF3300;
    color:#FFFFFF;
}

/* Rounded Corner Containers */
/* 1st container */
.rc1 {
    background-color: #48000A; 
    background-image: url(../images/corners/rc1/rc1BG.jpg);
    background-repeat:repeat-x;
    background-position:top;
}
.rc1 .tl {
    background-image: url(../images/corners/rc1/rc1TL.png); 
    background-position:left top; 
    background-repeat:no-repeat; 
    padding-left: 7px;
}
.rc1 .tr {
    background-image: url(../images/corners/rc1/rc1TR.png); 
    background-position:right top; 
    background-repeat:no-repeat; 
    margin:0; 
    height: 7px;
}
.rc1 .rcContent {
    padding:4px 16px 4px 16px; 
    border-left:1px solid #000;
    border-right:1px solid #000;
    color:#FFFFFF;
    text-align: justify;
}

/* set height for group on the homepage */
#homepageGroup .rc1 .rcContent {
    height:136px;
}
.rc1 .bl {
    background-image: url(../images/corners/rc1/rc1BL.png); 
    background-position:left bottom; 
    background-repeat:no-repeat; 
    padding-left: 7px; 
    margin:0;
}

.rc1 .br {
    background-image: url(../images/corners/rc1/rc1BR.png); 
    background-position:right bottom; 
    background-repeat:no-repeat; 
    margin:0; 
    height: 7px;
}

.rc1 h1 {
    margin:0;
    font-size:20px;
    font-weight: normal;
    color: #DCAF0C;
}

.rc1 p {
    margin: 10px 0 0 0;
    font-size: 16px;
    line-height: 150%;
}
.rc1 .text2 {
    font-size:11px;
}
.rc1 .text2 a{
    color:#FFFFFF;
}
#frameContainer{
    padding:20px;
    text-align:left;
    background-color:#fff;
    min-height:380px;
    height:auto !important;
    height:380px;
}
div.auto_complete {
    width: 350px;
    background: #fff;
}

div.auto_complete ul {
    border:1px solid #888;
    margin:0;
    padding:0;
    width:100%;
    list-style-type:none;
}

div.auto_complete ul li {
    margin:0;
    padding:3px;
}

div.auto_complete ul li.selected {
    background-color: #ffb;
}

div.auto_complete ul strong.highlight {
    color: #800; 
    margin:0;
    padding:0;
}

.diff_ul {
    border:1px solid #888;
    margin:0;
    padding:0;
    width:100%;
    list-style-type:none;
}

.diff_li {
    margin:0;
    padding:3px;
    color: #000;
}

.viewTable td{
    align:left;
    font-size:11px;
}

.brcCol1{
    float:left;
    width:50px;
    
    
}

.brcCol2{
    
    float:none; *float:left !important; *float: left;
    
    
}

.brcCol3{
    float:none;
}

#threeColborder{
    background-color:#FFFFFF;
    width:100%
}

#threeColborder div{
    margin-top:10px;
}

#threeColborder .highLight{
    background-color:#FFFFCC;
}

#threeColborder .colLeft{
    margin-left:2px;
    width:30%;
    float:left;
    clear:right;
    
}

#threeColborder .colCenter{
    
    width:30%;
    float:left;
    clear:right;
    border-right: 1px solid #900E35;
    border-left: 1px solid #900E35;
}

#threeColborder .colRight{
    
    width:33%;
    float:left;
    clear:right;
}

#threeColborder .colRight, .colCenter div{
    margin-left: 15px;
}

#manageBookMenu ul{
    list-style:none;
    padding:0;
    margin:0;
}
#manageBookMenu li{
    width:233px;
    border: 1px solid #D3BF9C;
    padding:10px;
    margin-bottom: 8px;
    font-size:18px;
    color:#D2BFBF;
}
#manageBookMenu li.active{
    background-image:url(../images/bookMenuBG_on.jpg);
    background-position:bottom;
    background-repeat:repeat-x;
    color:#AA8484;
    border: 1px solid #AA8484;
}

.colorBox{
    width:9px;
    height:9px;
    border: 1px solid;
    
}

#adhoc_vehicle_detail b{
   
    font-weight:normal;
    
}

div #row1 { 
        float: left; width:120px; 
        margin-top:2px;
    }
div #row2 {  }

.text-table {
	border: #7E0123;
	border-width: thin;
}