/******************************************************************************************/
/* styles.css                                                                             */
/* basic CSS for GetPosition                                                              */
/******************************************************************************************/
/* Vadim Melnikov                                                                         */
/******************************************************************************************/

.history_select_hidden_div_external
{
    font-family: Calibri, Verdana ;
    font-size:11px;

    position:absolute;
}
.history_select_hidden_div {
   
    padding-left:60px; 
    padding-top:30px; 
    padding-right:0px; 

    position:relative;
    top:0px;

    margin-top:0px;
    
    width:640px; 
    height:100px;

    z-index:1;

    background-color:White; 
    border:1px solid DarkGray;
}

.history_select_hidden_img
{
    z-index:99; 
    cursor:hand; 
    
    width:30px; 
    height:30px;

    position:absolute;
}


.main_toolbar img
{
    border:0px;
    margin-left:8px;
}
.main_toolbar 
{
    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff747274, endColorstr=#ff343234);
	background: -webkit-gradient(linear, left top, left bottom, from(#747274), to(#343234));
	background: -moz-linear-gradient(top,  #747274,  #343234);
    
    position:absolute;

    left:0px;
    top:85px;

    width:100%;
    height:25px;

    font-family: Calibri, Verdana ;
    font-size:11px;
    
    
}

.main_toolbar  A DIV
{
    color:#999999;
}
.main_toolbar  A 
{
    color:white;
    text-decoration:none;
}
.main_toolbar .textError
{
    line-height:25px;
    float:right;
    
    padding-right:20px;
}


.main_toolbar .text
{
    line-height:25px;
    padding-top:4px;
    height:25px;
}
.loadingbar
{
    display:none;
    position:absolute;
    left:10px;
    bottom:4px;
    font-family: Calibri, Verdana ;
    font-size:11px;
    color:#333333;
}
.loadingbar img
{
    vertical-align:middle;
    margin-right:10px;
    margin-bottom:1px;
}

.wcentral .status
{
    width:220px;
    
    overflow-x: hidden; 
    overflow-y: auto; 
    padding-top: 0px; 
    padding-right: 8px; 
    padding-bottom: 8px; 
    padding-left: 8px; 
    height:100%;
}

.wcentral .status .split
{
    margin-top:10px;
    padding-bottom:10px;

    height:2px;
    line-height:20px;
    background-color:white;
    width:100%;

    font-size: 10px ;
}
.wcentral .status .key
{
    margin-top:12px;
    display:block;
    font-size:12px;
    border-bottom:1px dashed Gray;
}

.wcentral .status .value
{
    display:block;
    font-size:18px;
}


.wcentral a.tooltip span {
    cursor: help;
    display:none;
    padding:5px; 
    margin-left:0px; 
    width:200px; 
    text-decoration:none;
    border-bottom: 1px dotted #000000;
    position: relative;
}
.wcentral a.tooltip:hover span{
    display:inline;

    position: absolute; 
    left: 1em; top: 2em; z-index: 99;

    border:1px dotted #cccccc; 
    background:#ffffff; 
    color:#6c6c6c;
    
}

.menu_pc
{

} 
.menu_pc .title_section:hover
{
    cursor:pointer;
}
.menu_pc .title_section
{
    background-color:lightgray;
    margin:3px;
    padding-top:7px;
    display:inline-block;
    width:95%;
}
.menu_pc a
{
    display:inline-block;
    padding-left:10px;
}
.menu_pc img 
{
    border:0px; 
    vertical-align:middle; 
    float:left;
    padding:0px 4px 2px 4px;
}
.menu_pc div
{
    margin:2px;
    padding-left:2px;
}

.menu_tablet
{

}
.menu_tablet .title_section:hover
{
    cursor:pointer;
}
.menu_tablet .title_section
{
    background-color:white;
    line-height:28px;
    margin:3px;
    width:98%;
    display:inline-block;
    font-size:16px;
}
.menu_tablet a
{
    display:inline-block;
    padding-left:10px;
}
.menu_tablet img 
{
    border:0px; 
    vertical-align:middle; 
    padding-right:4px;
    padding-left:4px;
}
.menu_tablet a:hover
{
    background-color:#FED9B7;
    width:94%;
}

.menu_tablet div
{
    line-height:32px;
    border: 1px dotted lightgray;
    margin:2px;
    padding-left:2px;
}

.wcentral .interactive_units_list
{
    background-color:white;
    border:1px solid #aaaaaa;

}


.wcentral .interactive_units_list .fleet_name
{
    font-weight:bold;
    cursor:hand;
}

.wcentral .interactive_units_list .unit_data img
{
    border:0px;
}

.wcentral .interactive_units_list .unit_data
{
    margin-left:5px;
    margin-top:5px;
    
}
.wcentral .interactive_units_list .unit_data .name
{
    
}
.wcentral .interactive_units_list .unit_data .others
{
    font-size:12px;
    margin-left:20px;
}

.wcentral .interactive_units_list .fleet_data
{
    margin-top:2px;
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px solid #dddddd;
}

.wcentral .interactive_units_list .title_green
{ 
    background:#91c153; 
}
.wcentral .interactive_units_list .title
{
    background:#00AEEF;
}
.wcentral .interactive_units_list .title_orange
{
    background:#FB8F3D;
}
.wcentral .interactive_units_list .title_black
{
    background:#3e3e3e;
}
.wcentral .interactive_units_list .title_blue
{
    background:#11437b;
}
.wcentral .interactive_units_list .title_brown
{
    background:brown;
}
.wcentral .interactive_units_list .title, 
.wcentral .interactive_units_list .title_green, 
.wcentral .interactive_units_list .title_orange, 
.wcentral .interactive_units_list .title_blue, 
.wcentral .interactive_units_list .title_brown, 
.wcentral .interactive_units_list .title_black
{
    margin:4px;
    
    height:45px;
    line-height:45px;
    color:white;
    font-size:14px;
    font-weight:bold;
    text-align:center;
}
.wcentral .interactive_units_list .title2
{
    margin:4px;
    background:#00AEEF;
    height:25px;
    line-height:25px;
    color:white;
    font-size:14px;
    font-weight:bold;
    text-align:center;
}


.wcentral .yellow-info
{
	margin-top:10px;
    margin-left:10px;
    margin-right:auto;
	margin-bottom:10px;
	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffde, endColorstr=#ffffffbe);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffde), to(#ffffbe));
	background: -moz-linear-gradient(top,  #ffffde,  #ffffbe);

	font:  11px  Calibri, Verdana ;
	border: solid 1px #DCDC41;
	width:100%;
}

.wcentral .yellow-info .title
{
	font-weight:bold;
    
    padding-bottom:10px;
}
.wcentral .yellow-info .normal
{
	font-weight:normal;
}

.wcentral .yellow-info .selected
{
	font-weight:bold;
}

.wcentralmini, .wcentral, .wcentralfont 
{
    font-family: Calibri, Verdana ;
    font-size: 13px;
    text-decoration: none;
}

.wcentralmini
{
    
}

.wcentralmini .title
{
    text-align:center;
    background:#00AEEF;
    height:25px;
    color:white;
    font-size:12px;
    font-weight:bold;
}

.wcentral 
{
    width:800px;


    margin-top:0px; 
    margin-left:0px;
    margin-bottom:20px;
    margin-right:0px;

    padding-top:0px; 
    padding-left:0px;
    padding-bottom:0px;
    padding-right:0px;
}

.wcentral small
{
    font-size: 11px;
    font-weight: normal;
    color: #3E3E3E;
    float: left;
}

.wcentral p
{
    color: #2C2C2C;
    line-height: 20px;
    margin-top: 25px;
}
.wcentral h2
{
    font-size: 1.5em;
    font-weight: bold;
    color: #1AA0E1;
}

.wcentral h3
{
    font-size: 1.2em;
    font-weight: bold;
    color: #222222;
}

.wcentral .message
{
    font-size: 15px;
    color:White;
    width:600px;
    padding-left:58px;
    background:url(/Images/wcentral/message.png) no-repeat #91C153;
    vertical-align:middle;
    line-height: 46px; 
}

.wcentral .warning
{
    font-size: 15px;
    color:black;
    width:600px;
    padding-left:58px;
    background:url(/Images/wcentral/warning.png) no-repeat #F9E400;
    vertical-align:middle;
    line-height: 46px; 
}

.wcentral .error
{
    font-size: 15px;
    color:White;
    width:542px;
    padding-left:58px;
    background:url(/Images/wcentral/error.png) no-repeat #CC0000;
    vertical-align:middle;
    line-height: 46px; 
}

.wcentral iframe
{
    border:0;
    width:100%;
    overflow:hidden;
}

.wcentral th
{
    background:#00AEEF;
    height:30px;
    color:white;
    font-size:12px;
    font-weight:bold;
}

.wcentral td
{
    font-size: 11px;
    font-weight: normal;
    color: #3E3E3E;
    float: left;
}

.wcentral td .odd
{
    background-color:#F0F0F0;
}



.wcentral .unitSelector
{
    width:400px;
    
    margin-left:auto;
    margin-right:auto;

    margin-top:50px;
    margin-bottom:30px;
}

.wcentral .unitSelector .toolbar
{
    text-align:center;
    margin-top:10px;
    margin-bottom:10px;

    padding-bottom:10px;
    border-bottom:1px solid #a4a4a4;
}

.wcentral .unitSelector .toolbar a
{
    text-decoration:none;
    margin-right:10px;
}

.wcentral .unitSelector .toolbar a:hover
{
    text-decoration:underline;
}


.wcentral .unitSelector .toolbar img
{
    vertical-align:middle;
    margin-right:4px;
}

.wcentral .unitSelector .title
{
    font-weight:bold;
}

.wcentral .unitSelector .userName
{
    margin-top:20px;
    margin-bottom:10px;
    font-weight: 12px ;
    font-weight:bold;
    border-bottom:1px dotted gray;
}

.wcentral .unitSelector .unitsList
{
    margin-left:20px;
    width:400px;
}


.floating_settings {display:inline; }
.floating_settings a:hover {background:#999999; text-decoration:none; cursor:default; color:#333333; line-height:25px; } 
.floating_settings a.tooltip .tooltipcontent {display:none; padding:1px 3px; margin-left:-300px; margin-top:25px; width:300px;height:300px;z-index:99; color:#333333;}
.floating_settings a.tooltip img {cursor:hand;}
.floating_settings a.tooltip:hover .tooltipcontent{text-align:left; display:inline; position:absolute; border:1px dotted #cccccc; background:#ffffff; color:#333333;}
.floating_settings a.tooltip .tooltipcontentbig {display:none; padding:1px 3px; margin-left:-300px; margin-top:25px; width:300px;;z-index:99;}
.floating_settings a.tooltip:hover .tooltipcontentbig{text-align:left; display:inline; position:absolute; border:1px dotted #cccccc; background:#ffffff; color:#333333;}

.odd
{
	background-color:#F0F0F0;
}

.operations 
{
    overflow-x:hidden;
}
.operations a
{
 margin-left:5px;
}

.unitFrameFleet
{
    margin-left:3px;
    margin-top:3px;
    font-size: 12px ;
}
.unitFrameFleet IMG
{
    border:0px; 
    vertical-align:middle; 
    margin-right:2px;
}
.unitFrameFleet A
{
    
}

.unitFrameUnit
{
    margin-top:1px;
    margin-left:1px;
}
.unitFrameUnit IMG
{
    border:0px; 
    vertical-align:middle; 
    margin-right:2px;
}

.errExpired
{
	color:Red;
	font-weight:bold;
	text-align:center;
	margin-top:25px;
	margin-bottom:25px;
}
		
.phonePreview
{
	width:438; height:229;	
	background:url(/Images/smsPreview.png) no-repeat;
	padding: 93px 149px 34px 70px;
	color:#EEEEEE;
	font: Calibri, Verdana  11px ;
}

h2
{
	font:  Calibri, Verdana  16px ;
}

subtit
{
	font:  Calibri, Verdana  16px ;
	margin-bottom:10px;
}

.leftCell
{
	position:absolute;	
	left:10px;
	width:190px;
}
.rightCell
{
	position:absolute;
	left:410px;
	width:190px;
}

A
{
	color:#333333;
}

.ml TD 
{
	font: Calibri, Verdana  11px ;
	height:25px;
	
	padding-top:20px;
}

.ml TH
{
	font-family: Calibri, Verdana ;
	height:25px;
	color:White;
	background: url(/images/blue_ptrn.gif);	
	width:400px;
}

.vf_unitName	
{
	font-weight:bold;
}

.vf_already
{
	font-style:italic;
}

/*== Form elements Begin ========*/
.InputElementPayUse
{
	background-color:transparent;
	border:0;
}

SELECT
{
	font: normal  11px  Calibri, Verdana ;
	background-color: white; /*#BAFCC6;*/
}
/* TEXTAREA and INPUT (commonly for input type=text) */
INPUT, TEXTAREA
{
	border: 1px solid #CECECE;
	/* instead of 12px because INPUT font not resising right after view text size changed */
	font:  11px  Calibri, Verdana ;
	background-color: white
}
/* INPUT for type=submit especially */
INPUT.s, BUTTON
{
    background-image: url(/Images/Menu/btn_ptrn.png);  /* do not use filters! problem in calendars */
	font:  11px  Calibri, Verdana ;
	
	padding-left: 5px;
	padding-right: 5px;
}
INPUT.s, BUTTON{
	/*width: 1px;*/ /*disabled by Mikhail Shutov => work OK in firefox & opera & iexplorer*/
	overflow: visible;
	padding-left: 20px;
	padding-right: 20px;
}
/* No border INPUT for type=radio, type=checkbox and other specific cases */
INPUT.chb
{
	border: 0;
	background-color: transparent;
}
/*== Form elements End ==========*/

/*== Frame and Frameset elements Begin ========*/
/* Frames. not so good as we want but at least something... */
FRAME
{
	border-top: 1px solid #046A86;
	border-left: 1px solid #046A86;
	margin:0; padding:0;
	
}
.FRAME_NB
{
	border-top: 0px;
	border-left: 0px solid;
	margin:0; padding:0;
}
FRAMESET
{
	border: 0;
	margin:0; padding:0;
}
/*== Frame and Frameset elements End ==========*/

/* Body scrollbar */
BODY
{
	scrollbar-arrow-color: #666666;
	scrollbar-base-color: #F7F7F7;
	scrollbar-darkshadow-color: #AAAAAA;
	scrollbar-3dlight-color: #666666;
	scrollbar-shadow-color: #666666;
	scrollbar-highlight-color: #F7F7F7;
	
	overflow: auto;
	background-color:White;

}
.margined
{
	margin-left:10px;
}
/* HR tag */
.hr
{
	height: 1px;
	background-color: #046A86;
	width: 50%;
	margin-top: 2px;
	margin-bottom: 2px;
}
/*== News Begin ========*/
/* base */
.news
{
	font:  11px  Calibri, Verdana ;
}
/* header */
.news TH
{
	background-color: #FFFF88;
}
/* date */
.news .date
{
	font-family:  Calibri, Verdana ;
	/*color: #27B095;*/
	background-color: #FFFF88;
}
/* title and link */
.news .title
{
	font-family:  Calibri, Verdana ;
	background-color: white;
}
/* text */
.news .text
{
	background-color:white;
}
/* separator */
.news .separator
{
	background-color: #FFCC00;
	height: 1px;
}
/* archive line */
.news .arc
{
	font: normal  11px  Calibri, Verdana ;
	background-color:white;
}
/* current page number in archive line */
.news .arc .current
{
	font: bold  11px ;
	color: black;
}
/*== News End ==========*/




/*== Content Begin ========*/
.content
{
	font:  11px  Calibri, Verdana ;
}
/* for striped needs */
.content .stripe
{
	background-color: #DAFFDA;
}
.content .selected
{
	font-weight: bold;
}
.content .selectedRow
{
	background-color: #E4E4E4;
}
.content TH
{
	background-color: #BAFCC6;
	text-align: center;
}
.content .title
{
	font-size:  11px ;
	height:25px;
	color:White;
	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3376b5, endColorstr=#ff5c91c4);
	background: -webkit-gradient(linear, left top, left bottom, from(#3376b5), to(#5c91c4));
	background: -moz-linear-gradient(top,  #3376b5,  #5c91c4);

    vertical-align:middle;
}
.content .subtitle
{
	font-size:  11px ;
	height:23px;
    font-weight:bold;
}
/* addres block */
.content .address
{
	text-align: center;
	color: blue;
}
/* description block */
.content .description
{
	font-size:  10px ;
	font-style: italic;
	text-align: center;
	font-weight: bold;
}
.content .separator
{
	background-color: #27B095;
	height: 1px;
}
.content .separatorBlue
{
	background-image: url('/Images/separators/row_blue.png');
	width:90%;
    font-size:1px;
    height:8px;
    padding:0px; margin:0px;
}
.content .separator-light
{
	background-color: #BAFCC6;
	height: 1px;
}
/* height spacer TD */
.content .hspacer
{
	height: 5px;
}
/* error message title */
.content .errTitle
{
	font:  10px  bold;
	color: white;
	background-color: red;
	text-align: center;
}
/* error message */
.content .errMessage
{
	font-size:  10px ;
	color: red;
}
/*== Content End ==========*/

/*== Input/Output Begin ==========*/
.inout, .inout TD
{  
	padding:3px;
	font:  11px  Calibri, Verdana ;
}
.inout .title
{
	
	height:25px;
	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffD5D3D5, endColorstr=#ffFEFEFE);
	background: -webkit-gradient(linear, left top, left bottom, from(#D5D3D5), to(#FEFEFE));
	background: -moz-linear-gradient(top,  #D5D3D5,  #FEFEFE);

}



.inout .odd
{
	background-color:#F0F0F0;
}
/* state = 1 must be colored (red for example) */
.inout .stateOne
{
	color: red;
	font-weight: bold;
}
.inout .errMessage
{
	color: red;
	font-weight: bold;
}

/*== Input/Ounput End ============*/



/*== Fleet Manager Report =====*/
.miniReport{
	border: 1px solid black;
	font-size:  11px ;
	min-width: 30em;
	margin: 2px 2px 2px 2px
}
.miniReport .caption{
	background-color: Silver;
	font-weight: bold;
}
.miniReport .capt2{
	background-color: Silver;
}
.miniReport .odd td{
	background-color: #F1F1F1;
}
.RepGroup{

}
.rg_caption td{
	border-bottom:2px solid black;
	font-size:  11px ;
	font-weight:bold;
}
/*== Fleet Manager Report End=====*/
/*== Info Begin ========*/
.red-info
{
	margin-top:10px;
	margin-bottom:10px;
	border-left:10px red solid;
	padding-left:8px;
	font:  11px  Calibri, Verdana ;
}

.yellow-info
{
	margin-top:10px;
	margin-bottom:10px;
	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffde, endColorstr=#ffffffbe);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffde), to(#ffffbe));
	background: -moz-linear-gradient(top,  #ffffde,  #ffffbe);

	font:  11px  Calibri, Verdana ;
	border: solid 1px #DCDC41;
	width:100%;
}

.yellow-info .title
{
	font-weight:bold;
}
.yellow-info .normal
{
	font-weight:normal;
}

.yellow-info .selected
{
	font-weight:bold;
}


.info
{
	font:  11px  Calibri, Verdana ;
}

.info .RowOdd
{
	background-color:White;
}

.info .RowPair
{
	background-color:#DDF0F7;	
}


.info TH
{
	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3376b5, endColorstr=#ff5c91c4);
	background: -webkit-gradient(linear, left top, left bottom, from(#3376b5), to(#5c91c4));
	background: -moz-linear-gradient(top,  #3376b5,  #5c91c4);

	background-repeat:repeat-x;
	background-color: #046480;
	text-align: center;
	color:white;
}
.info TD
{
	background-color:White;
}
.info .title
{
	color:White;
	font-size:  11px ;
	font-weight: bold;
	
	vertical-align:top;
	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3376b5, endColorstr=#ff5c91c4);
	background: -webkit-gradient(linear, left top, left bottom, from(#3376b5), to(#5c91c4));
	background: -moz-linear-gradient(top,  #3376b5,  #5c91c4);

}


.info .separator
{
	background-color: #046480;
	height: 1px;
}
/* table-container for info table to make smart borders for it */
.info_border
{
	background-color: #046784;
	margin-left: 3px;
}
/*== Info End ==========*/

/*== Permissions Begin ========*/
.permissions
{
	font:  11px  Calibri, Verdana ;
}
/* pages selection */
.permissions .arc
{
	font:  11px  Calibri, Verdana ;
}
/* selected page */
.permissions .arc .current
{
	font:  11px  Calibri, Verdana ;
	font-weight: bold;
}
.permissions TH
{
	background-color: white;
	text-align: center;
}
.permissions TD
{
	background-color: white;
}
.permissions .header_start
{
	border-top: 1px solid #27B095;
}
.permissions .header_end
{
	border-bottom: 1px solid #27B095;
}
/* INPUT type=checkbox or type=radio */
.permissions .chb
{
	background-color: white;
	/*disabled. because don't work correct in FF*/
	/*margin-top: -3px;
	margin-bottom: -3px;*/
}
/* title cell */
.permissions .title TD, .permissions .title
{
	/*background-color: #BAFCC6 !important;*/

	font:  11px  Calibri, Verdana ;
    font-weight:bold;
	color:#EEEEEE;
	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff3376b5, endColorstr=#ff5c91c4);
	background: -webkit-gradient(linear, left top, left bottom, from(#3376b5), to(#5c91c4));
	background: -moz-linear-gradient(top,  #3376b5,  #5c91c4);

	height: 25px;
	vertical-align:top;
	border-top: 1px solid #046A86;
}
/* INPUT type=checkbox or type=radio in title */
.permissions .title .chb
{
	background-color: #BAFCC6;
}
/* table-container for permissions table to make smart borders for it */
.permissions_border
{
	background-color: #046A86;
}
/*== Permissions End ==========*/

/*== Header Begin ========*/
.headerOperative
{
    font-family:  Calibri, Verdana ;
    
	background-color: white;
    color:Black;
    padding-right:30px;
}
.headerOperative .titleBig
{
    padding-left:0px;
    padding-bottom:20px;
    padding-top:20px;

    font-family:  Calibri, Verdana ;
    font-size:  18px  ;
    font-weight: bold;
}
.headerOperative .title
{
    text-align:left;
    float:left;
	font-family:  Calibri, Verdana ;
    font-size:  16px  ;
    font-weight: bold;
}

.header
{
	font-family:  Calibri, Verdana ;
    
	background-color: #5c91c4;
    color:white;
}
/* provider name (upper-left corner) */
.header .title
{
	font:  Calibri, Verdana  16px  bold;
}
/* logo (upper-right corner) */
.header .logo
{
	text-align: right;
	width: 30%;
}
/* subtitle placed under the main title (bottom-left corner) */
.header .subtitle
{
	font-size:  10px ;
}
/* (date & time placed bottom-right corner) */
.header .date_time
{
	text-align: right;
}
/*== Header End ==========*/

/*== Map Begin ========*/
.map, .map .messages .chb
{
	background-color: #FFFFC4;
	border-collapse: collapse;
}
/* messages instead of map: title */
.map .messages .title
{
	background-color: #BAFCC6;
}
/* messages instead of map: separator */
.map .messages .separator
{
	background-color: #27B095;
	height: 1px;
}
/* state table base (top right corner of map frame) */
.map .state
{
	width: 188px;
	background-color: #F1F0F1;
	border-left: 1px  solid black;
	border-right: 1px  solid black;
	border-top: 1px  solid black;
	font-family:  Calibri, Verdana ;
}
.map .state .border
{
	border-top: 1px  solid black;
	border-bottom: 1px  solid black;
}
.map .state .label
{
	font-size:  11px ;
	font-weight: bold;
	text-align: center;
}
.map .state .imgExpand
{
float:right; width:12px;height:12px;border:0px;
}

.map .state .content TD
{
	background-color: #F1F0F1;
}
/*== Map End ==========*/

/*== Date Entering Begin ========*/
.date_period
{
	font:  11px  Calibri, Verdana ;
	background-color: #F6F6F6;
	border: 1px ridge #d4d0c8;
}
/* left column (with labels) */
.date_period .left_col
{
	text-align: right;
	font-weight: bold;
}
.date_period TH
{
	text-align: center;
	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffD5D3D5, endColorstr=#ffFEFEFE);
	background: -webkit-gradient(linear, left top, left bottom, from(#D5D3D5), to(#FEFEFE));
	background: -moz-linear-gradient(top,  #D5D3D5,  #FEFEFE);

	height:25px;
	border-bottom: 1px ridge #d4d0c8;
}
.date_period td
{
	white-space: nowrap;
	overflow: visible;
}
.date_period .title
{
	
}
.date_period .separator
{
	background-color: #27B095;
	height: 1px;
}
.date_period .chb
{
	background-color: #FFFFC4;
	margin-top: -3px;
	margin-bottom: -3px;
}
.date_period BUTTON
{
	background-image:none;
	font-size:  11px ;
	padding-left: 5px;
	padding-right: 5px;
}
.date_period .s
{
	font-weight: bold;
}
/* container for date_periods tables */
.date_period_box
{
	border-collapse: collapse;
	width:600px;
}
.date_period_box .border
{
	background-color: #F6F6F6;
	border: 1px ridge #d4d0c8;
}
.date_period_box .border .date_period
{
	border: 0;
}
/*== Date Entering End ==========*/



/*== Satellite Begin ========*/
/* message */
.satellite TD
{
	font:  11px  Calibri, Verdana ;
	font-weight: bold;
}
/* progress bar */
.satellite .progress
{
	border: 1px solid black;
}
/*== Satellite End ==========*/

/* TopName frame text (if we have no image) */
.topname
{
	font: bold  10px  Calibri, Verdana ;
	color: #27B095;
	background-color: #BAFCC6;
	vertical-align: middle;
	text-align: center;
	width: 100%;
	height: 100%;
}



/*== Default page Begin ========*/
.login
{
    background-image: url("/images/loginback.jpg");
    width: 693px;
    height: 485px;
}
/* login error message */
.login .errMessage
{
	font:  11px  Calibri, Verdana ;
	color: red;
	vertical-align: bottom;
	
}
/* browser recommended settings string */
.login .recommend
{
	vertical-align:bottom;
	font: bold  11px  Calibri, Verdana ;
	color: blue;
}
/* container where login page table placed
   (only for centering needs) */
.login_container
{
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: bottom;
}
/*== Default page End ==========*/

.navigation
{
	font-size: 0px;
	text-align: center;
	border-bottom: 1px solid #046A86;
	overflow: hidden;
}

/*== report scroller Begin ========*/
.scroller
{
	vertical-align: middle;
	font:  11px  Calibri, Verdana ;
}
/* current/all count of pages */
.scroller .page
{
}
/* rows per page setup links */
.scroller .rowsPerPage A
{
}
.scroller .current
{
	font-weight: bold;
}
/*== report scroller End ==========*/

/*== vcomm Begin ========*/
.vcomm, .vcomm SUP
{
	font:  11px  Calibri, Verdana ;
}
.vcomm P
{
	text-align: center;
}
.vcomm .error
{
	color: red;
	font-size: 11px ;
}
.vcomm .boxes, .vcomm .boxes TD
{
	text-align: center;
}
.vcomm LI
{
	font-weight: bold;
}
.vcomm .instruction
{
	font:  11px  Calibri, Verdana ;
	width: 500px;
}
.vcomm .instruction .leftcol
{
	background-color: #CCCCCC;
	text-align: center;
	font-weight: bold;
	width: 71px;
}
.vcomm .instruction .rightcol
{
	background-color: #CCCCCC;
}
.vcomm .footer
{
	font-size:  11px ;
}
/*== vcomm End ==========*/
/*== help Begin =========*/
.HELP 
{
	background-color: #FFFFEE; 
	color: black; 
	padding: 5
}

/*== help End =========*/

/*== Shedule Begin =========*/
.Schedule 
{
}

.Schedule TD 
{
	PADDING-RIGHT: 3px;    
	PADDING-LEFT: 4px;    
	FONT-SIZE:  11px ;    
	PADDING-BOTTOM: 3px;    
	PADDING-TOP: 3px;    
	BORDER-BOTTOM: black 1px;    
	FONT-FAMILY:   Calibri, Verdana ;
}

.Schedule .description
{
	FONT-SIZE:  11px ;
	PADDING-BOTTOM: 5px;    
	PADDING-TOP: 5px;  
	border-bottom-style: solid;
	border-color: #A7A7A7;
}

.Schedule  .pvd {
    BACKGROUND-COLOR: #BAFCC6;
    BORDER-BOTTOM: #d3d3d3 2px groove;
    BORDER-LEFT: #d3d3d3 2px groove;
    BORDER-RIGHT: #d3d3d3 2px groove;
    BORDER-TOP: #d3d3d3 2px groove;
    FONT-FAMILY:  Calibri, Verdana ;
    FONT-SIZE:  11px ;
    PADDING-LEFT: 0px;
    PADDING-RIGHT: 0px;
    width:30px;
}


.Schedule  .error {
color: red;
}
/*== Shedule End =========*/

.report
{
	PADDING: 3px;    
	MARGIN: 3px;    
	FONT-SIZE:  11px ;    
	FONT-FAMILY:  Calibri, Verdana ;
}

.report .title
{
	
	height:25px;
	background:url(/Images/rprtHdr_ptrn2.gif)  repeat-x;
}

.report .alternate
{
	
	BACKGROUND-COLOR: #F0F0F0;
}

/*==Consumption begin ====*/
.ReportParamSelection 
{
	FONT-FAMILY:   Calibri, Verdana ; 
	PADDING-bottom: 2px; 
	font-size: 11px ;
	margin-top: 10; 
	margin-bottom: 5;
	margin-left: 10;
}


.Tabs 
{
    
	margin-top: 5;
	PADDING-TOP: 5px; margin-left: 0; margin-right: 0;
    
    font-family:  Calibri, Verdana ;
    font-size:  16px ;
}
	
.Tabs .Caption 
{
    
	    margin-left: 5; 
	    margin-top: 5;
	    margin-bottom: 5;
    

	font-weight: bold; 

}

.Tabs TABLE
{
	COLOR: white; 
	DISPLAY: block; 
	PADDING-TOP: 5px; 
	border=0;

}

.Tabs TABLE TD 
{
	PADDING:  3px; 
}

.Tabs .clsTab 			
{

    color: white;
	font-weight: bold;
	
	background-color: #F0F0F0;
	cursor: hand;
		
	border-top: 1px outset #6A6864;
	border-right: 1px solid #6A6864;
	border-bottom: 1px solid #6A6864;

    padding-left:10px;
    padding-right:10px;
}

.Tabs .clsTabRight 			
{
	background-color: white;
	border-bottom: 1px solid #6A6864;
	width: 70%;
}

.Tabs .clsTabLeft 			
{
	background-color: white;
	border-right: 1px solid #6A6864;
	border-bottom: 1px solid #6A6864;
	width: 10px;
}


.Tabs .clsTabSelected 		
{


    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffD5D3D5, endColorstr=#ffFEFEFE);
	background: -webkit-gradient(linear, left top, left bottom, from(#D5D3D5), to(#FEFEFE));
	background: -moz-linear-gradient(top,  #D5D3D5,  #FEFEFE);

	color: #CCFFCC;
	font-weight: bold;
	cursor: default;
	border-top: 1px outset #6A6864;
	border-right: 1px outset black;
	border-bottom: 0px none;

    padding-left:10px;
    padding-right:10px;
}

.Tabs a						
{
	font-size: 11px ;
	text-decoration:none;
	color: black;
}

.Tabs .clsTab a				
{
	cursor: default;
	font-weight: normal;
}
.Tabs .clsTab a:hover 		
{
	cursor: hand;
	font-weight: normal;
}
.Tabs .clsTabSelected   a		
{
	cursor: default;
	font-weight: bold;
}

/*== Consumption End =====*/
/*== Time Chart Begin ====*/
.TimeChart 
{
	padding-left: 5; padding-top: 0; 
}
.TimeChart TABLE
{
	 	
}
.TimeChart TD
{
	font:  11px  Calibri, Verdana ;
} 
.TimeChartHour
{
    font:  11px  Calibri, Verdana  bolder;
    height:25px;
}
	
.TimeChartDay
{
    font:  11px  Calibri, Verdana  bolder;
}	
.WeekDay
{
    BACKGROUND-COLOR: #FFF2F2
}
.TopR
{
    BACKGROUND-COLOR: #00AEEF;
    color:white;
    font-weight:bold;
}
/*== Time Chart End ====*/
/*== Super Report Begin =======*/
.SRHEADER
{
	PADDING-LEFT:5px;
	PADDING-TOP:5px;
	font: bolder  Calibri, Verdana  10px ;
}
/*== Super Report End  ========*/
/*== Print Begin =======*/
.datesPrepareToPrint TD 
{
	BACKGROUND-COLOR: lavender;
	font: 11px  Calibri, Verdana ;
}
@media Print 
	{
.hide_prn  	{DISPLAY: none;}
	}
/*== Print End =======*/

/*== Map2 Begin ========*/
.map2, .map2 .messages .chb
{
	
}
/* messages instead of map: title */
.map2 .messages .title
{
	background-color: #BAFCC6;
	
}
/* messages instead of map: separator */
.map2 .messages .separator
{
	background-color: #27B095;
	height: 1px;
}
/* state table base (top right corner of map frame) */
.map2 .state
{
	width: 200px;
	background-color: white; // F1F0F1
	border: 1px solid black;
	font-family:  Calibri, Verdana ;
}
.map2 .state .border
{
	border: 1px solid silver;
	
}
.map2 .inout img
{
    border:0px;
}
.map2 .state .label img
{
    border:0px;
}
.map2 .state .label
{
	font-weight: bold;
    font-size:  12px  ;
    padding-top:6px;
    
    padding-bottom:3px;
	text-align: center;
    border: 1px solid #999999;
}

.map2 .state .imgExpand
{
    float:right; 
    width:12px;
    height:12px;
    border:0px;
}
.map2 .state .content TD
{
	background-color: white; // F1F0F1
}

.map2 .errMessage

{
	font:  Calibri, Verdana  11px ;
	color: red;
}

.map2 .mapcontainer

{
	BACKGROUND-COLOR: silver;  
	BORDER: silver 1px outset;
}	

.map2 .maptbl

{
	MARGIN-TOP: 10px; 
	MARGIN-LEFT: 12px;
	MARGIN-BOTTOM: 10px;
}

.map2 .maptbl .maptbl2

{
	BORDER-RIGHT: #eaeaea 1px solid; 
	BORDER-TOP: #eaeaea 1px solid; 
	BORDER-LEFT: #eaeaea 1px solid; 
	BORDER-BOTTOM: #eaeaea 1px solid;
}

H4#bg_m {
	PADDING-LEFT: 12px; BACKGROUND:  white repeat-x; // F1F0F1
    MARGIN-TOP: 4px; MARGIN-BOTTOM: 4px; PADDING: 3px; HEIGHT: 24px;
}
.mapcontrols{
	background-color:  white; // F1F0F1
	padding: 3px;
	border-top:1px solid #606060;
	border-right:1px solid #606060;
	border-bottom:1px solid #606060;
}

.map_coordinates{
	font:  11px  Calibri, Verdana ;
	color: #000000;
	background-color: white; // F1F0F1
	padding: 3px;
	MARGIN-BOTTOM: 10px;
	z-index: 1;
	white-space: nowrap; 
	BORDER: #aaaaaa 1px solid;
}	
.map_coordinates td{
	font-size:  11px ;
	color: Black;
	white-space: nowrap; 
}
/*== Map2 End ==========*/

/*== Submit button ==========*/
.submit
{
	background-image: url(/Images/Menu/btn_ptrn.png);
	border: 1px solid #d3d3d3;
	font:  11px  Calibri, Verdana ;
	padding-left: 5px;
	padding-right: 5px;
}
/*== Submit button End==========*/

/*== Places Groups for missions ==========*/

.placegroups
{
	overflow: auto; 
	width: 200; 
	height: 85%; 
	BACKGROUND-COLOR: #f0f0f0;
	border: 1 solid #000000;
	padding: 2;
	
}	
/* == Places Groups for missions End ======*/

/* ====== Dialog Begin ========== */
.dialog
{
	border: 1px solid #666666 !important;
	border-collapse: collapse;
	font:  11px  Calibri, Verdana  !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}
.dialog #dialog_title
{
	text-align: center;
	background-color: #BAFCC6;
	font-weight:bold;
}

.dialog #dialog_message
{
	text-align:center;
	font:  11px  Calibri, Verdana ;
}
.dialog #dialog_button /* may be change to BUTTON.dialog And set class="dialog" in code */
{
	border: 1px solid #666666 !important;
	font:  11px  Calibri, Verdana  !important;
	background-color: #F1F0F1 !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	MARGIN-LEFT: 10px;
	text-align:center;
}
/* ====== Dialog End ============ */
/*== map right click menu begin========*/
.rc_box
{
	font:  11px  Calibri, Verdana ;
	border-width: 1px; 
	border-style: solid; 
	border-color:#808080; 
	border-collapse:collapse;	
}

.rc_box TH
{
	border-bottom-style: solid; 
	border-color:#000000; 
	border-width:1; 
	background-color: #F1F0F1;
	padding: 3px;
	text-align: left !important;
	
}

.rc_box TD
{
	background-color: #FFF;
	padding: 3px;
}

.map_comment
{
font:  11px  Calibri, Verdana ;
color: #C0C0C0;
text-align: left !important;
}
/*== right click menu end========*/

.popupform
{
	font:  11px ;
	color: #C0C0C0;
	background-color: #FFF;
	position: absolute;
	padding: 10px;
	border-width: 1px; 
	border-style: solid; 
	border-color:#666666; 
	border-collapse:collapse;
	text-align: center !important;
	z-index: 1000;
	width: 400px;
	
}
.popupform table IMG
{
    vertical-align:middle;
    margin-left:2px;
    margin-right:2px;
}
.popupform table
{
	font:  11px  Calibri, Verdana ;
    width:200px;

}
.popupform input
{
	margin: 5px 5px 5px 5px;
}
iframe.ieSelectFree
{
 display:none;/*sorry for IE5*/ 
 display/**/:block;/*sorry for IE5*/
 position:absolute;/*must have*/
 top:0;/*must have*/
 left:0;/*must have*/
 z-index:-1;/*must have*/
 filter:mask();/*must have*/
 width:350px;/*must have for any big value*/
 background-color: #E2E2E2;
/* height:1000px/*must have for any big value*/;
}


.trackmodeinfo
{
	font:  11px  Calibri, Verdana ;
	color: #FFF;
	background-image:url('/Images/rtt-back.jpg');
	border-width:1px;
	border-color:#E25D1D;
	padding: 3px;
	MARGIN-BOTTOM: 5px;
	MARGIN-TOP: 5px;
	z-index: 1;
	white-space: nowrap; 
}	

.trackmodestopinfo
{
	font:  11px  Calibri, Verdana ;
	color: #FFF;
	background-color: #33CC33;
	padding: 3px;
	MARGIN-BOTTOM: 5px;
	MARGIN-TOP: 5px;
	z-index: 1;
	white-space: nowrap; 
}

.popupform input 
{
	border: 1px solid #666666 !important;
	font:  11px  Calibri, Verdana  !important;
	background-color: White !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	
}	
.popupform input .chb
{
	margin:0px;
    padding:0px;
}	
.mapbtn 
{
	border: 1px solid #666666 !important;
	font:  11px  Calibri, Verdana  !important;
	background-color: #F1F0F1 !important;
	padding-left: 10px !important;
	padding-right: 10px !important;
	text-align:center;
}

.mapsearchform
{
	margin-top: 5px !important;
	font:  11px  Calibri, Verdana  !important;
}

.mapsearchform .title
{
	font-weight:bold;
}

.mapsearchform .input
{
	border: 1px solid #666666 !important;
	font:  11px  Calibri, Verdana  !important;
	padding-left: 10px !important;
	padding-right: 10px !important;	
}

.mapsearchform .btn
{
	text-align:center;
	background-color: #F1F0F1 !important;
	border: 1px solid #666666 !important;
	font:  11px  Calibri, Verdana  !important;
	padding-left: 10px !important;
	padding-right: 10px !important;	
}

.maplabel
{
	font:  11px  Calibri, Verdana ;
	color: #000000;
	background-color: #FFF;
	padding: 1px;
	border: 1px solid #666666 !important;
	z-index: 1;
	white-space: nowrap;
	max-width: 21em;
	padding-left: 1em;
	padding-right: 1em;
}	
.maphistnum{
	font:  Calibri, Verdana  7pt;
	font-weight:bolder;
	color: #FF00FF;
	background-color: transparent;
}

.ChangeMapTypes
{
	font:  11px  Calibri, Verdana ;
	margin-bottom: 0px !important;
	margin-top: 2px;
	padding: 0px !important;
	

}	

.ChangeMapTypes .selected
{
	font-weight: bold;

}	


/*===== Crash Report Begin ===========*/
.print_btn
{
	position: absolute; top: 0; left: 570;
}	
#print_header 
{
	display: none;
}

#show_for_print
{
	display: none;
}

#hide_for_print
{
}	

@media Print 
{
	#print_header 
	{
		display: block;
		page-break-before:always;
	}
	.print_btn,#id_span_zoomCtrl,#id_div_GMapTypes,#id_tr_mapmove_u,#id_tr_mapmove_l,#id_td_mapmove_l,#id_td_mapmove_r,#bg_m,#map_coordinates   
	{
		DISPLAY: none;
	}
	#show_for_print
	{
		display: block;
	}
	#hide_for_print, .mapcontrols
	{
		display: none;
	}	
}

.ErrLine
{
	background-color: #FF9999;
}	
/*===== Crash Report End ===========*/
/*===== User Registration Begin ===========*/
.UserRegistration
{

}	

.UserRegistration BODY, .UserRegistration TD, .UserRegistration INPUT, .UserRegistration P
{
	font:  11px  Calibri, Verdana  !important;
}


.UserRegistration INPUT 
{
	border: 1px solid #666666 !important;
	background-color: #F1F0F1 !important;
	
}

.UserRegistration .Caption
{
	font: bold  10px  Calibri, Verdana  !important;
}	

.UserRegistration .Required
{
	color: red;
}	

.UserRegistration TABLE
{
	margin-left: auto !important;
	margin-right: auto !important;
	width: 800px;
}	
/*===== User Registration End ===========*/
/*===== Unit quick selection Begin ===========*/
.UnitQS
{
	font:  11px  Calibri, Verdana  !important;
}	

.UnitQS SELECT
{

}
/*===== Unit quick selection End ===========*/

/*===== Selection row on click Begin =========*/
TR #row_selected
{
	background-color: #FFFFC4;
}
/*===== Selection row on click End=========*/	

/*== Find frame Begin ========*/
.find
{
	border:0px;
}
.findForm
{
	overflow-x:hidden;	
	overflow-y:hidden;	
}
/*== Find frame End ==========*/

/*== New info table Begin ========*/

.InfoTable
{
    border: #EAEAEA 1px solid;
}

.InfoTable TH
{
    
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff747274, endColorstr=#ff343234);
	background: -webkit-gradient(linear, left top, left bottom, from(#747274), to(#343234));
	background: -moz-linear-gradient(top,  #747274,  #343234);

}

.InfoTable TD
{
    vertical-alignment:top;
}

/*== New info table End   ========*/



.crashOpinion
{
    margin-top:10px;
	margin-bottom:10px;
	
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffde, endColorstr=#ffffffbe);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffde), to(#ffffbe));
	background: -moz-linear-gradient(top,  #ffffde,  #ffffbe);

	font:  11px  Calibri, Verdana ;
	border: solid 1px #DCDC41;

    width:450px;
    
}

.crashOpinion .indent
{
    padding:10px;
}
.crashOpinion .crashInfoTitle
{
    font-weight:bold;
   
}