.resizer_line { text-align: center; background-color: red; }
.resizer_icon { }
.widget_holder_panel_post_link {display:none}
a { text-decoration: none; cursor:pointer }
a:link, a:visited, a:active { color: green; }
a:hover { color:Red; text-decoration: underline }
.hidden{display:none;}
.clear{clear:both;height:0;overflow:hidden;line-height:0;font-size:0;}
.table_fixed {table-layout:fixed; clear:both; margin-top:10px;}
.nodisplay {display:none}
.display_block {display:block}
.display_inline {display:inline}
.hidden {visibility:hidden}
.align_right { text-align: right }
.align_bottom { vertical-align: middle }
.al{text-align:left}
.ac{text-align:center;text-shadow:none;}
.ar{text-align:right}
.vt{vertical-align:top}
.vm{vertical-align:middle !important}
.vb{vertical-align:bottom}

/*Default tooltip class name: .tooltip */
.tooltip{
   position: absolute;
   padding: 10px 13px;
   z-index: 4000;
   
   color: #303030;
   background-color: #f5f5b5;
   border: 1px solid #DECA7E;
   
   font-family: sans-serif;
   font-size: 12px;
   line-height: 18px;
   text-align: left;
}

.controlStyle {font-size:11px;}

th.headerSortUp {background-image: url(../img/sorter/tblsort_asc.gif);} 
th.headerSortDown {background-image: url(../img/sorter/tblsort_desc.gif);} 
th.header {     
    background-image: url(../img/sorter/tblsort_bg.gif);         
    cursor: pointer;     
    background-repeat: no-repeat;     
    background-position: center right; 
}

.cornerCurve{background-color:#fff;border:solid 1px #cccccc;}   

.zoneManagementMap
{
    width:100%;
    height:770px !important;
    position:relative;
}

.fleetMonitoringMap
{
    width:100%;
    height:800px !important;
    position:relative;
}

.fleetMonitoringMapPopup
{
    width:100%;
    position:relative;
}

.divFleetMap
{
    width:100%;
    height:770px !important;
}

.divFleetMapPopup
{
    width:100%;
    height:100% !important;
}

.assetReplayMap
{
    width:100%;
    height:700px;
    position:relative;
}

.AssetReplayMap-Wrapper
{
    border-top:solid 1px #cccccc;border-bottom:solid 1px #cccccc;
}

.assetLocationMap
{
    width:100%;
    height:700px;
    position:relative;
}

.AssetLocationMap-Wrapper
{
    border-top:solid 1px #cccccc;border-bottom:solid 1px #cccccc;
}

.assetMonitoringMap
{
    width:100%;
    height:700px;
    position:relative;
}

.userPreferencesMap
{
    width:100%;
    height:300px;
}

.routeMap
{
    width:100%;
    height:770px !important;
}

.routeMapPopup
{
    width:100%;
    height:100% !important;
}

.divRouteMap
{
    width:100%;
    height:770px !important;
}

.divRouteMapPopup
{
    width:100%;
    height:100% !important;
}

.olControlNavigationHistory {
    background-image: url("img/navigation_history.gif");
    background-repeat: no-repeat;
    width:  24px;
    height: 24px;
    float:left;
}

.olControlNavigationHistoryPreviousItemActive { 
    background-position: 0px 0px;
    cursor:pointer;
}

.olControlNavigationHistoryPreviousItemInactive { 
    background-position: 0px -24px;
}

.olControlNavigationHistoryNextItemActive { 
    background-position: -24px 0px;
    cursor:pointer;
}

.olControlNavigationHistoryNextItemInactive { 
    background-position: -24px -24px;
}

#divAddressSearch
{
  position: absolute;
  background-color: Transparent;
  font-family: sans-serif;
  font-size: small;
  padding: 2px;
  color: #222222;
  top: 50px;
  z-index: 1010;
  left: 320px;
  width:500px;
}

/* flip tab */
#divAssetInfo
{
    width:550px;
    z-index:94000;
    background-color:#fff;
    left:30%;
    top:50px;
    position:absolute;
    height:650px;
}

#divAssetMoreDetail{
	width:100%;
	background-color:#fff;
	border: solid 5px #333333;
	height:650px;
}

.assetDetailContent
{
    padding:20px;
}


ul.tabbs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 100%;
}
ul.tabbs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px;
	line-height: 31px;
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px;
	background: #bee2e4;   
	overflow: hidden;
	position: relative;
}
ul.tabbs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 15px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabbs li a:hover {
	background: #ccc;
}	
html ul.tabbs li.active, html ul.tabbs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tabb_container {
	border: 1px solid #999;
	border-top: none;
	clear: both;
	width: 100%;
	background: #fff;

}
.tabb_content {
	padding: 10px;
	font-size: 1.2em;
	width:99%;
	border:solid 0px;
	margin-bottom: 75px;
}

.dcSubContentTitle
{
    padding-left:5px;
}

div.descContainerAMGoogle
{
    left:380px;
    top:50px;
}

div.descContainerAMSogou
{
    left:390px;
    top:80px;
}

div.descContainerAMBaidu
{
    left:385px;
    top:50px;
}

div.descContainerFMGoogle
{
    left:70px;
    top:45px;
}

div.descContainerFMSogou
{
    left:80px;
    top:75px;
}

div.descContainerFMBaidu
{
    left:85px;
    top:50px;
}

div.descContainerARGoogle
{
    left:80px;
    top:565px;
}

div.descContainerARSogou
{
    left:85px;
    top:585px;
}

div.descContainerARBaidu
{
    left:87px;
    top:565px;
}

div.descContainerZMGoogle
{
    left:75px;
    top:90px;
}

div.descContainerZMSogou
{
    left:85px;
    top:115px;
}

div.descContainerZMBaidu
{
    left:87px !important;
    top:90px !important;
}

div.descContainerZone
{
    right:10px;
    top:250px;
}

#idletimeout { background:#60a321; border:3px solid #85b743; color:#fff; font-family:arial, sans-serif; text-align:center; font-size:12px; padding:10px; position:relative; top:0px; left:0; right:0; z-index:100000; display:none; }
#idletimeout a { color:#fff; font-weight:bold }
#idletimeout span { font-weight:bold }

.driver_name
{
    /*display:none;*/
}

.border-bottom
{
     border-bottom:solid 1px #ccc !important;
}

#divSpeedGraphPanel
{
    width:650px;
    height:350px;
    background-color:#fff;
}

#tooltip
{
    z-index:3001;
}

select
{
   background: transparent;
   padding: 5px;
   font-size: 14px;
   line-height: 1;
   border: solid 1px #ccc;
   border-radius: 2;
   height: 34px;
   -webkit-appearance: none;
}

/*live report*/
.live-report-header
{
    background-color:#bbe0e3;
    height:40px;
    text-shadow:none;
}

.as-planned
{
    background-color:#ffff99;
    text-align:center;
}

.below-target
{
    background-color:#ff5959;
    text-align:center;
}

.above-target
{
    background-color:#ccff99;
    text-align:center;
}

.live-report-table { font-weight: bold; font-size:12px; }
.live-report-table td { padding: 8px 2px; text-align: left; }
.live-report-table th { padding: 8px 2px; }

.contextmenu{
  visibility:hidden;
  background:#ffffff;
  border:1px solid #8888FF;
  z-index: 10;
  position: relative;
  width: 140px;
}

.contextmenu div{
padding-left: 5px;
text-align:left;
}

#replayPopupContent
{
    text-align:left;
    width:250px;
}

#poiPopupContent
{
    text-align:left;
}

/* Search Box */
#searchBoxPanel {
  position: absolute;
  left: 50%;
  margin-left: -180px;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
}

.searchBoxPanelFM {
  top: 50px;
}

.searchBoxPanelZM {
  top: 80px;
}

.searchBoxPanelAR {
  top: 60px;
}

#tbSearchBox 
{
    border: 1px solid  rgba(0, 0, 0, 0.5);
}
      
.searchBoxNotFound {
    border: 2px solid  rgba(255, 0, 0, 0.4);
}

#autorefreshwarning
{
    position:absolute;
    top:50%;
    left: 50%;
    display:none;
    width:300px;
    height:75px;
    border: solid 2px #000;
    background-color:#fff;
    padding:5px 5px 5px 5px;
    font-size:12px;
}

#autorefreshwarning input {
    
    -moz-box-shadow:inset 0px 1px 0px 0px #9acc85;
    -webkit-box-shadow:inset 0px 1px 0px 0px #9acc85;
    box-shadow:inset 0px 1px 0px 0px #9acc85;
    
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #74ad5a), color-stop(1, #68a54b));
    background:-moz-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background:-webkit-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background:-o-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background:-ms-linear-gradient(top, #74ad5a 5%, #68a54b 100%);
    background:linear-gradient(to bottom, #74ad5a 5%, #68a54b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74ad5a', endColorstr='#68a54b',GradientType=0);
    
    background-color:#74ad5a;
    
    border:1px solid #3b6e22;
    
    display:inline-block;
    color:#ffffff;
    font-family:arial;
    font-size:13px;
    font-weight:bold;
    padding:6px 12px;
    text-decoration:none;
}

#autorefreshwarning input:active {
    position:relative;
    top:1px;
}

#divAssetDetail
{
    width:100%;
}

.mapControls
{
    position:absolute;
    z-index:1004;
    background-color:#ffffff;
    opacity: 0.8;
    filter: alpha(opacity=80); /* IE8 */
    font-weight:bold;
    padding:0px 5px 5px 5px;
}

#markerContextMenu
{
    display:inline-block;
    overflow:hidden;
}

#markerContextMenu hr
{
    padding:0px !important;
    margin:5px !important;
}

#mapContextMenuContent
{
    font-size:12px;
    overflow:hidden;
    padding-bottom:5px;
}

#mapContextMenuContent div
{
    padding-top:4px;
    padding-left:6px;
}


#mapContextMenuContent hr
{
    padding:0px !important;
    margin:5px !important;
}

.btn
{
    height:26px !important;
    font-size: 12px !important;
}

.btn-primary {
  -webkit-border-radius: 6;
  -moz-border-radius: 6;
  border-radius: 6px;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  background: #4fa841;
  padding: 3px 6px 3px 6px;
  text-decoration: none;
}

.btn-primary:hover {
  background: #2fab16;
  background-image: -webkit-linear-gradient(top, #2fab16, #096609);
  background-image: -moz-linear-gradient(top, #2fab16, #096609);
  background-image: -ms-linear-gradient(top, #2fab16, #096609);
  background-image: -o-linear-gradient(top, #2fab16, #096609);
  background-image: linear-gradient(to bottom, #2fab16, #096609);
  text-decoration: none;
}

.btn-warning
{
    background-color: #f0ad4e;
    border-color: #eea236;
    color: #fff;
  font-size: 12px;
  padding: 3px 6px 3px 6px;
  text-decoration: none;
}

#divDeviceCommands div
{
    padding-top:8px;
    font-size:14px;
    border-bottom:solid 0px #cccccc;
}

#divDeviceCommands div a
{
    color:Green;
}

.alert-box {
	color:#555;
	border-radius:10px;
	font-family:Tahoma,Geneva,Arial,sans-serif;
	font-size:12px;
	padding:10px 36px;
	margin:10px;
}

.alert-box span {
	font-weight:bold;
	text-transform:uppercase;
}
.error {
	background:#ffecec  no-repeat 10px 50%;
	border:1px solid #f5aca6;
}
.success {
	background:#e9ffd9  no-repeat 10px 50%;
	border:1px solid #a6ca8a;
}
.warning {
	background:#fff8c4  no-repeat 10px 50%;
	border:1px solid #f2c779;
}

.notice {
	background:#e3f7fc  no-repeat 10px 50%;
	border:1px solid #8ed9f6;
}

.notif-header
{
    height:60px;
    padding:10px 10px 10px 10px;
    font-size:14px;
    background-color:#6c9e00;
    border-bottom: solid 3px #fff;
    color:#fff;
   -webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

/* Pager */
div.pager {
	margin-top: 5px;
	text-align: center;
	vertical-align: middle; 
	padding-top: 5px;
}
/* pager links */
div.pager a {
	border: 1px solid #CCC;
	padding: 2px 4px;
	display: inline-block;
	text-decoration: none;
	margin: auto 2px;
}
/* current page */
div.pager span span {
	border: 1px solid #CCC;
	padding: 2px 4px;
	display: inline-block;
	margin: auto 2px;
	background-color:#e1e1e1;
}

.first {
	color: #CCC;
}

.last {
	color: #CCC;
}

.current {
	color: #00C;
}

.numeric {
	color: #C0C;
}

.next {
	color: #0CC;
}


label
{
    max-width:1000px;
}

#divAssetInfoContent h4
{
    padding-bottom: 10px;
}

table.borderless td,table.borderless th{
     border: none !important;
     padding-top: 0px !important;
     padding-bottom: 5px !important;
}

fieldset legend
{
    font-size:12px;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    padding-left: 5px;
    padding-top:5px;
}

input[type="checkbox"]
{
    margin-right:3px !important; 
}

input[type="radio"]
{
    margin-right:3px !important; 
}

div.fieldset-content
{
    padding: 5px 0px 5px 6px;
}

.center-row
{
    display:table;
}

.center
{
    display:table-cell;
    vertical-align:middle;
    float:none;
}

.top5
{
    margin-top:5px;
}

.top10
{
    margin-top:10px;
}

.top15
{
    margin-top:15px;
}

.wordwrap { 
   white-space: -moz-pre-wrap; /* Firefox */   
   white-space: -o-pre-wrap;   /* Opera 7 */    
   word-wrap: break-word;      /* IE */
}

.divDirectionPanel
{
    right:5px;top:625px;width:250px;height:175px;overflow-y:scroll;padding-top:5px;display:none;
}

.divMapMeasure
{
    right:200px;top:15px;
}

.divMapRouting
{
    right:100px;top:15px;z-index:11;position:absolute
}

#divShowHideOptionsText
{
    padding-top:7px;padding-bottom:7px;font-size:12px;text-align:left;
}

td.tank {
    background-image:url('../img/skidtank/Skid_Tank_Fuel.png'); background-repeat:no-repeat;background-size: 275px 0%;background-position: center bottom;
}

.border-grid
{
    border:solid 1px #cccccc;
}

.row-no-padding > [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

.disabledLink
{
    color: #333;
    text-decoration : none;
    pointer-events: none;
    cursor: default;
}