html{background-color:#ccc;}
body 
{
	margin:0;
	padding:7px 0 0 0;
    background: #ccc url("images/bgGradient.gif") repeat-x scroll 0 0;
    min-height:400px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
    height:100%;
}

html#Dialog, html#Dialog body, .dialog{background: #fff none;	}

/* Headings */
h1, h2, h3, h4 {font:bold 1em/1.2em helvetica,arial,tahoma,Verdana,sans-serif;text-align: left;color:Black;}

h1 {font-size: 2.1em;text-align: left;padding: 0 0 0.5em 0;margin: 0.5em 0 0 0;}
h2 {font-size: 1.4em;padding: 0 0 0.5em 0;margin: 0.5em 0 0 0;}
h3 {font-size: 1.2em;line-height: 1.2em;padding: 0em 0em 0.5em 0em;margin: 0.5em 0em 0em 0em;}
h4 {font-size: 1.0em;line-height: 1.2em;text-align: left;padding: 0em 0em 0.5em 0em;margin: 0.5em 0em 0em 0em;font-weight: bold;}
.title {background-color:#034555; color: #fff !important;}

h1.title{font-size: 1em;padding:.5em;margin:0 0 .5em 0;}
h2.title{font-size: 1em;padding:.3em;margin:.5em 0;}

/* Paragraphs */
p, ul, ol {margin: 0 0 2em 0;list-style: none;margin-bottom: 10px;}
strong{font-weight:bold;}
em{font-style:italic}

/* Links */
a {	text-decoration:underline;color: #8A7645;}
a:link, a:visited, a:active {color: #0074a1;}
a:hover {color: #383d44;}

/* Form */
form {margin: 0;padding: 0;}
input, textarea, select {font-size: 13px;color: #000000;}
input[type="text"] {margin-bottom:3px;}
input[type="radio"], input[type="checkbox"] {margin-right:3px;margin-left:3px;}

input[type="button"],input[type="submit"], input[type="reset"], body input.ui-button {
	padding: 2px 15px;
	background-color:#03404c;
	font-family: Arial, Helvetica, sans-serif;
	min-height: 27px;
    border-left: 1px solid #babbbd;
    border-top: 1px solid #babbbd;
    border-right: 1px solid #485862;
    border-bottom: 1px solid #485862;
    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    border-radius: 5px;
    box-shadow: 1px 1px 1px #000;
    filter: progid:DXImageTransform.Microsoft.DropShadow(Color=#000000, OffX=1, OffY=1);
    background-image: none;
}
input[type="button"]:hover,input[type="submit"]:hover, input[type="reset"]:hover 
{
    background-color: #4d7c84;
}

div.foriaskin
{
    min-height:400px;
    width:940px;
}

h1.textheadline
{
    padding-top:15px;
}
/* YUI */
#custom-doc { width:76.92em;*width:75.07em;min-width:1000px; margin:auto; text-align:left; } 
/* Overrides customer wants snug fit to sidebar*/
.yui-t1 #yui-main .yui-b { margin-left:145px;}
.yui-t1 .yui-b {width:135px;}

.wrapper {	
	margin: 0 auto;	
	background-color:White;
	border:solid 1px #3B3B3B;	
	-moz-box-shadow: 0 0 10px #333;box-shadow: 0 0 10px #333;-webkit-box-shadow: 0 0 10px #333;
	border-top-left-radius:10px;-moz-border-radius-topleft:10px;-webkit-border-top-left-radius:10px;
	border-bottom-right-radius:10px;-moz-border-radius-bottomright:10px;-webkit-border-bottom-right-radius:10px;  
}

/* Header */
/* #hd {height: 150px;padding:0 6px;} */
#hd {color:#fff;background-color: #ffffff;height:160px;position:relative;top:0;left:0;}
#hd a{color:#eee;}
#hd a:hover{color:#fff;}
h1.HeaderLoginViewTitle 
{
    font-size: 24px;
    font-weight: normal;
    margin-right: 35px;
    margin-top: 25px;
}

/* Menu */
#menu 
{
    background-color: #034555;
    width:100%;
    height: 42px;
	border-top:1px solid #113855;
}
#menu ul {display:inline;float:left;list-style:none outside none;margin:0;padding:0;}
#menu ul li 
{
	background-color: #034555;
    display:inline;
    margin:0;
    padding:0;
}
#menu ul li a
{
    margin:0;
    padding:12px 10px;
    width:auto;
    float:left;
    display:block;
    /*color:white;*/
    text-decoration:none;
    font-size: 11pt;
    font-weight: bold;
    font-family: helvetica,tahoma,arial,sans-serif;
}

#menu a:hover, #menu a.active
{
    color: #fff;
    background-color:#4D7C84;
}

/* Search */
#Search_TextBox{position:absolute;bottom:5px;right:5px;display: none;}

/* Main */
#main{padding:15px}

/* Sidebar */
#sidebar {padding:10px;}
#sidebar h2 {margin: 0;padding: 0;text-transform: uppercase;font-size: 16px;font-weight: bold;color: #28313A; }
#sidebar ul {margin: 0;padding: 0;list-style: none;}
#sidebar li {margin-bottom: 5px;}
#sidebar li ul {}
#sidebar li li {margin: 0;}
#sidebar a{text-decoration:none;}


/* Footer */
html>body #ft {height: auto; border-bottom-right-radius: 10px;}

#ft{	
	background: #fff url(/App_Themes/Default/Images/footerBG.gif) repeat-x top left;	
	color:#555;		
	min-height:36px;
	padding:18px 24px 10px 24px;		
}
#ft p {font-size: 10px;margin:0 auto;}


#legal {clear: both;padding-top: 3px;text-align: center;color: #595959;}
#legal a {font-weight: normal;}


/* Custom */
.right{text-align:right;}

#LoadingDiv, .UpdateStyle {width:100%;height:100%;margin:auto;position: fixed;top:0px;left:0; text-align: center;padding-top:250px;z-index: 99; vertical-align:bottom; 
    opacity: 0.8; -ms-filter: alpha(opacity=80); filter: alpha(opacity=80); background-color:rgb(204,204,204);
}

/*Tabs*/
.SelectedTab
{
    font-weight:bold !important;
}
    
.TabBackgrount
{
    background: transparent url('Images/grayPixel.gif') repeat-x bottom;
}


/* file type icons */ 
.docx, .DOCX, .doc, .DOC,
.xlsx, .XLSX, .xls, .XLS,
.ppt, .PPT, .pptx, .PPTX,
.pdf, .PDF,
.dir, .DIR { 
    background: transparent url('images/icons/word2007.png') no-repeat center right;
    cursor:default;
    width: 16px;
    height: 16px;
    padding: 0px 3px;
}

a[href$='.doc'], a[href$='.docx'], a[href$='.DOC'], a[href$='.DOCX'], 
a[href$='.xls'], a[href$='.xlsx'], a[href$='.XLS'], a[href$='.XLSX'], 
a[href$='.ppt'], a[href$='.pptx'], a[href$='.PPT'], a[href$='.PPTX'], 
a[href$='.pdf'], a[href$='.PDF'],
a[href$='.dir'], a[href$='.DIR'] {
    background: rgba(0, 0, 0, 0) no-repeat center right;
    background-size: contain;
    background-position: left;
    background-repeat: no-repeat;
    cursor: default;
    height: 25px;
    padding: 0px 3px;
    padding-left: 20px;
}

a[href$='.doc'], a[href$='.docx'], a[href$='.DOC'], a[href$='.DOCX'],
.docx, .DOCX, .doc, .DOC {
    background-image: url('images/icons/word2007.png');
}

a[href$='.xls'], a[href$='.xlsx'], a[href$='.XLS'], a[href$='.XLSX'],
.xlsx, .XLSX, .xls, .XLS { 
    background-image: url('images/icons/excel2007.png');
}

a[href$='.ppt'], a[href$='.pptx'], a[href$='.PPT'], a[href$='.PPTX'],
.ppt, .PPT, .pptx, .PPTX { 
    background-image: url('images/icons/powerpoint2007.png');
}

a[href$='.pdf'], a[href$='.PDF'],
.pdf, .PDF { 
    background-image: url('images/icons/pdf.png');
}

a[href$='.dir'], a[href$='.DIR'],
.dir, .DIR { 
    background-image: url('images/icons/folder.gif');
}


/* Calendar module */
.rpTemplate{padding:5px;}
/* .rpTemplate label{font-weight:bold;} */

/* administration */
.administration{}
.administration caption{ font:bold 2.1em/1.2em helvetica,arial,tahoma,Verdana,sans-serif;text-align: left;color:#555;padding: 0 0 0.5em 0;margin: 0.5em 0 0 0;}
.administration ul{margin-left:32px;}
.administration ul li{list-style:square outside none;color:Black;}

/* Search */
.search_highlight {background-color:orange;}


/* ======================================== */
/* RadGrid. Skin="Black"                    */
/* =========================================*/
*.RadGrid_Black tr.rgAltRow td
{  
    background-color: #F4F4ED;  
    color:#000000;
	font-size:9pt;
}  

* .RadGrid_Black tr.rgRow
{  
    background-color: #FFFFFF;  
    color: #000000;  
    font-weight:normal;
}  

* .RadGrid_Black .rgRow td
{
	color:#000000;
	font-size:9pt;
}

.RadGrid_Black, .RadGrid_Black .rgMasterTable, .RadGrid_Black .rgDetailTable, .RadGrid_Black .rgGroupPanel table, .RadGrid_Black .rgCommandRow table, .RadGrid_Black .rgEditForm table, .RadGrid_Black .rgPager table, .GridToolTip_Black 
{
    background-color:#00495c;
}

.RadGrid_Black .rgNoRecords
{
    background-color:#4F4F4F;
}

.RadGrid_Black .rgHeader
{
    background-color:#00495c !important;
    background-image:none !important;
    border-right:1px solid #ccc;
}

.RadGrid_Black .rgRow td, .RadGrid_Black .rgAltRow td, .RadGrid_Black .rgEditRow td, .RadGrid_Black .rgFooter td {
    border-style: none !important;
}

.findMe, .findMe:link, .findMe:visited, .findMe:active 
{
    font:bold 1em/1.2em helvetica,arial,tahoma,Verdana,sans-serif;
    text-align: left;
    color:#9A9A9B;    
    text-decoration:none;
}
.RadGrid_Black tr.rgAltRow td.rgSorted td
{
    background-color:transparent !important;
}
.RadGrid_Black .rgRow .rgSorted, .RadGrid_Black .rgAltRow td.rgSorted
{
    background-color: #DDD !important;
}

.foriaskin a:link
{
    text-decoration:none;
}

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

.logotype 
{
    position: absolute;
    left: 41px;
    top: 45px;
    width: 220px;
    height: 37px;
}
#hd .login
{
    position: absolute;
    top: 10px;
    right: 10px;
    text-align: right;
    line-height: 150%;
    font-weight: bold;
}
#hd .login, #hd .login a, #hd .login a:visited
{
    color: #00434e;
}
a.homelink
{
	display: block;
	position:absolute;
	top:20px;
	left:20px;
}
#logo 
{
    position: relative;
    height: 99px;
}
#logo p a {text-decoration: none;color: #28313A;}
#logo p a:hover { text-decoration: underline; }

#tagline 
{
	display: block;
	position:absolute;
	top:60px;
	left:25px;
	font-size:12px;
	font-family:helvetica,arial,sans-serif;
	font-weight: bold;
	color: #666;
}

div.formbox 
{
    background-color: #eee;    
    padding: 10px;
    min-height: 320px;
}
table.formbox
{
    border: none;
}
table.formbox th 
{
    font-size: 12pt;
    font-weight: bold;
    color: #00434e;
    padding: 10px;
}
table.formbox td
{
    padding: 10px;
}
#ft
{
    border-top: 2px solid #b0c8cc;
}
.logintextbox
{
    font-size: 9pt;
    padding: 20px;
    border-radius: 0px 0px 50px 0px;
    border: 1px solid #ccc;
    min-height: 298px;
    text-align: left;
    behavior: url(/App_Themes/Polyfills/PIE.htc);
    position: relative;
}
.logintextbox h3
{
    font-size: 12pt;
    font-weight: bold;
    color: #00434e;
    padding: 0px 10px 10px 10px;
    margin: 0px;
    text-align: left;
}
.logintextbox p
{
    padding: 10px;
    margin: 0px;
    text-align: left;
}

input.fieldbkgnd {
    background: none;
    padding: 2px 5px;
    height: 19px;
    border: 1px solid #606163;
}
input.fieldbkgnd100 {
    width: 90px;
    background-image: url("/App_Themes/Default/Images/input_background_100.jpg");
}
input.fieldbkgnd150 {
    width: 140px;
    background-image: url("/App_Themes/Default/Images/input_background_150.jpg");
}
input.fieldbkgnd200 {
    width: 190px;
    background-image: url("/App_Themes/Default/Images/input_background_200.jpg");
}
#bd
{
    margin-bottom:36px;
    padding-left:6px;
    padding-right:6px;
}

#ft
{
    border-top: 2px solid #b0c8cc;
}

/* NEWS */
.INVID_newslist h2 
{
    margin-top: 10px;
    padding-bottom: 0px;
}
.INVID_newslist h6 
{
    font-style: italic;
    padding-top: 0px;
    padding-bottom: 10px;
}

.removeTable {
    border-radius: 5px;
    overflow: hidden;
}

.removeTable tr:nth-child(odd) {
    background-color: #CCC;
}

.removeTable tr:nth-child(even) {
    background-color: #DDD;
}

.removeTable td:first-child {
    padding-right: 20px;
}

.removeTable td {
    padding: 5px;
}

.removeTable input[type="submit"] {
    padding: 5px;
    font-size: 7pt;
}

h1, h2, h3,
.Rubrik1, .Rubrik2, .Rubrik3 {
    color: #555 !important;
}

.editGroupVehicleCheckbox {
    top: 2px;
    position: relative;
}

.selectVehiclesTable {
    display: inline-block;
    margin-left: 10px;
    float: left;
    width: 126px;
}

.selectVehiclesTable tbody, .selectVehiclesTable tr, .selectVehiclesTable td{
    display: block;
}

.groupVehiclesTable {
    border: 1px solid black;
    color: white;
    font-weight: bold; 
}

.groupVehiclesTable thead, .groupVehiclesTable thead tr, .groupVehiclesTable th {
    background-color: #03404C !important;
}

.groupVehiclesTable tr {
    background-color: #4D7C84;
    border-bottom: 1px solid #03404C;
}

.groupVehiclesTable tr:nth-child(odd) {
    background-color: #4D7C84 !important;
}

.groupVehiclesTable tr:nth-child(even) {
    background-color: #426F77 !important;
}

.groupVehiclesTable td, .groupVehiclesTable th {
    padding: 5px;
    border-right: 1px solid black;
}

.groupVehiclesTable th:last-child {
    border: 0px;
}

.groupVehiclesTable td {
    border-right: 1px solid black;
    word-break: break-all;
}

.ui-multiselect {
    width: 100% !important;
    display:block;
}

.selectVehiclesTable input[type="text"] {
    width: 96%;
    display:block;
}

.ui-multiselect-menu {
    width: auto !important;
}

#LoadingDiv {
    text-align: center;
    width: 820px;
    height: 370px;
    float: left;
    padding-top: 250px;
    z-index: 2147483646;
    opacity: 0.8;
    -ms-filter: alpha(opacity=80);
    filter: alpha(opacity=80);
    background-color: #CCC;
    display:none;
}

.ui-multiselect-optgroup-label {
    padding-right: 15px !important;
}

.ui-multiselect-optgroup-label a {
    white-space: nowrap;
}

.mapContainer {
}

#unitMap {
    border: 1px solid;
    display: inline-block;
}

.mapContainer input[type="text"] {
    border-radius: 4px;
    padding: 2px;
    border: 1px solid grey;
    box-shadow: inset 1px 2px 9px -4px;
    margin-top: 3px;
}

.mapContainer input[type="button"]{
    margin-top: 1px;
}

.mapTable input[type="text"], .mapTable input[type="number"], .mapTable input[type="email"], textarea {
    border-radius: 4px;
    padding: 4px;
    border: 1px solid grey;
    box-shadow: inset 1px 2px 9px -4px;
}

.mapTable td {
    vertical-align: middle;
    padding-right: 10px;
}

.mapTable td.bottom {
    vertical-align: bottom;
}

.changeModeDiv {
    margin-bottom: 10px;
}

.selectVehiclesTable tr.trackUnit {
    display: none;
}

.trackTable td {
    padding-right: 8px;
}

.full-width {
    display: block;
    width: 98%;
}

/* Create an arrow to let a box point to an element */
.errortip.ui-tooltip {
	position: relative;
	background: #034555;
	border: 1px solid #000000;
	width: 200px;
	color: #fff;
    box-shadow: 0px 2px 6px #666;
    border-radius: 5px;
    font-size: 1em;
}
.errortip.ui-tooltip:after, .error.ui-tooltip:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
.errortip.ui-tooltip:after {
	border-color: rgba(153, 51, 51, 0);
	border-bottom-color: #034555;
	border-width: 15px;
	left: 50%;
	margin-left: -15px;
}
.errortip.ui-tooltip:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000000;
	border-width: 16px;
	left: 50%;
	margin-left: -16px;
}
.ui-datepicker.ui-helper-clearfix {
    display: none;
}

div#Information {
    box-shadow: 0 0 10px 0 #000;
    border-radius: 15px;
    overflow: visible !important;
}

div#Information_contentDiv {
    padding: 14px;
    overflow: visible !important;
    width: auto !important;
}

div#Information_GroupDiv {
    overflow: visible !important;
}

.center {
    position: relative;
    height: 0;
}

.triangleBorder {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #ffffff transparent transparent transparent;
    margin: 0 auto;
    top: 14px;
    position: relative;
}

.unitpos td {
    white-space: nowrap;
}

.error {
    color: #F00;
}

.fullscreen-buttonItemInactive {
    display: block;
    margin: 1px;
    padding: 0;
    color: #FFF;
    font-size: 18px;
    font-family: 'Lucida Grande', Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    height: 22px;
    width: 22px;
    line-height: 19px;
    background: #003C88;
    background: rgba(0, 60, 136, 0.5);
    background-image: url('/App_Themes/Default/Images/magnifying_glass.png');
    -ms-background-size: 15px 15px;
    background-size: 15px 15px;
    background-repeat: no-repeat;
    background-position: 4px 3px;
    margin-top: 63px;
    margin-left: 11px;
    cursor: pointer;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

.fullscreen {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: auto !important;
    height: auto !important;
    float: none !important;
    background-color: white !important;
    z-index: 9999;
}

.groupVehiclesTable a {
    color: #FFF;
    cursor: pointer;
}