* { font-family: Arial,Geneva,sans-serif; font-size: 12px; margin:0; padding:0;}
body { background: #fff; margin:0px; }
a { color: white; }
h1 { color: grey; font-size: smaller; }
h2 { font-size: bigger; }
h3 { color: #444; font-size: bigger; }
ul  {padding: 0px;}
li {list-style-type: none; margin: 0px; height:1%;}	

#bodyframe { width: 900px; background: #fff; border: 1px solid #B8B8B8; margin:5px auto; }
.runtime { float: left; }
#flash { 
	/* margin:-18px 0px; */ 
	width:900px; 
	height:60px; 
	border-bottom: 1px solid black; 
	background:url(/media/images/login/logo-lonerportal.gif) no-repeat scroll;
}

#lang_selector {
	padding: 5px 0px 0px 18px;
	float:right;
}

#lang_selector a,
#requirements a {
	color: #666;
	text-decoration: none;
}

#lang_selector a:hover,
#requirements a:hover {
	color: #000;
}
 
#flashcontent { background-color: white; height: 26px;}
#bliplogo { position: absolute;	margin-left: 320px; padding-top: 10px; }
#blackline-logo {
	background: none;
	height: 0px;
	width: 255px;
	float: right;
	padding-right: 10px;
}

#blackline-logosm {
	/*background: url(/media/structure/blacklinelogo-sm.jpg) no-repeat;
	*/
	background:none;
	height: 100px;
}
#logos a {
	color: #666;
	margin-right: 100px;
}
.footerframe { 
	float: right; 
	width: 900px; 
	margin-top: 5px; 
	text-align: right; 
	padding-top: 5px; 
	height: 75px;
	/*
	background: url(/media/structure/blacklinelogo.jpg) no-repeat right; 
	*/
	background:none;
}
.footerframe a{color: #2c2c2c;text-decoration:none;}
.footerframe a:link:visited{color: #2c2c2c;text-decoration:none;}
.footerframe a:visited:link{color: #2c2c2c;text-decoration:none;}
.footerframe a img{text-decoration:none;border:none;}
.webfooterframe { 
	float: left; 
	width: 900px; 
	text-align: right; 
	/*margin-right: -5px;*/ 
}
.headerframe { float: left; } 
.hideme { display: none; }
#userinfo { 
	color:#666; 
	width: 50%;
	text-align: right;
	float: right;
	padding: 5px 15px 0px 0px;
}

.usercredits { display: none; }
.usercreditexpiry { display: none; }
.userfirstname { float: left; padding-right: 5px; display:none; }
.userlastname {	float: left; display:none; }
.usertitle { 
	float: left;
	padding-right: 5px; 
	width: 50%;
	display: none;
}

#page {	background: white;}	

.indicator { height: 48px; width: 40px;}
.level {height: 24px; width: 53px;}
.chargetext{ display: none; }
.opaque { opacity: .5; filter: alpha(opacity=50); }
.onlineindtext{	display: none; font-size:10px;}
.offlineindtext{ display: none;}
.emergonindtext{ display: none;}
.emergoffindtext{ display:none;}
.motionindtext{	display:none;}
.nomotionindtext{ display:none;}
.mandownonindtext{ display:none;}
.mandownoffindtext{ display:none;}
.nocheckinonindtext{ display:none;}
.nocheckinoffindtext{ display:none; font-size:10px;}

#devicesframe {	/*border: 2px solid green;*/ }
.devicebar { /*border: 1px solid blue;*/ width:890px; }
.devicebar a  { color: #666; }
.devicebar a:hover {color: #000; }
.devicebar h3 {	font-size: 14px; font-family: Arial,Geneva,sans-serif; height:28px; margin-top:-28px; text-align: left; }	
.devicebar h2 {	font-size: 12px; text-align: right; padding-right: 10px;}	
#nofriends { font-size: 12px; margin-left: 10px; color: white; }
#commandlog{ /*border: 2px solid blue;*/ margin-top: 10px; height: 50px; background: grey; }

#friendbar {clear:both; height:20px; position:relative; padding:0px; margin:0px; text-align:left; padding-left:9px; padding-top:8px; text-transform:uppercase; font-size:14px; font-weight:bold;}


.devicerow { background: #FFF none repeat scroll 0 0; margin-top: 3px; width:100%; float:left; border-color: #B8B8B8; border-style: solid none; border-width: 1px 0; clear: left;}
.devicerowsmall { background: #FFF none repeat scroll 0 0; margin-top: 3px; border-color: #B8B8B8; border-style: solid none; border-width: 1px 0; text-align:center;}
.devicerow:hover { background: #DBDBDB none repeat scroll 0 0; border-color: #B8B8B8; border-style: solid none; border-width: 1px 0;}
.devicerow:hover * {color: black;}
.devicerow a { color: #000;}
.devicerow .indicator{width: auto;}
.devicerow:hover .indicator_online{background: url(/media/structure/ind_online_h.png) no-repeat scroll center 0px;}
.devicerow:hover .indicator_offline{background: url(/media/structure/ind_online_h.png) no-repeat scroll center -48px;}
.devicerow:hover .indicator_mandownon{background: url(/media/structure/ind_arm_h.png) no-repeat scroll center -96px;}
.devicerow:hover .indicator_mandownoff{background: url(/media/structure/ind_arm_h.png) no-repeat scroll center -48px;}
.devicerow:hover .indicator_alert{background: url(/media/structure/ind_arm_h.png) no-repeat scroll center -96px;}
.devicerow:hover .indicator_nomotion{background: url(/media/structure/ind_motion_h.png) no-repeat scroll center 0px;}
.devicerow:hover .indicator_motion{background: url(/media/structure/ind_motion_h.png) no-repeat scroll center -48px;}
.devicerow:hover .indicator_breach{background: url(/media/structure/ind_perim_breach_h.png) no-repeat scroll center 0px;}
.devicerow:hover .indicator_nobreach{background: url(/media/structure/ind_perim_breach_h.png) no-repeat scroll center -48px;}
.devicerow:hover .indicator_nocheckinon{background: url(/media/structure/ind_arm_h.png) no-repeat scroll center -96px;}
.devicerow:hover .indicator_nocheckinoff{background: url(/media/structure/ind_arm_h.png) no-repeat scroll center -48px;}
.devicerow:hover .indicator_emergon{background: url(/media/structure/ind_arm_h.png) no-repeat scroll center -96px; height: 36px;}
.devicerow:hover .indicator_emergoff{background: url(/media/structure/ind_arm_h.png) no-repeat scroll center -48px; height: 36px;}

.indicator_online{background: url(/media/structure/ind_online.png) no-repeat scroll center 0px; height: 36px;}
.indicator_offline{background: url(/media/structure/ind_online.png) no-repeat scroll center -48px; height: 36px;}
.indicator_mandownon{background: url(/media/structure/ind_arm.png) no-repeat scroll center -96px; height: 36px;}
.indicator_mandownoff{background: url(/media/structure/ind_arm.png) no-repeat scroll center -48px; height: 36px;}
.indicator_emergon{background: url(/media/structure/ind_arm.png) no-repeat scroll center -96px; height: 36px;}
.indicator_emergoff{background: url(/media/structure/ind_arm.png) no-repeat scroll center -48px; height: 36px;}
.indicator_alert{background: url(/media/structure/ind_arm.png) no-repeat scroll center -96px; height: 36px;}
.indicator_nomotion{background: url(/media/structure/ind_motion.png) no-repeat center 0px; height: 36px;}
.indicator_motion{background: url(/media/structure/ind_motion.png) no-repeat center -48px; height: 36px;}
.indicator_nocheckinon{background: url(/media/structure/ind_arm.png) no-repeat scroll center -96px; height: 36px;}
.indicator_nocheckinoff{background: url(/media/structure/ind_arm.png) no-repeat scroll center -48px; height: 36px;}
.devicerow:hover .level_battery_5 {background:url(/media/structure/ind_battery_h.png) no-repeat center 0px;}
.devicerow:hover .level_battery_4 {background:url(/media/structure/ind_battery_h.png) no-repeat center -24px;}
.devicerow:hover .level_battery_3 {background:url(/media/structure/ind_battery_h.png) no-repeat center -48px;}
.devicerow:hover .level_battery_2 {background:url(/media/structure/ind_battery_h.png) no-repeat center -72px;}
.devicerow:hover .level_battery_1 {background:url(/media/structure/ind_battery_h.png) no-repeat center -96px;}
.devicerow:hover .level_battery_0 {background:url(/media/structure/ind_battery_h.png) no-repeat center -120px;}
.devicerow:hover .charging {background:url(/media/structure/ind_battery_h.png) no-repeat center -144px;}
.level_battery_5 {background:url(/media/structure/ind_battery.png) no-repeat center 0px; height: 15px; margin-top: 10px;}
.level_battery_4 {background:url(/media/structure/ind_battery.png) no-repeat center -24px; height: 15px; margin-top: 10px;}
.level_battery_3 {background:url(/media/structure/ind_battery.png) no-repeat center -48px; height: 15px; margin-top: 10px;}
.level_battery_2 {background:url(/media/structure/ind_battery.png) no-repeat center -72px; height: 15px; margin-top: 10px;}
.level_battery_1 {background:url(/media/structure/ind_battery.png) no-repeat center -96px; height: 15px; margin-top: 10px;}
.level_battery_0 {background:url(/media/structure/ind_battery.png) no-repeat center -120px; height: 15px; margin-top: 10px;}
.charging {background:url(/media/structure/ind_battery.png) no-repeat center -144px; height: 15px; margin-top: 10px;}
.hardwire.charging.level_battery_7, .hardwire.charging.level_battery_6, .hardwire.charging.level_battery_5 { background:url(/media/structure/cis_battery.png) no-repeat center -336px; height: 27px;}
.hardwire.charging.level_battery_4, .hardwire.charging.level_battery_3 { background:url(/media/structure/cis_battery.png) no-repeat center -288px; height: 27px;}
.hardwire.charging.level_battery_2, .hardwire.charging.level_battery_1, .hardwire.charging.level_battery_0 { background:url(/media/structure/cis_battery.png) no-repeat center -240px; height: 27px;}
.hardwire.level_battery_5 { background:url(/media/structure/cis_battery.png) no-repeat center -192px; margin-top: 4px; height: 27px;}
.hardwire.level_battery_4 { background:url(/media/structure/cis_battery.png) no-repeat center -144px; margin-top: 4px; height: 27px;}
.hardwire.level_battery_3 { background:url(/media/structure/cis_battery.png) no-repeat center -96px; margin-top: 4px; height: 27px;}
.hardwire.level_battery_2 { background:url(/media/structure/cis_battery.png) no-repeat center -48px; margin-top: 4px; height: 27px;}
.hardwire.level_battery_1, .hardwire.level_battery_0 { background:url(/media/structure/cis_battery.png) no-repeat center 0px; margin-top: 4px; height: 27px;}
.devicerow:hover .hardwire.charging.level_battery_7, .devicerow:hover .hardwire.charging.level_battery_6, .devicerow:hover .hardwire.charging.level_battery_5 { background:url(/media/structure/cis_battery_gray.png) no-repeat center -336px; }
.devicerow:hover .hardwire.charging.level_battery_4, .devicerow:hover .hardwire.charging.level_battery_3 { background:url(/media/structure/cis_battery_gray.png) no-repeat center -288px; }
.devicerow:hover .hardwire.charging.level_battery_2, .devicerow:hover .hardwire.charging.level_battery_1, .devicerow:hover .hardwire.charging.level_battery_0 { background:url(/media/structure/cis_battery_gray.png) no-repeat center -240px; }
.devicerow:hover .hardwire.level_battery_5 { background:url(/media/structure/cis_battery_gray.png) no-repeat center -192px; }
.devicerow:hover .hardwire.level_battery_4 { background:url(/media/structure/cis_battery_gray.png) no-repeat center -144px; }
.devicerow:hover .hardwire.level_battery_3 { background:url(/media/structure/cis_battery_gray.png) no-repeat center -96px; }
.devicerow:hover .hardwire.level_battery_2 { background:url(/media/structure/cis_battery_gray.png) no-repeat center -48px; }
.devicerow:hover .hardwire.level_battery_1, .devicerow:hover .hardwire.level_battery_0 { background:url(/media/structure/cis_battery_gray.png) no-repeat center 0px; }

.devicerow:hover .level_gsm_5 {	background:url(/media/structure/ind_signal_strength_h.png) no-repeat center 0px;}
.devicerow:hover .level_gsm_4 {background:url(/media/structure/ind_signal_strength_h.png) no-repeat center -24px;}
.devicerow:hover .level_gsm_3 {background:url(/media/structure/ind_signal_strength_h.png) no-repeat center -48px;}
.devicerow:hover .level_gsm_2 {background:url(/media/structure/ind_signal_strength_h.png) no-repeat center -72px;}
.devicerow:hover .level_gsm_1 {background:url(/media/structure/ind_signal_strength_h.png) no-repeat center -96px;}
.devicerow:hover .level_gsm_0 {background:url(/media/structure/ind_signal_strength_h.png) no-repeat center -120px;}
.level_gsm_5 {background:url(/media/structure/ind_signal_strength.png) no-repeat center 0px; height: 15px; margin-top: 10px;}
.level_gsm_4 {background:url(/media/structure/ind_signal_strength.png) no-repeat center -24px; height: 15px; margin-top: 10px;}
.level_gsm_3 {background:url(/media/structure/ind_signal_strength.png) no-repeat center -48px; height: 15px; margin-top: 10px;}
.level_gsm_2 {background:url(/media/structure/ind_signal_strength.png) no-repeat center -72px; height: 15px; margin-top: 10px;}
.level_gsm_1 {background:url(/media/structure/ind_signal_strength.png) no-repeat center -96px; height: 15px; margin-top: 10px;}
.level_gsm_0 {background:url(/media/structure/ind_signal_strength.png) no-repeat center -120px; height: 15px; margin-top: 10px;}
.fixtime { margin-top: 10px; }
.remove {background: url(/media/structure/remove_button.gif) no-repeat; height:19px; padding: 2px 0 2px 24px;}
.devicerow:hover .remove {background:url(/media/structure/remove_button_h.gif) no-repeat scroll center top;}
.devicerow:hover a {color: #000;}



.link_button1 {
        width: 110px;padding-right:0px;padding-top:2px;padding-bottom:2px;padding-left:5px;margin-top:1px;
        float: left;background: #D3D7DB;font-size: 12px;font-weight: bold;border: 1px solid black;text-decoration: none;
}
a.link_button1:hover { color: #fff;}

.dev_col1 {
	background: #fff url(/media/structure/device_title_bar.jpg) no-repeat;
	text-align: center;
	float: left;
	width: 152px;
	height: 100%;
}
.dev_col1 h3 {
	height: 24px;
	font-size: 12px;
	padding-top: 3px;
}
.dev_col1 img { padding: 0px; margin: 0px; width: 152px; padding-top: 4px;}

.devicerow:hover .dev_col1 h3{ /* background: #DBDBDB none repeat scroll 0 0; */}
.devicerow:hover .dev_col2 {color: white;}
.dev_col2 {width:110px; margin-left:3px; margin-top: 0px; float: left;}
.dev_col3 {float: left;	width: 611px;}
.dev_col3 .ind {color: white;}
div.dev_col3 div.controlwrap {
	font-weight:bold;
	width:100px;
	text-align:center;
	float: left;
	margin-right:1px;
	color:black;
	margin-top:6px;
}

#devicesdropdown {width: 165px;}
#devicemenu {width: 165px;}
#devicesdropdown img {margin-top: 10px;	margin-bottom: 10px;}  

.col1{width: 165px;float: left;	padding: 10px 10px 0px 10px;}
.col2 {	
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 10px;
	width: 693px;
	float: left;
	height: auto;
}
.colaccount {height: 500px; width:692px; color: black; background:white;}
.colaccount a {color:black;}
.colaccount form{text-align:center;}
.colaccount td {padding-right: 50px;}
.colaccount input { width: 200px; text-align: left;}
.colaccount select {width: 204px;}

/*#addlonergps3 td {padding-right: 50px;}
#addlonergps3 input { width: 200px; text-align: left;}
#addlonergps3 select {width: 204px;}*/

.colhelp {height: 500px; width:692px; color: black; background:white;}
.colhelp form{text-align:center;}



.webcol1 {width: 165px;float: left;padding: 10px 10px 0px 10px;color: black;background: white; height:430px;}
.webcol2 {
	border-left: 1px solid #666;
        padding-left: 10px;
		padding-right: 10px;
		padding-bottom: 50px;
        width: 693px;
        float: left;
	background: white;color: black;
}

.btn_generic2 {
	width: 160px;
	padding-right:0px;padding-top:5px;padding-bottom:5px;padding-left:5px;
	float: left;
	background: #D3D7DB;
	font-size: 14px;font-weight: bold;
	border: 1px solid #b8b8b8;
	border-bottom: none;
	text-decoration: none;
}
a.btn_generic2 {color: #333; }
a.btn_generic2:hover {color: #fff;}

.poweroff {
	border-bottom: 1px solid #b8b8b8;
	margin-bottom: 10px;
}

.friendrow {	background: black;padding: 3px;}
.sharerow{background: white;}

.inputpair {clear: both;float: none;padding: 3px;}
.inputpair label {clear: left;display: block;float: left;/*text-align: right;*/	width: 200px;}
.inputpair input {clear: right;	float: left;margin-left: 10px;width: 200px;}
.schedule_col1{	width:165px;float: left;}
.schedule_col2{	width: 710px;float: left;}
.scheduleform { background: white;width: 692px;	margin-bottom: 10px;}
.scheduleform td {padding-right: 50px;}
.scheduleform input { width: 200px; text-align: left;}
.scheduleform select {width: 204px;}
.scheduleformspan {height:400px;}
.shortmsg {text-align: center;color: orange;font-size: 1.5em;}
.message {text-align: center;color: orange;font-size: larger;padding-bottom: 10px;padding-top: 10px;}
.inviteform{background: white; width: 692px;}
.inviteform table { margin: 10px; }
.inviteform td {
	text-align:left;
}
.inviteform td label {
	padding-left: 10px;
}
.inviteform input.button { width: 200px;text-align: center;}
.inviteform select { width: 204px;}
.inviteform p {	font-size: 12px;font-weight: bold;}
#listinvites {	margin-top: 10px;	background: white;	color: black;        width: 692px;}
#listinvites p {font-size: 12px;	font-weight: bold;}
#listinvites .invitesent {	padding-left: 5px;}

#left_menu a{
		margin-top: 15px;
		padding: 2px 2px 2px 2px;
		background: #d3d7db;
		display: block;
		font-size: 14px;
		font-weight: bold;
		color: #666;
		text-decoration: none;
}
#left_menu a:hover {color: #fff;}

.formheader,
.forminfo,
.formerror{
		background:#d3d7db;
		width:692px;
		margin-bottom:2px;
		text-align:center;
		color:#666;
		font-size:14px;
		padding:2px 0px 2px 0px;
}
.formheader {
		font-weight:bold;
}

.preferencesform{background: white;width: 692px;}
.preferencesform td {padding-right: 15px;width: 215px;}
.preferencesform input {text-align: left;width: 150px;}
.preferencesform select {width: 75px;}
.shareform { background: white; width: 692px; margin: 10px;}
.shareform td {
	text-align: left;
}
.shareform td label {
	padding-left: 10px;
}
.shareform .button {width: 200px;text-align: center; padding: 2px; margin-bottom: 10px;}
.shareform select {width: 204px;}

.preferencesform a { color: #666; text-decoration: none; }
.preferencesform a:hover { color: #000; }
#sms-requirements button {
	width: 75px;
	padding: 0px 10px 0xp 10px;
}

#generalform input{width: 200px;margin-left: 10px;text-align: left;}
#acountinfo{background: white;}
#accountpass{	background: white;}
#accountlogin{	background: white;}
#form_login{padding-top: 10px;padding-bottom: 10px;}
#createaccount a{color: black;}

/* ****** tracking page ****** */
#google_map {background-color: black;}
.track_control {width:165px; float:left; }
.track_status {width: 165px; float: left; text-align: center; margin-top: 15px;}
.track_status .indicatorwindow { text-align: left;}
.track_status .indicator { padding-left: 70%;}
.track_status .level { padding-left: 65%;}
.track_status .headtext {display: block;margin: 1px 1px 5px 1px;background: #D3D7DB;font-size: 14px;color: #666; width:99%;}
.dev_status, .alert_status   { 
	width: 165px;
	float: left;
	border: 1px solid #b8b8b8;
	margin-bottom: 15px;
	padding-bottom: 15px;
	background: #fff;
}
.history {margin-top: 10px;width: 692px;background: #b8b8b8;}
.history h4 {background: #CC3333;color: white;font-size: 14px;}
.histitem td{padding: 1px 3px 1px 3px;}
#search_history { text-align: center; padding-left: 2px; padding-bottom: 2px; color: white; background: #666;}
#search_history a {color:white;font-size:14px;}
#map_history {border-top: 1px solid #666; padding-top: 3px; padding-bottom: 3px; text-align:center;background:#666;}
#map_history span { padding-left: 2px; padding-right: 40px; font-size: 14px; color: white;}
#map_history a { font-size: 14px; color: white;}

#history_table {width: 692px;background: #FFF; color: black; border: 1px solid #b8b8b8;}

#history_table a {color: white;	color: #CC3333}

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

#insidemenu {
	border-top: 1px solid #B8B8B8;
	border-bottom: 1px solid #B8B8B8;
	padding-left: 48px;
	padding-top: 5px;
	padding-bottom: 5px;
	background: #000;
}
#insidemenu .menutab {padding-left: 25px;padding-right: 25px;font-size: 14px;font-weight: bold;}
#insidemenu .menutab:hover {color: #000; background-color:#D3D7DB; }
#insidemenu a {	text-decoration: none; color: #FFF; }


.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/*.clearfix { zoom: 1; }*/