﻿body 
{
    font-family:Verdana, Segoe UI,Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
    margin: 0,0,0,0;
    overflow: hidden;
    /*text-align: justify;*/
}

hr
{
 /* color: #4d9aef;*/
}

a
{
	color: #4d9aef;
}

a:visited
{
    color: #4d9aef;
}

/* Status Zone  */
.link
{
	color:#4d9aef;
	text-decoration:underline;
	cursor:pointer;	
}

input
{
    vertical-align:middle;
}

input text
{
    vertical-align:middle;
    width: 59%;
}

ul
{
    margin-left: -20px;
}

.MyDiv
{
    padding: 5px;
    overflow: hidden;  
}

 .MyDiv h3 {
    background-color:#0075be;
    border-bottom:1px solid #182052;
    border-style:solid none;
    border-top:1px solid #BDC7E7;
    border-width:1px 0;
    color:#e7edf7;
    margin:0;
    padding:2px;
    /*font-family:Segoe UI,Tahoma, Arial, Helvetica,sans-serif;*/
    font-size: 11px;
}

input[type=text]
{
   /* font-family:Segoe UI,Tahoma, Arial, Helvetica, sans-serif;*/
	font-size: 12px;
	color: #333333;
	height:15px;
	width: 90%;
}

select
{
    /*font-family:Segoe UI,Tahoma, Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	color: #333333;
	height:18px;
}

textarea
{
    /*font-family:Segoe UI,Tahoma, Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	color: #333333;
	overflow: auto;
}

.myTextBox
{
    /*font-family:Segoe UI,Tahoma, Arial, Helvetica, sans-serif;*/
	font-size: 11px;
	color: #333333;
	height:12px;
}

.myTextBoxWatermarked
{
    /*font-family:Segoe UI,Tahoma, Arial, Helvetica, sans-serif;*/
	font-size: 10px;
	color: gray;
	font-style:italic;
	height:10px;
}

.myButton
{
	font-size: 11px;
	color: white;
	background: #66a7ee;
	border: 1px solid #4D9AEF;
	margin: 1px;
	cursor: pointer;
}

div#accordion {
/*    border:1px solid #1F669B;
    font-family:Segoe UI,Tahoma, Arial, Helvetica,sans-serif;
	background: #f7f7f7;*/
    margin:0 auto;
    width:100%;
    padding:0;
}

div#accordion h3.CurrSelection
{
       background-image: url('../images/ThemesBlue/h3_3_new.png');
}

div#accordion h3:hover
{
    background-image: url('../images/ThemesBlue/h3_3_new.png');
   }

div#accordion h3 {
    border: none;
    color: White; /*#e7edf7;*/
    margin:0;
    padding:7px 0 0 0;
    height:25px;
   /* font-family:Segoe UI,Tahoma, Arial, Helvetica,sans-serif;*/
    font-size: 11px;
    font-style: normal;
    background-image: url('../images/ThemesBlue/h3_new.png');
    background-repeat:no-repeat;
    background-color: Transparent;
    text-align: center;
    vertical-align:middle;
}

div#accordion div.panel {
    border:medium none;
    margin:0;
    padding-bottom:0;
}

div#accordion div.panelBody {
    /*height:405px;*/
    margin: 0px;
    padding:0px 5px 0px inherit;
    overflow: auto;
}

.geocodeCandidates
{
    overflow: auto;
    text-align: left;
    padding: 2px;
}

table.myTable, td, th
{
	border-color: #96bae1;
}
    
table.myTable a
{
	color: white;
}

table.myTable thead
{
	color: White;
	height: 30px;
	background-color: #4D9AEF;
	text-align: center;
}
    
table.myTable {
	border-width: 1px;
	border-spacing: 2px;
	border-style: solid;
	border-collapse: collapse;
}
table.myTable th {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
}
table.myTable td {
	border-width: 1px;
	padding: 1px;
	border-style: inset;
	padding-left:5px;
}
/* Status Zone  */

div.selectedTab
{
    background-color:#f7f7f7;
    width:180px;
    float:left;
    cursor:pointer;
    border-bottom:1px solid #f7f7f7;
    border-top: 2px solid #4d9aef;
}

div.unselectedTab
{
	border-top:2px solid darkgray;
    border-bottom:1px solid #f7f7f7;
    
    background-color:#E9E9E9;
    width:180px;
    float:left;
    cursor:pointer;
    margin-right: 4px ;
    /*border-bottom:1px solid black;
    border-left:1px solid black;
    border-right:1px solid black;*/
}

#tableOfTracesDiv img
{
    cursor:pointer;
    margin:1px;
}

/*used for DataGridView Header Style */
.HeaderStyle th
{
     text-align:left
}



/* modal background and content */
.divBackground
{
	background-color : #d3d3d3;
	position:absolute;
	left:0;
	top:0px;
	z-index:1000;
}

.divContent
{
	border : 1px solid black;
	border-radius:10px;
	box-shadow:10px 10px 10px black;
	z-index:1001;
	padding:3px;
	position:absolute;
	/*background-image:url(/gregorys/images/fill.png);*/
	background-color:White;
	background-size:100%;
}

/* TopDiv section (clock / user / kpis / messages) */
#TopDiv
{
	filter:alpha(opacity=80);
	opacity:0.8;
}

#clock
{
	/*color:Black; */
	font-weight:bold; 
	margin-top:5px;
}

#divKPIs
{
	color:red;
	font-weight:bold; 
	margin-top:5px; 
	display:none;
}

/* Map section */
#myMapDiv
{
	width:800px;
	height:600px;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
}

#divMapTip
{
	width:530px; 
	height:200px; 
	background-color:white; 
	border:1px solid black; 
	border-radius:5px 5px 5px 5px; 
	position:absolute; 
	bottom:0px;
	z-index:1;	
	left:3px;
}

#imgMapTipClose
{
	position:absolute;
	right:2px;
	top:2px;
}

#divMapTipContent
{
	padding:5px;
	overflow-y:auto;
	height:95%;
}

#divMapTipContent li, #divMapTipContent td
{
    border-bottom:1px solid #dddddd;   
}

.telenavis_window
{
	font-family: Verdana !important;
	font-size: 11px !important;
}

#ControlPlate
{
	overflow:hidden; 
	display: block; 
	z-index: 1; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	height: 570px; 
	background-color: White;  /*#c8d1d8;*/
}

#TopDiv
{
border: 1px solid lightblue; 
background-color: White /* #CCCCCC; */
}

#divLeftSplitter
{
	background: none;
/*	background:url("images/hsplitter.png"); 
	background-repeat :repeat-y;*/
}

#divBottomSplitter
{
	background: none;
	/* background:url("images/vsplitter.png"); background-repeat :repeat-x; */
	cursor:n-resize;
}

#divStatusZone
{
	background-color: White;/* #E0E0E0;*/
	border-top: 2px solid #4d9aef;
	padding-top: 1px;
}
.LeftDevicesTable
{
	font-size:10px;
}

/* Start Checkboxes
input[type="checkbox"] {
    display: none;
}
input[type="checkbox"] + label {
    color: #F2F2F2;
    font-family: Arial,sans-serif;
    font-size: 14px;
}
input[type="checkbox"] + label span {
    background: url("images/check_radio_sheet.png") no-repeat scroll left top transparent;
    cursor: pointer;
    display: inline-block;
    height: 19px;
    margin: -1px 4px 0 0;
    vertical-align: middle;
    width: 19px;
}
input[type="checkbox"]:checked + label span {
    background: url("images/check_radio_sheet.png") no-repeat scroll -19px top transparent;
}
/* End Checkboxes*/

.sortarrow
{
	display: none;
}

.imgCenter
{
	background-image: url('../images/ThemesBlue/center.png');
}
.imgInfo
{
	background-image: url('../images/ThemesBlue/Info2.png');
}

.imgMessages
{
	background-image: url('../images/ThemesBlue/mail.png');
}

.imgHistory
{
	background-image: url('../images/ThemesBlue/history.png');
}

.imgClose
{
	background-image: url('../images/ThemesBlue/close2.png');
}

.ImgShrinkH
{
	background-image: url('../images/ThemesBlue/hshrink.png');
}
.ImgExpandH
{
	background-image: url('../images/ThemesBlue/hexpand.png');
}
.ImgShrinkV
{
	background-image: url('../images/ThemesBlue/vshrink.png');
}
.ImgExpandV
{
	background-image: url('../images/ThemesBlue/vexpand.png');
}

.imgPlay
{
	background-image: url('../images/ThemesBlue/play.png');
}

.imgCenter
{
	background-image: url('../images/ThemesBlue/center.png');
}
.imgStops
{
	background-image: url('../images/ThemesBlue/down.png');
}

.imgStopsDisabled
{
	background-image: url('../images/ThemesBlue/down_disabled.png');
}

.imgZoomIn
{
	background-image: url('../images/ThemesBlue/zoomin.png');
}
.imgCancel
{
	background-image: url('../images/ThemesBlue/cancel.png');
}
.imgVisits
{
	background-image: url('../images/ThemesBlue/home.png');
}
.imgVisitsDisabled
{
	background-image: url('../images/ThemesBlue/home_disabled.png');
}

.imgEdit
{
	background-image: url('../images/ThemesBlue/edit.png');
}

.divDeviceLiveStatusGreen, .divDeviceLiveStatusYellow, .divDeviceLiveStatusGray
{
	border: solid 1px black;
	float: right;
	padding:1px;
	width: 55px;
	text-align: center;
	margin-right: 3px;
	font-size: 10px;
}

.divDeviceLiveStatusGreen
{
	background: #A0FFA0;
}
.divDeviceLiveStatusYellow
{
	background: #FFFF50;
}
.divDeviceLiveStatusGray
{
	background: Lightgray;
}