/* VIEW STATUS */

#cont1, #cont2
{
	float:left;
	width:472px;
}

#cont1
{
	background-color:#000000;
	color:#FFFFFF;
	margin-bottom:15px;
}

#cont1 .time
{
	padding:15px 0 5px 15px;
}

#cont1 .position, #cont1 .trail, #cont1 .map
{
	border-top:1px solid #666666;
	padding:10px 0 10px 15px;
}

#cont1 .time1, #cont1 .time2, #cont1 .position1, #cont1 .position2, #cont1 .trail1, #cont1 .trai2, #cont1 .map1, #cont1 .map2
{
	float:left;
}

#cont1 .time1, #cont1 .position1, #cont1 .trail1, #cont1 .map1
{
	width:150px;
	font-weight:bold;
}

#cont2
{
	margin-left:5px;
}

#cont2 a
{
	color:#cdcdcd;
}

.title
{	
	background:url(../images/bg-title.png) repeat-x;
	padding-left:10px;
	height:20px;
	color:#cccccc;
	text-transform:uppercase;
}

.title_highlight
{
	background:url(../images/bg-title.png) repeat-x;
	padding-left:10px;
	height:20px;
	color:#cccccc;
	text-transform:uppercase;
	background-position:0px -20px;
	color:#000000;
}

#cont1 .content1
{
	background:#000000 url(../images/bg-content.png) repeat-x top;
	padding:5px;
}

#cont2 #cont21, #cont2 #cont22, #cont2 #cont23, #cont24
{
	background-color:#333333;
	color:#FFFFFF;
}

#cont2 #cont22, #cont2 #cont23, #cont2 #cont24
{	
	margin-top:5px;
}

#cont2 #cont23
{
	height:25px;
	vertical-align:middle;
	padding:5px 5px 4px 10px;	
}

#cont2 #cont24
{
	height:125px;
	
}

#c2, #c3, #c4, #c6, #c7, #c8, #c9,#geofence_row, #ioport_row
{
	border-top:solid 1px #666666;
}

#c1 #c11, #c1 #c12, #c2 #c21, #c2 #c22, #c3 #c31, #c3 #c32, #c4 #c41, #c4 #c42, #c5 #c51, #c5 #c52, #c5 #c53,  
#c6 #c61, #c6 #c62, #c6 #c63, #c7 #c71, #c7 #c72, #c7 #c73, #c8 #c81, #c8 #c82, #c8 #c83, #c9 #c91, #c9 #c92, #c9 #c93, #geofence_row #c91, #geofence_row #c93,
 #ioport_row #c91, #ioport_row #c93
{
	float:left;
	padding:5px 5px 4px 10px;
	font-size:11px;
}

#c1 #c11, #c2 #c21, #c3 #c31, #c4 #c41, #c5 #c51, #c6 #c61, #c7 #c71, #c8 #c81, #c9 #c91, #geofence_row #c91,  #ioport_row #c91
{
	width:145px;
	font-weight:bold;
}

#c5 #c52, #c6 #c62, #c7 #c72, #c8 #c82, #c9 #c92
{
	width:140px;
}

/* END VIEW STATUS */

/* VIEW REGISTER */

#register
{
	width:472px;
	background-color:#999999;
	color:#262626;
}

#register #r1, #register #r2, #register #r3, #register #r4, #register #r5, #register #r6,#register #rnew
{
	background-color:#CCCCCC;
	margin-top:6px;
}

#register #r11, #register #r12, #register #r21, #register #r22, #register #r23, #register #r24, #register #r25, #register #r26, #register #r27, #register #r28, 
#register #r29, #register #r210, #register #r31, #register #r32, #register #r33, #register #r34, #register #r35, #register #r36, #register #r37, #register #r38,
#register #r41, #register #r42, #register #r43, #register #r44, #register #r51, #register #r52,#register #rnew1,#register #rnew2
{
	float:left;
}

#register #r11, #register #r21, #register #r23, #register #r25, #register #r27, #register #r29, #register #r31, #register #r33, #register #r35, #register #r37,
#register #r41, #register #r43, #register #r51,#register #rnew1
{
	width:145px;
	padding-left:15px;
}

#register #r12, #register #r22, #register #r24, #register #r26, #register #r28, #register #r210, #register #r32, #register #r34, #register #r36, #register #r38,
#register #r42, #register #r44, #register #r52,#register #rnew2
{
	position:relative;
	width:300px;
}

#register .register
{
	border-bottom:solid 1px #999999;
	padding:5px;
}

#register #r1
{	
	padding:5px;	
}

#register #r6
{
	padding:5px 5px 5px 15px;
}

#register #r7
{
	padding:10px;
	 margin-right:20px;	
}

#register #r6 a
{
	color:#262626;
}

#register .input
{
	padding:0;
	margin:0;
	border:none;
	height:20px;
	padding-top:3px;
}

#register #div_acc_info_email, #register #div_bal_info_email, #register #div_newsletter, #register #div_gratis
{
	float:left;
	padding:0;
	margin:0;
	width:13px;
	margin-top:5px;
}

#register #terms_accepted_lbl
{
	float:left;
	padding:0;
	margin:0;
	width:13px;
	margin-left:35px;
	margin-top:3px;
}

#register .checkbox
{
	background:url(../images/checkbox.gif) no-repeat;
	background-position:0px -13px;
	width:13px;
	height:13px;
}

#register .textclass
{
	float:right;
	width:280px;
}

#register .checkbox_selected
{
	background:url(../images/checkbox.gif) no-repeat;
	width:13px;
	height:13px;
}

#msg {display:none; position:absolute; z-index:200; background:url(images/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949; border-left:none; padding:5px; min-width:150px; max-width:250px}

/* END VIEW REGISTER */

/* VIEW HISTORY */

#header-history
{
	font-weight:bold;
}

#history
{
	padding:0;
	margin:0;
	background-color:#b8b8b8;
}

#history .cell
{
	float:left;
	border-left:solid 1px #666666;
	padding-left:10px;
	padding-top:2px;
	height:23px;
	vertical-align:middle;
}

#history .cell1
{
	width:118px;
	border-left:none;
}

#history .cell2
{
	padding-right:5px;
	text-align:center;
	width:55px;
}

#history .cell3
{
	width:255px;
}

#history .cell4
{
	width:73px;
}

#history .cell5
{
	width:83px;
}

#history .cell6
{
	width:80px;
}

#history .cell7
{
	width:100px;
}

#history .showdate
{
	background-color:#999999;
	height:35px;
	padding-left:10px;
	padding-top:15px;
}

.next, .prev
{
	color:#666666;
}

#next, #prev, #next1, #prev1
{
	text-decoration:underline;
	cursor:pointer;
}

#history #showdate a
{
	color:#3366cc;
	text-decoration:none;
}

.grid1
{
	background-color:#d6d6d6;
}

.grid2
{
	background-color:#e7e7ff;
}

#grid .cell
{
	font-weight:normal;
	border-left:solid 1px #999999;
}

#grid .cell1
{
	border-left:none;
}

#grid .cell8
{
	color:#666666;
	font-size:9px;
}

#grid:hover
{
	background-color:#c8fc15;
}


/* END VIEW HISTORY */

.cp_complex_left, .cp_complex_right
{
	float:left;
}

.cp_complex_left
{
	margin-right:3px;
}


.time2_highlight, .time2_highlight font
{
	color:#F95012;
} 

#alarm
{
	float:left;
	width:713px;
	background-color:#CCCCCC;
}

#alarm .alarm-intro
{
	padding:14px;
	text-align:left;
}

#alarm .alarm-intro .intro-left, #alarm .alarm-intro .intro-right
{	
	float:left;
}

#alarm .alarm-intro .intro-left
{	
	width:430px;
}


#alarm .alarm-intro .intro-right
{
	width:180px;
	margin-left:75px;
}

#alarm .alarm-content
{
	width:685px;
	margin-top:2px;
	margin-bottom:20px;
	text-align:left;
	background-color:#FFFFFF;
	border:solid 2px #6799B5;
}

#alarm .alarm-content #title-alarm
{	
	background:url(../images/bg-header-alarm.jpg) repeat-x top;
	height:40px;
	position:relative;
}

#alarm .alarm-content #title-alarm .alarm-icon
{
	font-size:14px;
	font-weight:bold;
	color:#6699B3;
	height:20px;
	padding-top:5px;
	margin-left:14px;
	float:left;
}

#alarm .alarm-content #title-alarm .alarm-icon-active
{
	font-size:14px;
	font-weight:bold;
	color:#FF6600;
	height:20px;
	padding-top:5px;
	margin-left:14px;
	float:left;
}

#alarm .alarm-content #title-alarm .showuser .showuser1
{
	float:left;
	margin-left:10px;
	height:10px;
	padding-top:15px;
}

#alarm .alarm-content #title-alarm .delete
{
	float:right;
	margin-right:15px;
	height:14px;
	padding-top:11px;
}

#alarm .fx_content
{
	height:auto;
	padding-top:10px;
	padding-bottom:12px;
	background-color:#FFFFFF;
}

#alarm .fx_content .user-info, #alarm .fx_content .alarm-message
{
	float:left;
}

.user-info
{
	width:220px;
	margin-left:14px;
}

.alarm-message
{
	width:423px;
	margin-left:12px;
}

#alarm .fx_content .content
{
	padding-top:5px;
}

.user-info .head
{
	background:url(../images/bg-title.jpg) repeat-x top;
	height:18px;
}

#alarm .fx_content .content .user-info .reg
{
	background-color:#E6E6E6;
	padding:10px;
}

#alarm .fx_content .content .user-info .mobile
{
	background:url(../images/bg-mobile.jpg) repeat-x;
	height:42px;
	margin-top:1px;
	padding:5px 0 5px 10px;
}

#alarm .fx_content .content .user-info .reg #comment, #alarm .fx_content .content .user-info .reg #msn
{
	border:0;
	width:171px;
	height:18px;
	padding-top:4px;
	background:url(../images/bg-textbox.jpg) no-repeat;
}

#alarm .fx_content .content .user-info .reg #msn
{
	border:0;
	width:99px;
	height:18px;
	padding-top:4px;
	background:url(../images/bg-textbox-small.jpg) no-repeat;	
}

#alarm .fx_content .content .accept
{
	margin-left:15px;
	color:#333333;
	margin-top:7px;
	font-size:10px;
	vertical-align:middle;
}

#alarm .fx_content .content .accept #accept
{
	margin-top:3px;
	#margin-top:0px;
	float:left;
}

#alarm .fx_content .content #div_accept
{
	width:13px;
	float:left;
	margin-top:2px;
}

.checkbox
{
	background:url(../images/checkbox.jpg) no-repeat;
	height:13px;
	width:13px;
}

.checkbox_selected
{
	background:url(../images/checkbox.jpg) no-repeat;
	background-position:0 -13px;
	height:13px;
	width:13px;
}

#alarm .fx_content .content #cancel
{
	border:0;
	background:url(../images/cancel1.gif) no-repeat;
	width:67px;
	height:24px;
	margin-left:14px;
	margin-top:10px;
	cursor:pointer;
}

#alarm .fx_content .content #save
{
	border:0;
	background:url(../images/save1.gif) no-repeat;
	width:119px;
	height:24px;
	margin-left:5px;
	margin-top:10px;
	cursor:pointer;	
}

.require
{
	float:left;
	margin-left:3px;
	margin-top:18px;
	color:#333333;
}

#alarm .fx_content .alarm-message .email, #alarm .fx_content .alarm-message .sms, #alarm .fx_content .alarm-message .info, #alarm .fx_content .alarm-message .email-head, #alarm .fx_content .alarm-message .sms-head, #alarm .fx_content .alarm-message .info-head
{
	float:left;
}

#alarm .fx_content .alarm-message .email-head, #alarm .fx_content .alarm-message .sms-head
{
	width:42px;
	text-align:center;
}

#alarm .fx_content .alarm-message .sms-head, #alarm .fx_content .alarm-message .info-head
{
	margin-left:2px;
}

#alarm .fx_content .alarm-message .email-head
{
	background:url(../images/bg-email.gif) repeat-x;
	height:18px;
}

#alarm .fx_content .alarm-message .sms-head
{
	background:url(../images/bg-sms.gif) repeat-x;
	height:18px;
}

#alarm .fx_content .alarm-message .info-head
{
	width:335px;
	background:url(../images/bg-title.jpg) repeat-x scroll center top;
	height:18px;
}

.esi
{
	margin-top:1px;
	font-size:9px;
}

.esi .email, .esi .sms
{
	width:42px;
	text-align:center;
	vertical-align:middle;
}

.esi .sms, .esi .info
{
	margin-left:2px;
}

.esi .email
{
	background:url(../images/bg-email1.gif) repeat-x;
	height:18px;	
}

.esi .sms
{
	background:url(../images/bg-sms1.gif) repeat-x;
	height:18px;
}

.esi .info
{
	width:327px;
	background-color:#E8E8E8;
	height:18px;
	padding-left:8px;
}

.esi .info .i
{
	float:right;
	width:13px;
	height:13px;
	margin-right:5px;
	margin-top:3px;	
}

.disable
{
	color:#999999;
}

#setting
{
	float:left;
	width:233px;
	margin-left:5px;
	background-color:#CCCCCC;	
}

#setting .outline-settings
{
	border:solid 1px #7F7F7F;
	padding:6px;
	margin-top:7px;
}

.add-another
{	
	width:670px;
	text-align:left;
	height:24px;
	background-color:#B3B3B3;
	margin-bottom:15px;
	padding:2px 0 2px 15px;
}

.map_larger
{
	background:url(../images/map_larger.png);
	background-position:0px 0px;
	float:left;
	cursor:pointer;
	width:61px;
	height:20px;	
	padding-left:26px;
	font-size:9px;
	margin-right:5px;
}

.map_standard
{
	background:url(../images/map_standard.png);
	background-position:0px 0px;
	float:left;
	cursor:pointer;
	width:47px;
	height:20px;	
	padding-left:26px;
	font-size:9px;
	margin-right:5px;
}

.map_complex
{
	background:url(../images/map_complex.png);
	background-position:0px 0px;
	float:left;
	cursor:pointer;
	width:59px;
	height:20px;	
	padding-left:26px;
	font-size:9px;
	margin-right:5px;
}

.map_larger:hover, .map_standard:hover, .map_complex:hover
{
	background-position:0px -40px;
}

.map_larger a, .map_standard a, .map_complex a
{
	color:#FFFFFF;
	text-decoration:none;
	
}

.map_larger_active, .map_standard_active, .map_complex_active
{
	background-position:0px -20px;
	cursor:default;
}


#nearestaddr
{
	height:25px;
}
.all_support
{
background-color:#FFFFFF;
 text-align:left;
 padding-bottom:20px;
  padding-top:20px; 
  padding-right:20px;
}
#submit
{
width:65px;
height:21px;
border:none;
}
#emailUser
{
width:190px;
}
.title_support
{

font-size:19.96px;
color:#333333;
font-size:16px;
 padding-bottom:25px;
  padding-left:10px;
}
.gui_support
{
font-size:10.98px;
color:#333333;
padding-bottom:10px;
padding-left:10px;
}
.noty_support
{
font-size:10.98px;
color:#333333;
padding-bottom:20px;
 padding-left:20px;
  padding-top:15px;
}
.info_support
{
font-size:11px;
color:#000000;
padding-bottom:10px;
}

.balance_msg
{
	float:right;
	padding-left:8px;
	width:327px;
	background-color:#E8E8E8;
	color:#FF0000;
}

.besked
{
	margin-left:5px;
	font-weight:bold;
}

#tilt
{
	opacity:0.2;
	filter:alpha(opacity=20);
}

.km
{
	font-size:9px;
	color:#666666;
}

div.checkbox
{
	margin-top:2px;
	background:url(../images/checkbox.gif);
	background-position:0px -13px;
	width:14px;
	height:13px;
}

div.checkbox_selected
{
	margin-top:2px;
	background:url(../images/checkbox.gif);
	width:14px;
	height:13px;
}

div.disable_chk
{
	margin-top:3px;
	background:url(../images/checkbox_dis.gif);
	width:11px;
	height:11px;
}

.showmsg
{
	color:#FF6600;
	font-weight:bold;
	margin-right:20px;
	float:left;
}

#err-speed
{
	margin-top:5px;
	border-top:solid 1px #FF0000;
	border-bottom:solid 1px #FF0000;
	color:#FF0000;
}

.printer
{
	background:url(../images/bg_print.gif) no-repeat top;
	height:19px;
	padding:15px;
}

.husk a
{	
	color:#FFFFFF;
}

.husk
{
	float:left;
	background:url(../images/husk.gif) no-repeat;
	font-size:9px;
	width:56px;
	height:18px;
	margin-left:10px;
	padding-left:3px;
}

.husk:hover
{
	background:url(../images/husk.png) no-repeat;
	background-position:0 -18px;	
}

.print
{
	float:right;
	background:url(../images/prints.png) no-repeat;
	font-size:9px;
	width:43px;
	padding-left:16px;
	height:18px;
	margin-right:10px;
}

.print:hover
{
	background:url(../images/prints.png) no-repeat;
	background-position:0 -18px;	
}

.print_page
{
	font-size:14px;
	text-align:left;
	width:495px;
	padding:50px;
}

.print_page .name
{
	float:left;
	width:400px;
}

.print_page .print_btn
{
	float:right;
	cursor:pointer;
	width:74px;

}

.print_page #map_canvas
{
	margin-top:20px;
}

.print_info .info_left, .print_info .info_right
{
	font-size:11px;
	float:left;
	margin-top:10px;
}

.small_text
{
	font-size:10px!important;
}

.print_info .info_left
{
	font-weight:bold;
	width:130px;
}

.print_info .info_right
{
	width:330px;
	margin-left:30px;
}

.print_info .p_if
{
	margin-top:3px;
}

.print_info .first
{
	margin-top:30px;
}

.printer a
{	
	text-decoration:none;
	color:#FFFFFF;
	cursor:pointer;
}

.reset-all
{
	border-top:solid #999999 6px;
	background-color:#CCCCCC;
	padding:15px;
	padding-top:10px;
}

.reset-left, .reset-right
{
	float:left;
	width:317px;
}

.reset-right
{
	margin-left:30px;
}

.invoice-form
{
	margin-top:12px;
	border-top:solid 5px #666666;
}

.invoice-head
{
	padding:5px 15px 10px 10px;
}

.invoicefor
{
	margin-top:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:18px;
	color:#000;
}

.i-left, .i-right
{
	float:left;
	height:22px;
	padding-top:3px;
	border-bottom:solid 1px #CCCCCC;
	background-color:#FFFFFF;
}

.i-left
{
	padding-left:10px;
	width:105px;
}

.i-right
{
	width:599px;
}

.i-head
{
	background-color:#B8B8B8;
	margin-top:10px;
}

#invoice-content a
{
	color:#000000;
	text-decoration:underline;
}

.invalid
{
	color:#F00;
}

.validation-advice
{
	color:#F00;
}

#cont2 .addon a
{
	text-decoration:none;
	color:#000000;
}