/**************************************/
/************ General Style ***********/
/**************************************/
a, a:visited 
{
	color: #1e98d5;
	text-decoration: none;
}

a:hover 
{
	color: #f27b13;
	text-decoration: underline;
}

label 
{
	margin: 2px;
}

.listBox
{
	padding: 5px;
}

input, option, select, textarea 
{
	color: #3f2c0c;
}

textarea 
{
	resize: none;
}

option 
{
	background: #f3fdfc;
}

div 
{
	float: none;
}

input[type=text] {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

input[type=submit], input[type=button] { /* NOTE: IE6 doesn't support attribute selectors */
	cursor:pointer;
	background: transparent url(./Images/buttonBg.gif) bottom left repeat-x;
	color: #fff;
	font-weight: bold;
	font-size: 13px;
	border: none;
	padding: 0 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

input[type=submit]:hover, input[type=button]:hover { /* NOTE: IE6 doesn't support attribute selectors */
	/*background: transparent url(./Images/buttonBg.gif) top left repeat-x;*/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;	
}

input[type=submit][disabled]
{
	cursor: auto;
	background: #C0C0C0;
	color: #808080;
	font-weight: bold;
	font-size: 13px;
	border: none;
	padding: 0 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

.disabledLink
{
	cursor: auto;
	background: #C0C0C0;
	color: #808080;
}

/**************************************/
/********** Container Style ***********/
/**************************************/
#container 
{
	/*width:1000px;*/
	width: 100% !important;
	margin:0px 0px;
	padding:0px;
	float: none;
}

/**************************************/
/*********** Content Style ************/
/**************************************/
#content 
{
	overflow: visible;
	width: auto;
	float: none;
}

/**************************************/
/*********** Sortable List ************/
/**************************************/
ul.sortable_list 
{
	font-size: 8pt;
	font-style: normal;
	margin: 0px auto;
	padding-left: 0;
}

ul.sortable_list > li
{
	list-style: none;
}

ul.sortable_list > li.clear
{
	clear: both;
}

ul.sortable_list_Account 
{
	font-size: 8pt;
	font-style: normal;
	margin: 0px auto;
	padding-left: 0;
}

ul.sortable_list_Account > li
{
	list-style: none;
}

ul.sortable_list_Account > li.clear
{
	clear: both;
}

ul.sortable_list div.data_table
{
	float: left;
	font-size: 8pt;
	font-style: normal;
	color: black;
	padding: 0;
	width: 100%;
}

ul.sortable_list div.header
{
	margin-bottom: 10px;
	margin-top: 10px;
}

ul.sortable_list div.footer
{
	margin: 5px auto 5px auto;
}

ul.sortable_list div#header
{
	width: 100%;
}

ul.sortable_list div#content_main
{
	margin-bottom: 10px;
}

ul.sortable_list div.riolo_label
{
	color: White;
	width: 50px;
	padding-left: 10px;
	padding-top: 10px;
}

ul.sortable_list div.riolo_logo
{
	padding-left: 10px;
	padding-top: 10px;
}

ul.sortable_list #header .sortable_list div
{
	width: 1005px !important;
	float: none !important;
	margin: 0 auto !important;
	padding-left: 0 !important;
}

/**************************************/
/********** Main Data Area ************/
/**************************************/
ul.sortable_list table 
{
	border: none !important;
}

ul.sortable_list table table 
{
	background: #fff;
	/*border: 1px solid #3f2c0c !important;*/
	padding: 5px;
}

ul.sortable_list table table table
{
	border: none !important;
}

#container #content ul.sortable_list .full_edit_area table 
{
	border: none !important;
}

#container #content ul.sortable_list .full_edit_area table table
{
	border: none !important;
	width: 100%;
}

ul.sortable_list table table td {
	border: none !important;
}

/**************************************/
/************** Header ****************/
/**************************************/
ul.sortable_list_Account div#headerAccount
{
	background-position: 0 10px;
	height: 100px;
	overflow: hidden;
	position: relative;
}

ul.sortable_list div#header, ul.sortable_list div#headerAccount, .Container .Header, #container #header 
{
	background-position: 0 10px;
	height: 100px;
	overflow: hidden;
	position: relative;
}

.Header #header 
{
	height: 150px !important;
}

#header ul.sortable_list, .Container .Header img, #container #header img 
{
	/*display: none;*/
}

#header
{
	min-width: 900px !important;
	/*background-color: #4EA03F;*/ 
	background-color: #1e98d5;
}

#header #userSummary 
{
	position: absolute;
	top: 10px;
	right: 20px;
	color: #fff;
	font-size: 8pt !important;
}

#header #userSummary a 
{
	color: #333;
	font-size: 8pt !important;	
}

#header #userSummary a:hover 
{
	text-decoration: underline;
}

#header #viewTitle 
{
	position: absolute;
	top: 30px;
	right: 20px;
	color: #333;
	font-size: 8pt !important;
}

#header #tagline 
{
	position: absolute;
	top: 60px;
	right: 20px;
	width: 358px;
	height: 23px;
}

#header #tagline img 
{
	display: block !important;
}

/**************************************/
/******* Navigation Menu Bar **********/
/**************************************/

/* These properties defines master level styles */
ul.sortable_list div#top_nav_bar, .Container .Header .Main_Nav, #content #top_nav_bar 
{
	padding: 0 !important;
	height: 50px;
	border-top: 3px solid #fff;
	overflow: hidden;
	position: relative;
}

ul.sortable_list div.menu, ul.sortable_list div.menu_current
{
	text-align: center;
	color: White;
}

ul.sortable_list div#top_nav_bar
{
	width: 100%;
	color: White;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.sortable_list div#top_nav_bar a:hover
{
	color: Yellow;
	text-decoration: none;
}

ul.sortable_list div#top_nav_bar a,
ul.sortable_list div#top_nav_bar a:visited
{
	color: White;
	text-decoration: none;
}

ul.sortable_list div#top_nav_bar a:hover, .Container .Header .Main_Nav a:hover, #content #top_nav_bar a:hover 
{
	color: #bbd896;
}

#top_nav_bar 
{
	background: transparent url(./Images/navBg.jpg) top left repeat-x;
	height: 50px;
	min-width: 900px !important;
}

#content #top_nav_bar 
{
	min-width: 900px !important;
}

#content #top_nav_bar .menu[style], .Container .Header .Main_Nav .Right /* NOTE: IE6 doesn't support attribute selectors */
{ 
	float: right !important;
}

/* These properties defines user control level styles */

#top_nav_bar ul.sortable_list div.menu, #container #content #top_nav_bar ul.sortable_list div.menu, #content #top_nav_bar .menu, #content #top_nav_bar .menu_current
{
	font-size: 14px !important;
	letter-spacing: -.25px;
	font-weight: bold !important;
	position: relative;
	overflow: hidden;
	display: block;
	float: left !important;
	height: 50px;
	width: 170px !important;
	visibility: hidden;
	line-height: 50px;
}

#top_nav_bar ul.sortable_list div.menu a, .Container .Header .Nav_Menu a, #content #top_nav_bar .menu a
{
	visibility: visible;
	display: block;
	height: 50px;
	width: 170px !important;
	position: absolute;
	top: 0;
	left: 0;
	color: #FFFFFF;
}

#content #top_nav_bar .menu_current a
{
	visibility: visible;
	display: block;
	height: 50px;
	width: 170px !important;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url(./Images/navBgBlue.jpg) repeat-x left top;
	color: #fff;
}

#top_nav_bar ul.sortable_list div.menu a:hover, .Container .Header .Nav_Menu a:hover, #content #top_nav_bar .menu a:hover, #content #top_nav_bar .menu_current a:hover
{
	background: transparent url(./Images/navBgBlueSelecting.jpg) repeat-x top left;
	color: #fff;
}

#top_nav_bar ul.sortable_list div.menu a:active, .Container .Header .Nav_Menu a:active, #content #top_nav_bar .menu a:active 
{
	top: 1px;
	left: 1px;
	background: transparent url(./Images/navactbg.jpg) top left repeat-x;
}

.Container .Header .Nav_Menu 
{
	font-size: 14px !important;
	font-weight: bold !important;
	position: relative;
	overflow: hidden;
	display: block;
	float: left !important;
	height: 50px;
	visibility: hidden;
}

/**************************************/
/*********** Bottom Bar ***************/
/**************************************/
ul.sortable_list div#bottom_bar
{
	/*overflow: hidden;
    float: left;*/
	width: 100%;
	padding-top: 10px;
	padding-left: auto !important;
	padding-right: auto !important;
	padding-bottom: 10px;
	margin-top: 20px;
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: auto !important;
	color: #333 !important;
}

ul.sortable_list div#bottom_bar a 
{
	/*color: #111;*/
}

ul.sortable_list div#bottom_bar div 
{
	float: left;
}

/**************************************/
/************** GridView **************/
/**************************************/
.GridViewAngourie tr.alternate {
    background-color: #F3F8FE;
}

.GridViewAngourie tr.normal:hover, .GridViewAngourie tr.alternate:hover
{
	background-color: #E8E8E8;
}

.GridView_Header_Left th
{
	text-align: left;
	padding-left: 3px;
    /* This looks nicer, but I don't know if it's considered too much spacing.
    padding: 0 .75em 0 .25em;
    */
}

.GridView_Header_Padding
{
	padding-left: 9px !important;
}

.hyperlinkColumn
{
	color: inherit;
}

#container #content ul.sortable_list .full_edit_area .comment_div table
{ 
	border: solid 1px Black !important; 
} 

.comment_between
{
	background-color: #D1D1D1; 
	height:5px; 
	margin: 0;
	border: solid 1px #808080 !important;
}

.GridViewSectionList 
{ 
	border: solid 1px Black !important; 
} 

.GridViewSectionList td.right_border
{
	border-right: solid 1px Black !important;
	border-right-color: #808080 !important;
} 

.GridViewNoHeader
{
	margin-top: -13px;
}

.GridViewNoHeader td
{
	padding: 3px 0px 3px 20px;
	background-color: #C5DFFC;
}

.GridViewNoHeader_Item
{
	background-color: #C5DFFC;
}

.GridViewNoHeader td.first
{
	border-right: solid 1px Black !important;
} 

.ImageColumn
{
	margin: 0;
	padding: 0;
}

/**************************************/
/************* Account Stuff **********/
/**************************************/
#wrapper 
{
	/*width:1016px;*/
	width:930px;
	margin:0px auto;
}

#headerAccount
{
	/*background-color: #4EA03F;*/ 
	background-color: #1e98d5;
}

#headerAccount #tagline 
{
	position: absolute;
	top: 60px;
	right: 10px;
	width: 358px;
	height: 23px;
}

#headerAccount #tagline img 
{
	display: block !important;
}

ul.sortable_list div#headerAccount
{
	width: 100%;
}

/* ACCOUNT FORM ELEMENTS */
.accountCenteredDiv
{
	border: none !important;
	width: 60%;
	margin: auto;
	text-align: center;
}

div.accountInfo
{
    width: 100%;
}

.registerCentered
{
	width: 70%;
	margin: auto;     
	text-align: left;
}

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

.loginCentered
{
	margin: auto;     
	text-align: left;
}

div.longinInfo
{
    width: 450px;
}

input.userEntry
{
    width: 150px;
    border: 1px solid #ccc;
}

input.companyEntry 
{
	margin-left: 7px;
    width: 200px;
    border: 1px solid #ccc;
}

input.loginPasswordEntry 
{
    width: 385px;
    border: 1px solid #ccc;
}

/**************************************/
/************ Modal Style *************/
/**************************************/
.filterPopUp
{
	border: 2px outset #000000;
	padding: 20px;
	background-color: #ffffff;
}

.filterPopUp table table
{
	border: none !important;  
}

.filterModalPopUp
{
	border: 2px outset #000000;
	padding: 0px;
	background-color: #ffffff;
	overflow: hidden;
    /*height: 440px;*/
}

.filterModalPopUp .filterModalFrame
{
	width: 100%; 
	border: 8px solid #DDE3DD !important; 
	padding: 5px;
}

.filterModalPopUp table table
{
	border: none !important;  
}

.dispatchDialogPopUp
{
	border: 2px outset #000000;
	padding: 15px;
	background-color: #ffffff;
}

.dialogPopUp
{
	border: 3px outset #C0C0C0;
	padding: 20px;
	background-color: #ffffff;
}

#dialogHandle td
{
	border-width: thin;
	border-color: #000000;
	background-color: #dddddd;
	font-weight: bold;
	height: 18px;
	border-collapse: collapse;
	padding-left: 5px;
	border-bottom-style: solid;
}

#dialogFilterHandle td
{
	border-width: thin;
	border-color: #000000;
	background-color: #dddddd;
	font-weight: bold;
	height: 18px;
	border-collapse: collapse;
	padding-left: 5px;
	border-bottom-style: solid;
	cursor: pointer;
}

/**************************************/
/************* Edit Page **************/
/**************************************/
.full_admin_area
{
	width: 80%;
	border: none;   
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	min-width: 900px !important;
}

.full_edit_area
{
	width: 1005px;
	border: 1px solid black;   
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
}

.full_edit_section_area
{
	width: 1005px;
	border: 1px solid black;   
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.half_edit_section_area
{
	width: 495px;
	border: 1px solid black;   
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}

.box_title
{
	background: #1e98d5;
	padding-left: 5px;
	font-weight:bold; 
	color: #fff;
	vertical-align: middle;
	font-size: 12px !important;
	line-height: 25px;
	cursor: pointer;
} 

.box_title_sub
{
	background: transparent url(./Images/buttonBg.gif) bottom left repeat-x;
	padding-left: 5px;
	font-weight: bold;
	color: #fff;
	vertical-align: middle;
	font-size: 12px !important;
	line-height: 25px;
} 

.section {
	background: #fff;
	padding: 20px 10px 20px 10px;   
}

.section_less_padding {
	background: #fff;
	padding: 10px 10px 10px 10px;   
}

.section_fieldset 
{
	padding: 0 25px 0 25px;   
}

.section_min_fieldset 
{
	min-width: 1005px !important;
	margin: 1em 25px;
}

.section_min600_fieldset 
{
	min-width: 600px !important;
	padding: 0 25px 0 25px;   
}

.section_sub
{
	border-style: solid;
	border-width: 1px;
	background: #fff;
	padding: 10px 10px 10px 10px;
}

.section_sub_right
{
	border-style: solid;
	border-width: 1px;
	background: #fff;
	height: 305px;
}

.section th {
	background: #278EDB !important;
	color: #fff;
	height: 22px;
	line-height: 22px;
	vertical-align: middle;
	font-weight: bold;
}

.section_table
{
	width: 100%;
}

.sub_section_header td 
{
	background-color: #a4c387 !important;
	color: #fff;
}

/**************************************/
/************* MISC Stuff *************/
/**************************************/
.top
{
	float: right; 
    font-size: 8pt; 
    font-style: normal;
}

.bottomLink { margin: 0 5px; }

.title .nofill 
{
    background: transparent none repeat scroll 0 0;
}

.section_none 
{
	width: 1008px;
	margin: 5px auto;
}

.link_label
{
	cursor: pointer;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

#loadSharing 
{
    background: transparent none repeat scroll 0 0;
    margin-left:-8px;
    margin-top:3px;
}

#accountingUpdate 
{
    background: transparent none repeat scroll 0 0;
    margin-left:-8px;
    margin-top:3px;
}

#comments 
{
    background: transparent none repeat scroll 0 0;
    margin-left:-8px;
    margin-top:3px;
}

#quickSearchContainer 
{
	position: absolute;
	right: 10px;
	line-height: 50px;
}

#quickSearch 
{
	color: #000;
}

#tooltip {
	position: absolute;
	z-index: 100000;
	border: 2px solid #3f2c0c;
	background: #eee;
	padding: 5px;
	font-size: 11px;
	opacity: 0.9;
	font-family: inherit !important;
}

#tooltip h3, #tooltip div { 
	margin: 0; font-size: 11px;
	font-weight: bold;
}

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 12px;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.underline
{
	text-decoration: underline;
}

.submitButton
{
    text-align: right;
    padding-right: 5px;
}

.groupLegend
{
	font-size: 11px;
	font-weight: bold;
}

.groupLegend_NoBold
{
	font-size: 11px;
	font-weight: normal;
}

.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.redLabel
{
	color: #FF0000;
	cursor: pointer;
}

.MaskedEditFocus
{
    background-color: #ffffcc;
    color: #000000;
}

.MaskedEditError
{
    background-color: #ffcccc;
    color: Red;
}

/* Styles for Document pages */
.siteDetailContainer {
	padding: 5px 10px;
	margin: 10px 0;
	background: #fff;
}

.siteDetailContainer p {
	text-align: justify;
}

.siteDetailContainer h1 {
	color: #1e98d5;
	border-bottom: 2px solid #1e98d5;
}

.siteDetailContainer h2 {
	color: #3f2c0c;
}

/**************************************/
/********** Import Order Page *********/
/**************************************/
.border_box_preview_Contact
{
	min-width: 600px; 
    border: #000 1px solid;
    margin-top: 20px;
    margin-bottom: 0px;
    padding: 10px;
}

/**************************************/
/******* Trakkx Administration ********/
/**************************************/
.ajax__tab_xp .ajax__tab_outer 
{
	font-size: 14px !important;
}

.ajax__tab_xp .ajax__tab_body 
{
	font-size: 12px !important;
}

/***************************************************************************/

body { margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
input[type=submit],
input[type=button],
button { font-family:Arial, Helvetica, sans-serif; }

/* Validator messages on multiple pages. */
.Invalid { color:Red; }

/* Makes a link resemble a button. (Previously known as ".mcHyperLink".) */
a.Button-Like { background-color:#278EDB; color:#FFF !important; font-weight:bold; cursor:pointer; padding:1px .6ch; border-radius:.5ch; font-size:13px; font-family:Arial, Helvetica, sans-serif; text-decoration:none; }/* Some declarations might be redundant? */
a.Button-Like:hover { text-decoration:none; }

/* Google Maps info "tool tip" */
div.gm-style-iw img { vertical-align:middle; }

/* Column headings on multiple pages. */
th.Ascending:after { content:'\A0\25B2'; }
th.Ascending2:after { content:'\A0\25B3'; }
th.Descending:after { content:'\A0\25BC'; }
th.Descending2:after { content:'\A0\25BD'; }

/* Icons on multiple pages. */
.BatteryIcon { width:16px; height:16px; }

/* UpdateProgress controls on multiple pages. */
.Progresser { position:fixed; top:0; bottom:0; left:0; right:0; width:100%; height:100%; background:url(Images/spinner.gif) 50% 50% no-repeat #000; opacity:.5; }
.Progresser { -webkit-user-select:none; -moz-user-select:none; user-select:none; }

/* Used on several pages to control the width of the TabContainer... */
/* This is a very weird selector because setting either id or class caused TabContainer exceptions, so I had to make up something else. */
[data-class2=Tabs] { margin:2em auto; width:80vw; min-width:900px; }

/* ~/Admin/Assets.aspx */
#assetsSearchTB { width:25em; margin-left:2em; }
.Tel { white-space:nowrap; }
.CalAmpAssetsGrid tr > :nth-child(6),/* Edit */
.CalAmpAssetsGrid tr > :nth-child(7),/* ESN */
.CalAmpAssetsGrid tr > :nth-child(8),/* LastMessage */
.CalAmpAssetsGrid tr > :nth-child(9) { padding-right:1.5ex; }/* Track */
.CalAmpVerifyGrid {}

/* ~/Admin/AssetEdit.aspx */
table.AssetEdit { margin:2em auto; }
table.AssetEdit > tbody > tr > td { vertical-align:top; }
table.AssetEdit > tbody > tr > td table { margin:0; }
table.AssetEdit fieldset { margin:2em auto; width:40vw; min-width:450px; box-sizing:border-box; }
table.AssetEdit fieldset .WideText { width:30vw; min-width:20em; }

/* ~/Admin/CalAmpInventory.aspx */
.CalAmpInventoryStatusCBL { white-space:nowrap; }
.CalAmpInventoryStatusCBL input { margin:.5ex 0 0 1ex; }
.CalAmpInventoryGrid th > a { color:White; }
.CalAmpInventoryGrid tr > :nth-child(5) { text-align:center; }/* Firmware */
.CalAmpInventoryGrid tr > :nth-child(6) { text-align:center; }/* Script */
.CalAmpInventoryCountsGrid { width:auto !important; }/* Important to override the Skin. */
.CalAmpInventoryCountsGrid tr > * { text-align:center; }
.CalAmpInventoryCountsGrid tr > :first-child { text-align:left; }
.CalAmpInventoryCountsGrid tr > th { padding-right:1.5ex; }
fieldset.CalAmpDeviceUpdater { margin:2em auto; width:80vw; min-width:900px; box-sizing:border-box; }
fieldset.CalAmpDeviceUpdater input[type=submit] { margin-right:1em; }

/* ~/Admin/CompanyUser.aspx */
#MainCPH_Tabs_pnlNewAccount_ExpandPanelAddAccount > fieldset > table > tbody > tr > td:first-child { white-space:nowrap; }
#MainCPH_Tabs_pnlNewAccount_ExpandPanelAddAccount input[type=text] { width:50ch; }
#MainCPH_Tabs_pnlNewAccount_ExpandPanelAddAccount #MainCPH_Tabs_pnlNewAccount_MCNumberTB,
#MainCPH_Tabs_pnlNewAccount_ExpandPanelAddAccount #MainCPH_Tabs_pnlNewAccount_DOTNumberTB { width:12ch; }

/* ~/Admin/Order.aspx */
#pnlOrderMaintenance .OrderID { width:7ex; }

/* ~/Admin/PacketPopup.aspx */
.PacketPopup { margin:1em 25px; min-width:1005px; }
.PacketPopup #gmap { min-width:1005px; height:70vh; }

/* ~/Admin/TrackerMessages.aspx */
.TrackerMessages { margin:1em auto 2em; width:80vw; min-width:900px; }
.TrackerMessages input[type=range] { vertical-align:middle; }
.TrackerMessages #gmap { width:80vw; min-width:900px; height:70vh; }
.TrackerMessages .MessageGrid tr > :nth-child(1) { text-align:center; }/* EventCode */
.TrackerMessages .MessageGrid tr > :nth-child(2) { text-align:center; }/* UtcSent */
.TrackerMessages .MessageGrid tr > :nth-child(3) { text-align:center; }/* Lat/Long */
.TrackerMessages .MessageGrid tr > :nth-child(4) { text-align:right; }/* Altitude */
.TrackerMessages .MessageGrid tr > td:nth-child(4):not(:empty):after { content:"'"; }
.TrackerMessages .MessageGrid tr > :nth-child(5) { text-align:center; }/* City */
.TrackerMessages .MessageGrid tr > :nth-child(6) { text-align:right; }/* MPH */
.TrackerMessages .MessageGrid tr > td:nth-child(6):not(:empty):after { content:'\A0MPH'; }
.TrackerMessages .MessageGrid tr > :nth-child(7) { text-align:center; }/* Heading */
.TrackerMessages .MessageGrid tr > :nth-child(8) { text-align:center; }/* Temperature */
.TrackerMessages .MessageGrid tr > td:nth-child(8):not(:empty):after { content:'\B0 F'; }
.TrackerMessages .MessageGrid tr > :nth-child(9) { text-align:right; }/* Satellites */
.TrackerMessages .MessageGrid tr > :nth-child(10) { text-align:center; }/* GpsStatus */
.TrackerMessages .MessageGrid tr > :nth-child(11) { text-align:center; }/* CellularSignal */
.TrackerMessages .MessageGrid tr > td:nth-child(11):not(:empty):after { content:'%'; }
.TrackerMessages .MessageGrid tr > :nth-child(12) { text-align:center; }/* ExternalPower */
.TrackerMessages .MessageGrid tr > :nth-child(13) { text-align:center; }/* Battery */
.TrackerMessages .MessageGrid tr.Infoed { background:#F6DC79; }
.TrackerMessages .MessageGrid img { vertical-align:middle; }
.TrackerMessages .MessageGrid .ReceivedLate { color:Red; }