@charset "utf-8";
/* CSS Document */
::selection {color:#fff;background:#43afe1;}
::-moz-selection {color:#fff;background:#43afe1;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
	font-size: 12px;
	color: #ccc;
	font-weight: normal;
	margin-left: 10px;
}
::-moz-placeholder { /* Firefox 19+ */
	font-size: 12px;
	color: #ccc;
	font-weight: normal;
	margin-left: 10px;
}
:-ms-input-placeholder { /* IE 10+ */
	font-size: 12px;
	color: #ccc;
	font-weight: normal;
	margin-left: 10px;
}
:-moz-placeholder { /* Firefox 18- */
	font-size: 12px;
	color: #ccc;
	font-weight: normal;
	margin-left: 10px;
}

html{
padding:0px 0px 0px 0px;
width:100%;
height:100%;


}
body{
background-color:#fff;
/*background-image:url(images/bo_play_pattern.png);*/
/*background-image:url(images/Background-HD.jpeg);*/
 background-repeat: no-repeat;
    background-attachment: fixed;
margin:0px 0px 0px 0px;
height:100%;
width:100%;
color: #222;
/*font-family:sans-serif,verdana,helvetica,arial;*/
/*font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
font-family:helvetica,verdana,sans-serif;
/*font-family: Courier New;*/

font-size: 12px;

}

.JTXcheckbox{
	width: 15px !important;
	height: 15px !important;
	margin: 5px;
	outline: 2px solid lightblue;
	box-shadow: none;
	font-size: 2em;

}

.underlineTable{
	width:100%;
	border-collapse: collapse;


}

.underlineTable th{
	padding: 5px;
	padding-left: 2px;
	text-align: left;
	border-bottom: solid 1px #F2F2F2;

}

.underlineTable td{
	padding-left: 2px;
	border-bottom: solid 1px #F2F2F2;

}

/*New Site*/
.GTM_topPageDefault {
	background: #fff;
padding:5px;

	box-shadow: 0 0 5px rgba(0,0,0, 0.5) !important;
	position: fixed;
	top:0px;
	width:100%;
}
.GTM_topPageDefault_shadow100 {
	height:64px;
}
.GTM_topPageDefault_shadow60 {
	height:40px;
}

/*New Site*/
.MainMenuBoxs{


}
.thrdTitle {
	  font-family:verdana;
	  font-size: 25px;
	  color:#404040;
	  text-align:center;

  }
.logoDisplay100 {
	background-image: url(images/jetex_logo_100.png);
	background-repeat: no-repeat;
	background-position: center;
	width:100px;
	height:53px;
	padding:5px;
	padding-left: 30px;

	
}
.logoDisplay60 {
	background-image: url(images/jetex_logo_60.png);
	width:60px;
	height:23px;


}
.MainMenuIcons {
width: 60px;
	height: 20px;
	margin-top:1px;
	margin-left:4px;
	border: none;
	cursor: pointer;
	float: none !important;

}
.MainMenuIcons:hover {

}

#APPMENU {
	display:table-cell;
}

.homeIcon{

	background-image: url(images/topbarIcon/Home.svg);
	background-position: center;
	background-repeat: no-repeat;
}


.TripIcon{
	background-image: url(images/topbarIcon/Trips.svg);
	background-position: center;
	background-repeat: no-repeat;
}



.FuelIcon{
	background-image: url(images/topbarIcon/Fuel.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.statementIcon{
	background-image: url(images/topbarIcon/Paper.svg);
	background-position: center;
	background-repeat: no-repeat;
}
.toolsIcon{
	background-image: url(images/topbarIcon/Vector.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.accountDetails{

	background-image: url(images/topbarIcon/Password.svg);
	background-position: center;
	background-repeat: no-repeat;
	width: 30px !important;
}

.usersIcon{
	background-image: url(images/topbarIcon/Users.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.logoutIcon{
	background-image: url(images/topbarIcon/Logout.svg);
	background-position: center;
	background-repeat: no-repeat;
	width: 30px !important;
	margin-right: 10px;
}

.navigatorIcon{
	background-image: url(images/topbarIcon/Nav.svg);
	background-position: center;
	background-repeat: no-repeat;

}

.changePasswordIcon{
	background-position: -250px 0px;
}


.infoIcon{
	background-image: url(images/topbarIcon/Paper.svg);
	background-position: center;
	background-repeat: no-repeat;
}
.infoOnIcon{
	background-position: -505px 0px;
}

.TimeLineIcon{
	background-position: -555px 0px;
}
.CrewIcon{
	background-image: url(images/topbarIcon/Users.svg);
	background-position: center;
	background-repeat: no-repeat;
}


.MainMenuBoxs div{
	float: left;;
}
.MainMenuBox {

	cursor:pointer;
	text-underline: none;
	color:#444444;
	padding-left:5px;
	padding-right:10px;


}


.MainMenuBoxSub{
	position:absolute !important;
	left:0px;
	top:45px!important;
	padding:12px; ;
	text-align: left;
	width:600px;
	background:#eee;
display:none;
}

.MainMenuBoxSub ul{
	list-style-type:none;
	margin-left:2px;
	padding:0px;


}

.MainMenuBoxSub li{
	 float:left;
	margin-right:10px;


}
.MainMenuBoxSub li:hover{

	text-decoration: underline;

}
.MainMenuBox a{
	text-decoration: none;
	color:#444444;

}
.MainMenuBoxSub a:hover{
	text-decoration: underline!important;
	color:#444444;

}

.MainMenuBox:hover{
	opacity: 0.6;

}



@media only screen and (max-width: 1200px) {


	.MainMenuBox_A{
		display:none;
	}

}

.MainMenuTitle {
	padding-top:5px;
	padding-left:5px;
	font-size: 10px;
	float: none !important;
	text-transform: uppercase;
	color:#999;

}
.Invoice_Title{
	font-family:verdana;
	font-size: 22px;
	color:#000;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	padding-bottom:5px;
}
.InvoiceNoteDiv{
	margin-top:2px;
	background: #FEE9BC;
	padding:5px;
	font-size:10px;	
}

.InvoiceRemarks{
	margin-top:10px;
	font-size:11px;
	font-weight:normal;
	
}
.InvoiceVatTable{
	width:100%;
	border-collapse: collapse;
	
}
.InvoiceBankTable{
	width:100%;
	border-collapse: collapse;
font-size:10px;	
}

.InvoiceBankTable th{	
text-align: left;
color: #010101;

}
.Invoiceheader1{
	font-size:11px;
}

.Invoiceheader2{
	
	font-weight:normal;
	font-size:10px;
}


.invoiceLineDetails{
	
	color:#999;
	font-weight:normal;
	font-size:9px;
	
}


.InvoiceVatTable th{	
padding: 5px;
font-size:11px;
color: #010101;
background: #FEE9BC;	
border-bottom: dotted 1px #000;
}

.InvoiceVatTable td{
text-align: center;
font-size:11px;
}

.InvoiceDetailsTable{
		width:100%;
	border-bottom: solid 1px #222;
}
.InvoiceDetailsTable th{	
padding: 5px;
text-align: left;
color: #010101;
background: #FEE9BC;	
}

.InvoiceDetailsTable td{
padding: 1px 1px 1px 5px;
padding-left:5px;
/*border-bottom: dotted 1px #ddd;*/
color: #010101;
font-size:11px;
}

.InvoiceTotalsTable{
	margin-top:10px;
		width:100%;
	border-collapse: collapse;
}
.InvoiceTotalsTable th{	
text-align: left;
color: #010101;
}

.InvoiceTotalsTable td{
padding: 2px 2px 2px 10px;
padding-left:5px;
/*border-bottom: dotted 1px #ddd;*/
color: #333;
}

.MVTtableView2{
	width: 100%;
	border-collapse: collapse;
border: solid 1px #ccc;
}

.MVTtableView2 th{
padding: 5px;
text-align: left;
color: #fff;
background: #253B6F;
border-bottom: dotte 1px #ccc;

}



.MVTtableView2 tbody tr:nth-child(odd){
	
	background: #1B5497;	

}

.MVTtableView2 tbody tr:nth-child(even){
	
	background: #0C348F;	

}

.MVTtableView2 tbody tr:hover{
	
	background: #253B6F;	

}


.MVTtableView2 tbody td{
	

padding: 8px 2px 8px 10px;
font-family: Courier New;
font-weight:bold;
font-size:15px;
border-bottom: dashed 1px #aaa;
color: #fff;
}


.MVTtableView2 a{
	color: #fff;
	
}
.MVTtableView2 div{
	color: #fff;
	
}
@-moz-document url-prefix(http://),url-prefix(https://) {
scrollbar {
   -moz-appearance: none !important;
   background: rgb(0,255,0) !important;
}
thumb,scrollbarbutton {
   -moz-appearance: none !important;
   background-color: rgb(0,0,255) !important;
}

thumb:hover,scrollbarbutton:hover {
   -moz-appearance: none !important;
   background-color: rgb(255,0,0) !important;
}

scrollbarbutton {
   display: none !important;
}

scrollbar[orient="vertical"] {
  min-width: 15px !important;
}
}
/*CREW SKED*/

.CREWSKED{
	padding:5px !important;
	height: 40px;
	cursor: pointer;
	font-weight: bold;

}
.OFF {
	background: #222 !important;
	color:#fff !important;

}

.PHD {
	background: #FAA200 !important;
	color:#000 !important;

}

.AL {
	background: #fa5c35 !important;
	color:#000 !important;

}

.STBY {
	background: #17a13e !important;
	color:#fff !important;

}
.SICK {
	background: #faf337 !important;
	color:#000 !important;

}

.txtNews{
color:#000;
text-decoration:none;
font-weight:bold;	
}
.txtNews:hover{
color:#000 !important;
text-decoration:underline;
font-weight:bold;	
}
pre{
	margin:0px;
	
}
b{
font-weight:bolder;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px rgba(0,0,0,0.3); 
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 ::-webkit-scrollbar {
    width: 5px;
	height:5px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    
    background: rgba(150,150,150,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(150,150,150,0.1);  
}

.noSelect{

-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
}

.defaulLoginInput{
	font-size: 12px !important;
	margin:0px!important;
	padding:6px!important;
	font-weight: normal;
	background-color: #0C2340  !important;
	color:#666 !important;
	border:solid 1px #113b66 !important;
	-webkit-border-left-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	text-shadow: none !important;

}

.defaulBodyInput{
	font-size: 12px !important;
	padding:6px!important;
	font-weight: normal;
	background-color: #fff !important;
	color:#666 !important;
	border:solid 1px #ccc !important;
	-webkit-border-left-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	text-shadow: none !important;

}
.shortInput{
width: 132px !important;
}
.shortInput2{
width: 112px !important;
}
.shortInput3{
width: 80px !important;
}

.defaulBodyInput:focus{
	background-color: #fff !important;
	color:#444 !important;
	border:solid 1px #ccc!important;
	box-shadow: 0 0 5px rgba(0,0,0, 0.5) !important;

}
.defaulBodybutton{
	background-color: #0C2340 !important;

	color:#FF6900;
	font-size: 12px !important;
	padding:6px!important;
	-webkit-border-left-radius: 2px;
	-moz-border-radius: 2px;
	-o-border-radius: 2px;
	border-radius: 2px;
	border:solid 1px #0C2340;
}

.defaulBodybutton:focus{
	background-color: #FF6900 !important;
	color:#0C2340;
	border:solid 1px #FF6900;
}

.defaulBodybutton:hover{
	background-color: #FF6900 !important;
	color:#0C2340;
	border:solid 1px #FF6900;
}


.QuoteLocation{
	font-size:22px;
	font-weight: normal;
	padding:5px;
	background: #fff!important;

	color:#444 !important;
	border:solid 1px #CCC;
	-webkit-border-left-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	text-shadow: none !important;
	box-shadow: 0 0 2px rgba(0,0,0, 0.2) !important;
}

.QuoteLocation:focus{
	background-color: #fff !important;
	color:#444 !important;
	border:solid 1px #eee;
	box-shadow: 0 0 5px rgba(0,0,0, 0.5) !important;

}

.DASHBOARDINPUT{
	font-weight: normal!important
;font-size:16px!important;
	height:25px!important;
	padding:5px!important;
	background: #fff!important;
	color:#444 !important;
	border:solid 1px #AAA;
	-webkit-border-left-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	text-shadow: none !important;
}

.DASHBOARDBUTTON{
	font-weight: normal!important
;font-size:16px!important;
	height:35px!important;
	padding:5px!important;
	background: #FF6900!important;
	color:#0C2340 !important;
	border:solid 1px #FF6900;
	-webkit-border-left-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	text-shadow: none !important;
}

.DASHBOARDBUTTON:hover{

	color:#FFF !important;

}

.DASHBOARDINPUT:focus{
	background-color: #fff !important;
	color:#444 !important;
	border:solid 1px #eee;
	box-shadow: 0 0 5px rgba(0,0,0, 0.5) !important;

}


#mainBar{
background: #fcfcfc;
height: 60px;
top:0px;
-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
border-bottom:solid  1px #999;

}
#mainBarDiv{
background: #000;
z-index:999999;
top:0px;
position:fixed;
width:100%;

border-bottom:solid 1px #2c2f38;
box-shadow: 0px 0px 3px rgba(50,50,50,1);
-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;


}


#mainBarlogo{
        
		font-weight: bold;
		font-size: 30px;
		padding:0px;
		color:#1b1f27;
		
	
} 
#mainBarlogo2{
		float: left;
        padding:0px;

	
} 
#documentTitle{
		
		float:right;
		font-size:20px;
		margin-left:20px;
		color:#fefefe;
		height:60px;
		padding:0px 10px 0px 10px;
		vertical-align:middle;
		font-weight: normal;
		background: #f1b00b;
		text-shadow: 1px 1px 5px rgba(0,0,0,0.3);
		
}

#documentTitleContent{
	line-height: 60px;

}
#userWelcome{
	float:right;
	display:table;
	font-size: 12px;

background-image: url(images/icons/user_photo.jpg);
background-repeat: no-repeat;
background-position: left center;

	
}

#userWelcomeTXT{
	display:table-cell;
	font-size: 12px;
	color:#ccc;
	text-align:right;
padding:5px;
}

#userWelcomePHOTO{
	cursor:pointer;
overflow:hide;
display:table-cell;	
}

#userWelcome2{
	float:right;
	font-size: 12px;
	padding-top:10px;
	
	padding-left:10px;
	color:#fff;
}


.defaultBody{
	padding:10px;
	margin-bottom:10px;
	max-width:1200px;
	margin-left:auto;
	margin-right:auto;

}
.defaultBodyForm{
	color: #444;

}

.topbar{
	margin-top:10px;
	padding:10px;
	vertical-align:center;
	background: #0C2340;
	text-align:right;
	margin-bottom:0px;
	-webkit-user-select: none; /* Chrome/Safari */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* IE10+ */
	border-bottom:solid 1px #ccc;
/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;

}
.tobarBody{
	width:100%;
	display:inline-block;


}
a{

cursor:pointer;
}

.topbar a{
color:#fff;
margin-right:10px;
text-decoration:none;
	padding:3px;
font-weight:bold;

}
.topbar a:hover{
color:#FF6900;

margin-right:10px;
text-decoration:underline;

}

.topbarTitle{
color:#fff;
float:left;
text-decoration:none;
text-transform: uppercase;
font-weight:bold;

}
.shorttopbar{
padding:3px;
	
	background:#0C82DF;
	text-align:right;
	-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
	
}


.shorttopbar a{
color:#fff;
margin-right:10px;
text-decoration:none;
padding:3px;
font-weight:bold;

}
.shorttopbar a:hover{
color:#eee;
padding:3px;
margin-right:10px;
text-decoration:underline;


}

.tripTopBarItem{
color:#ccc;
margin-right:10px;
text-decoration:none;
padding:3px;
font-weight:bold;

}
.tripTopBarItem:hover{
color:#fff;
padding:3px;
margin-right:10px;
text-decoration:underline;


}
#sideTools{
width:35px;	

	background: #1b1f27;

-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
	
}

#sideTools .icons{
	background-image: url(images/icon_list_W7.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	margin-top:5px;
	margin-left:4px;
	border: solid 1px #0f1219;
	cursor: pointer;
}

.menuDiv .icons{
	background-image: url(images/icon_list_W7.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	margin-top:5px;
	margin-left:4px;
	border: solid 1px #0f1219;
	cursor: pointer;
}

.loading{

	background-image: url(images/gtm_loadingBar_table.gif);
	background-position: center center;
	background-repeat: no-repeat;
height: 10px;
margin: 10px;

}

.MainLoading{
background:#fff;	
background-image: url(images/circleloadinganimation.gif);	
background-position: top center;
background-repeat:no-repeat;   
   opacity:0.85;
   position:absolute;
   width:100%;
   height:100%;
   z-index:9999999999;
   
	

}


#vegaMenuDisplayTD{
height:35px;	

	background:linear-gradient(#333 0%, #1b1f27 100%);

-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
}
#vegaMenuDisplay{


}

#vegaMenuDisplayTD .icons{
	background-image: url(images/icon_list_W7.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	margin-top:5px;
	margin-left:4px;
	float:left;
	border: solid 1px #0f1219;
	cursor: pointer;
}
#vegaMenuDisplayTD.icons:hover{
background-image: url(images/icon_list.png);
box-shadow: 0px 0px 3px rgba(109,175,185,1);
}


#sideTools .icons:hover{
background-image: url(images/icon_list.png);
box-shadow: 0px 0px 3px rgba(109,175,185,1);
}


.NotecounterDiv{
	position: relative;
	
	
}
.NotecounterDivCount{
	position: absolute;
	top:14px;
	left:15px;
		font-size:11px;
-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
padding: 3px;

	
}
.NotificationlistBody{
position:absolute;
top:50px;
right:10px;
padding:0px;
background:#fff;
border:solid 1px #999;
z-index:1000;
width:400px;
padding:0px;
display:none;
box-shadow: 0px 0px 2px rgba(0,0,0,0.5);
max-height:600px;
overflow:scroll;

}

.cyrcle{
-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;

height: 15px;
width: 15px;    
}


.HND{
-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;	
font-weight: bold;
background:#581F84;
color:#fff;
padding:2px 2px 5px 5px;
width:28px;
}

.PMT{
-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;	
font-weight: bold;
background:#2C8F90;
color:#fff;
padding:2px 2px 5px 5px;
width:28px;
}

.FPN{
-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;	
font-weight: bold;
background:#345440;
color:#fff;
padding:2px 2px 5px 5px;
width:28px;
}

.TRV{
-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;	
font-weight: bold;
background:#013ADF;
color:#fff;
padding:2px 2px 5px 5px;
width:28px;
}

.FEL{
-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;	
font-weight: bold;
background:#A9750D;
color:#fff;
padding:2px 2px 5px 5px;
width:28px;
}

.OPS{
-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;	
font-weight: bold;
background:#ffa200;
color:#222;
padding:2px 2px 5px 5px;
width:28px;
}

.dashBoradNoteBox{
padding:1px;
border-bottom:dotted 1px #666;

}
.greenNote{
	background: #5fbf5f !important;
	color: #fff !important;
	text-decoration:none;
}
.MVNote{
	background: #5F04B4!important;
	color: #fff;
	
}
.DblueNote{
	background:#000088;
	color: #fff;	
	
}
.blueNote{
	background: #43afe1!important;
	color: #fff !important;	
	
}

.orangeNote{
	background: #f1b00b!important;
	color: #222 !important;
	text-decoration:none;
}

.yellowNote{
	background: #f4ea12!important;
	color: #222!important;;
	
}
.grayNote{
	background: #aaa!important;
	color: #222;	
	
}
.redNote{
	background: #bb0000!important;
	color: #fff !important;
	
}
#sideDiv{

background: #2c323f;
	-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
z-index:99999999
	
}

#subMenu{
	width:250px;
	background: #2c323f;
	position:absolute;
	right:0px;
	top:25px;
	
}

#MainMailDisplay{
	
	background: #fff;
	border-right:solid 1px #2c323f;
	height:100%;
 
	
}

#MainMailDisplayList{
	height:100%;
	overflow:scroll;
	position:relative;
	
	-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
}




#displayEmailBody{
	width:700px;
	position:relative;
	border-right:solid 1px #bbb;
}



.LoadMoreEmail{
background:#ccc;
text-align:center;
padding:5px;
color:#111;
}

.LoadMoreEmail:hover{
background:#ffa200;
color:#111;
}
.LoadMoreEmail a{
	text-decoration:none;
	font-weight:bold;
	color:#000;
	
}

.LoadMoreEmail a:hover{
	text-decoration:underline;
	
}
#sideMailDiv{
background: #2c323f;
z-index:999;
padding:10px;

height:100%;
display:none;
position:fixed;


}

#sideMailDiv_displayMail{
background: #2c323f;
z-index:999;
left:0px;
top:0px;
display:none;
position:absolute;


}




#sideMailDiv_displayMail ul{
	padding: 0px;
	margin: 5px;
	list-style-type:none;
	margin-bottom:0px;
	margin-top: 5px;	

	
}

#sideMailDiv_displayMail ol{

	margin: 2px;
	list-style-type:none;
	padding: 0px;

}
#sideMailDiv_displayMail ol li{
margin-left: 0px;
padding: 5px;
color: #ccc;
font-size:11px;
border-bottom:dotted 1px #444;
cursor:pointer;
}

#sideMailDiv_displayMail ol li:hover{
box-shadow: 0px 0px 3px rgba(109,175,185,1);
	color: #fff;
	background:#1b1f27;
}

.sideMailDivselected{
box-shadow: 0px 0px 3px rgba(109,175,185,1);
	color: #fff;
	background:#1b1f27;
}


#sideMailDiv a{

	text-decoration: none;
	
}
#sideMailDiv li{
	color:#1b1f27;
	text-decoration: none;
	margin: 0px;
	
}




#emailBodyMainTools{
padding:2px;
bottom:0px;
position:absolute;
background: #2c323f;
opacity:0.2;
}
#emailBodyMainTools:hover{

opacity:1;
}
#MailSELECT{
background-color:#1b1f27;
padding:0px;width:50px;color:#fff;

font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #fff;
border-style:none;
width:40px;
text-shadow: 0 0px 0px rgba(0,0,0,0);
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#MailSELECT:focus{
background-color:#1b1f27;
box-shadow: 0 0px 0px rgba(0,0,0,0);
color: #ffa200;
}


#MailDISPLAYSTYLE{
background-color:#1b1f27;
padding:0px;width:50px;color:#fff;

font-family: Helvetica, Arial, sans-serif;
font-weight: normal;
color: #fff;
border-style:none;
width:60px;
text-shadow: 0 0px 0px rgba(0,0,0,0);
-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
#MailDISPLAYSTYLE:focus{
background-color:#1b1f27;
box-shadow: 0 0px 0px rgba(0,0,0,0);
color: #ffa200;
}



.mailBoxTitle{
background:#1b1f27;


padding:0px;
color:#fefefe;
cursor:pointer;
top:0p;
padding-top:3px;

right:0px;

}





#sideMailDiv ul{
	padding: 0px;
	margin: 5px;
	list-style-type:none;
	margin-bottom:0px;
	margin-top: 5px;	

	
}
.sideMailDivTitle{
border-bottom:dotted 1px #666;	
	
}
#sideMailDiv ol{

	margin: 2px;
	margin-left:10px;
	list-style-type:square;
	padding: 0px;

}
#sideMailDiv ol li{
margin-left:5px;
padding: 5px;
color: #ccc;
font-size:11px;
border-bottom:dotted 1px #444;
cursor:pointer;
}

#sideMailDiv ol li:hover{
box-shadow: 0px 0px 3px rgba(109,175,185,1);
	color: #fff;
	background:#1b1f27;
}

.sideMailDivselected{
box-shadow: 0px 0px 3px rgba(109,175,185,1);
	color: #fff;
	background:#1b1f27;
}


#sideMailDiv a{

	text-decoration: none;
	
}
#sideMailDiv li{
	color:#1b1f27;
	text-decoration: none;
	margin: 0px;
	
}

#bodyDiv{
	padding-left:35px;
	height:100%;



}

#bodyContianer{
overflow:scroll;
width:100%;
height:100%;
border:none;
}


#MailContianer{
overflow:scroll;
width:100%;
height:99%;
border:none;
}
#TripContianer{
overflow:scroll;
width:100%;
height:99%;
border:none;
}


.bodyicons{
float: left;
	background-image: url(images/icon_list_W7.png);
	background-repeat: no-repeat;
	width: 25px;
	height: 25px;
	margin-top:0px;
	margin-right:2px;
	border: none;
	cursor: pointer;
}

.bodyicons:hover{
	background-image: url(images/icon_list_W7_hover.png);
	background-repeat: no-repeat;
}





.bodyleftSideDiv{
	height:inherit;
	padding: 0px;
	
	margin-bottom:80px;
	overflow:scroll;
	
	float: left;
	width: 350px;
}
.multiselectDiv{
    
    background: #efefef;
    padding:0px;
border:solid 1px #ccc;

    		-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
    
}
.multiselectDivTitle{
    font-size: 20px;
    font-weight: normal;
    color: #a73c11;
    
    
}
.multiselectDivBody{
    
    
    
    
}
.multiselectDivBodyitemClose{
    background-image: url('images/item_close.png');

    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
    top:2px;
    right: 0px;
    cursor: pointer;
    
}

.multiselectDivBodyitemClose:hover{
opacity: 0.3;
    
}


/*TIMELINE*?


 */



#TimeLine{

	background:#fff;
	display:table;

}
.TimeLineRow{
	width:5140px;
	background:#fff;
	height:55px;
	display:table-row;

}

.TimeLineRow:hover{

	background:#EEFFEE;
	display:table-row;

}

.TimeLineCell_1{
	width:96px;
	padding-left:2px;
	padding-right:2px;
	background:#0C2340;
	color:#fff;
	text-align:center;
	display:table-cell;

	border-bottom:dotted 1px #fff;
}
.TimeLineCell_1 a{
	text-decoration:none !important;

}

.TimeLineCell_2{


	display:table-cell;
	border-bottom:dotted 1px #ccc;
	position: relative;
	overflow:hidden;
}

.TimeLineCell_Day{
	width:720px;

	display:table-cell;
	text-align:center;
	padding-top:5px;

}

.TimeLineCell_Day[index="1"]{

	background:#ffAAAA;

}

.TimeLineCell_Day[index="0"]{

	background:#ff8888;

}


.TimeLineCell_Time{
	width:30px;

	display:table-cell;
	text-align:center;
	font-size:12px;
	padding-top:5px;
}

.TimeLinedataline{
	padding-top:5px;
	padding-bottom:5px;


}
.TimeLineCell_Time:nth-of-type(odd){

	background:#88ff88;

}

.TimeLineCell_Time:nth-of-type(even){

	background:#AAffAA;

}


.TimeLinemouseDisplay{
	width:2px;
	height:40px;
	top:0px;
	position:absolute;
	background:#ff0000;
	z-index:999;
}
.timeLineItem{
	cursor:pointer;
	position:absolute;
	height:51px;

}
.timeLineItemLine{
	cursor:pointer;
	position:absolute;
	height:2px;
	top:24px;
	background: lightblue;


}

.timeLineItemIcon{

	font-weight: bold;
	top:2px;
	height: 8px;
	width: 8px;
	position:absolute;
	left:-3px;
	text-align:center;
	border: solid 1px #fff;
	-webkit-border-left-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;

}


.imoprtanttimeLineItemIcon{

	font-weight: bold;
	bottom:2px;
	font-size:9px;
	height: 8px;
	padding:2px;
	position:absolute;
	left:0px;
	text-align:center;
	color:#fd6921;
	background: #101010;
	text-shadow: none !important;

}

.timeLineItemtopLeftIcon{

	font-weight: bold;
	top:0px;
	border-right: solid 1px #fff;
	border-bottom: solid 1px #fff;
	height:10px;
	width: 50%;

	position:absolute;
	left:0px;


}
.timeLineItemtoprightIcon{

	font-weight: bold;
	top:0px;
	border-left: solid 1px #fff;
	border-bottom: solid 1px #fff;

	height:10px;
	width: 50%;

	position:absolute;
	right:0px;


}
.timeLineItemStartIcon{

	font-weight: bold;
	bottom:0px;
	border-right: solid 1px #fff;
	height:11px;
	width: 50%;

	position:absolute;
	left:0px;


}

.timeLineItemEndIcon{


	font-weight: bold;
	bottom:0px;
	border-left: solid 1px #fff;
	height:11px;
	width: 50%;

	position:absolute;
	right:0px;



}
.CHECKRECORDSTART {
	position:absolute;
	padding:1px;
	top:14px;
	font-size: 9px;
	left:-15px;
	color:#fff;
	background: #7206ff;
	-webkit-border-left-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	z-index: 10000;
}
.CHECKRECORDEND {
	position:absolute;
	padding:1px;
	top:26px;
	font-size: 9px;
	right:-15px;
	color:#fff;
	z-index: 10000;
	background: #7206ff;
	-webkit-border-left-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;

}

.CHECKRECORDCENTER {
	padding-left:30px;
	padding-top:0px;
	font-size: 9px;
	right:-15px;
	color:#7206ff;
	z-index: 10000;
	text-align: center;

}


.multiselectDivBodyitem{
    background: linear-gradient(#aaa 0%, #999 100%);
    padding: 5px;
    margin-top: 1px;
    -webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
    color: #fff;
    float: left;
margin-right: 2px;
position: relative;
padding-right: 20px;

}
.multiselectDivBodyitem:hover{

    background:linear-gradient(#75b2d5 0%, #296c9f 100%);
    }


	
	.itemClose{
    background-image: url('images/icons/delete_16.png');

    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    cursor: pointer;
    
}


.composeGeneralEmailBody{
/*position:fixed;
width:700px;
background:#fff;
right:0px;
top:0px;

bottom:0px;
border:solid 1px #666;
box-shadow: 0px 2px 5px rgba(100,100,100,1);
*/
}
.compose_mailhideoldBody{
background:#ccc;
background-image:url(images/3Dotes.png);
background-repeat:no-repeat;
background-position:left center;
color:#000;
cursor:pointer;
font-weight:bold;
height:15px;
}

.compose_mailhideoldBody:hover{
opacity:0.5;
color:#000;
cursor:pointer;

}
.JXmailContentBox{
border-bottom:solid 1px #ccc;
padding:3px;
background:#fff;


}

.JXmailContentBoxBody{
border-bottom:solid 1px #ccc;
padding:10px;
background:#fff;

}

.JXemaiaddressBox{
padding:3px 25px 3px 3px;
margin-right:2px;
float:left;
background:#eee;
border:solid 1px #999;
font-size:12px;
font-weight:normal;
color:#111;
    -webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
position:relative;
}
.JXemaiaddressBoxClose{
font-size:12px;
font-weight:bold;
position:absolute;
padding:3px;
color:#999;
right:0px;
top:0px;
cursor:pointer;
font-family:tahoma;
}

.JXemaiaddressBoxClose:hover{
color:#111;
}



.MailRecord{
	width: 100%;
	border-collapse: collapse;

}

.MailRecord .Mail_title{
padding: 1px;
text-align: left;
font-size:12px;
color: #222;
font-weight:bold;
width:150px;
padding-left:2px;
text-overflow: ellipsis;


}
.MailRecord .Mail_title2{
padding: 1px;
text-align: left;
font-size:12px;
color: #222;
font-weight:bold;
text-overflow: ellipsis;


}
.MailRecord .Mail_FromAccount{
padding: 1px;
text-align: left;
font-size:11px;
color: #222;
width:80px;
text-overflow: ellipsis;


}

.MailRecord .Mail_FromAccount2{
padding: 1px;
text-align: left;
font-size:11px;
color: #222;

text-overflow: ellipsis;


}

.MailRecord .Mail_subject{
padding: 1px;
text-align: left;
font-size:12px;
color: #222;

text-overflow: ellipsis;
	overflow-wrap: break-word;
  word-wrap: break-word;

  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;

  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
	
	

}
.MailRecord .Mail_timing{
padding: 1px;
text-align: left;
font-size:12px;
color: #222;
width:30px;



}


.Mail_INBOX{
	width:16px;
	height:16px;
	background-image:url(images/inBox.png);
	background-repeat:none;
	
	
}
.Mail_OUTBOX{
	width:16px;
	height:16px;
	background-image:url(images/outBox.png);
	background-repeat:none;
	
	
}

.Mail_GOUTBOX{
	width:16px;
	height:16px;
	background-image:url(images/GoutBox.png);
	background-repeat:none;
	
	
}
.MailRecord tbody td{
text-align: left;
font-size:12px;
padding: 1px 1px 1px 1px;

color: #333;
}


.emailTitle{

color:#3388CC;
font-weight:bold;
font-size:14px;
background:#fff;
}
.emailTitletable{
border-bottom:solid 1px #ccc;

}
.txtbuttonSet{
border-right:solid 1px #ccc;
height:25px;
}

.txtbuttonSet .button{
background:linear-gradient(#eee 0%, #ccc 100%);
padding:4px;
font-size:12px;

float:right;
border:solid 1px #ccc;
border-right:none;
color:#111;
cursor:pointer;
position:relative;
}
.button:hover{
background:#ccc;

}
.inputDiv{
padding:5px;
color:#3286A6;

}
.inputTXTDiv{
padding:5px;
color:#000;
font-weight:normal;

}

.buttonDiv{
	text-align:center;
margin-right:5px;
padding:6px ;
color:#fff;
background:#ff6900;
font-size:12px;
float:left;
		-webkit-border-left-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
border-radius: 1px;
cursor:pointer;
	font-weight: bold;
}
.buttonDiv:hover{
background:#F7941D;

}


.smallbuttonDiv{
margin-right:5px;
padding:2px 5px 2px 5px ;
color:#fff;
font-size:12px;
float:left;
		-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
cursor:pointer;
}
.smallbuttonDiv:hover,.smallbuttonDiv:focus{
	opacity:0.5;
	

}
.buttonRd{
	
background:linear-gradient(#cc0000 0%, #880000 100%);
}

.buttonGREEN{
	
background:#008800;
	color:#fff !important;
}

.buttonORG{
background:#FF6900;
color:#0C2340;
}
.buttonRdDiv{
	text-align:center;
margin-right:5px;
padding:5px 10px 5px 10px ;
color:#fff;
background:linear-gradient(#cc0000 0%, #880000 100%);
font-size:12px;
float:left;
		-webkit-border-left-radius: 2px;
-moz-border-radius: 2px;
-o-border-radius: 2px;
border-radius: 2px;
cursor:pointer;
}
.buttonRdDiv:hover{
background:linear-gradient(#E99631 0%, #D5681B 100%);

}

.txtbuttonSetMenu{
position:absolute;
right:0px;
display:none;
top:24px;
background:#fefefe;
border:solid 1px #999;
width:150px;
z-index:100;
}



.txtbuttonSetMenu ul{
	padding: 0px;
	
	list-style-type:none;
	margin-bottom:0px;
	margin-top: 0px;	

	
}

.txtbuttonSetMenu li{

padding: 5px;
color: #444;
border-bottom:dotted 1px #ccc;
}

.txtbuttonSetMenu li:hover{


color: #222;
background:#efefef;
}



.bodyrightSideDiv{
	height:inherit;
	
	padding: 0px;
	overflow:none;
	float: right;
	width: 350px;
}

	
#mailBodyDisplay3TR{
	
	display:none;
}
#mailBodyDisplay3{
	height:400px;
	bottom:0px;

	padding: 0px;
	overflow:none;
	
}

.dashboardinfoBox{

	background: #fefefe;
	background-image: url(images/dashboardBox4.jpg);
	background-repeat: repeat-x;
	
	box-shadow: 0px 2px 5px rgba(100,100,100,1);
	-webkit-border-left-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	overflow:none;
	padding: 10px;
	margin:10px;
	
}
.dashboardinfoBox h1{
	font-size: 80px;
	color: #fff;
	text-shadow: 1px 1px 5px rgba(0,0,0,0.3);

	
}
.dashboardinfoBox h3{
	color: #fff;
	

	
}
.dashboardinfoBox .dashboardBodyDiv{
	
	padding: 5px;
	
}
.dashboardinfoBox .titleDiv{

font-weight: bold;
padding: 5px;	
color: #aaa;		
background: #a8b0b8;
background-image: url(images/titleBackGround.jpg);
background-repeat: repeat-x;
margin-bottom: 2px;
font-size: 16px;
font-weight: normal;

text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
}

.dashboardblueBox{
	background: #708eb8;
	background-image: url(images/dashboard_box_1.jpg);
	background-repeat: repeat-x;


	
	
}

.dashboardOrangeBox{
	background: #eeb53c;
	background-image: url(images/dashboardBox2.jpg);
	background-repeat: repeat-x;
	
	
}

.dashboardGreenBox{
	background: #beee3c;
	background-image: url(images/dashboardBox3.jpg);
	background-repeat: repeat-x;
	
	
}





.bodyrightSideDiv iframe{
	height:inherit;
	width: 100%;
	border: none;
	padding: 0px;
overflow:none;
	
	
}
.body_Side{
	height:100%;
overflow:scroll;
margin-left:40px;

}

.bodyDiv{
	height:inherit;
overflow:scroll;


}




#leftSideDiv{

right:0px;
height:100%;
	background: #efefef;
	border-left: solid 1px #666;
	
	z-index:10;
	
}

#rightSideDiv{

right:0px;
height:100%;
	background: #efefef;
	border-left: solid 1px #666;
min-height:600px;	
	z-index:10;
	
}

#diplayMainMenSideIcon{
	position:fixed;
	right:0px;
	bottom:0px;
	width:80px;
	padding:5px;
	height:25px;
	z-index:9999999999999;
	background: #101010;
}
#diplayMainMenSideDiv{
	position:fixed;
	right:0px;
	width:300px;
	height:100%;
	background: #101010;
	border-left: solid 1px #666;
	
	z-index:9999999999999;
	
}

.mainbarIconsSet{

-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;

	float:right;
	margin: 10px 20px 10px 0px;
	height: 25px;	
	
	
}


.mainbarIconsSet .icons{
	background-image: url(images/icon_list_W7.png);
	background-repeat: no-repeat;

	float:left;
	width: 25px;
	height: 25px;
	margin-right:10px;
	border: solid 1px #eee;
	cursor: pointer;
}

.mainbarIconsSet .icons:Hover{

box-shadow: 0px 0px 3px rgba(109,175,185,1)

}

.mainbarIconsSet2{

-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;

	float:right;
	margin: 3px 5px 0px 0px;
	height: 25px;	
	
	
}


.mainbarIconsSet2 .icons{
	background-image: url(images/icon_list_W7.png);
	background-repeat: no-repeat;

	float:left;
	width: 25px;
	height: 25px;
	margin-right:5px;
	
	cursor: pointer;
}

.mainbarIconsSet2 .icons:Hover{

box-shadow: 0px 0px 3px rgba(109,175,185,1)

}
.sideBox{
-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: #efefef;	
border: solid 1px #000;

margin:2px;		
}

.sideBox .titleDiv{
font-weight: bold;
padding: 5px;	
background:rgba(0,0,0,0.2);
}

.sideBox .boxBodyDiv{

padding: 10px;	
color:#111;

	
}


fieldset{

-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
border: dashed 1px #aaa;
margin:5px;	
margin-top: 15px;
padding:5px;	
}

legend{
	color: #5fbf5f;
	font-size: 14px;
	font-weight: normal;

	margin: 0px 0px 0px 0px
	
}

.sideBodyBox{

-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: #efefef;	
margin:2px;	
	
}


.BodyBox{

-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;

background: #efefef;	
border: solid 1px #ccc;
/*box-shadow: 1px 1px 2px #aaa;*/
margin:2px;	
	
}
.BodyBox2{


background: #efefef;	
/*box-shadow: 1px 1px 2px #aaa;*/
margin:0px;	
	
}

.bodyNote{
position:fixed;
width:600px;
left:auto;
right:auto;
z-index:1000;
top:0px;
width:100%;

}


.BodyBox .titleDiv{

font-weight: bold;
padding: 10px;	
background:#2a4f64;

color: #fff;		
}

.boxBodyDiv{

padding: 10px;	
color:#111;

	
}

.shortboxBodyDiv{

padding:3px;	
color:#111;

	
}


.clearBox{
	background: #fff;
	
	
}

.deactiveBox{
	background: #eee;
	
	
}
.deactiveBox:focus{
	background: #ddd;
	
	
}


.autohighlight{
cursor: pointer !important;

	
}

.autohighlight:hover{
	
	background: #f8e5af !important;;
	
}
.autohighlight:focus{
	
	background: #f8e5af;
	
}
.informativeTooltip{
text-decoration:underline;
cursor:pointer;
}
.informativeTooltip:hover{
color:#880000;
text-decoration:underline;
}

.NONCHARGE{
	color:#fff;
	padding:2px;
	text-align:center;
	background: #FF66FF;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:12px;
	cursor:pointer;
	width:50px;
	margin-left:5px;

}

.URGENTDIV{
	color:#fff;
	padding:2px;
	text-align:center;
	background: #ff0000;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:12px;
	cursor:pointer;
	width:50px;
	margin-left:5px;

}


.COMPLETED{
	color:#fff;
	padding:2px;
	text-align:center;
	background: #008800;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:12px;
	cursor:pointer;
	width:50px;
	margin-left:5px;
}

.BLOCK{
	color:#fff;
	padding:2px;
	text-align:center;
	background: #ffa200;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:12px;
	cursor:pointer;
	width:50px;
	margin-left:5px;
}


.SINVOICED{
	color:#fff;
	padding:2px;
	text-align:center;
	background:#5F04B4;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:12px;
	cursor:pointer;
	width:50px;
	margin-left:5px;
}

.INVOICED{
	color:#fff;
	padding:2px;
	text-align:center;
	background: #000088;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:12px;
	cursor:pointer;
	width:50px;
	margin-left:5px;
}

.CANCELLED{
	color:#fff;
	padding:2px;
	text-align:center;
	background: #880000;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:12px;
	cursor:pointer;
	width:50px;
	margin-left:5px;
}




.revisionsClass{
	color:#fff;
	padding:2px;
	text-align:center;
	background: #bb0000;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
font-size:11px;
	cursor:pointer;
	width:40px;
	
}
.revisionsClass:hover{
background:#ffa200;
}
.revisionDiv{
background-image:url(images/back_rev.png);
background-repeat:no-repeat;
background-position:top left;

}
.amdClassSmall{
	color:#fff;
	padding:1px;

	text-align:center;
	background: #43afe1;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
	font-size:11px;
	cursor:pointer;
	width:30px;
}
.amdClass{
	color:#fff;
	padding:2px;

	text-align:center;
	background: #43afe1;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
	font-size:12px;
	cursor:pointer;
	width:40px;
}
.amdClass:hover{
background:#ffa200;
}

.cnlClass{
	color:#880000;
	padding:2px;

	text-align:center;
	background: #ccc;
	-webkit-border-left-radius: 10px;
-moz-border-radius: 10px;
-o-border-radius: 10px;
border-radius: 10px;	
font-weight: bold;
	font-size:12px;
	cursor:pointer;
	width:40px;
}
.cnlClass:hover{
background:#aaa;
}
.highlightd{
	
	
	background: #f5dea1;
}
.bluehighlightd{
	cursor: pointer;
	background:#C3E0F7;
}

.Skybluehighlightd{
	cursor: pointer;
	color:#fff !important;
	background:#00d2ff;
}

.needAction{
	cursor: pointer;
	background:#F8F077;
	
	
}

.redhighlightd{
	cursor: pointer;
	background:#FFCCB1;
}
.bluehighlightd:focus{
	cursor: pointer;
	background:linear-gradient(#b4e3fc 0%, #b4e3fc 100%);
}

.lightbluehighlightd{
	
	background:#d4f2fc;
}
.lightgreenhighlightd{
	
	background:#d5fdf2;
}


.greenhighlightd{
	
	background:linear-gradient(#d5fdf2 0%, #60d28f 100%);
}

.yellowhighlightd{
	
	background:#F7CE75;
	
	
}


.clearhighlightd{
	
	background: #fff;
}


.lighthighlightd{
	
	background: rgba(251,245,229,0.50);
}


.alerthighlighted{
	
	background: #ffb7aa;
}
.adminNote{
	background: #ffcc00;
	text-align:center;
	
	font-weight:normal;
}

.adminNote a{
	color:#000088;
	

}
.grayhighlightd{
	background: #efefef;

}

.bodyiconsBlackBar{
	
	
}


.notifierNote  h2{
color:#880000;
font-size:14px;
font-weight:bold;
text-align:center;
padding:1px;
margin:0px;
}

.titleBody{
	color:#fff;	
	background-image: url(images/dashboard_box_1.jpg);
	background-repeat: repeat-x;

}


.clearOrange{
	
	background: #fce66b;
}



.invoicetableView{
	
	width: 100%;
		width: 100%;
	border-collapse: collapse;
border: dotted 1px #ccc;
font-size:12px;
	
}




.invoicetableView thead tr{
	
	background: #fff;	

}

.invoicetableView  th{
padding: 5px;
background:#0C2340;
text-align: left;
color: #fff;
border: dotted 1px #ccc;

}

.invoicetableView  tr:nth-child(odd){
	
	background: #fff;	

}

.invoicetableView  tr:nth-child(even){
	
	background: #efefef;	

}

.invoicetableView tr:hover{
	
	background: rgba(103,170,206,0.2);	

}

.invoicetableView  td{
	

padding: 3px;
border: dotted 1px #ccc;
color: #333;
}


.EditinvoicetableView{
	
	width: 100%;
		width: 100%;
	border-collapse: collapse;
border: dotted 1px #ccc;
font-size:12px;
	
}




.EditinvoicetableView thead tr{
	
	background: #fff;	

}

.EditinvoicetableView  th{
padding: 5px;
background:linear-gradient(#2E9AFE 0%, #0174DF 100%);
text-align: left;
color: #fff;
border: dotted 1px #ccc;

}

.EditinvoicetableView  tr:nth-child(odd){
	
	background: #fff;	

}

.EditinvoicetableView  tr:nth-child(even){
	
	background: #efefef;	

}



.EditinvoicetableView  td{
	
cursor:pointer;
padding: 3px;
border: dotted 1px #ccc;
color: #333;
}






.servicetableView{
	width: 100%;
	border-collapse: collapse;

}

.servicetableView th{
	padding: 5px;
	text-align: left;
	color: #666;
	background: #efefef;
	border-bottom: dotted 1px #ccc;

}

.servicetableView tbody tr{

	background: #fff;

}

.servicetableView tbody tr:hover{

	background: #fff;

}


.servicetableView tbody td{


	padding: 2px 2px 2px 10px;

	border-bottom: dotted 1px #ccc;
	color: #333;
}


.DB_opentableViewDiv {
	border: solid 1px #ccc;
	border-radius: 4px;
	background: #efefef;
}
.DB_opentableView{
	width: 100%;
	border-collapse: collapse;


}

.DB_opentableView th{
	padding: 10px;
	text-align: center;
	color: #666;
	background: #efefef;
	border-bottom: solid 1px #ccc;

}

.DB_opentableView tbody tr{

	background: #efefef;

}

.DB_opentableView tbody tr:hover{

	background: #ff6900;

}


.DB_opentableView tbody td{


	padding: 5px;

	border: dotted 1px #ccc;
	color: #333;
}


.opentableView{
	width: 100%;
	border-collapse: collapse;
border: dotted 1px #ccc;
}

.opentableView th{
padding: 5px;
text-align: left;
color: #666;
background: #fff;
border-bottom: dotted 1px #ccc;

}

.opentableView tbody tr{
	
	background: #fff;	

}

.opentableView tbody tr:hover{
	
	background: #fff;	

}


.opentableView tbody td{
	

padding: 2px 2px 2px 10px;

border-bottom: dotted 1px #ccc;
color: #333;
}



.infotableView{
	width: 100%;
	border-collapse: collapse;
border: dotted 1px #ccc;
font-style: italic;
font-weight:normal;
}

.infotableView th{
font-size:11px;
padding: 2px;
text-align: left;
color: #666;
background: #efefef;
border-bottom: dotted 1px #ccc;

}

.infotableView tbody tr{
	
	

}

.infotableView tbody tr:hover{
	
	

}


.infotableView tbody td{
	font-size:11px;

padding: 1px 1px 1px 5px;

border-bottom: dotted 1px #ccc;

}

.activeTD{
    background: #d5d1d1;
    
    
}



.MVTtableView{
	width: 100%;
	border-collapse: collapse;
border: solid 1px #ccc;
}

.MVTtableView th{
padding: 5px;
text-align: left;
color: #666;
background: #efefef;
border-bottom: solid 1px #ccc;

}

.MVTtableView tbody tr{
	
	background: #fff;	

}

.MVTtableView tbody tr:hover{
	
	background: #fff2e0;	

}


.MVTtableView tbody td{
	

padding: 8px 2px 8px 10px;

border-bottom: solid 1px #ccc;
color: #333;
}



.opentableView2{
	width: 100%;
	border-collapse: collapse;
border: solid 1px #ccc;
}

.opentableView2 th{
padding: 3px;
text-align: left;
color: #666;
background: #efefef;
border-bottom: solid 1px #ccc;

}

.opentableView2 tbody tr{
	
	background: #fff;	

}

.opentableView2 tbody tr:hover{
	
	background: #fff2e0;	

}


.opentableView2 tbody td{
	

padding: 5px 2px 5px 5px;

border-bottom: solid 1px #ccc;
color: #333;
}





.opentableView3{
	width: 100%;
	border-collapse: collapse;
border: solid 1px #ccc;
}

.opentableView3 th{
padding: 5px;
text-align: left;
color: #666;

border-bottom: solid 1px #ccc;

}

.opentableView3 tbody tr{
	


}


.opentableView3 tbody td{
	

padding: 2px 2px 2px 10px;

border-bottom: solid 1px #ccc;
color: #333;
}
.opentableView4{
	border-collapse: collapse;

}

.opentableView4 th{
padding: 5px;
text-align: left;
color: #666;

border-bottom: solid 1px #ccc;

}

.opentableView4 tbody tr{
	


}


.opentableView4 tbody td{
	

padding: 2px 2px 2px 10px;

border-bottom: solid 1px #ccc;
color: #333;
}

.closedtableView{
    border-collapse: collapse;
    width: 100%;
}

.closedtableView thead tr{
	
	background: #fff;	

}

.closedtableView thead th{
padding: 15px;
padding-left: 5px;
text-align: left;
color: #666;
border-bottom: solid 2px #ccc;

}

.closedtableView tbody tr:nth-child(odd){
	
	background: #fff;	

}

.closedtableView tbody tr:nth-child(even){
	
	background: #efefef;	

}
.closedtableView tbody tr:hover{
    	background: #fff;	
    
}



.tableView{
	
	width: 100%;
	border-collapse: collapse;
	
}




.tableView thead tr{
	
	background: #fff;	

}

.tableView thead th{
padding: 15px;
padding-left: 5px;
text-align: left;
color: #666;
border-bottom: solid 2px #ccc;

}

.tableView tbody tr:nth-child(odd){
	
	background: #fff;	

}

.tableView tbody tr:nth-child(even){
	
	background: #efefef;	

}

.tableView tbody tr:hover{
	
	/*background: rgba(103,170,206,0.2);	*/
	background: #fff2e0;	
}

.tableView tbody td{
	

padding: 10px;
border-bottom: solid 1px #ccc;
color: #333;
}





.showSide{
	
	background-position: 0px -292px;
}

.aircraftIcon{
	
	background-position: -45px -315px;
}
.LandingIcon{
	
	background-position: -135px -336px;
}


.TakeOffIcon{
	
	background-position: -157px -336px;
}

.mailIcons{

	background-position: -405px -202px;
}

.BlackmailIcons{

	background-position: -382px -202px;
}

.maillistIcons{

	background-position: -427px -202px;
}


.logoutIcons{

	background-position: -360px -247px;
}


.shortCutIcons{

	background-position: -247px -269px;
}

.settingsIcons{

	background-position: -110px -202px;
}
.closeIcon{

	background-position: -21px -202px;
}


.replyIcon{

	background-position: -337px -270px;
}

.MoreIcon{

	background-position: -45px -45px;
}


.notifierIcons{

	background-position: -247px -246px;
}



.calenderIcon{

	background-position: -202px -112px;
}
.nonotifierIcons{

	background-position: -269px -246px;
}


.historyIcons{

	background-position: -359px -112px;
}

.YesIcon{

	background-position: -0px -200px;
}
.LocalTimeIcon{

	background-image: url(images/topbarIcon/Time.svg);
	background-position: center;
	background-repeat: no-repeat;
}


.NotACtiveCheckListIcon{

	background-position: -0px -200px;
}

.CheckListIcon{

	background-position: -0px -200px;
}


.invoiceOutIcon{

	background-position: -22px -112px;
}

.invoiceINIcon{

	background-position: -45px -112px;
}



.refreshIcon{

	background-position: -20px -23px;
}
.extendIcon{

	background-position: 0px -43px;
}

.sendEmailIcons{

	background-position: 0px -224px;
}

.aciveSendEmailIcons{

	background-position: -22px -224px;
}

.aciveCCardIcons{

	background-position: -42px -224px;
}

.CCardIcons{

	background-position: -67px -224px;
}

.searchIcon{
	background-position: -44px -202px;
}

.notificationcons{


	background-image: url(images/topbarIcon/D_Notes.svg);
	background-position: center;
	background-repeat: no-repeat;
	width:40px;
}

.closesidelist{

	background-position: -269px -180px;
}

.showsidelist{

	background-position: -247px -180px;
}

.addednotificationcons{

	background-image: url(images/topbarIcon/Notes.svg);
	background-position: center;
	background-repeat: no-repeat;
	width:40px;

}
.editicons{

	background-position: -111px -180px;
}
.newTrip{

	background-position: -292px -89px;
}

.uploadfile{

	background-position: -247px -89px;
}

.documentsicon{

	background-position: -135px -111px;
}

.deleteicon{

	background-position: -22px -201px;
}

.showsubIson{

	background-position: -22px -245px;
}


.hidesubIson{

	background-position: -44px -245px;
}

.Nomissinginfo{

	background-position: -225px -67px;
}

.De_missinginfo{

	background-position: -180px -67px;
}

.missinginfo{

	background-position: -202px -67px;
}

.ADDfile{

	background-position: -292px -86px;
}



.DialogDisplayIcon{
	background-position: -180px -113px;

	
}

.FooterDisplayIcon{
	background-position: -270px -337px;

	
}

.EmbedDisplayIcon{
	background-position: -247px -337px;

	
}

.MainDisplayIcon{
	background-position: -293px -337px;

	
}






.plusIcons{

	background-position: 0px -292px;
}

.minIcons{

	background-position: 0px -292px;
}


/*menu*/
.menuDiv{
	
	-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
}
.menuDiv .titleli{
	cursor: pointer;
	background: #1b1f27;
	padding: 10px;

		-webkit-border-left-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;	
}


.menuDiv .titleli:hover{

box-shadow: 0px 0px 3px rgba(109,175,185,1);
	color: #fff;
	
}

.menuDiv ul{
	padding: 0px;
	margin: 10px;
	list-style-type:none;
	margin-bottom:0px;
	margin-top: 5px;	
background: #1b1f27;
-webkit-border-left-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
border-radius: 4px;	
	
}
.menuDiv ol{
	
	margin: 5px;
	list-style-type:none;
	padding: 0px;
	
	

}
.menuDiv ol li{
margin-left: 20px;
padding: 5px;
color: #888;
border-bottom:dotted 1px #1b1f27;
}

.menuDiv ol li:hover{
box-shadow: 0px 0px 3px rgba(109,175,185,1);
	color: #fff;

}


.menuDiv a{
	text-decoration: none;
	cursor:pointer;
	
	
}
.menuDiv li{
	color:rgba(103,170,206,0.75);
	text-decoration: none;
	margin: 0px;
	
}

span{
	
	font-size: 11px;
	font-weight: normal;
	
	
}
.tripDetails{
	width:100%;
	padding-left:10px;
	background:linear-gradient(#fefefe 0%, #ededed 100%);
	border-bottom:solid 1px #ccc;
	
}

.tripDetailsTitles{
		color: #880000;
		font-style: italic;	
		font-weight:bold;
	
}
.tripNumber{
	color:#3267AB;
	font-weight: normal;
	font-size: 25px;
	margin: 0px;
	padding: 10px 2px 10px 2px;
	width:auto;	
	
}

h1{
	color: #ff6900;
	font-weight: bold;
	font-size: 22px;
	margin: 5px;
	padding: 5px 0px 5px 0px;
	text-transform: uppercase;


}


h2{
	background:linear-gradient(#5D9BFB 0%, #0174DF 100%);
	font-size: 14px;
	font-weight: normal;
	color:#fff;
	border-bottom:solid 1px #fff;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
}
h2:hover{
	background: #78bbdc;
	
}

.Red_H2{
	
	background:linear-gradient(#cc0000 0%, #990000 100%);
	font-size: 14px;
	font-weight: normal;
	color:#fff;
	border-bottom:solid 1px #316b8a;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
}

.ORG_H2{
	
	background:linear-gradient(#ffb7aa 0%, #ffa200 100%);
	font-size: 14px;
	font-weight: normal;
	color:#000;
	border-bottom:solid 1px #316b8a;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
}

.GREEN_H2{
	
	background:#00aa00;
	font-size: 14px;
	font-weight: normal;
	color:#fff;
	border-bottom:solid 1px #316b8a;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
}


.GREEN_H2:hover{
background: #008800;

}
.MV_H2{
	
	background:#5F04B4;
	font-size: 14px;
	font-weight: normal;
	color:#fff;
	border-bottom:solid 1px #316b8a;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
}


.MV_H2:hover{
background: #5F04B4;

}
.GRAY_H2{
	
	background:linear-gradient(#999 0%, #666 100%);
	font-size: 14px;
	font-weight: normal;
	color:#fff;
	border-bottom:solid 1px #316b8a;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
}


.GRAY_H2:hover{
background: #999;

}
.ORG_H2:hover{
background: #ffa200;

}
.Red_H2:hover{
background: #990000;

}






h3{
	color: #ff6900;
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px
	
}


h4{
	color: #67aace;
	
	font-size: 18px;
	font-weight: normal;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;
	
}

h5{
	color: #aaa;
	font-size: 35px;
	font-weight:normal;
	padding:1px;
	text-shadow: 0 1px 1px rgba(20, 20, 20, 0.85);
	margin: 0px 0px 5px 0px;
cursor: pointer;

}

h6{
	color:#222;
	font-size:14px;
	text-shadow: 0 0px 1px rgba(0,0,0, 0.30);
	font-weight:normal;
	border-bottom: dotted 1px #ccc;
	padding: 10px 0px 5px 10px;
	margin: 0px 0px 0px 0px

}





#loginBox{
	background: #1b1f27;
	margin-top: 200px;
	width: 600px;
	margin-left: auto;
	margin-right: auto;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	border: solid 1px #434B5C;

	
}

#loginBox .txtlabel{
	color:#eee !important;
}

.loginBoxinput{
	
-webkit-border-left-radius: 3px !important;
-moz-border-radius: 3px !important;
-o-border-radius: 3px !important;
background:#434B5C !important;
border:none !important;
padding:8px !important;
text-shadow: 0 0px 0px rgba(255, 255, 255, 0)!important;
color:#fff !important;
} 


.BodyFooter{
width: 100%;
height: 80px;
	
}

/*Status Css*/

.statusName{
padding: 5px;

}



.statusNameShort{
padding: 5px;
	-webkit-border-left-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;	
}


.statusNameShort2{
text-align:center;
padding: 2px;
font-size:11px;
font-weight:bold;
	-webkit-border-left-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;	
}



.statusShow{
cursor: pointer;
	
	position: relative;
}
.statusBody{
position: absolute;
height: 100%;
padding: 10px;
width:auto;
top:0px;
left: 0px;
display: none;
	
}
.NEWTRIP{
	
	background: #ffa200;
	color:#111;
	
	
}

.NOACTION{
	background: #aaa;
	color: #111;
	
}

.POSTPONED{
	background: #F7819F;
	color: #111;
	
}


.ServiceCONFSENT{
	background: #f3d466;
	color: #111;
}


.EmailICON{
	background: #f3d466;
	color: #111;
}


.FAXICON{
	background: #f3d466;
	color: #111;
}
.AFTNICON{
background: #fcd37c;
	
	color: #111;
}


.MISSINGINFO{
	background: #f3d466;
	color: #111;
}

.UPDATERSENT{
	background: #fcd37c;
	
	color: #111;
}


.READYTOFILE{

	background: #a6e7f9;
	color: #000;
}


.BREIEFED{
	background: #43afe1;
	color: #fff;
}


.DRAFT{
	background-image: url(images/graystripbg.gif);;
	color: #000;
}

.DUMMYTRIP{
	background: #ffcc00;
	font-weight:bold;
	color: #880000;
}

.DELIVERED{
	background: #5fbf5f;
	color: #fff;
}

.CANCELED{
	background: #8f4436;
	color: #fff;
}


.servicesBox{
	display: inline-table;
padding: 10px;

background-color:#eee;
margin-right: 3px;	


cursor:pointer;	

}


	
	
}
.servicesBox:hover{
background-color:#efefef;

}

.serviceBox{
	background: #fff;
	float: left;
	height: 80px;
	text-align: left;
	margin-right: 3px;	
	border: solid 1px #ccc;
margin-bottom: 4px; 
padding-left: 10px;
padding-right: 10px;
-webkit-border-left-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
position: relative;
overflow: hidden;

}

.serviceBox:hover{
	background: #fae4b8;
	
	
}
.servicestatus{
	position: absolute;
	padding:5px;
	bottom: 0px; 
	left: 0px;
	width: 100%;
	text-align: center;
	
}

.serviceBox .serviceTitle{
	
	color: #2285af;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	
}

.newserviceBox .serviceTitle{
	
	color: #fefefe;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	
}
.newserviceBox{
background: #72b0d4;	
float:left;
padding:10px;
margin-top: 3px;
	vertical-align: middle;	
cursor: pointer;
margin-right: 3px;	
border: solid 1px #5d9ec3;
vertical-align: bottom;
opacity: 1;
-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
	
}
.newserviceBox:hover{
background: #397699;	
box-shadow: 0px 0px 3px rgba(109,175,185,1);
}
.sectorCut{
	background-image: url(images/sector_cut.png);
	background-position: right center;
	background-repeat: no-repeat;
	width:40px!important;
}
.sectorBox{

background-image: url(images/icons/aircraft_NOMVT.png);	
background-position: left center;
background-repeat: no-repeat;	

padding: 5px;

cursor: pointer;
padding-left:30px;
padding-right:0px;


}

.sectorDBox{


padding: 5px;
	padding-top:10px;
	padding-bottom:10px;
cursor: pointer;

}
.sectorsBox:hover{
	box-shadow: 0px 0px 2px rgba(255,105,0,1);

}
.sectorBox_ED{

background-image: url(images/icons/aircraft_ED.png);	
background-position: left center;
background-repeat: no-repeat;	

padding: 5px;

cursor: pointer;
padding-left:30px;
padding-right:0px;


}


.sectorBox_EA{

background-image: url(images/icons/aircraft_EA.png);		
background-position: left center;
background-repeat: no-repeat;	

padding: 5px;

cursor: pointer;
padding-left:30px;
padding-right:0px;


}

.sectorBox_AA{

background-image: url(images/icons/aircraft_AA.png);		
background-position: left center;
background-repeat: no-repeat;	

padding: 5px;

cursor: pointer;
padding-left:30px;
padding-right:0px;


}

.sectorBox_AD{

background-image: url(images/icons/aircraft_AD.png);		
background-position: left center;
background-repeat: no-repeat;	

padding: 5px;

cursor: pointer;
padding-left:30px;
padding-right:0px;


}


.sectorBox_ED:hover,.sectorBox_AD:hover, .sectorBox_AA:hover, .sectorBox_EA:hover{
	opacity:0.5;
	
}

.locationName{
	color: #000088;
font-style: italic;
font-weight:bold;
	
	
}
.locationDate{
	color: #880000;
font-style: italic;	
font-weight:bold;
	
	
}
.locationCallSign{
	color: #222;
font-style: italic;	
font-weight:bold;
	
	
}

.pageDisplay{
width:1000px;
margin-left:auto;
margin-right:auto;
	
	
}
.editContent{

background-image: url(images/icons/edit-icon.png);	
background-position: center center;
background-repeat: no-repeat;		
width: 40px;
height: 40px;
cursor: pointer;
opacity: 0.5;
	
	
}


.editContent:hover{
opacity:1;

}



.ServiceEmailBox{
	
	font-family: Courier New;
	font-size: 13px;
	font-weight: normal;	
	
}

.sidetabHeader{
    margin-top:5px;
}
.sidetabHeader th{
    
    color:#aaa;

	border: 1px solid #5e6062;	
	padding: 10px;
	cursor: pointer;
	font-weight: normal;

	-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
    
    
}

.sidetabHeader th:hover{
	color:#aaa;
	background: #fff;
	
}


.sidetabHeader .selectedHeader{
	color: #fff;
	background: #53617e;
	font-weight: bold;
}



.sidetabHeadertabBody{
    padding:2px;
	border-top: solid 1px #5e6062;	
	border-left:none;
}

.tabHeader{
	margin-top:10px;
	
}
.tabHeader th{
	color:#666;
	background: #eee;
	border: solid 1px #aaa;	
	padding: 12px;
	cursor: pointer;
	font-weight: bold;

	-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
/* Rules below not implemented in browsers yet */
-o-user-select: none;
user-select: none;
	box-shadow: -1px 4px 4px rgba(0,0,0,0.16);

}

.tabHeader th:hover{
	color:#ff6900;
	background: #fff;
	
}

.tabHeader .selectedth{
	color: #ff6900;
	background: #fff;
	border-bottom:none !important;
	font-weight: bold;
}




.tabHeader td{

	border-bottom: solid 1px #aaa;	
	
	
}


.tabBody{
	
	padding: 10px;
	border: solid 1px #aaa;	
	border-top:none;
	background: #fff;
	box-shadow: -1px 4px 4px rgba(0,0,0,0.16);
}



.tabField:hover{
	background: #efefef;
	
	
	
	
}
.ToDo{
color:#008800; 
}
.Task{
color:#000088; 
}
.a_action{
color:#000099;
font-weight:bold;
cursor:pointer;
text-decoration:none;
}

.a_action:hover{

cursor:pointer;
text-decoration:underline
}
#mailBoxlistBody a{
color:#222;
text-decoration:none;
}
#mailBoxlistBody a:hover{
color:#000;

}

.NewMailDiv{
background:#00bb99;
color:#fff;
width:30px;
margin-left:3px;
font-size:11px;
font-weight:normal;
padding:2px;
}
.Mailattached_10{
background-image: url(images/icons/IconAttachment.gif);
background-repeat: no-repeat;
background-position: center center;
width:10px;
margin-top:1px;
height:16px;
}

.mail_RLT{
background:#ffc300;


color:#000;
padding:2px 2px 2px 2px;

-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;	
font-size:9px;

}

.mail_CC{
background:#2F8190;
color:#fff;
padding:2px 2px 2px 2px;

-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;	
font-size:8px;

}

.mail_SNT{
background:#2F8190;
color:#fff;
padding:2px 2px 2px 2px;

-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;	
font-size:8px;

}

.mail_BCC{
background:#666;
padding:2px 2px 2px 2px;

color:#fff;
	-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;	


font-size:8px;
}


.mail_LINK{
margin-left:2px;
padding:2px 5px 2px 5px;
float:left;
-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;	
font-size:12px;
cursor:pointer;
}

#searchMailInput{
	
-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;		
}

/*Status Css*/

.NuNimageBackground{
background:#d4d4d4;

background-image: url(images/imageBG.jpg);
background-repeat: no-repeat;
background-position: center center;

}

.Phone{
padding-left:30px;
background-image: url(images/icons/Phone.png);
background-repeat: no-repeat;
background-position: left center;

}
.Email{
padding:5px;
padding-left:30px;
background-image: url(images/icons/Email.png);
background-repeat: no-repeat;
background-position: left center;

}
.Fax{
padding:5px;
padding-left:30px;
background-image: url(images/icons/Fax.png);
background-repeat: no-repeat;
background-position: left center;

}

.website{
padding:5px;

padding-left:30px;
background-image: url(images/icons/web.png);
background-repeat: no-repeat;
background-position: left center;

}
.Address{
padding:5px;

padding-left:30px;
background-image: url(images/icons/location.png);
background-repeat: no-repeat;
background-position: left center;

}
.Mobile{
padding:5px;

padding-left:30px;
background-image: url(images/icons/mobile.png);
background-repeat: no-repeat;
background-position: left center;

}
.poBox{
padding:5px;

padding-left:30px;
background-image: url(images/icons/pobox.png);
background-repeat: no-repeat;
background-position: left center;

}

.freq{
padding:5px;

padding-left:30px;
background-image: url(images/icons/freq.png);
background-repeat: no-repeat;
background-position: left center;

}
.contact{
padding:5px;

padding-left:30px;
background-image: url(images/icons/location.png);
background-repeat: no-repeat;
background-position: left center;

}


/*Auto Complete*/
.autocomplete-suggestions {z-index:99999999; border: 1px solid #999; background: #FFF; cursor: default; overflow: auto; -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64); }
.autocomplete-suggestion { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.autocomplete-no-suggestion { padding: 2px 5px;}
.autocomplete-selected { background: #F0F0F0; }
.autocomplete-suggestions strong { font-weight: normal; color: #3399FF; }


.dropzone,
.dropzone *,
.dropzone-previews,
.dropzone-previews * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dropzone {
  position: relative;
  border: 1px solid rgba(0,0,0,0.08);
  background: rgba(0,0,0,0.02);
  padding: 1em;
  background:#eeeeee;
}
.dropzone.dz-clickable {
  cursor: pointer;
   background:#eeeeee;
}
.dropzone.dz-clickable .dz-message,
.dropzone.dz-clickable .dz-message span {
  cursor: pointer;
}
.dropzone.dz-clickable * {
  cursor: default;
}
.dropzone .dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone.dz-drag-hover {
  border-color: rgba(0,0,0,0.15);
  background: rgba(0,0,0,0.04);
}
.dropzone.dz-started .dz-message {
  display: none;
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  background: rgba(255,255,255,0.8);
  position: relative;
  display: inline-block;
  margin: 17px;
  vertical-align: top;
  border: 1px solid #acacac;
  padding: 6px 6px 6px 6px;
}
.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
  display: none;
}
.dropzone .dz-preview .dz-details,
.dropzone-previews .dz-preview .dz-details {
  width: 100px;
  height: 80px;
  position: relative;
  background: #ebebeb;
  padding: 5px;
  margin-bottom: 22px;
}
.dropzone .dz-preview .dz-details .dz-filename,
.dropzone-previews .dz-preview .dz-details .dz-filename {
  overflow: hidden;
  height: 100%;
}
.dropzone .dz-preview .dz-details img,
.dropzone-previews .dz-preview .dz-details img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100px;
  height: 100px;
}
.dropzone .dz-preview .dz-details .dz-size,
.dropzone-previews .dz-preview .dz-details .dz-size {
  position: absolute;
  bottom: -28px;
  left: 3px;
  height: 28px;
  line-height: 28px;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  display: block;
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  display: block;
}
.dropzone .dz-preview:hover .dz-details img,
.dropzone-previews .dz-preview:hover .dz-details img {
  display: none;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark,
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  display: none;
  position: absolute;
  width: 40px;
  height: 40px;
  font-size: 30px;
  text-align: center;
  right: -10px;
  top: -10px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  color: #8cc657;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  color: #ee162d;
}
.dropzone .dz-preview .dz-progress,
.dropzone-previews .dz-preview .dz-progress {
  position: absolute;
  top: 100px;
  left: 6px;
  right: 6px;
  height: 6px;
  background: #d7d7d7;
  display: none;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0%;
  background-color: #8cc657;
}
.dropzone .dz-preview.dz-processing .dz-progress,
.dropzone-previews .dz-preview.dz-processing .dz-progress {
  display: block;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: none;
  position: absolute;
  top: -5px;
  left: -20px;
  background: rgba(245,245,245,0.8);
  padding: 8px 10px;
  color: #800;
  min-width: 140px;
  max-width: 500px;
  z-index: 500;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  display: block;
}
.dropzone {
  border: 1px solid rgba(0,0,0,0.03);
  min-height:200px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: rgba(0,0,0,0.03);
  padding: 23px;
}
.dropzone .dz-default.dz-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
  background-image: url("images/spritemap.png");
  background-repeat: no-repeat;
  background-position: 0 0;
  position: absolute;
  width: 428px;
  height: 60px;
  margin-left: -214px;
  margin-top: -61.5px;
  top: 50%;
  left: 50%;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .dropzone .dz-default.dz-message {
    background-image: url("../images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-default.dz-message span {
  display: none;
}
.dropzone.dz-square .dz-default.dz-message {
  background-position: 0 -123px;
  width: 268px;
  margin-left: -134px;
  height: 174px;
  margin-top: -87px;
}
.dropzone.dz-drag-hover .dz-message {
  opacity: 0.15;
  filter: alpha(opacity=15);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
}
.dropzone.dz-started .dz-message {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.dropzone .dz-preview,
.dropzone-previews .dz-preview {
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
  font-size: 14px;
}
.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
  display: block;
  opacity: 0.1;
  filter: alpha(opacity=10);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
}
.dropzone .dz-preview.dz-success .dz-success-mark,
.dropzone-previews .dz-preview.dz-success .dz-success-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-error-mark,
.dropzone-previews .dz-preview.dz-error .dz-error-mark {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
  background: #ee1e2d;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark,
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
  background-image: url("images/spritemap.png");
  background-repeat: no-repeat;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .dropzone .dz-preview .dz-error-mark,
  .dropzone-previews .dz-preview .dz-error-mark,
  .dropzone .dz-preview .dz-success-mark,
  .dropzone-previews .dz-preview .dz-success-mark {
    background-image: url("images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-preview .dz-error-mark span,
.dropzone-previews .dz-preview .dz-error-mark span,
.dropzone .dz-preview .dz-success-mark span,
.dropzone-previews .dz-preview .dz-success-mark span {
  display: none;
}
.dropzone .dz-preview .dz-error-mark,
.dropzone-previews .dz-preview .dz-error-mark {
  background-position: -268px -123px;
}
.dropzone .dz-preview .dz-success-mark,
.dropzone-previews .dz-preview .dz-success-mark {
  background-position: -268px -163px;
}
.dropzone .dz-preview .dz-progress .dz-upload,
.dropzone-previews .dz-preview .dz-progress .dz-upload {
  -webkit-animation: loading 0.4s linear infinite;
  -moz-animation: loading 0.4s linear infinite;
  -o-animation: loading 0.4s linear infinite;
  -ms-animation: loading 0.4s linear infinite;
  animation: loading 0.4s linear infinite;
  -webkit-transition: width 0.3s ease-in-out;
  -moz-transition: width 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out;
  -ms-transition: width 0.3s ease-in-out;
  transition: width 0.3s ease-in-out;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-image: url("../images/spritemap.png");
  background-repeat: repeat-x;
  background-position: 0px -400px;
}
@media all and (-webkit-min-device-pixel-ratio: 1.5) {
  .dropzone .dz-preview .dz-progress .dz-upload,
  .dropzone-previews .dz-preview .dz-progress .dz-upload {
    background-image: url("images/spritemap@2x.png");
    -webkit-background-size: 428px 406px;
    -moz-background-size: 428px 406px;
    background-size: 428px 406px;
  }
}
.dropzone .dz-preview.dz-success .dz-progress,
.dropzone-previews .dz-preview.dz-success .dz-progress {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.4s ease-in-out;
  -moz-transition: opacity 0.4s ease-in-out;
  -o-transition: opacity 0.4s ease-in-out;
  -ms-transition: opacity 0.4s ease-in-out;
  transition: opacity 0.4s ease-in-out;
}
.dropzone .dz-preview .dz-error-message,
.dropzone-previews .dz-preview .dz-error-message {
  display: block;
  opacity: 0;
  filter: alpha(opacity=0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;
}
.dropzone .dz-preview:hover.dz-error .dz-error-message,
.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.dropzone a.dz-remove,
.dropzone-previews a.dz-remove {
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fafafa), color-stop(1, #eee));
  background-image: linear-gradient(top, #fafafa 0%, #eee 100%);
  background-image: -moz-linear-gradient(top, #fafafa 0%, #eee 100%);
  background-image: -o-linear-gradient(top, #fafafa 0%, #eee 100%);
  background-image: -ms-linear-gradient(top, #fafafa 0%, #eee 100%);
  background-image: linear-gradient(top, #fafafa 0%, #eee 100%);
  -webkit-border-radius: 2px;
  border-radius: 2px;
  border: 1px solid #eee;
  text-decoration: none;
  display: block;
  padding: 4px 5px;
  text-align: center;
  color: #aaa;
  margin-top: 26px;
}
.dropzone a.dz-remove:hover,
.dropzone-previews a.dz-remove:hover {
  color: #666;
}
@-moz-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-webkit-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-o-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@-ms-keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}
@keyframes loading {
  0% {
    background-position: 0 -400px;
  }

  100% {
    background-position: -7px -400px;
  }
}


.showonlyinPDF{
	display:none;
	visibility:none;

}

.PDF_TripNumber{
font-size:20px;
font-weight:bold;
color:#666;
border-bottom:solid #ccc 1px;
text-align:left;

}

.PDF_headerTitle{
font-family:Arial;
font-size:100px;

color:#67aace;
}
.PDF_PageTitle{
font-size:30px;
font-weight:bold;
color:#666;

}
.PDF_P{
font-size:12px;
color:#111;
}

.PDF_Title{
padding:5px;
margin-top:10px;

font-size:20px;
font-weight:bold;
color:#666;
border-bottom:solid #ccc 1px;
text-align:left;

}

.PDF_InfoBoxTitle{
padding:5px;
margin-top:10px;

font-size:20px;
font-weight:bold;
color:#666;
text-align:left;

}
.PDF_NoteBox{
padding:10px;
margin-top:2px;
font-weight:normal;
font-size:11px;
color:#999;
border:dotted #ccc 1px;
}

.PDF_InfoBox{
padding:10px;
margin-top:2px;
font-weight:normal;
font-size:11px;
color:#444;
border:dotted #ccc 1px;
}

.dropItHere{
z-index:999999;
text-align:center;
padding-top:200px;
padding-bottom:200px;
font-size:50px;
color:#cc9111;
opacity:0.5;
background:#ffc300;
border-bottom:solid 1px #222;
position:absolute;
width:100%;


}


.basicLinkIcon{
width:16px;
height:16px;
background-image:url(images/icons/basiclink.png);
background-repeat:no-repeat;
position:center-left;



}
.MailisRelatedIcon{
position:absolute;
bottom:0px;
left:0px;
height:100%;
background:#ffa200;
width:4px;
z-index:100;
}


.MainMailDisplayTD{
	
	
}

.MailHeaderListDiv{
background:#fff;
border-bottom:solid 1px #aaa;
padding-bottom:3px;
padding-top:3px;

overflow:hidden;
cursor:pointer;
font-size:11px;
/*min-height:40px;*/
position:relative;


}


.MailHeaderListDiv_table{
display:table;
width:100%;	
	
}

.MialattachmentList{
padding:5px 5px 5px 18px;
text-decoration:none;
color:#222px;

}
.MialattachmentList:hover{
text-decoration:underline;

}

.pdfIcon{
background-image: url(images/icons/pdf.png);
background-repeat: no-repeat;
background-position: left center;
}


.imageIcon{
background-image: url(images/icons/image.png);
background-repeat: no-repeat;
background-position: left center;
}

.MailHeaderListDivSelected{
background-color:#f1b00b !important;
}
.MailHeaderListDivHovered{
background-color:#d4f2fc !important;
}


.MailHeaderListDiv_REL{
background:#FDD7E4;

}

.MailHeaderListDiv_TREL{
background:#ccff00;

}

.MailHeaderListDiv_REED{
background:#efefef;

}
.MailHeaderListDiv .mailtitle{
color:#222;

font-size:12px;
margin-top:1px;

}
.mailtitle2{
max-width:380px;
white-space: nowrap;
  overflow:hidden !important;
    text-overflow: ellipsis;
}


.listEmail_A{
	text-decoration:none;
	color:#000;
	
}

.listEmail:focus{
	box-shadow: 0px 0px 1px rgba(0,0,0,0.14);
	
}

.MailHeaderStatusDiv{
	
top:0px;
left:0px;
width:10px;
padding:3px;
padding-top:0px;
display:table-cell;

}

.MailHeaderMainCOntentDiv{
display:table-cell;

}
.MailHeaderStatusDiv_right{
display:table-cell;
top:0px;
right:0px;
width:30px;
padding-right:3px;
text-align:right;
}

.starDiv{
width:16px;
height:16px;
margin-right:2px;
background-image:url(images/icons/H-star.png);
background-repeat:no-repeat;
background-position:center center;

}
.starDiv24{
width:24px;
height:24px;
margin-right:2px;
background-image:url(images/icons/H-star24.png);
background-repeat:no-repeat;
background-position:center center;

}
/*
.invoice_In_Icon{
width:24px;
height:24px;
margin-right:2px;
background-image:url(images/icons/invoice_in.png);
background-repeat:no-repeat;
background-position:center center;
cursor:pointer;
}

.invoice_In_IconNotACTIVE{
width:24px;
height:24px;
margin-right:2px;
background-image:url(images/icons/invoice_in.png);
background-repeat:no-repeat;
background-position:center center;
cursor:pointer;
}

.invoice_In_Icon:hover{
opacity:0.5;
}
*/


.updatedcheckIcon{
background-image:url(images/alert-icon_3.png);	
background-repeat:no-repeat;
background-position:center center;
padding:10px;
}
.nocheckIcon{
background-image:url(images/alert-icon_gray.png);	
background-repeat:no-repeat;
background-position:center center;
padding:10px;
}
.checkIcon{
background-image:url(images/alert-icon_1.png);	
background-repeat:no-repeat;
background-position:center center;
padding:10px;

}


.yescheckIcon{
padding-left:24px;

height:24px;
margin-right:2px;
background-image:url(images/icons/AcceptIcon.png);
background-repeat:no-repeat;
background-position:left center;
cursor:pointer;
vertical-align:center;
}

.unknowcheckIcon{
padding-left:24px;

height:24px;
margin-right:2px;
background-image:url(images/icons/unknown.png);
background-repeat:no-repeat;
background-position:left center;
cursor:pointer;
vertical-align:center;
}


.notequalcheckIcon{
padding-left:24px;

height:24px;
margin-right:2px;
background-image:url(images/icons/notequal.png);
background-repeat:no-repeat;
background-position:left center;
cursor:pointer;
vertical-align:center;
}


.checklistIcon{
width:24px;
height:24px;
margin-right:2px;
background-image:url(images/icons/AcceptIcon.png);
background-repeat:no-repeat;
background-position:center center;
cursor:pointer;

}

.checklistNotActiveIcon{
width:24px;
height:24px;
margin-right:2px;
background-image:url(images/icons/AcceptIcon_notactive.png);
background-repeat:no-repeat;
background-position:center center;
cursor:pointer;
}

.checklistIcon:hover{
opacity:0.5;
}




.QuotetableView{
	width: 100%;
	border-collapse: collapse;

}

.QuotetableView th{
padding: 1px;
text-align: left;
font-size:11px;
color: #222;
border-bottom: dotted 1px #999;

}

.QuotetableView tbody tr{
	
	

}

.QuotetableView tbody tr:hover{
	
	background: #fff2e0;	

}


.QuotetableView tbody td{
	
font-size:11px;
padding: 2px 2px 2px 10px;

border-bottom: dotted 1px #999;
color: #333;
}


.Quote_NAME{
font-size:30px;
font-family:Georgia, serif;
font-weight:normal;
color:#666;
padding-bottom:10px;
}

.HOTEL_NAME{
font-size:30px;
font-family:Georgia, serif;
font-weight:normal;
color:#666;
}
.ROOM_NAME{
font-size:25px;
color:#DAA520;
font-family:Georgia, serif;
font-weight:normal;
}

.QUOTE_NUMBER{
font-size:20px;
color:#666;
font-weight:normal;

border-bottom:solid 1px #ccc;
text-align:right
}

.ROOM_DetailsTitle{
font-size:25px;
font-family:Georgia, serif;
font-weight:normal;
color:#666;

}

.ROOM_DetailsBody{
font-size:13px;
font-weight:normal;
color:#666;
padding-bottom:10px;
}


.enqreplyTitle{
	
	border-bottom: dotted 1px #ccc;
	
}

.listingRadio{
 
}
.listingRadioDiv{
 
 width:5px;
 height:100%;
 position:absolute;
 left:0px;
 top:0px;
 overflow:hidden;
 
}
/*folmulaBuilder*/

.folmulaBuilder{
	background:#fff;
	min-height:600px;
	border:dotted 1px #222;
	padding:5px;
	
}

.formulaMenushow {
    z-index:1000;
    position: absolute;
    background-color:#DDD;
    border: 1px solid #CCC;
    padding: 2px;
    display: block;
    margin: 0;
    list-style-type: none;
    list-style: none;
}

.formulaMenuhide {
    display: none;
}

.formulaMenushow li{ list-style: none; padding:5px;border-bottom:solid 1px #CCC;cursor:pointer;padding-right:30px}
.formulaMenushow li:hover{background:#EEE}
.formulaMenushow ul{ list-style-type:none; margin:0px;padding-left:0px;}

.formulaMenushow a { border: 0 !important; text-decoration: none; }
.formulaMenushow a:hover { text-decoration: underline !important; }


.folmulaObject{
	cursor:pointer;
	padding:5px;
	text-align:center;
	max-width:120px;;
	-webkit-border-left-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
	background:#5fbf5f;
	font-weight:bold;
	
	
	
}

.folmulaInput{
	cursor:pointer;
	padding:5px;
	text-align:center;
	max-width:120px;;
	-webkit-border-left-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
	background:#5f5fbf;
	font-weight:bold;
	
	
	
}
.FLOWINPUT2{
	padding:5px;
	
	text-align:center;
	-webkit-border-left-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	color:#fff;
	background:#5f5fbf;
	font-weight:bold;
	border:dotted 1px #000;
	
}
.FLOWINPUTDONE{
	text-align:left;
	padding-bottom:1px;
	background:#fff;
	color:#000;
	
	
	
}

.FLOWINPUTDONE2{
	text-align:left;
	padding-bottom:1px;
	background:#fff;
	color:#000;
	
	
}

.CASETITLE{
	text-align:center;
	padding-bottom:1px;
	background:#fff;
	font-weight:bold;
	color:#000;
	padding:10px;
	
	border-bottom:solid 1px #000;
	
}

.FLOWTABLEDIV{
	/*display:table;*/
	 width:100%;
}

.FLOWTABLEROWDIV{
	/*display:table-row;*/
	
}
.FLOWCLASSWALL{
	border-left:solid 1px #222 !important;
	border-collapse: collapse  !important;
	
}
.FLOWCLASSWALL td{
	padding-bottom:10px;
	
}

.FLOWTABLECELL{
	text-align:center;
	/*display:table-cell;*/
	padding-bottom:1px;
	background:#fff;
	color:#000;
	padding:10px;
	/*border:dotted 1px #000;*/

	
}

.FLOWTABLECELL:hover{
	background:#F7CE75;
	

	
}

/*FLOW*/


/*COMMENTS*/
.COMMENTSTABLE{
	display:table;
	width:100%;
}

.COMMENTSROW:nth-child(odd){
	display:table-row;
	background:#ffffcc;
	
	
}
.COMMENTSROW:nth-child(even){
	display:table-row;
	padding-bottom:1px;
	background:#fff;
	
}

.COMMENTSROW div{
	display:table-cell;
	padding:5px;
	
	border:solid 1px #ccc;
	
	-webkit-border-left-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}


/*COMMENTS*/


/*MVT*/

.MVTcalendarRecord{
	display:table;
	width:100%;
margin-bottom:5px;
cursor:pointer;
box-shadow: 0px 0px 3px rgba(50,50,50,1);
}

.MVTcalendarRecord span{
color:#880000;
}

.MVTcalendarRecord_cell{
	display:table-cell;
	width:50%;
	border:dotted 1px #ccc;
	padding:2px;
	padding-bottom:1px;
	

}
.MVTcalendarRecord_row{
	display:table-row;
	
	border:dotted 1px #ccc;
	padding:3px;
	padding-bottom:1px;
	

}
.MVTcalendarRecord_row div{
	display:table-cell;
	
	border:dotted 1px #ccc;
	padding:5px;
	padding-bottom:1px;
	

}



.MVTcalendarRecord_caption{
	display:table-caption;
	padding:5px;
	box-shadow: 0px 0px 3px rgba(50,50,50,1);
	

}


.MVT_location{
	color:#666;	
	padding:3px;
	font-weight:bold;
	float:left;
}

.MVT_Time{
	color:#111;	
	font-weight:bold;
	padding:3px;
	padding-bottom:0px;
}

.MVT_Date{
	color:#880000;	
	font-weight:bold;
	padding:3px;
	font-size:10px;
	padding-bottom:0px;
}
/*MVT*/


/*Dashboard*/
.dashboard{
	padding:20px;
	position:relative;

}
.dashboardItem{

}
.dashboardItem_title{
}

.dashboardItem_Body{


}


.tableDiv{
display:table;
width:100%;
}

.tableHeaderCellDiv{
display:table-cell;
padding:3px;
background:#F6E3CE;

padding-right:10px;

}
.tableAutoRowDiv{
display:table-row;

}

.tableAutoRowDiv:nth-child(odd){
background:#ddeeff;
}

.tableAutoRowDiv:nth-child(even){
background:#fff;
}
.tableRowDiv{
display:table-row;

}




.tableCellDiv{
display:table-cell;
text-align:left;
}

.tableAutoCellDiv{
display:table-cell;
text-align:left;
}



.NOTAMS{


}

.NOTAMS:hover{

text-decoration:underline;
}

.Active-Notams{
background-image:url(images/noteorg.png);
padding-right:14px;
background-repeat:no-repeat;
background-position:right center;

}


.NotamBox{

-webkit-border-left-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background: #efefef;	
border: solid 1px #aaa;
box-shadow: 1px 1px 2px #aaa;
margin:2px;	
padding:5px;	
}

.NotamBoxActive{

background:#F5ECCE;
	
}

.NotamBoxNotActive{

background:#eee;
	
}

.DEP{

background-image:url(images/departuregray.png);
padding-left:40px;
background-repeat:no-repeat;
background-position:left center;
}
.ARV{

background-image:url(images/landinggray.png);
padding-left:40px;
background-repeat:no-repeat;
background-position:left center;
}


#HELP_DIV{
position:absolute;
top:20px;
z-index:999999999;
right:10px;
width:400px;

}

.pageBreak{

padding:5px;
background:#ddd;
border-bottom:solid 1px #aaa;
border-top:solid 1px #aaa;

border-left:solid 1px #eee;
border-right:solid 1px #eee;
}
.pageBreak:hover{
background:#DB937B;
}

.H_pageBreak{

padding:5px;
background:#fff;
border:none;
border-bottom:dotted 1px #ccc;
}

.H_pageBreak:hover{
background:#F2D1C5;
}


.stepsDiv{
font-size:20px;
font-weight:normal;
border-left:solid 1px #fff;
padding:20px;

}
.stepsDiv:last{

border:none;
}

.ActivestepsDiv{
background:linear-gradient(#2E9AFE 0%, #0174DF 100%);
color:#fff;
}
.DectivestepsDiv{
background:#999;
color:#fff;
}

#mainPage_rightSide{
border-left:solid 1px #666;
background: #1b1f27;
}


#mainPage_Widget_note{
	height:auto;
	width:300px;
	background: #000;
	
}

#mainPage_rightSideDiv{
overflow-y:scroll;

height:99%;
border:none;

background: #000;

font-size:12px;
color:#fff;
}

#mainPage_rightSideDiv a{
color:#00ccff

}
.FormBoxTitle{

color: #008888;
	font-size: 13px;
	font-weight: normal;
	border-bottom: dotted 1px #ccc;
	
}

.ShowDisplay{
background-image:url(images/addIcon16.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
cursor:pointer;
}.ShowDisplay:hover{
background-image:url(images/addIcon16_hover.png);

}

.hideDisplay{
background-image:url(images/hideIcon16.png);
background-repeat:no-repeat;
background-position:left center;
padding-left:20px;
cursor:pointer;
}
.FormBoxBody{
padding-top:5px;

}

.FormBoxDisplay{
margin-bottom:10px;
}


.EditableArea{
background:#D3FBFA;

}

.deletablePart:hover{
cursor:crosshair;
background:#F5C9BA;

}


.widgetBar{
height:25px;
background:linear-gradient(#444 0%, #222 100%);

width:100%;
display:inline-block
}

.widgetBarItem{
	float:left;
padding:6px;
color:#999;
border-left:solid 1px #666;
cursor:pointer;

}

.widgetBarItem2{
	float:right;
padding:6px;
color:#999;
border-left:solid 1px #666;
cursor:pointer;

}
.widgetBarItem2:hover{
	
	color:#fff;
	
}
.widgetBarItem2:first-child{

border:none;
}

.widgetBarTitle{
	float:left;
padding:6px;
color:#EFEFEF;
font-weight:bold;
}
.widgetBarItem:first-child{

border:none;
}
.widgetBarItem:hover{
	color:#fff;
	
}

.NotificationBox{

font-size:11px;
margin:2px;
margin-bottom:4px;
padding-top:2px;
padding-bottom:5px;
color:#efefef;
border-bottom:solid 1px #fffs;
background:linear-gradient(#444 0%, #222 100%);
-webkit-border-radius: 2px;
    border-radius: 2px;
	position:relative;
}

.NotificationBox:hover{
	background:#000;
	
}

.NotificationBoxTool{
	background:#000;
	position:absolute;
	right:0px;
	z-index:2;
	top:2px;
	bottom:2px;
	height:100%;
	display:none;
	cursor:pointer;
}

.NotificationBoxTool_cell{
	height:50%;
	text-align:center;
	vertical-align:middle;
	opacity:0.8;
	padding-left:5px;
	padding-right:5px;
	
}

.NotificationBoxTool_cell:hover{
	opacity:1;
}

.remindMeNotifire{
	
	font-size:10px;
	font-style:italic;
	font-weight:bold;
	cursor:pointer;
}

.remindMeNotifire:hover{

}

.COMMENTNotifier{
	color:#000;
	background:#ffccaa;
}

.DefaultNote{
	color:#fff;
	background:#000;
}

.NoteRevoke{
	color:#000;
	background:#ffcccc;
}


.NoteInvoiced{
	color:#fff;
background: #000088;

}
.NoteCOMPLETED{
	color:#000;
	background: #aaffaa;
}


.NotificationBoxNew{
margin:0px;margin-left:0px;border-bottom:dotted 1px #666;padding:3px;padding-left:6px;
/*background:linear-gradient(#F5ECCE 0%, #F5D0A9 100%);*/
/*background:#F5ECCE;

color:#000;*/

}
.NotificationTitle{

	font-size:12px;
	font-weight:bold;

}

.NotificationType{
	background:#111;
	font-size: 14px;
	color:#31ff8a;
	font-weight: normal;
	border-top:solid 1px #316b8a;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
	cursor:pointer;


}


.selectedServicetr{
	border:solid 2px #000088;
}


.TopMainNotifier{
	padding:2px;
	margin:5px;
	
	background-color:#fff;
	font-size:12px;
	
	
	
}


/*SKD*/



.AS{
font-size:12px;
font-weight:bold;
color:#222222;
text-align:center;
padding:2px;
background:#00aa00; 

}

.OFF{font-size:12px;
font-weight:bold;
text-align:center;
padding:2px;
background:#666666;
color:#fff;
}


.AL{font-size:12px;
font-weight:bold;
text-align:center;
padding:2px;
background:#666666;
color:#fff;
}




.AS{font-size:12px;
font-weight:bold;
color:#000099;
text-align:center;
padding:2px;
background:#93aedc;

}

.OFF{font-size:12px;
font-weight:bold;
text-align:center;
padding:2px;
background:#666666;
color:#fff;
}


.PL{
font-weight:bold;
font-size:12px;
color:#ffffff;
text-align:center;
background:#25383C;
padding:2px;
}

.ML{
font-weight:bold;
font-size:12px;
color:#fff;
text-align:center;
background:#616D7E;
padding:2px;
}
.CL{
font-weight:bold;
font-size:12px;
color:#fff;
text-align:center;
background:#728C00;
padding:2px;
}
.UEL{
font-weight:bold;
font-size:12px;
color:#222;
text-align:center;
background:#FFF8C6;
padding:2px;
}




.AL{
font-weight:bold;
font-size:12px;
color:#222222;
text-align:center;
background:#32aaf0;
padding:2px;
}

.OFF2{
font-weight:bold;
font-size:12px;
color:#efefef;
text-align:center;
padding:2px;

background:#888;
}

.RD{
font-weight:bold;
font-size:12px;
color:#fff;
text-align:center;
padding:2px;

background:#880000;
}

.MS{
font-weight:bold;
font-size:12px;
color:#efefef;
text-align:center;
padding:2px;
background:#0a2847;

}


.MD{
font-weight:bold;
font-size:12px;
color:#222222;
text-align:center;
padding:2px;
background:#ffae00;
}

.NS{
font-weight:bold;
font-size:12px;
color:#efefef;
text-align:center;
padding:2px;
background:#436296;
}


.DS{
font-weight:bold;
font-size:12px;
color:#ff3232;
text-align:center;
padding:2px;
background:#ffff00;
}


.M12{
font-weight:bold;
font-size:12px;
color:#222;
text-align:center;
padding:2px;
background:#b7fc34;
}

.D12{
font-weight:bold;
font-size:12px;
color:#222;
text-align:center;
padding:2px;
background:#E8B9F5;
}

.N12{
font-weight:bold;
font-size:12px;
color:#fff;
text-align:center;
padding:2px;
background:#5e34fc;
}

.VN{
font-weight:bold;
font-size:12px;
color:#aaaaaa;
text-align:center;
padding:2px;
background:#cdcdcd;
}
.NL{
font-weight:bold;
font-size:12px;
color:#222;
text-align:center;
padding:2px;
background:#efefef;
}

.LV{
font-weight:bold;
font-size:12px;
color:#222222;
text-align:center;
background:#32aaf0;
padding:2px;
}
.PH{
font-weight:bold;
font-size:12px;
color:#fff;
text-align:center;
background:#993300;
padding:2px;
}
.PSL{
font-size:12px;
color:#222;
text-align:center;
background:#a0d21e;
padding:2px;
}
.P{
	font-size:12px;
color:#fff;
text-align:center;
background:#88d2f9;
padding:2px;
	
}



.LT{
	font-size:12px;
color:#fff;
text-align:center;
background:#66b0d5;
padding:2px;
	
}




.A{
	font-size:12px;
color:#fff;
text-align:center;
background:#880000;
padding:2px;
	
}

.XPH{
font-size:12px;
color:#fff;
text-align:center;
background:#805b1f;
padding:2px;
}
.UAL{
color:#efefef;
text-align:center;
background:#dc1e3c;
padding:2px;
}
.UPSL{
font-size:12px;
color:#222;
text-align:center;
background:#cdcdcd;
padding:2px;
}
.XOFF{
font-size:12px;
color:#efefef;
text-align:center;
background:#222;
padding:2px;
}
.BT{
font-size:12px;
color:#222;
text-align:center;
background:#fae628;
padding:2px;
}
.HDL{
font-size:12px;
color:#222;
text-align:center;
background:#CC9933;
padding:2px;
}
.HL{
font-size:12px;
color:#222;
text-align:center;
background:#e0d26e;
padding:2px;
}



/*SKD*/

	
	





.basictableView{
	width: 100%;
	border-collapse: collapse;
border: solid 1px #222;
}
.basictableView caption{
	background:#ccc;
	font-weight:bold;
	text-align:center;
	padding:3px;
	color:#000;
	border: solid 1px #222;
}

.basictableView th{
padding: 5px;
text-align: left;
color: #666;
background: #efefef;
border-bottom: dotted 1px #ccc;

}

.basictableView tbody tr{
	
	background: #fff;	

}

.basictableView tbody tr:hover{
	
	background: #fff2e0;	

}


.basictableView tbody td{
	

padding: 2px 2px 2px 10px;

border-bottom: dotted 1px #ccc;
color: #333;
}

.FORMULACLASSDISPLAY table{
	border-style:none !important;
	

}

.FORMULACLASSDISPLAY .FLOWCLASSWALL{
	border-left:solid 1px #222 !important;
	border-collapse: collapse  !important;
}
.FORMULACLASSDISPLAY td{
	background:#fff !important;
	border-style:none !important;

}