

.form_admin
{
	padding: 0;
	margin: 0;
	height: 100% !important;
}



/**************************************************************
   Submenu Styles
 **************************************************************/

ul.submenu1, ul.submenu2, ul.submenu3
{
	margin: 0 0 20px 0;
	padding: 0;
}

ul.submenu1 li, ul.submenu2 li, ul.submenu3 li
{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: url(foo.gif); /* because IE is balls */
}

ul.submenu1 li a, ul.submenu2 li a
{
	display: block;
	height: auto !important; /* Start hide from IE Mac \*/
	height: 1%; /* End hide from IE Mac */
	padding: 3px 5px 3px 35px;
}

ul.submenu3 li a
{
	display: block;
	height: auto !important;
	color: #990000; /* Start hide from IE Mac \*/
	height: 1%; /* End hide from IE Mac */
	padding: 9px 5px 9px 55px;
	font-size: 13px;
	line-height: 1.1em;
}

ul.submenu1 li a
{
	border: solid 1px #ffffff;
	background: url(images/bg/submenu1.gif) no-repeat 5px 50%;
}

ul.submenu3 li
{
	height: auto;
}

ul.submenu3 li.backup
{
	background: #ffffff url(images/backup.gif) no-repeat 25px 50%;
}

ul.submenu3 li.backup a.here
{
	background: #ececec url(images/backup.gif) no-repeat 25px 50%;
	height: 30px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

ul.submenu3 li.activated_users
{
	background: #ffffff url(images/activated_users.png) no-repeat 25px 50%;
}
ul.submenu3 li.non_activated_users
{
	background: #ffffff url(images/non_activated_users.png) no-repeat 25px 50%;
}
ul.submenu3 li.admin_users
{
	background: #ffffff url(images/enterprise/admin_users.png) no-repeat 25px 50%;
}
ul.submenu3 li.add_users
{
	background: #ffffff url(images/add_users.png) no-repeat 25px 50%;
}

ul.submenu3 li.summary
{
	background: #ffffff url(images/user_summary.png) no-repeat 25px 50%;
}
ul.submenu3 li.history
{
	background: #ffffff url(images/command_history.png) no-repeat 25px 50%;
}
ul.submenu3 li.reset-pin
{
	background: #ffffff url(images/reset_pin.png) no-repeat 25px 50%;
}

ul.submenu3 li.wipe
{
	background: #ffffff url(images/wipe.gif) no-repeat 25px 50%;
}

ul.submenu3 li.wipe a.here
{
	background: #ececec url(images/wipe.gif) no-repeat 25px 50%;
	height: 30px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

ul.submenu3 li.track
{
	background: #ffffff url(images/track.gif) no-repeat 25px 50%;
}

ul.submenu3 li.location
{
	background: #ffffff url(images/location.gif) no-repeat 25px 50%;
}

ul.submenu3 li.track a.here
{
	background: #ececec url(images/track.gif) no-repeat 25px 50%;
	height: 30px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

ul.submenu3 li.lock
{
	background: url(images/lock.gif) no-repeat 25px 50%;
}

ul.submenu3 li.lock a.here
{
	background: #ececec url(images/lock.gif) no-repeat 25px 50%;
	height: 30px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

ul.submenu3 li.restore
{
	background: #ffffff url(images/restore.gif) no-repeat 25px 50%;
}

ul.submenu3 li.restore a.here
{
	background: #ececec url(images/restore.gif) no-repeat 25px 50%;
	height: 30px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

ul.submenu3 li.contacts
{
	background: #ffffff url(images/contacts.gif) no-repeat 25px 50%;
}

ul.submenu3 li.contacts a.here
{
	background: #ececec url(images/contacts.gif) no-repeat 25px 50%;
	height: 30px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

ul.submenu3 li.sms
{
	background: #ffffff url(images/sms.gif) no-repeat 25px 50%;
}

ul.submenu3 li.sms a.here
{
	background: #ececec url(images/sms.gif) no-repeat 25px 50%;
	height: 30px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}


ul.submenu3 li.calllogs
{
	background: #ffffff url(images/calllogs.gif) no-repeat 25px 50%;
}

ul.submenu3 li.calllogs a.here
{
	background: #ececec url(images/calllogs.gif) no-repeat 25px 50%;
	height: 30px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

ul.submenu3 li.photos
{
	background: #ffffff url(images/photos.gif) no-repeat 25px 50%;
}

ul.submenu3 li.photos a.here
{
	background: #ececec url(images/photos.gif) no-repeat 25px 50%;
	height: 30px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

ul.submenu3 li.calendar
{
	background: #ffffff url(images/calendar.gif) no-repeat 25px 50%;
}

ul.submenu3 li.calendar a.here
{
	background: #ececec url(images/calendar.gif) no-repeat 25px 50%;
	height: 30px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

ul.submenu3 li.settings
{
	background: #ffffff url(images/settings.jpg) no-repeat 25px 50%;
}

ul.submenu3 li.settings a.here
{
	background: #ececec url(images/settings.jpg) no-repeat 25px 50%;
	height: 30px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

ul.submenu3 li.account
{
	background: #ffffff url(images/account.gif) no-repeat 25px 50%;
}

ul.submenu3 li.account a.here
{
	background: #ececec url(images/account.gif) no-repeat 25px 50%;
	height: 30px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

ul.submenu3 li.disconnect
{
	background: #ffffff url(images/disconnect.gif) no-repeat 25px 50%;
}

ul.submenu3 li.disconnect a.here
{
	background: #ececec url(images/disconnect.gif) no-repeat 25px 50%;
	height: 30px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

ul.submenu3 li.device
{
	background: #ffffff url(images/device.gif) no-repeat 25px 50%;
}

ul.submenu3 li.device a.here
{
	background: #ececec url(images/device.gif) no-repeat 25px 50%;
	height: 30px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

ul.submenu3 li.info
{
	background: #ffffff url(images/info.gif) no-repeat 25px 50%;
}

ul.submenu3 li.info a.here
{
	background: #ececec url(images/info.gif) no-repeat 25px 50%;
	height: 30px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

ul.submenu3 li.import
{
	background: #ffffff url(images/import.gif) no-repeat 25px 50%;
}

ul.submenu3 li:hover
{
	background-color: #ececec;
}



ul.submenu1 a:hover, ul.submenu1 a.here
{
	color: #333333;
	border: solid 1px #cc3333;
	background: #ffffff url(images/bg/submenu1highlight.gif) no-repeat 5px 50%;
}

ul.submenu3 a:hover, ul.submenu3 a.here
{
	color: #333333;
}

ul.submenu1 a.here
{
	border: solid 1px #cccccc;
	background: #fafafa url(images/bg/submenu1highlight.gif) no-repeat 5px 50%;
}

ul.submenu3 a.here
{
	/*border: solid 1px #cccccc;*/
}

ul.submenu2 li a
{
	color: #426F85;
	background: url(images/bg/submenu2.gif) no-repeat 3px 50%;
}

ul.submenu2 a:hover
{
	color: #888;
	background: #B3C6C4 url(images/bg/submenu2.gif) no-repeat 3px 50%;
}






/**************************************************************
   Generic Display 
 **************************************************************/


.block
{
	display: block;
}

.clear
{
	clear: both;
}

.marginRight
{
	margin-right: 15px;
}

.paddingLeft
{
	padding-left: 5px;
}

.paddingRight
{
	padding-right: 5px;
}

.floatLeft
{
	float: left;
}

.floatRight
{
	float: right;
}

.alignLeft
{
	text-align: left;
}

.alignRight
{
	text-align: right;
}

.alignTop
{
	vertical-align: top;
}

.alignMiddle
{
	vertical-align: middle;
}

.alignBottom
{
	vertical-align: bottom;
}

.lightBlueBg
{
	background-color: #E9EAEB;
}

.dark
{
	color: #353E47;
}

/********************************
    Phone List 
*********************************/

div.manufacturorList
{
	height: 120px;
}

ul.manufacturorList
{
	font-size: 12px;
	font-weight: bold;
	color: #9eb2c1;
	list-style-type: none;
	display: block;
}

ul.manufacturorList li.item
{
	padding: 3px 3px 3px 3px;
	float: left;
	width: 200px;
}

ul.manufacturorList li.altItem
{
	padding: 3px 3px 3px 3px;
	float: left;
	margin-right: 100px;
}

ul.manufacturorList li img
{
	border: 0px;
}

/**************************************/
/*     Photo Gallery Mosaic           */
/**************************************/

.photoList
{
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0;
}
.photoList li
{
	float: left;
	display: inline;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	width: 160px;
	font-size: 0.8em;
	height: 160px !important;
}

.photoList table
{
	height: 150px;
	width: 160px;
	vertical-align: bottom;
	border: dotted 1px #e0e0e0;
}

.photoList table tr td
{
	/*vertical-align:bottom;*/
}

.photoList table.selected
{
	background-color: #e0e0e0;
	border: 1px solid #d0d0d0;
}

.photoList table:hover
{
	border: 1px solid #d0d0d0;
}

.photoList li p
{
	margin: 3px 0px 3px 0px;
	color: #999;
	text-align: center;
}

.photoList li img
{
	border: 0px;
	padding: 0px;
}

h1.photoListHeader
{
	text-align: left;
	clear: both; /*padding-top: 20px;*/
}

h1.photoListHeader a
{
	float: right;
	padding: 0px 5px 0px 0px;
	text-align: right;
	font-weight: normal;
	font-size: 8px;
	letter-spacing: 1px;
	vertical-align: text-bottom;
}

/***************************************/

.phoneList
{
	list-style-type: none;
	padding: 0 0 0 0;
	margin: 0;
}
.phoneList li
{
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
	padding: 5px;
	width: 108px;
	font-size: 0.8em;
	height: 175px !important;
}

.phoneList li:hover
{
	/* border: 1px solid #63aade;*/
}

.phoneList li p
{
	margin: 3px 0px 3px 0px;
	color: #999;
	text-align: center;
}

.phoneList li img
{
	border: 0px;
	padding: 0px;
}

h1.phoneListHeader
{
	text-align: left;
	clear: both; /*padding-top: 20px;*/
}

h1.phoneListHeader a
{
	float: right;
	padding: 0px 5px 0px 0px;
	font-size: 10px;
	margin-top:10px;
}

/****************************
        NEWS
****************************/

ul.newsSection
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px;
}

ul.newsSection li
{
	list-style: none;
	list-style-image: none;
	list-style-type: none; /*border: solid 1px red;*/
}

ul.newsSection h2
{
	padding-top: 5px;
	padding-bottom: 2px;
	border-bottom: solid 2px #eee;
	font-weight: normal;
	font-size: 14px;
}

ul.news
{
	margin: 0px;
	padding: 0px;
	margin-bottom: 15px;
}

ul.news li, ul.news li.hyperlink
{
	list-style: none;
	list-style-image: none;
	list-style-type: none;
	padding-left: 10px;
	border-left: solid 4px #fff;
}

ul.news li:hover
{
	border-left: solid 4px maroon;
	background: #f6f6f6 url(images/pdf.gif) no-repeat 99% center;
}

ul.news li.hyperlink:hover
{
	border-left: solid 4px maroon;
	background: #f6f6f6 url(images/hyperlink.gif) no-repeat 99% center;
}

ul.news li a
{
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	border-bottom: dotted 1px #ccc;
	padding-right: 24px;
}

ul.news li a span.title
{
	color: #333;
}

ul.news li a span.source
{
	color: #666;
	font-style: italic;
}

ul.news li a:hover, ul.news li a:hover span.title
{
	color: Maroon;
}


div.displaybox
{
	background-image: url(images/pgbg.jpg);
	background-repeat: repeat-x;
	border: solid 1px #dcdcdc;
	padding: 20px;
}

/* Phone List END */


ul.categoryList
{
	margin: 0 0 20px 0;
	padding: 0;
}

ul.categoryList li
{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: url(foo.gif); /* because IE is balls */
	display: block;
	height: 20 !important; /* Start hide from IE Mac \*/
	height: 1%; /* End hide from IE Mac */
	padding: 3px 5px 3px 35px;
}

.menuHeadline
{
	background-position: left;
	background-repeat: no-repeat;
	height: 30px;
	padding-top: 10px;
	padding-left: 50px;
	line-height: 22px;
	font-size: 1.3em;
	margin-bottom: 10px;
}

div.tip
{
	background: #ececec url(images/tip.gif) no-repeat 25px 50%;
	padding: 5px 5px 5px 75px;
	font-size: 1em;
	border: solid 1px #ccc;
	min-height: 30px;
	margin-top: 15px;
	margin-bottom: 5px;
	display:block;
	clear:both;
}


/********************************
    Address List 
*********************************/

ul.addressList, ul.telephoneList
{
	margin: 0;
	padding: 0;
}

ul.addressList li, ul.telephoneList li
{
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: url(foo.gif); /* because IE is balls */
	display: block; /* Start hide from IE Mac \*/
	height: 1%; /* End hide from IE Mac */
	padding: 3px 5px 3px 0px;
	margin-bottom: 15px;
}

ul.addressList div.address
{
	margin-left: 25px;
	display: block;
	width: 210px;
	border-left: solid 1px #ccc;
	padding-left: 5px;
	padding-bottom: 5px;
}

ul.addressList img
{
	float: left;
	padding-top: 4px;
	padding-left: 3px;
	vertical-align: bottom;
}

ul.telephoneList div.telephone
{
	width: 190px;
	padding-left: 10px;
	padding-bottom: 5px;
	overflow: hidden;
}

ul.telephoneList div.images
{
	float: left;
	padding-top: 3px;
	width: 40px;
	vertical-align: bottom;
	text-align: right;
	overflow: hidden;
}

/********************************
    Device action pages
*********************************/

#DeviceDataContainer
{
	/*border: solid 1px red;*/
	height: 155px;
	margin-top: 20px;
}

#DeviceStatusContainer
{
	border-right: dotted 1px #ccc;
	padding-right: 10px;
	width: 113px;
	text-align: center;
	float: left;
	margin-right: 10px;
}

#DeviceActionContainer
{
	display: block;
	width: 370px;
	float: left;
	padding-left: 5px;
}

#DeviceStatusContainer img.StatusIcon
{
	margin-top: 5px;
	margin-bottom: 10px;
}
#DeviceStatusContainer span
{
	display:block;
}

#DeviceStatusContainer span.StatusText
{
	display: block;
}

#DeviceStatusContainer span.StatusRed
{
	color: Red;
	font-weight: bold;
}

#DeviceStatusContainer span.StatusAmber
{
	color: #ff6600;
	font-weight: bold;
}

#DeviceStatusContainer span.StatusGreen
{
	color: Green;
	font-weight: bold;
}

#DeviceStatusContainer div.Working
{
	margin: 0px;
	padding: 0px;
	vertical-align: top;
	margin-top: 6px;
	text-align: left;
}

#DeviceStatusContainer div.Working img.Working
{
	float: left;
	padding-top: 2px;
}

#DeviceStatusContainer div.Working span.Working
{
	color: Maroon;
	padding-left: 5px;
}

/*********************************
    Lock page specific CSS
*********************************/

#DeviceActionContainer span.characterCount
{
	font-size: 9px;
	vertical-align: middle;
	margin-right: 10px;
}

#DeviceActionContainer textarea
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 5px;
	width: 360px;
	overflow: hidden;
	display: block;
	color: #333;
	font-weight: bolder;
	font-size: 12px;
	text-align: center;
	border: solid 1px #ccc;
	background-color: #f3f3f3;
}

#DeviceActionContainer textarea.editable
{
	border: inset 1px #ccc;
	background-color: #fff;
}

#DeviceActionContainer ul.lock
{
	/* border: solid 1px green;*/
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#DeviceActionContainer ul.lock li
{
	display: inline;
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#DeviceActionContainer ul.lock li input
{
	width: 25%;
}
#DeviceActionContainer ul.lock li.alarm input
{
	width: 42.5%;
}

#DeviceActionContainer ul.lock li.last
{
	padding-right: 0px !important;
}

.lock-buttons
{
	display:block;
	width:377px;
	height:50px;
}

.lock-message-character-not-allowed
{
	background-color: #990000;
	font-size: 11px;
	font-weight:bold;
	color: #fff;
	display:none;
	text-align: center;
	padding: 5px;
}

/*********************************
    Track page specific CSS
*********************************/

#DeviceActionContainer.track
{
	text-align: center;
}

#DeviceActionContainer span.track
{
	display: block;
	margin: 5px 40px 5px 40px;
	padding: 3px 6px 3px 6px;
	border: dotted 1px #ccc;
	background-color: #efefef;
	color: #333;
	font-size: 16px;
	font-weight: bold;
}

#TrackHelpContainer
{
	margin-top: 20px;
	display: block;
	width: 370px;
	float: left;
	margin-left: 10px; /* border:solid 1px red; */
	min-height: 30px;
}

#TrackHelpContainer a
{
	font-weight: bold;
}

#TrackHelpContainer input
{
	margin: 5px;
}

#TrackHelpContainer div.AlarmGreen, div.AlarmAmber, div.AlarmRed
{
	font-size: 1em !important;
	font-size: 12px;
	padding: 7px 5px 7px 50px;
	vertical-align: middle;
	background: url(images/icon_alarm.gif) #fff no-repeat 10px 50%;
	text-align: center;
}

#TrackHelpContainer div.AlarmGreen
{
	border: solid 2px Green;
	color: Green;
}

#TrackHelpContainer div.AlarmAmber
{
	border: solid 2px Orange;
	color: sienna;
}

#TrackHelpContainer div.AlarmRed
{
	border: solid 2px Red;
	color: Red;
}


/*********************************
    SMS Conversation
*********************************/

div.ConversationContainer
{
	background: url(images/pgbg.jpg) #fff repeat-x 0% top;
	border: solid 1px #ccc;
	padding: 10px;
}

div.CoversationName
{
	margin: 0px;
	padding: 0px;
	display: block;
	border-bottom: solid 2px #ddd;
	padding-bottom: 5px;
	margin-bottom: 15px;
	height: 20px;
}

div.CoversationName span
{
	font-size: 15px;
	color: #555;
	float: left;
	margin-right: 5px;
}

div.CoversationName a.name
{
	color: maroon;
	font-size: 15px;
	width: 300px;
	float: left;
	display: block;
	overflow: hidden; /*font-weight:bold;*/
}

div.CoversationName a.close
{
	color: maroon;
	font-size: 18px;
	font-weight: bold;
	padding-left: 2px;
	padding-right: 2px;
	float: right;
}

/*********************************
    Contact Display
*********************************/

div.ContactContainer
{
	/*border: solid 1px red;*/
	width: 100%;
	overflow: hidden;
	display: block;
	padding: 5px;
}

div.ContactContainer div.LeftContainer
{
	float: left; /*border: solid 1px aqua;*/
	width: 180px;
	text-align: left;
}

div.ContactContainer div.LeftContainer a.Name
{
	/*border: solid 1px green;*/
	display: block;
	overflow: hidden;
	color: #3B5D77 !important;
	font-size: 13px;
}

div.ContactContainer div.LeftContainer a.Name:hover
{
	/*border: solid 1px green;*/
	color: #333 !important;
	text-decoration:none;
}

div.ContactContainer div.LeftContainer span.Email
{
	/*border: solid 1px orange;*/
	display: block;
	overflow: hidden;
	color: #666;
	padding-top: 4px;
}

div.ContactContainer div.MiddleContainer
{
	float: left; /*border: solid 1px brown;*/
	width: 120px;
	text-align: center;
	overflow: hidden;
}

div.ContactContainer div.MiddleContainer a.Conversation
{
	/*border: solid 1px red;*/
	overflow: hidden;
	margin-left: 2px;
	color: maroon !important;
}

div.ContactContainer div.RightContainer
{
	float: right; /*border: solid 1px yellow;*/
	width: 150px;
	text-align: right;
	overflow: hidden;
	padding-right: 5px;
}

div.ContactContainer div.RightContainer span.Number
{
	/*border: solid 1px red;*/
	display: block;
	overflow: hidden;
	font-size: 13px;
}

.contacts-alphabet-panel
{
	display:block;
	padding: 0px;
	margin-top: 10px;
	margin-bottom: 0px;
}

/*********************************
    Videos Display
*********************************/

div.VideoContainer
{
	/*border: solid 1px red;*/
	width: 100%;
	overflow: hidden;
	display: block;
	padding: 3px;
}

div.VideoContainer div.LeftContainer
{
	float: left; /*border: solid 1px aqua;*/
	width: 120px;
	height: 90px;
	text-align: center;
}

div.VideoContainer div.LeftContainer img
{
	border: solid 2px #ccc;
	padding: 2px;
	display: block;
}

div.VideoContainer div.RightContainer
{
	overflow: hidden;
	text-align: left;
	margin-left: 160px;
}

div.VideoContainer div.RightContainer a.Download
{
	display: block;
	overflow: hidden;
	color: #3B5D77 !important;
	font-size: 13px;
	margin-top: 3px;
	margin-bottom: 3px;
}
div.VideoContainer div.RightContainer a.Download:hover
{
	color: #333 !important;
}

div.VideoContainer div.RightContainer span.Caption
{
	width: 100px;
	color: #999;
}

div.VideoContainer div.RightContainer span.Info
{
	padding-left: 5px;
	margin-bottom: 2px;
}

