* { margin: 0; padding: 0;}
p { line-height: 26px; margin: 0 0 1.12em 0;}
a { color: #004b91; text-decoration: none; }


body { background: #fff; color: #404040; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-align: center; }
body.internal {background:#fff; font-family: Arial, Helvetica, sans-serif; text-align: center; }

.container,
#container { margin: 0 auto; text-align: left; width: 960px; }

#header { border-bottom: 1px solid #E5E5E5; height: 80px; padding: 15px 0 1px; }
#header #logo { float: left; margin: -4px 0 0 9px; }
#header #logo h1 { background: url('/images/logo.gif') top left no-repeat; display: block; height: 61px; text-indent: -9999px; width: 250px; }
#header #contact { float: right; text-align: right; color:#fff; font-size:12px; height:25px; margin-right:15px; }
#header #contact address { color: #0a64ad; font-size:12px; font-style: normal; line-height: 20px; }
#header #contact a { color:#444; font-size: 11px; z-index:9999; }
#header #contact a:hover { color:#ADAFB2; }

#header .webinar { float:right; margin-right:20px; margin-top:-5px; }

#header #topnav { clear: right; float: right; padding: 0px; margin:20px 0 0; height:32px; width:700px; z-index:9999; }
#header #topnav ul { list-style: none; text-align: left; z-index:9999; }
#header #topnav ul li { float:left; height:32px; z-index:9999; }
#header #topnav ul li li { border-bottom:1px dotted #ccc; float: none; z-index:9999; }
#header #topnav ul li a { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:1px solid #fff; font-size: 13px; display:block; margin: 0 0 0 0; padding: 7px 13px 8px 13px; text-decoration:none; }
#header #topnav ul li a:hover, #header #topnav ul li.hover a  { color: #404040; }
#header #topnav ul li.active a { color: #404040; }
#demo-link {  }

#header #topnav ul li ul { -webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px; background:#fff; border:1px solid #003e7e; height:auto; position:absolute; visibility:hidden; }
#header #topnav ul li ul li a { width:200px; }
#header #topnav ul li.hover ul li { margin-right:0px; }
#header #topnav ul li.hover ul li a { background:#f7f7f7; border:none; color:#004B91; }
#header #topnav ul li.hover ul li a:hover { background:#fff; }

#rotator { border:1px solid #004B91; float: left; height: 240px; position:relative; width: 718px; }
#cycle { z-index:0; }
#nav {  bottom: 10px; height:20px; position: absolute; right: 0; width: auto; z-index: 999; }
#nav a { background: url("/images/ico-nav.png") no-repeat -20px 0; display: block; float: left; height: 20px; line-height: 0; margin-right: 10px; overflow: hidden; text-indent: -9999px; width: 20px; }
#nav a.activeSlide { background:url('/images/ico-nav.png') no-repeat; display:block; height:20px; width:20px; }

/* Homepage Tabs */
#tabs { background: url('/images/tabs/tabs.bg.gif') top left no-repeat; display: block; height: 300px; position: relative; width: 840px; }

	/* Tabs */
	#tabs .ui-tabs-nav { bottom: 0; list-style: none; position: absolute; }
	#tabs .ui-tabs-nav li { float: left; }
	#tabs .ui-tabs-nav li a{ font-size: 12px; }
	
	#tabs .ui-tabs-nav li a.wirelessdevice{ display: block; height: 66px; width: 320px; }
	#tabs .ui-tabs-nav li.ui-state-default a.wirelessdevice { background: url('/images/tabs/wireless.tab.bg.gif') bottom left no-repeat; }
	#tabs .ui-tabs-nav li.ui-state-active a.wirelessdevice { background: url('/images/tabs/wireless.tab.bg.gif') top left no-repeat;  }

	#tabs .ui-tabs-nav li a.wirelessanalytics { display: block; height: 66px; width: 260px; }
	#tabs .ui-tabs-nav li.ui-state-default a.wirelessanalytics { background: url('/images/tabs/analytics.tab.bg.gif') bottom left no-repeat; }
	#tabs .ui-tabs-nav li.ui-state-active a.wirelessanalytics { background: url('/images/tabs/analytics.tab.bg.gif') top left no-repeat;  }

	#tabs .ui-tabs-nav li a.requestdemo { display: block; height: 66px; width: 255px; }
	#tabs .ui-tabs-nav li.ui-state-default a.requestdemo { background: url('/images/tabs/demo.tab.bg.gif') bottom left no-repeat; }
	#tabs .ui-tabs-nav li.ui-state-active a.requestdemo { background: url('/images/tabs/demo.tab.bg.gif') top left no-repeat; }
	

	/* Content */
	#tabs .ui-tabs-panel { color: #fff; padding: 20px; width: 813px; }
	#tabs .ui-tabs-panel .text { float: left; width: 445px; }
	#tabs .ui-tabs-panel p { font-size: 12px; font-weight: bold; line-height: 19px; margin: 0 0 10px 0; }
	#tabs .ui-tabs-hide { display: none; }
	#tabs .largeico { float: right; margin-top: -9px; }
	
	#tabs #webinar { float: none; font-size: 11px; }
	#tabs #webinar table { width: 420px; }
	#tabs #webinar table td { padding-bottom: 5px; vertical-align: top; }
	#tabs #webinar table th { padding-bottom: 5px; vertical-align: top; }
	#tabs #webinar label { display:block; float:left; padding:0 10px 0 0; text-align:left; width:82px;}
	#tabs #webinar input { border: none; color: #505050; font-size: 11px; padding: 2px; }
	#tabs #webinar .error { color:#c00; padding:0 0 0 10px;}

#breadcrumbs { font-size:11px; margin-bottom:10px; }
	
#page #mainimage { border:1px solid #444; float: left; width: 720px; }
#boxes { padding: 25px 0; }
#page #news { float: right; padding: 0 7px; width: 215px; }
#news h2 { border-bottom: 1px dotted #7f7f7f; font-weight:normal; padding-bottom:5px; }
#news h2 a { font-size: 10px; margin-top: 5px; }
#news ul { list-style: none; }
#news li { border-bottom: 1px dotted #ccc; padding: 10px 0;}
#news a.resource { font-size:11px; }

.box { float: left; padding: 7px; width: 226px; }
.box h2 { font-size:16px; }
.box h2.dollar { background: url('/images/ico.dollar.gif') left top no-repeat; padding: 2px 0 10px 46px; }
.box h2.phone { background: url('/images/ico.phone.gif') left -6px no-repeat; padding: 2px 0 30px 46px; }
.box h2.chat { background: url('/images/ico.chat.gif') left -9px no-repeat; padding: 2px 0 30px 61px; }
.box h2.report { background: url('/images/ico.report.gif') left top no-repeat; padding: 2px 0 10px 74px; }

body.homepage #body { padding-top:15px; }
body.internal #body { padding: 15px 15px 0 15px; width: 930px; }
body.internal #bodybg { width: 100%;}
body #body #leftnav { display: none; }
body.internal #body #leftnav { display: none; float: left; width: 151px; margin-right:19px; min-height:200px;}
body.internal #body #leftnav ul { list-style: none; }
body.internal #body #leftnav ul li { font-size: 13px; }
body.internal #body #leftnav ul li a { color: #0a64ad; display:block; height: 15px; padding: 7px 7px 9px 7px; text-decoration: none; font-weight:bold; }
body.internal #body #leftnav ul li a:hover { text-decoration: underline; }
body.internal #body #leftnav ul li a.active { text-decoration: underline; }

body.internal #body #leftnav ul li ul { margin-left: 15px; }
body.internal #body #leftnav ul li li { font-size: 12px; }
body.internal #body #leftnav ul li li a { color: #0a64ad; display:block; height: auto; padding: 0 0 6px 0; text-decoration: none; font-weight:bold; }


body.internal #body #content { color: #333; float: left; font-size: 13px; width:100%; }
body.internal .demo #body #content {}
body.internal #body #content h1 { color: #404040; font-size: 22px; font-weight: normal; margin-bottom: 7px; }
body.internal #body #content h2 { color: #404040; font-size: 16px; margin: 20px 0 3px 0; }
body.internal #body #content h4 { color: #0c3d7c; font-size: 13px; margin: 25px 0 3px 0; }

body.internal #body #content ul { list-style-position: inside; }

#body #splash { margin-bottom: 15px; }

#footer { background: #404040; color: #fff; clear: both; height:35px; margin:10px 0; padding: 20px 0 10px; text-align: right; }
#footer  a { color: #fff;  font-size: 11px;  margin-right: 15px; }
#footer p { font-size: 10px; float:right; }

.clearer { clear: both; }
* html #body { position: relative; top: -9px; }

p.quote{}
p.quotecitation{font-weight: bold; margin-top: -.8em;}

/* Add any new page's splash images here  */
.wirelessmgmt #body #splash { background: url('/images/splash-small-01.jpg') top left no-repeat; display: block; height: 133px; width: 640px; }
.procurement #body #splash { background: url('/images/splash-small-02.jpg') top left no-repeat; display: block; height: 133px; width: 640px; }
.support #body #splash { background: url('/images/splash-small-03.jpg') top left no-repeat; display: block; height: 133px; width: 640px; }
.wirelessreporting #body #splash { background: url('/images/splash-small-04.jpg') top left no-repeat; display: block; height: 133px; width: 640px; }
.about #body #splash,
.contact #body #splash { background: url('/images/splash-small-04.jpg') top left no-repeat; display: block; height: 133px; width: 640px; }

/* Contact us Form */
#form { float: left; width:215px; }
#form label { display:block; width:100px; text-align:left; padding:0 10px 0 0;}
#form .error { color:#c00; padding:0 0 0 10px;}
#form input.submit { float:right; margin-right:30px; }
#thankyou { background:#0C3B77; color:#fff; font-size:12px; padding:10px; float: left; font-style:italic; width:290px; margin:3px 0 20px 0;}

#rightside { float: right; padding-left: 10px; text-align: left; width: 310px; }
#leftside { float: left; margin-left: 100px; margin-right: 20px; padding-right: 20px; text-align: left; width:200px; }

/* Webinar Register Form */
#webinar { float: left; }
#webinar table td { padding-bottom: 5px; vertical-align: top; }
#webinar table th { padding-bottom: 5px; vertical-align: top; }
#webinar label { display:block; float:left; padding:0 10px 0 0; text-align:right; width:150px;}
#webinar input.submit { float:right; }
#webinar .error { color:#c00; padding:0 0 0 10px;}

a.demo { float:left; }
a.demo img { border:none; }

body.internal .demo #body #content .downloadDemo { float: right; }

#body #content .callout { margin-bottom: 10px; width:575px; }
#body #content .callout.studies { background: #f7f7f7; border: 1px solid #aaa; padding: 5px; width: 690px; }
#body #content .callout.nav { background: #F7F7F7; border: 1px solid #ccc; float: right; margin-left: 15px; padding: 2px; width: 165px;}
#body #content .callout.nav h3 { background:#004A91; color:#fff; padding:3px 10px; }
#body #content .callout.nav li {  float:left; padding:0; }
#body #content .callout.nav li a { display: block; float: left; padding: 8px 10px 8px 40px; width: 115px; }
#body #content .callout.nav li a:hover { color:#404040; text-decoration:underline; }
#body #content .callout.nav li a.current { color:#404040; text-decoration:underline; }
#body #content .callout.nav li a.why { background:url('/images/ico.why.jpg') no-repeat 5px center; }
#body #content .callout.nav li a.customers { background:url('/images/ico.customers.jpg') no-repeat 5px center; }
#body #content .callout.nav li a.studies { background:url('/images/ico.studies.jpg') no-repeat 5px center; }
#body #content .callout.nav li a.faq { background:url('/images/ico.faq.jpg') no-repeat 5px center; }

#body #content .callout.wide { width:100%; }
body.internal #body #content .callout h4 { margin-top: 5px; }
body.internal #body #content .callout .sub { margin-left: 15px; }

#body #content .callout.left { width: 338px; }
#body #content .callout .table { width: 100%; }
#body #content .callout th { font-size: 11px; }
#body #content .callout .view { text-align: center; }
#body #content .callout td { font-size: 11px; padding:0 5px; }
#body #content .callout .alt td { background: #e6e2d1; }
#body #content .callout ul { list-style: none; list-style-position: outside; }
#body #content .callout ul li { border-bottom: 1px dotted #e0ddcd; list-style: none; list-style-position: outside; padding: 5px 10px; }
#body #content .callout ul li a { display: inline!important; }
#body #content .callout ul li:hover { }

#body #content .callout.onecolumn {}
#body #content .callout.onecolumn ul li { font-size:12px; }
#body #content .callout.onecolumn td { padding:0; }
#body #content .callout.onecolumn ul li { padding:15px 0; }

#body #content .callout.onecolumn ul li.web { background:url('/images/ico.bigcheck.png') no-repeat left center; padding-left:70px; }
#body #content .callout.onecolumn ul li.order { background:url('/images/ico.tracker1.png') no-repeat left center; height:50px; padding-left:70px; }
#body #content .callout.onecolumn ul li.asset { background:url('/images/ico.phone.gif') no-repeat 15px center; padding-left:70px; }
#body #content .callout.onecolumn ul li.service { background:url('/images/ico.tracker3.png') no-repeat left center; padding-left:70px; }
#body #content .callout.onecolumn ul li.invoice { background:url('/images/ico.invoice.png') no-repeat left center; padding-left:70px; }
#body #content .callout.onecolumn ul li.admin { background:url('/images/ico.admin.png') no-repeat left center; padding-left:70px; }
#body #content .callout.onecolumn ul li.help { background:url('/images/ico.chat.gif') no-repeat left center; padding-left:70px; }
#body #content .callout.onecolumn ul li.money { background:url('/images/ico.money.png') no-repeat left center; padding-left:70px; }

#body #content .callout.twocolumn table { width: 100%; }
#body #content .callout.twocolumn td { vertical-align: top; width: 50%; }
#body #content .callout.twocolumn ul li { background:url('/images/ico.check.jpg') no-repeat left center; padding:8px 0 8px 35px; }
#body #content .callout.twocolumn ul li.alt { }
#body #content .callout.threecolumn table { width: 100%; }
#body #content .callout.threecolumn td { padding-left: 10px; text-align: center; vertical-align: top; width: 33%; }
#body #content .callout.threecolumn ul li { background: url('/images/ico.check.gif') center left no-repeat; border-bottom: 1px dotted #e0ddcd; display: inline;  padding: 10px 10px 10px 20px; }

#body #content .callout.jumpbox { margin-bottom: 30px; }
#body #content .callout.jumpbox table { width: 100%; }
#body #content .callout.jumpbox td { padding-left: 10px; text-align: center; vertical-align: top; width: 33%; }
#body #content .callout.jumpbox ul li { border-bottom: 1px dotted #ccc; padding: 5px 10px 5px 0px; text-align: left; }
#body #content .callout.jumpbox ul li.last { border: none; }
#body #content .callout.jumpbox li a { background: url("/images/ico.jump.jpg") no-repeat right center; display:block!important; height:15px; }
#body #content .callout.jumpbox li a span.jump {  }

#body #content .callout.twolevel ul ul li { background: #e0ddcd; border-bottom: 1px dotted #EDEADE; padding: 3px 10px; }
#body #content .callout.twolevel ul ul li:hover,
#body #content .callout.twolevel ul li:hover { background: none; }

#body #content .callout td a { display: block; }
#body #content .callout td a.pdf { background: url('/images/ico.pdf.gif') top left no-repeat; color: #0A64AD; padding: 6px 0 6px 30px; text-decoration: none; }
#body #content .callout td a.wmv { background: url('/images/ico.wmv.gif') top left no-repeat; color: #0A64AD; padding: 6px 0 6px 30px; text-decoration: none; }
#body #content .callout td a:hover { text-decoration: underline; }
#body #content ul li ul li {margin-left: 15px;}

#body #content div.quote { background:none; border-bottom: 1px solid #D2D5D0; border-top: 1px solid #D2D5D0; float: right; font-family: georgia; margin: 0 0 20px 20px; padding: 15px 0; text-align: center; width: 300px; }
#body #content div.quote.left {  border-bottom: 1px solid #D2D5D0; border-top: 1px solid #D2D5D0; float: left; margin: 0 20px 20px 0; width: 300px; }
#body #content div.quote.right { float:right; margin-top:10px; }
#body #content div.quote.quote td { background: none; border: none; font-size: 13px; font-style: italic; line-height: 24px; }
#body #content div.quote td ul { list-style: disc; list-style-position: inside; }
#body #content div.quote td ul li { border: none; padding: 5px 10px; }
#body #content div.quote td ul li:hover { background: none; }

#body #content div.casestudy { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin: 0 0 10px 0; width:690px; }
#body #content div.casestudy th { background: none; border: none; font-size: 12px; font-style: italic; line-height: 18px; padding-right: 5px; vertical-align: top; }
#body #content div.casestudy td { background: none; border: none; font-size: 14px; line-height: 18px; padding-top: 0; vertical-align: top; }
#body #content div.casestudy td p { margin: 0; }

#body #content div.image { background: #f7f7f7; border: 1px solid #ccc; float: right; margin: 0 0 20px 20px; width: auto!important;  }
#body #content div.image.left { background: #f7f7f7; border: 1px solid #ccc; float: left; margin: 0 20px 20px 0;  }
#body #content div.image td { background: none; border: 1px solid #cdecfd; font-size: 12px; font-style: italic; line-height: 18px; padding: 0; }
#body #content div.image td img {  }

/* FAQ */
#faq { width:725px; }
#faq dt {
color: #2763A5; cursor: pointer; margin: 8px 0; padding: 0; }
#faq dd {
border-left: 2px solid #ccc;
    margin: 10px 0 20px 15px;
    padding: 10px; }

#body #content div.control { background:#fff; float: left; margin: 10px 20px 20px 0; width: 100%; }
#body #content div.control ul { float: left; margin-right: 15px; width: 295px; }
#body #content div.control ul li {  border-bottom: 1px dotted #ccc; font-size: 11px; padding: 5px 10px 5px 0px; }
#body #content div.control ul li.title { border-bottom:none; font-size:18px; height:62px; line-height:62px; margin-bottom:10px; padding-left:80px; }
#body #content div.control ul li.title.control { background:url('/images/ico-control.png') no-repeat left center; }
#body #content div.control ul li.title.performance { background:url('/images/ico-performance.png') no-repeat left center; }
#body #content div.control ul li.title.results { background:url('/images/ico-results.png') no-repeat left center; }
#body #content div.control ul li:hover {  }
#body #content div.control ul li.alt {  }

#resource-form { background: #F7F7F7;
    border: 1px solid #ccc;
    float: left;
    padding: 10px; }
#resource-form .inner {}
#resource-form .inner label { font-weight:bold; margin-right:10px; }
#resource-form .inner input { margin-right:10px; padding:2px; width:200px; }
#resource-form .inner input.submit { margin:0px; padding:0; width:75px; }

#control dt { border-top: 1px solid #c6edfe; }
#control dt strong { border-top: 1px solid #ebf8fe; color: #0C3D7C; display: block; padding: 5px; }

#control dt.first { border-top: none; }
#control dt.first strong { border-top: none; }

.clear { clear:both; }

/*New rules set up by Nathan */
div.section {margin-top: 2em; float: left; clear: both; width: 100%;}

div#logos img {margin: 5px 20px 5px 20px;}

img.contentleft, img.contentright {margin: 10px;}
  img.contentleft {float: left;}
  img.contentright {float: right;}
  
img.outline {border: 1px solid gray;}

span.subhead {color: gray;}