/*color:#FF9900;*/
/*color:#16375d;*/

body, p, ul, ol, li
{
  font-family: verdana, helvetica, arial, sans-serif;
  color: #16375d;
  font-size: 11px;
}

pre
{
  font-family: arial, verdana, helvetica, sans-serif;
  color: #16375d;
  font-size: 11px;
  width: 800px;
  overflow: auto; /*white-space:pre-wrap;*/
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap; /* Opera 4 - 6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  white-space: pre-wrap; /* CSS3 */ /*word-wrap: break-word; /* IE 5.5+ */
}


a:link, a:visited, a:active
{
  font-family: verdana, helvetica, arial, sans-serif;
  color: #16375d;
  text-decoration: none;
}
a:hover
{
  font-family: verdana, helvetica, arial, sans-serif;
  color: #16375d;
  text-decoration: underline;
}

.tooltip
{
  position: absolute;
  display: none;
  background-color: #FFFFFF;
}

hr
{
  border-bottom: solid 1px #cccccc;
  border-top: solid 0px #ffffff;
}

.button
{
  border: 1px solid #16375d;
  cursor: pointer;
  background-color: transparent;
  font-size: 10px;
  height: 17px;
  width: 72px;
  margin-left: 0px;
}

td
{
  text-align: left;
}

.zoomButton
{
  color: #bebebe;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  background-color: #f0f0f0;
  font-size: 10px;
  height: 17px;
  margin-left: 0px;
}

.zoomButton:hover
{
  color: #16375d;
}

.zoomButtonClicked
{
  color: #FF9900;
  border: 1px solid #e6e6e6;
  cursor: pointer;
  background-color: #f0f0f0;
  font-size: 10px;
  height: 17px;
  margin-left: 0px;
}

.textHeadline
{
  font-weight: bold;
  margin: 0;
  padding: 0px;
  color: #080145;
  font-size: larger;
  text-align: left;
}

.Header
{
  margin-left: -100px;
  width: 800px;
  height: 85px;
}

.UserInfo
{
  font-weight: bold;
  margin: 0;
  color: #080145;
  text-align: left;
}

.NavigationInfo
{
  margin: 0;
  text-align: left;
  font-weight: bold;
}

.loginTextBox
{
  width: 170px;
  border: 1px solid #cccccc;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 11px;
}

.align-right
{
  text-align: right !important;
}

.searchTextBox
{
  width: 122px;
  border: 1px solid #16375d;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 11px;
}

.adminTextBox
{
  width: 150px;
  border: 1px solid #16375d;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 11px;
}

.filterDropDown
{
  width: 125px;
  border: 1px solid #16375d;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 11px;
}

.warning
{
  font-size: 12px;
  color: Red;
  border: solid 1px Red;
  margin-top: 5px;
  padding: 3px;
  width: 272px;
}

.group
{
  border: 1px solid #cccccc;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 11px;
}

.select
{
  border: 1px solid #cccccc;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 11px;
}

.textbox
{
  border: 1px solid #cccccc;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 11px;
}

.textbox:focus
{
  border: 1px solid #f8ca6a;
}

.radiobutton
{
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 11px;
}

.message
{
  border: 1px solid #f8ca6a;
  font-family: verdana, helvetica, arial, sans-serif;
  color: #000000;
  font-size: 11px;
  padding: 3px;
}

/* Admin ================================================================================ */

table.admin
{
  border: solid 1px #cccccc;
  border-spacing: 0px 0px;
  border-collapse: collapse; /* internet explorer */
  border-top: solid 1px #16375d;
}
tr.adminHeadline
{
  background-color: #cccccc;
  font-weight: bold;
  height: 20px;
}
tr.adminContent
{
}
tr.adminContent:hover
{
  background: #cccccc;
}
td.adminText
{
  padding-top: 2px;
  padding-bottom: 2px;
  width: 160px;
}
td.adminCheckbox
{
  width: 50px;
}
td.adminButton
{
  width: 90px;
}

/* Faq ================================================================================ */

table.faq
{
}
tr.faqLink
{
}
tr.faq
{
}
td.faq
{
  border-bottom: solid 1px #cccccc;
  border-top: solid 1px #cccccc;
}


/* Releases ================================================================================ */

table.releases
{
  border: solid 1px #cccccc;
  border-spacing: 0px 0px;
  border-collapse: collapse; /* internet explorer */
  border-top: solid 1px #16375d;
  width: 350px;
}
tr.releasesHeadline
{
  background-color: #cccccc;
  font-weight: bold;
  height: 20px;
}
tr.releasesContent
{
}
tr.releasesContent:hover
{
  background: #cccccc;
}
td.releaseDesc
{
  padding-top: 1px;
  padding-bottom: 1px;
  width: 280px;
}
td.releaseAction
{
}



/* News ================================================================================ */

table.news
{
  border-bottom: solid 1px #cccccc;
}
tr.newsContent
{
}
td.newsText
{
}

/* Devices ======================================================================= */

table.devices
{
  border: solid 0px #000000;
  border-spacing: 0px 0px;
  border-collapse: collapse; /* internet explorer */
  width: 685px;
}

tr.devicesHead
{
  color: Red;
}

tr.devicesRow
{
  height: 30px;
  background: #ffffff;
}

tr.devicesRow:hover
{
  background: #f8ca6a;
}

tr.devicesSearchRow
{
  border-bottom: solid 1px #16375d;
}

td.deviceState
{
  text-align: left;
  width: 8%;
}

td.deviceSerialNo
{
  text-align: left;
  width: 12%;
}

td.deviceDate
{
  text-align: left;
  width: 10%;
}

td.deviceAddress
{
  text-align: left;
  width: 20%;
}

td.deviceOptions
{
  text-align: right;
  width: 21%;
}


/* DeviceInfo ======================================================================= */

tr.deviceInfoContent
{
  height: 20px;
  background: #ffffff;
}

td.deviceInfoState
{
  text-align: left;
  width: 5%;
}

td.deviceInfoSerialNo
{
  text-align: left;
  width: 10%;
}

td.deviceInfoPlace
{
  text-align: left;
  width: 25%;
}

td.deviceInfo
{
  text-align: right;
  width: 10%;
}

td.deviceInfoLastEvent
{
  text-align: right;
  width: 10%;
}

td.deviceInfoOnlineOffline
{
  text-align: right;
  width: 10%;
}

td.deviceInfoBytesIcon
{
  text-align: right;
  width: 5%;
}

td.deviceInfoBytes
{
  text-align: right;
  width: 5%;
}

tr.firstHeadline
{
  color: #ffffff;
  border-top: solid 1px #000000;
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
  background-color: #16375d;
  font-weight: bold;
}

tr.secondHeadline
{
  color: #ffffff;
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
  background-color: #16375d;
  font-weight: bold;
}


/* ConnectionLogs ======================================================================= */

tr.connContent
{
  height: 20px;
  background: #ffffff;
}

tr.connContent:hover
{
  background: #f8ca6a;
}

td.connUtc
{
  text-align: left;
  width: 10%;
}

td.connLocal
{
  text-align: left;
  width: 10%;
}

td.connProvider
{
  text-align: left;
  width: 5%; /*padding-left: 10px;*/
}

td.connGeoPos
{
  text-align: left;
  width: 18%; /*padding-left: 10px;*/
}

td.connGeoInfo
{
  text-align: center;
  width: 5%; /*padding-left: 10px;*/
}

td.connTotalBytes
{
  text-align: right;
  width: 10%; /*padding-left: 10px;*/
}

/* PositionLogs ======================================================================= */

tr.posContent
{
  height: 20px;
  background: #ffffff;
}

tr.posContent:hover
{
  background: #f8ca6a;
}

td.posGeo
{
  text-align: center;
  width: 5%;
}

td.posUtc
{
  text-align: left;
  width: 11%; /*padding-left: 10px;*/
}

td.posLocal
{
  text-align: left;
  width: 15%; /*padding-left: 10px;*/
}

td.posGeoPos
{
  text-align: left;
  width: 20%; /*padding-left: 10px;*/
}

td.posDirection
{
  text-align: center;
  width: 20%; /*padding-left: 10px;*/
}

td.posGeoInfo
{
  text-align: left;
  width: 20%; /*padding-left: 10px;*/
}

/* StatisticLogs ======================================================================= */


tr.statContent
{
  height: 20px;
  background: #ffffff;
}

tr.statContent:hover
{
  background: #f8ca6a;
}

td.statProvider
{
  text-align: left;
  width: 9%; /*padding-left: 10px;*/
}

td.statStream
{
  text-align: right;
  width: 9%; /*padding-left: 10px;*/
}

td.statBytesIn
{
  text-align: right;
  width: 9%; /*padding-left: 10px;*/
}

td.statBytesOut
{
  text-align: right;
  width: 10%; /*padding-left: 10px;*/
}

/* UserPanel ================================================================================ */

tr.userContent
{
  height: 20px;
  background: #ffffff;
}

tr.userContent:hover
{
  background: #f8ca6a;
}

td.userIsActive
{
  text-align: left;
  width: 1%;
}

td.userText
{
  text-align: left;
  width: 15%;
}

td.userPassword
{
  text-align: left;
  width: 15%;
}

td.userPhone1
{
  text-align: left;
  width: 15%;
}

td.userPhone2
{
  text-align: left;
  width: 15%;
}

td.userBirthday
{
  text-align: left;
  width: 1%;
}

td.userChange
{
  text-align: left;
  width: 1%;
}

/* SMSHistory OUTBOX ================================================================================ */

table.smsOut
{
  border-spacing: 0px;
  padding-left: 220px;
}

table.smsOut:hover
{
}

tr.smsContentOut
{
  height: 20px;
  background: #ffffff;
}

tr.smsContentOut:hover
{
  background: #f8ca6a;
}

td.smsHeadlineOut
{
  border-left: solid 1px black;
  border-right: solid 1px black;
  border-top: solid 1px black;
  text-align: right;
  background-color: #cccccc;
  font-weight: bold;
  height: 10px;
}

td.smsTextOut
{
  max-width: 260px;
  border-left: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black; /*padding-left:100px;*/
  text-align: right;
  width: 260px;
}

/* SMSHistory INBOX ================================================================================ */

table.smsIn
{
  padding-left: 150px;
  border-spacing: 0px;
}

tr.smsContentIn
{
  height: 20px;
  background: #ffffff;
  padding-right: 350px;
}

tr.smsContentOut:hover
{
  background: #f8ca6a;
}

td.smsHeadlineIn
{
  border-left: solid 1px black;
  border-right: solid 1px black;
  border-top: solid 1px black;
  text-align: left;
  background-color: #cccccc;
  font-weight: bold;
  height: 10px;
}

td.smsTextIn
{
  border-left: solid 1px black;
  border-right: solid 1px black;
  border-bottom: solid 1px black;
  max-width: 260px;
  text-align: left;
  width: 260px;
}

/* Logs ================================================================================ */


table.logs
{
  border-spacing: 0px 20px;
  width: 800px;
  border: solid 0px #ffffff;
}
tr.logsContent
{
  font-size: 10px;
  border: solid 1px #cccccc;
}
tr.logsHeadline
{
  font-weight: bold;
  border-top: solid 1px #16375d;
  border-right: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
  background-color: #cccccc;
  height: 20px;
}
.td.logsDetails
{
  width: 50px;
  right: 0;
  vertical-align: middle;
}
.td.logsTitle
{
  width: 600px;
  text-align: left;
}
.logsExternalTextBox
{
  height: 100px;
  border: solid 0px #ffffff;
  font-family: verdana, helvetica, arial, sans-serif;
  font-size: 11px;
}







/* Menu ================================================================================ */


.Menu
{
  width: 90px;
  text-align: left;
  font-size: 11px;
  margin-right: 10px;
}
.level1
{
  border-top: solid 1px #16375d;
  background-color: #FF9900;
  font-weight: bold;
  margin-bottom: 10px;
}

.level2
{
  border-top: solid 1px #16375d;
  background-color: #cccccc;
  font-weight: bold;
  margin-top: 20px;
}
.level3:link, .level3:visited, .level3:active
{
  font-weight: normal;
}
.level3
{
  border-bottom: solid 1px #cccccc;
}
.sublevel1
{
}

#blanket
{
  background-color: #111;
  opacity: 0.70;
  filter: alpha(opacity=65);
  position: absolute;
  z-index: 9001;
  top: 0px;
  left: 0px;
  width: 100%;
}

#popUpDiv
{
  position: absolute;
  background-color: #eeeeee;
  width: 1024px;
  height: 780px;
  z-index: 9002;
}

/* sensorlogs */


table.sensorLogs
{
  border: solid 1px #000000;
  border-spacing: 0px 0px;
  border-collapse: collapse; /* internet explorer */
  width: 800px;
}

table.sensorLogsInnerTable
{
  border: solid 0px #000000;
  border-spacing: 0px 0px;
  border-collapse: collapse; /* internet explorer */
}

table.sensorLogsInnerTableHidden
{
  color: #cccccc;
  border: solid 0px #000000;
  border-spacing: 0px 0px;
  border-collapse: collapse; /* internet explorer */
}

table.sensorLogsHead
{
  border: solid 0px #000000;
  border-spacing: 0px 0px;
  border-collapse: collapse; /* internet explorer */
  width: 800px;
}

tr.sensorTableHead
{
  color: #FF9900;
  border: solid 0px #000000;
  background-color: #ffffff;
}

tr.sensorFirstRowHead
{
  color: #FF9900;
  border-top: solid 1px #000000;
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
  background-color: #16375d;
  font-weight: bold;
}

tr.sensorSecondRowHead
{
  color: #FF9900;
  border-bottom: solid 1px #000000;
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
  background-color: #16375d;
  font-weight: bold;
}

td.sensorBoldText
{
  font-weight: bold;
}

td.sensorColorBoldText
{
  color: #FF9900;
  font-weight: bold;
}

td.sensorTemp
{
  width: 20%;
  text-align: right;
}

td.sensorDescription
{
  /*border-right: solid 1px #000000;   border-left: solid 1px #000000;   background-color:  	#ff9900;*/
  color: #002060;
}

td.sensorColorText
{
  background-color: #ffc000;
  color: #002060;
}

td.sensorSubTitle
{
  text-align: right;
  font-weight: bold;
  border-bottom: solid 1px #000000;
}

td.sensorSubTitleDescription
{
  font-weight: bold;
  border-bottom: solid 1px #000000;
}

td.sensorSubTitleDescriptionRightAlign
{
  font-weight: bold;
  border-bottom: solid 1px #000000;
  text-align: right;
}

tr.sensorContent
{
  background-color: #ffffff;
}

td.sensorTempText
{
  text-align: center;
  color: #002060;
}

td.sensorCell1
{
  color: #FF9900;
  width: 80px;
}

td.sensorCell2
{
  text-align: right;
  color: #ffffff;
  width: 80px;
}

td.sensorCell3
{
  color: #FF9900;
  width: 140px;
}

td.sensorCell4
{
  text-align: right;
  color: #ffffff;
  width: 100px;
}

td.sensorCell5
{
  color: #FF9900;
  width: 80px;
}

td.sensorCell6
{
  color: #ffffff;
  width: 70px;
}

td.sensorCell7
{
  color: #ffffff;
  width: 70px;
}

td.sensorCell8
{
  color: #ffffff;
  width: 45px;
}

td.sensorCell9
{
  color: #ffffff;
  width: 45px;
}

td.sensorCell10
{
  color: #ffffff;
  width: 45px;
}

td.sensorWhiteText
{
  color: #ffffff;
}

td.sensorCellGeoInfo
{
  color: #ffffff;
  text-align: right;
}


td.sensorIcon
{
  text-align: right;
}

/* deviceheaderOptions */

table.deviceHeaderOptions
{
  border: solid 0px #000000;
  border-spacing: 0px 0px;
  border-collapse: collapse; /* internet explorer */
  width: 685px;
}

tr.deviceHeaderOptionsRow
{
  color: #002060;
}

td.deviceHeaderOptionsCell1
{
  color: #FF9900;
  font-weight: bold;
  text-align: left;
}

.serialNo
{
  font-size: smaller;
  color: #cccccc;
}

td.deviceHeaderOptionsCell3
{
  text-align: right;
}


/* deviceheader */

table.deviceHeader
{
  border: solid 1px #000000;
  border-spacing: 0px 0px;
  border-collapse: collapse; /* internet explorer */
  width: 685px;
}

tr.deviceHeaderRow
{
  color: #16375d;
}

td.deviceHeaderCell1
{
  width: 110px;
}

td.deviceHeaderCell2
{
}

td.deviceHeaderCell3
{
  text-align: right;
}

td.deviceHeaderCell4
{
  text-align: right;
}

td.deviceHeaderCell5
{
  width: 90px;
  text-align: right;
}

td.deviceHeaderCell6
{
  text-align: right;
}

td.deviceHeaderCell7
{
  text-align: right;
}


/* Devices ======================================================================= */

table.devices
{
  border: solid 1px #000000;
  border-spacing: 0px 0px;
  border-collapse: collapse; /* internet explorer */
  width: 685px;
  font-size: 10px;
}

tr.devicesHead
{
  color: #ffffff;
  border-bottom: solid 1px #000000;
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
  background-color: #16375d;
  font-weight: bold;
  font-size: 11px;
  height: 11px;
}

tr.devicesFilter
{
  border-bottom: solid 1px;
}


tr.devicesRow
{
  height: 30px;
  background: #ffffff;
  border-bottom: solid 1px #a5a5a5;
}

tr.devicesRowColor
{
  height: 30px;
  background: #eaeaea;
}


tr.devicesRowColor:hover
{
  background: #f8ca6a;
}

tr.devicesRow:hover
{
  background: #f8ca6a;
}

td
{
  text-align: left; /* Opera, IE8+ */
}

td.devicesCellIcon
{
  width: 5%;
}

td.devicesCell2
{
  width: 20%;
  text-align: right;
}

td.devicesCell3
{
  text-align: right;
}

td.devicesCell4
{
  text-align: right;
}

td.devicesCell5
{
  /*width:13%;*/
}

td.devicesCell6
{
  width: 13%;
}

td.devicesCellBlank
{
  width: 5%;
}

/* sms history */

table.smsHistoryHead
{
  color: #FF9900;
  border: solid 1px #000000;
  background-color: #16375d;
  font-size: 16px;
  font-weight: bold;
  height: 30px;
}

table.smsHistory
{
  border: solid 0px #000000;
  border-spacing: 0px 0px;
  border-collapse: collapse; /* internet explorer */
  width: 800px;
}

td.smsHistoryCellHeadIn
{
  width: 350px;
  color: #ffffff;
  border-bottom: solid 1px #000000;
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
  background-color: #16375d;
  font-weight: bold;
}

td.smsHistoryCellHeadOut
{
  width: 350px;
  color: #FF9900;
  border-bottom: solid 1px #000000;
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
  background-color: #16375d;
  font-weight: bold;
}

td.smsHistoryCellText
{
  width: 350px;
  color: #16375d;
  border-bottom: solid 1px #000000;
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
}

td.smsHistoryCellBlank
{
  background-color: White;
  width: 350px;
}

/* Simcards */

table.simCards
{
  border: solid 1px #000000;
  border-spacing: 0px 0px;
  border-collapse: collapse; /* internet explorer */
  width: 685px;
}

tr.simRowHead
{
  height: 10px;
  color: #ffffff;
  border-bottom: solid 1px #000000;
  border-left: solid 1px #000000;
  border-right: solid 1px #000000;
  background-color: #16375d;
}

tr.simRow
{
  background: #ffffff;
}

td.simBold
{
  font-weight: bold;
}

td.simBoldRight
{
  font-weight: bold;
  text-align: right;
}

table#tblDevices
{
  font-size: 10px;
  background-color: #ebebeb;
  color: #232323;
  overflow-y: scroll " runat=" server;
}

tr.mapDevices
{
  font-size: 10px;
}

tr.mapDevices:hover
{
  /*background-color: #aae8ff;*/
  background: #f8ca6a;
}

td.mapDevicesDevice
{
  padding: 7px 7px 7px 7px;
  border-bottom: solid 1px #d2d2d2;
}