/****************** Generic elements *********************/
body {
	background-color: #232323;
	color: white;
	/*font: 10pt Arial;*/
	font-family: Verdana,Geneva,sans-serif;
	font-size: 12px;
	margin: 0;
    height: 100%;
}

body.primary {
	background-image: url(../images/bg.png);
	text-align: center; /* FIX for IE */
}

form {
	margin: 0;
}

a, a:visited {
	color: white;
	text-decoration: none;
}

a:hover {
	color: #c8dc0b;
}

a img {
	border: none;
}

img {
	border: none;
}

/****************** Page structure ***********************/
.page {
	margin: 0 auto;
	text-align: left; /* FIX for IE */
	width: 980px;
    min-height: 100%;
}

.header {
	position: relative;
	height: 200px;
}

.header img.logo {
	margin-left: 60px;
	margin-top: 40px;
	float: left;
}

.header img.header_text {
	margin-right: 60px;
	float: right;
}

.header .topbar {
	position: absolute;
	left: 0px;
	bottom: 0px;
	padding-bottom: 20px;
	font-size: 13px;
}

.header .topbar a {
	margin: 0 10px;
}

.header .topbar a.selected {
	color: #D5D901;
    font-weight: bold;
}

.wrapper {
    padding-bottom: 60px;
}

.content {
	position: relative;
    background: url(../images/centerImageBG.png) repeat-y top left;
    padding: 13px 20px 15px 18px;
}

.content .menu {
	position: absolute;
	right: 75px;
	top: -16px;
	z-index: 99;
	width: 175px;
}

.content .menu table {
	border-collapse: collapse;
	background-image: url(../images/menu_top.png);
	width: 100%;
	height: 29px;
}

.content .menu table td {
	font-size: 10pt;
	font-weight: bold;
	color: black;
	cursor: pointer;
	width: 50%;
	text-align: center;
}

.content .menu table td.left:hover {
	background-image: url(../images/menu_top_l.png);
}

.content .menu table td.right:hover {
	background-image: url(../images/menu_top_r.png);
}

.content .menu table a {
	display: block;
	color: black;
}

.content .menu div.menu-list {
	display: none;
	margin-top: 0;
	padding-top: 0;
	background-color: #444444;

	/* opacity: 80% */
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.content .menu div.menu-list a {
	display: block;
	padding: 4px 15px;
    font-size: 10px;
}

.content .menu div.menu-list div.menu_bottom {
	height: 15px;
}

.content form {
    background: black no-repeat;
    width: 904px;
    padding: 15px;
}

.footer {
    /*position:absolute;
    bottom:0;
    width:100%;
    height:60px;*/			/* Height of the footer */
    position: relative;
	margin-top: -60px; /* negative value of footer height */
	height: 60px;
	clear:both;
}

body .footer table,
.footer {
	font-size: 13px;
}

.footer .copyright {
}

/****************** Content structure ********************/
.content_header {
	height: 75px;
	width: 704px;
}

.content_header_pricing .content_header,
.content_header_register .content_header {
	height: 10px;
}

.content_header_group_tracking .content_header,
.content_header_panic_alarms .content_header,
.content_header_myInfo .content_header,
.content_header_myProfile .content_header {
	height: 200px;
}

.content_header_glossary .content_header,
.content_header_faq .content_header,
.content_header_myAlerts .content_header,
.content_header_myContact .content_header,
.content_header_myDevices .content_header,
.content_header_myFleet .content_header,
.content_header_myRules .content_header,
.content_header_myZones .content_header {
	height: 50px;
}

.content_body {
	width: 650px;
	padding: 0 7px 10px 15px;
}

.content_footer {
	/* background: url(../images/big_bottom_corner.jpg);*/
	height: 21px;
	width: 704px;
}

.content_body h2 {
	margin-top: 0;
	color: #666666;
	font-size: 32px;
	font-weight: normal;
}

/****************** rsContent (content.php) **************/
div.rsContent {
	width: 500px;
	padding-left: 10px;
    text-align: left;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-align:justify;
	color:#FFF;
	line-height:20px;
}

.rsContent .highlight,
.rsContent b {
	font-weight: bold;
	color: #D5D901;
}

.rsContent td p {
	margin-top: 0;
	margin-bottom: 0;
}

.rsContent ul {
	padding-left: 0px;
    list-style: none;
}

.rsContent .pricing {
	font-size:0.8em;
	line-height:11px;
}

.rsContent .pricing table,
.rsContent .pricing table td {
	border: none;
}

.rsContent .pricing ul {
    list-style: disc;
    padding-left: 15px;
	font-size: 8pt;
}

/****************** Form elements ************************/
form div.error {
	color: red;
}

/****************** Buttons ******************************/
.buttonnormal {
	background-color: transparent;
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	border-style: none;
	background-position: center center;
	color: black;
	cursor: pointer;
	font-size: 8pt;
	font-weight: bold;
	height: 33px;
	width: 97px;
}

a.buttonnormal, a.buttonnormal:hover {
	display: block;
	color: black; text-align : center;
	padding: 8px 0;
	height: 15px;
	width: 97px;
	text-align: center;
	font-size: 8pt;
	font-weight: bold;
}

/****************** IFrame styling ***********************
 * This is mostly to make the iframe content fit correctly
 * in accordance with how it was originally developed.
 *********************************************************/
body table {
	font-size: 8pt;
}

#map1 table {
	color: #333333;
}


/****************** Other elements ***********************/

.bodyText{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:normal;
	text-decoration:none;
	text-align:justify;
	color:#FFF;
	line-height:20px;
}
.bodyTextHighlight{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color:#d5d901;
}

/*easyScroll*/
#terms_content #easyscroll{
	width:905px;
	margin-left:0px;
}

#terms_content #easyscrollnav li{
	list-style:none;
	float:left;
	margin-left:200px;
	margin-right:10px;
	padding:0 10px;
	color:#d5d901;
	font-style:italic;
	text-decoration:underline;
	cursor:pointer;
}

#terms_content #easyscrollnav{
	width:905px;
	position:absolute;
	top:400px;
	margin:1em 0;
}


#pricing_content #easyscroll{
	width:605px;
	margin-left:0px;
}

#pricing_content #easyscrollnav li{
	list-style:none;
	float:left;
	margin-left:100px;
	margin-right:10px;
	padding:0 10px;
	color:#d5d901;
	font-style:italic;
	text-decoration:underline;
	cursor:pointer;
}

#pricing_content #easyscrollnav{
	width:605px;
	position:absolute;
	top:400px;
	margin:1em 0;
}

#easyscroll{
	width:525px;
	margin-left:0px;
}
#easyscrollnav, #easyscrollnav li{
	height:28px;
	line-height:28px;
	margin:0;
	padding:0;
}
#easyscrollnav{
	width:500px;
	position:absolute;
	top:400px;
	margin:1em 0;
}
#easyscrollnav li{
	list-style:none;
	float:left;
	margin-left:100px;
	margin-right:10px;
	padding:0 10px;
	color:#d5d901;
	font-style:italic;
	text-decoration:underline;
	cursor:pointer;
}
#easyscrollnav li.over{
	color:#FFF;
	text-decoration:underline;
}

.scrollbarterms
{
	scrollbar-face-color: #317B9C;
	scrollbar-track-color: #87B4C9;
	scrollbar-arrow-color: #54A1C4;
	scrollbar-3dlight-color: #B8D7E6;
	scrollbar-shadow-color: #1E6180;
	scrollbar-highlight-color: #7CBCDA;
	scrollbar-darkshadow-color: #1E6180;
	FONT-WEIGHT: none;
    FONT-SIZE: 11px;
    FONT-FAMILY: Tahoma;
}

div.terms
{
	width:475px;
	height:200px;
	border:1px solid #ccc;
	background:#f2f2f2;
	padding:6px;
	overflow:auto;
}
div.terms p,
div.terms a,
div.terms li {font:normal 11px/15px arial;color:#333;}
div.terms h3 {font:bold 14px/19px arial;color:#000;}
div.terms h4 {font:bold 12px/17px arial;color:#000;}
div.terms strong {color:#000;}

.red
{
	color: #ff0000;
	text-decoration: none;
}

.redheading
{
	color: #ff0000;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}

.normallink
{
    color: #aaaaff;
}
.whitetable
{
    BORDER-RIGHT: #ffffff 2px solid;
    BORDER-TOP: #ffffff 2px solid;
    BORDER-LEFT: #ffffff 2px solid;
    BORDER-BOTTOM: #ffffff 2px solid;
    BORDER-COLLAPSE: collapse;
}
.tabledotted
{
	border: 1px dashed #eeeeee;
	background-color: gray;
	font-size: 11px;
}
.maptable
{
    BORDER-RIGHT: #cccccc 2px solid;
    BORDER-TOP: #cccccc 2px solid;
    BORDER-LEFT: #cccccc 2px solid;
    BORDER-BOTTOM: #cccccc 2px solid;
    BORDER-COLLAPSE: collapse;
}
.regtable
{
    BORDER-RIGHT: #cccccc 2px solid;
    BORDER-TOP: #cccccc 2px solid;
    BORDER-LEFT: #cccccc 2px solid;
    BORDER-BOTTOM: #cccccc 2px solid;
    BORDER-COLLAPSE: collapse;
}
.textwhiteheading
{
    FONT-WEIGHT: none;
    FONT-SIZE: 14px;
    COLOR: #ffffff;
    FONT-FAMILY: Tahoma;
    text-decoration: none;
    padding-bottom: 20px;
}
.textwhitelogin
{
    FONT-WEIGHT: none;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: tahoma;
    text-align: left;
    text-decoration: none;
}
.textwhite
{
    FONT-WEIGHT: none;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: tahoma;
    text-decoration: none;
}

.textgreyheading
{
    FONT-WEIGHT: none;
    FONT-SIZE: 14px;
    COLOR: #666666;
    FONT-FAMILY: tahoma;
    text-decoration: none;
}
.textwhitecontinue
{
    FONT-WEIGHT: none;
    FONT-SIZE: 8pt;
    COLOR: #ffffff;
    FONT-FAMILY: tahoma;
    text-align: left;
    text-decoration: underline;
}
.menuitem
{
    color:          #E5E5E5;
    cursor:         pointer;
    font:           bold 8pt Tahoma;
    padding-left:   16px;
    padding-right:  16px;
}
.menuitemselected
{
    background-image:   url(../images/menuselect.jpg);
    color:              #FFFFFF;
    cursor:             pointer;
    font:               bold 8pt Tahoma;
    padding-left:       16px;
    padding-right:      16px;
}
.menuitemhover
{
    background-image:   url(../images/menuhover.jpg);
    color:              #FFFFFF;
    cursor:             pointer;
    font:               bold 8pt Tahoma;
    padding-left:       16px;
    padding-right:      16px;
}
.grid
{
    border: 1px solid #E0E0E0;
    /*border-style : solid;
    border-width: 1;*/
}
.gridheader
{
	background-color:  #2F4672;
	background-image:  url(../images/gridheadback.png);
	color:             black;
	font-weight:       bold;
	padding-left:      6px;

}
.gridheaderrow
{
	background-color:  #2F4672;
	background-image:  url(../images/gridheadback.png);
    height: 30px;
}
.gridcell
{
	background-color:  #FAFAFA;
	color:             #000000;
	padding-left:      6px;
	padding-right:     6px;
}
.gridrow
{
	background-color:  #FFFFFF;
	padding-left:      2px;
}
.gridrowalternate
{
	background-color:  #F5F5F5;
	padding-left:      2px;
}
div.top
{
    width:              100%;
    border-right-color: rgb(224, 228, 232);
    border-right-width: 6;
    border-right-style: solid;
}
.top TABLE
{
    margin: 0;
}
.top TABLE TR TD.selected
{
    border-width:       1;
    background-color:   rgb(224,228,232);
    border-style:       solid;
    border-right-style: none;
}
TABLE.top TR TD
{
    border-width: 0;
    border-style: solid;
}

IFRAME
{
    border-width: 0;
    border-style: none;
}

.win TABLE
{
    border-width : 1;
    border-style : solid;
    background-color: #cccccc;
}

.deviceselect
{
    width:150px;
}
.deviceselect option
{
    width:150px;
}

.devicetextbox
{
    width: 187px;
}

tr.d0 td
{
	background-color: #333333;
	color: black;
}
tr.d1 td
{
	background-color: transparent;
	color: black;
}

.context
{
	font-family:Arial, sans-serif;
	text-decoration:none;
	color:#4444ff;
	font-size:small;
}
a:hover div
{
	background:#eee;
}

#aep_ovrl
{
	background-color: black;
	-moz-opacity: 0.7;
	opacity: 0.7;
	top: 0;
	left: 0;
	position: fixed;
	width: 100%;
	height:100%;
	z-index: 99;
}
#aep_ww { position: fixed; z-index: 100; top: 0; left: 0; width: 100%; height: 100%; text-align: center;}
#aep_win { margin: 20% auto 0 auto; width: 400px; text-align: left;}
#aep_w {background-color: white; padding: 3px; border: 1px solid black; background-color: black; border: 5px solid white;}
#aep_t {background-color: #eeeeee; color: black; margin: 0 0 0px 0px; font-family: Arial, sans-serif; font-size: 8pt; border: 1px solid black; font-weight: bold; border: 5px solid white;}
#aep_text {width: 100%;}
#aep_w span {font-family: Arial, sans-serif; font-size: 8pt;}
#aep_w div {text-align: right; margin-top: 5px;}
</style>
<!-- IE specific code: -->
<!--[if lte IE 7]>
<style type="text/css">
#aep_ovrl {
position: absolute;
filter:alpha(opacity=70);
top: expression(eval(document.body.scrollTop));
width: expression(eval(document.body.clientWidth));
}
#aep_ww {
position: absolute;
top: expression(eval(document.body.scrollTop));
}