@charset "UTF-8";
/* CSS Document */

/* Version: 0.2
Author: pixelpunk
Author URI: http://www.pixelpunk.com
Modified 11/11: belincreative - http://www.belincreative.com

blue: #157689
orange: #f38d21

*/

/* -------------------- Reset -------------------- */

* {padding: 0px; margin: 0px; text-decoration: none; text-align: left; text-indent: 0;}
ul {list-style-type: none;}
td {vertical-align: top;}

body {margin: 0px; padding: 0px; background-color: #000; background-image: url(img/bg-body.gif); font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;}

/* -------------------- HTML elements -------------------- */
a:link {color: #157689; text-decoration: none;}
a:visited {color: #157689; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}
a:active {text-decoration: none;}
a:focus {outline: none;}

h1 {font-weight: normal; margin: 0px;}
h2 {font-weight: normal; margin: 0px;}
h3 {font-weight: normal; margin: 0px;}
h4 {text-align: center; margin: 0px; padding: 15px 0px 0px 0px; font-weight: bold;}

/* -------------------- Header -------------------- */
#headerWrapper {background-color: #000; background-image: url(img/bg-header.gif); background-repeat: repeat-x; height: 165px;}
#header {margin: 0px auto; width: 960px; height: 165px;}

#logo {height: 94px; width: 373px; float: left; display: inline; position: relative; margin-right: 35px;}
#banner {height: 68px; width: 300px; background-color:#F00; float: left; display: inline; position: relative;}

#search {float: right; display: inline; width: 320px; height: 36px; background-image: url(../img/bg-search.jpg); background-repeat: no-repeat;}
#search p {float: left; display: inline; padding: 10px 0px 0px 20px; color: #FFFFFF;}  
#search a {color: #fff; padding: 0px 5px 0px 5px;}
#search a:hover {color: #F7941E;}
#search p { padding: 10px 0px 0px 5px!important; color: #FFFFFF;}

#zoomsearch {width: 110px; float: right; display: inline; padding-top: 8px; margin-right: 20px;}
#zoomsearch .sbox_l  {background: url(../img/searchleft.gif) no-repeat top left; float: left; width: 9px; height: 19px;}
#zoomsearch .sbox_go  {padding-top: 0px; float: right;}
#zoomsearch .sbox input {background: url(../img/searchmid.gif) repeat-x top left; float: left; border: 0; height: 19px;	width: 74px; margin: 0px; padding: 2px 6px 0px 0px; color: #777;}

/* -------------------- Navigation -------------------- */

#navWrapper {width: 960px; height: 72px; margin: 0px auto; background-color: #ebebeb; background-image: url(img/bg-nav.jpg); background-repeat: no-repeat; margin: 1px 0px 0px 0px;}
#wrapper {width: 960px; margin: 0px auto;}
#contentwrapper {width: 960px; position: relative; background-image: url(img/bg-content.gif); background-repeat: repeat-y;}

/* -------------------- CONTENT WRAPPERS -------------------- */

#content {padding: 0px 30px 0px 30px;}
#content h1 {color: #f38d21; font-size:28px; padding: 20px 0px 0px 0px;}
#content h2 {padding: 20px 0px 0px 0px;}
#content p {padding: 3px 0px 15px 0px; line-height: 170%;}
#content li {line-height: 150%;}

/* -------------------- CONTENT PAGES -------------------- */

#fullpages {float: left; display: inline;}
#fullpages h1 {margin: 20px 0px 15px 0px; padding: 0px;}
#fullpages h2 {margin: 0px; padding: 15px 0px 0px 0px; border-top: 1px dotted #ccc;}
#fullpages h3 {margin: 0px; padding: 15px 0px 0px 0px; font-weight: bold;}
#contentpages h4 {text-align: center; margin: 0px; padding: 15px 0px 0px 0px; font-weight: bold;}


/*#contentpages {float: right; display: inline; width: 630px;}*/
#contentpages { position: relative; float: left; clear: none; margin: 0 14px 0 0; padding: 0 14px 0 0; width: 636px;}
.fullWidth { width: 902px!important; margin: 0!important; padding: 0!important; }
#contentpages #productGrid { position: relative; float: left; clear: none; padding: 0 0 15px 0; margin: 0 0 30px 0; width: 638px; height: 120px; border-bottom: 1px dotted #afafaf; }
#contentpages .fullProductGrid { width: 902px!important; height: 150px!important; }
#contentpages #productGrid ul { margin: 0; padding: 0; }
#contentpages #productGrid li { position: relative; float: left; clear: none; /*width: 173px;*/ width: 244px; list-style: none; }
#contentpages #productGrid li.last { /*width: 119px;*/ width: 168px; }
#contentpages #productGrid li a { display: block; width: 244px; height: 15px; padding: 135px 0 0 0; color: #222222; text-decoration: none; opacity: 0.4; filter: alpha(opacity=40); font-size: 15px; }
#contentpages #productGrid li a.current, #contentpages #productGrid li a:hover { opacity: 1; filter: alpha(opacity=100); }
#contentpages #productGrid li a.detect { /*background: #fff url(img/msag-detect.jpg) 0 0 no-repeat;*/ background: #fff url(img/steps-detect.jpg) 0 0 no-repeat; }
#contentpages #productGrid li a.track { /*background: #fff url(img/msag-track.jpg) 0 0 no-repeat;*/ background: #fff url(img/steps-track.jpg) 0 0 no-repeat; }
#contentpages #productGrid li a.profile { /*background: #fff url(img/msag-profile.jpg) 0 0 no-repeat;*/ background: #fff url(img/steps-profile.jpg) 0 0 no-repeat; }
#contentpages #productGrid li a.respond { /*background: #fff url(img/msag-respond.jpg) 0 0 no-repeat; width: 119px;*/ width: 168px!important; background: #fff url(img/steps-respond.jpg) 0 0 no-repeat; }

#contentpages h1 {margin: 20px 0px; padding: 0px;}
#contentpages h2 {margin: 0; padding: 0; /*border-top: 1px dotted #ccc;*/}
#contentpages h3 {margin: 0px; padding: 15px 0px 0px 0px; font-weight: bold;}
#contentpages h4 {text-align: center; margin: 0px; padding: 15px 0px 0px 0px; font-weight: bold;}
#contentpages p { margin-bottom: 6px; }
#contentpages p a.navstrip { position: relative; float: left; clear: none; margin: 0 12px 12px 0; }
#contentpages span.smallGray { font-size: 11px; color: #666; }

#breadcrumb {border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 4px 0px 4px 0px; margin: 10px 0px 10px 0px;}
#breadcrumb a {margin-right: 10px;}

.bullets {list-style-type: none; padding-left: 0; margin-left: 0; margin-top: 10px; margin-top: 10px;}
.bullets li {background: url(img/checkmark.gif) left top no-repeat; padding-left: 20px; margin-bottom: 10px;}

#sbaction { position: relative; float: left; clear: both; margin: 20px 0; }
#sbaction a { position: relative; float: left; clear: both; margin: 0; padding: 0; }

#resources { position: relative; width: 230px; margin-top: 10px;}
#resources li {padding-top: 8px;}
ul.file {margin:0; padding:0; /* RESET */ margin-top:2em; margin-left:1em;}
li.pdf, li.network, li.request, li.evaluation, li.whitep, li.download, li.support, li.demo {background-repeat:no-repeat; list-style:none; margin-left:0px; margin-bottom:.5em; padding-left:40px; text-align:left; height:35px; line-height:42px;}
li.network {background-image:url(img/icon-network.png);}
li.pdf {background-image:url(img/icon-pdf.png);}
li.request {background-image:url(img/icon-request.png);}
li.evaluation {background-image:url(img/icon-evaluation.png);}
li.whitep {background-image:url(img/icon-whitep.png);}
li.support {background-image:url(img/icon-support.png);}
li.download {background-image:url(img/icon-download.png);}
li.demo {background-image:url(img/icon-demo.png);}

.ordered {margin-left: 40px; margin-bottom: 20px;}
.ordered li {margin-bottom: 10px;}

.pdf {list-style-type: none; padding-left: 0; margin-left: 20px; margin-top: 10px; margin-top: 10px;}
.pdf li {background: url(img/icon-pdf.gif) left top no-repeat; padding: 2px 0px 0px 20px; margin-bottom: 20px;}

#logos {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 10px 0px 6px 0px; text-align: center;}
.regbutt {padding: 0px 0px 0px 0px; text-align: center;}

blockquote {margin: 10px 30px 10px 0px; color: #157689; font-size: 18px;}

#endcap {background: transparent url(img/endcap.gif) 100% 100% no-repeat; height: 13px; width: 960px;}

#presswrapper {float: left; display: inline; width: 260px; border-right: 1px solid #ccc; padding: 0px 40px 0px 0px;}
#newswrapper {float: right; display: inline; width: 280px; padding-right: 10px;}

#screenshots {margin: 20px;}
#screenshots h2 {margin: 0px 0px 15px 0px;}

.more {font-size: 14px; margin-left: 20px;}

/*-------------- INSIDE NAVIGATION --------------*/	
/*#left {float: left; display: inline; width: 230px;}*/
#left, #sidebar { position: relative; float: right; clear: none; width: 238px; padding: 0; margin: 0;}
#nav { position: relative; float: left; clear: both; margin: 20px 0 20px 0; padding: 5px; width: 226px; border: 1px solid #d8d8d8;  }
#nav ul { margin: 0; padding: 0; width: 226px; font-size: 13px;}
#nav ul li { position: relative; float: left; clear: both; width: 100%; list-style: none; }
#nav ul li a { display: block; padding: 7px 10px 0 20px; width: 196px; height: 25px; color: #222222; text-decoration: none; border-bottom: 1px dotted #bbbbbb; background: #edf1f2 url(img/lnavlink-ground.jpg) 0 0 no-repeat; outline: none; }
#nav ul li a:hover, #nav ul li a.current { color: #fff; background: #202f34 url(img/lnavlink-ground-on.jpg) 0 0 no-repeat; }
#nav ul li ul { margin: 0!important; padding: 0!important; width: 226px; font-size: 13px; }
#nav ul li ul li, #nav ul li ul li:hover { list-style: none!important; margin: 0; padding: 0; width: 226px; }
#nav ul li ul li a { display: block; padding: 3px 10px 0 35px!important; width: 181px; height: 22px!important; color: #115568; text-decoration: none; background: #fff url(img/subnav-link-ground.jpg) 0 0 no-repeat; outline: none; border-bottom: none!important; }
#nav ul li ul li.last {  border-bottom: 1px dotted #bbbbbb!important; }
#nav ul li ul li a.current, #nav ul li ul li a:hover { color: #c95524; background: #fff url(img/subnav-link-ground.jpg) 0 0 no-repeat; background-color: transparent!important; }

#sidebar .resourcebox { width: 234px!important; margin: 20px 0 15px 0!important; height: auto!important; }
#sidebar .resourcebox h3.awards { width: 209px!important; } 
#sidebar .resourcebox ul { margin: 0!important; padding: 0!important; width: 234px!important; background-color: none!important; }
#sidebar .resourcebox ul li { width: 234px!important; height: auto!important; background-color: #f8f9f9!important; height: 56px!important; margin: 0!important; padding: 0!important; }
#sidebar .resourcebox ul li.highlight { background-color: #fff!important; }
#sidebar .resourcebox ul li a { width: 175px; color: #004149; margin: 0!important; padding: 20px 15px 20px 45px!important; height: auto!important; font-weight: normal; background-position: 7px 50%; }
#sidebar .resourcebox ul li a.pdf { background: transparent url(img/sb-icon-pdf.png) 7px 50% no-repeat; color: #004149!important; }
#sidebar .resourcebox ul li a.screenshots { background: transparent url(img/sb-icon-screenshots.png) 7px 50% no-repeat; color: #004149!important; }

/*depreciated*/
#nav ul ul li {display: block; margin: 0px 0px 0px -23px; width: 200px; font-size: 12px; background: url(img/arrow-dashed.gif) no-repeat 10px 8px; padding: 2px 0px 2px 25px; border: none;}

/*-------------- MENU --------------*/	
#mainMenu {padding-top: 20px; margin: 0 auto; width: 900px; font-size: 14px; position: relative; height: 40px; z-index:999;}
#menuList {text-align:left; line-height: 30px;}
#menuList li{display:inline; list-style: none; margin: 0px;}

a.starter {color: #555; text-decoration: none; padding: 17px 15px; /*Adjusts the clickable area in the top level nav*/ line-height: 30px;}
a.starter:visited {color: #555; text-decoration: none;}
a.starter:hover {color: #157689; text-decoration:none;}

.menuNav {text-align: left; font-size: 12px; /*drop down font size*/ color: #fff; position: absolute; visibility: hidden; z-index: 1; background: #444; /*drop down background color*/ margin: 0px 0px 0px 0px; /*Adjusts the position of the drop down menu*/}
.menuNav li{padding: 0px; margin: 0px;}	
.menuNav li a {/*Adjusts the links in the dropdown*/ background-color: transparent; color: #fff; display: block; text-decoration: none; line-height: 20px; margin: 0px; padding: 6px 3px 6px 20px; border-bottom: 1px solid #b5b5b5;}
.menuNav li a:visited {color: #fff; text-decoration: none;}
.menuNav li a:hover {color: #222222; text-decoration: none; background:#f38d21;}

.divide {color: #bbb;}

#nav_advantage {width: 200px;}
#nav_products {width: 220px;}
#nav_support {width: 200px;}
#nav_resources {width: 200px;}
#nav_solutions {width: 240px;}
#nav_partners {width: 150px;}
#nav_news {width: 170px;}
#nav_about {width: 150px;}

table#data {margin-bottom: 30px; border-collapse: collapse; width: 100%; border: 1px solid #ccc; background-color: #fff;}
table#data th, table#data td {margin: 0px; padding: 8px 20px; text-align: left; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc;}
table#data th {background: #157689; color: #fff;}
table#data tr {background: #e4e4e4;}
table#data tr.alt {background: #f2f2f2;}
#req {width: 75px;}
#feature {width: 150px;}
	
/* -------------------- HOME PAGE -------------------- */

#homeboxes { padding: 0px; margin: 20px 0px 0px 0px; width: 902px; }
#homeboxes #heading, #lpWrapper #heading { position: relative; float: left; clear: both; margin: -10px 0 10px 0; padding: 0; width: 100%; }
#homeboxes #heading h1, #lpWrapper #heading h1 { position: relative; float: left; clear: none; font: 18px Arial, Helvetica, sans-serif; margin: -3px 5px 0 45px; padding: 0; color: #ed8c22; font-weight: normal; }
#homeboxes #heading span, #lpWrapper #heading span { position: relative; float: left; clear: none; font: 13px Arial, Helvetica, sans-serif; color: #222222; font-weight: normal; }
#homeboxes p { padding: 0; margin: 0; font-size: 13px; line-height: 125%; width: 150px; }
#homeboxes h2 { margin: -5px 0 0 0; padding: 0; font-weight: normal; font-size: 18px; color: #ed8c22; }
#homeboxes img { margin: 0; padding: 0px; border: 0; }
.homebox {float: left; display: inline; width: 169px; height: auto; margin: 0px 0px 0px 0px; padding: 8px 10px 0px 46px; background: #fff url(img/hstep-ground.jpg) 100% 5px no-repeat;  }
.homeboxLast { background-image: url(img/hstep-ground-last.jpg)!important; }


#cta { position: relative; float: left; clear: both; width: 903px; padding: 0 0 0 1px; margin: 20px 0px 0px 0px; }
.resourcebox { position: relative; float: left; clear: none; width: 278px!important; height: 181px; margin: 0 28px 12px 0px; padding: 1px; border: 1px solid #d8dadc; background: #fff url(img/home-resourcebox-tile.png) 100% 100% repeat-x; }
.resourceboxLast { margin-right: 0!important; }
.resourcebox h3 { position: relative; float: left; clear: both; margin: 0 0 4px 0; padding: 5px 0 0 25px; width: 253px; height: 22px; font: 15px Arial, Helvetica, sans-serif; color: #fff; font-weight: normal; } 
.resourcebox h3.eval { background: #fff url(img/rbox-eval-h3ground.jpg) 0 0 no-repeat; }
.resourcebox h3.res { background: #fff url(img/rbox-res-h3ground.jpg) 0 0 no-repeat; }
.resourcebox h3.awards { background: #fff url(img/rbox-awards-h3ground.jpg) 0 0 no-repeat; }
.resourcebox ul { position: relative; margin: 0; padding: 0 15px; width: 248px; }
.resourcebox ul li, .resourcebox ul li.last { position: relative; float: left; clear: both; margin: 0; padding: 0; list-style-image: none; height: 74px; border-bottom: 1px solid #d8dadc; }
.resourcebox ul li.last { border-bottom: none; }
.resourcebox ul li.rbdemoreq { height: 90px; padding-top: 13px; }
.resourcebox ul li a { display: table-cell; padding: 0 0 0 80px; width: 173px; height: 74px; font: 13px Arial, Helvetica, sans-serif; color: #ed8c22; text-decoration: none; vertical-align: middle!important; font-weight: bold; }
.resourcebox ul li a span { color: #222222!important; font-weight: normal!important; }
.resourcebox ul li a.rbeval { background: transparent url(img/rbox-eval-icon.png) 0 50% no-repeat; }
.resourcebox ul li a.rbdemo { background: transparent url(img/rbox-demo-icon.png) 0 50% no-repeat; }
.resourcebox ul li a.rbdemoL { background: transparent url(img/rbox-demo-icon.png) 0 2px no-repeat; }
.resourcebox ul li a.rbwhitepaper { background: transparent url(img/rbox-whitepaper-icon.png) 0 50% no-repeat; color: #004149!important; }
.resourcebox ul li a.rbwebinar { background: transparent url(img/rbox-webinar-icon.png) 0 50% no-repeat; color: #004149!important; }
.resourcebox ul li a.rbWSJ { background: transparent url(img/wsj-awards-logo-n.png) 0 50% no-repeat; color: #004149!important; }
.resourcebox ul li a.rbSNet { background: transparent url(img/rbox-sinet-logo.png) 0 50% no-repeat; color: #004149!important; }

.resourcebox #awardsWrapper { position: relative; float: left; clear: none; padding: 0 15px; width: 248px; height: 149px; background: transparent url(img/rbox-awrapper-ground.png) 180px 10px no-repeat; }
.resourcebox #mediaContact { position: relative; float: left; clear: both; margin: 15px; width: 204px; font: 13px Arial, Helvetica, sans-serif; line-height: 130%; }
.resourcebox #awardsWrapper #rbquote { position: relative; float: left; clear: both; margin: 15px 0 0 0; font: 13px Arial, Helvetica, sans-serif; font-style: italic; line-height: 130%; }
.resourcebox #awardsWrapper #rbquoteCredit { position: relative; float: right; clear: both; text-align: right!important; padding: 0; font-size: 11px; color: #858585; font-style: normal; }
.resourcebox #awardsWrapper ul { position: relative; float: left; clear: both; margin: 10px 0 0 0!important; padding: 0!important; width: 248px; }
.resourcebox #awardsWrapper li { position: relative; float: left; clear: none; margin: 0; padding: 0; width: 124px; height: 70px; }
.resourcebox #awardsWrapper li a { display: block; padding: 47px 8px 0 8px; width: 108px; height: 23px; text-decoration: none; color: #222222; text-align: center; font-weight: normal; font-size: 11px!important; } 
.resourcebox #awardsWrapper li a.wsj { background: transparent url(img/wsj-awards-logo.png) 50% 0 no-repeat; } 
.resourcebox #awardsWrapper li a.scm { background: transparent url(img/scm-asards-logo.png) 50% 0 no-repeat; } 

/* SEARCH PAGE STYLES */
.highlight { background: #FFFF40; }
.searchheading {margin-top:1em; font-size:1.7em; font-weight:normal; color:#333;}
.summary { font-size: 80%; font-style: italic; }
.suggestion { font-size: 100%; }
.results { font-size: 100%; }
.category { color: #999999; }
.sorting { text-align: right; }
.result_title { font-size: 100%; }		
.description { font-size: 100%; color: #008000; }
.context { font-size: 100%; }
.infoline { font-size: 80%; font-style: normal; color: #808080;}

.zoom_searchform { font-size: 100%; margin-top: 25px;}
.zoom_results_per_page { font-size: 80%; margin-left: 10px; }
.zoom_match { font-size: 80%; margin-left: 10px;}				
.zoom_categories { font-size: 80%; }
.zoom_categories ul { display: inline; margin: 0px; padding: 0px;}
.zoom_categories li { display: inline; margin-left: 15px; list-style-type: none; }	
.cat_summary ul { margin: 0px; padding: 0px; display: inline; }
.cat_summary li { display: inline; margin-left: 15px; list-style-type: none; }			
input.zoom_button {  }
input.zoom_searchbox {  }		
.result_image { float: left; display: block; }
.result_image img { margin: 10px; width: 80px; border: 0px; }
.result_block { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_altblock { margin-top: 15px; margin-bottom: 15px; clear: left; }
.result_pages { font-size: 100%; }
.result_pagescount { font-size: 100%; }	
.searchtime { font-size: 80%; }
.recommended { background: #DFFFBF; border-top: 1px dotted #808080; border-bottom: 1px dotted #808080; margin-top: 15px; margin-bottom: 15px; }
.recommended_heading { float: right; font-weight: bold; }
.recommend_block { margin-top: 15px; margin-bottom: 15px; clear: left; }		
.recommend_title { font-size: 100%; }
.recommend_description { font-size: 100%; color: #008000; }
.recommend_infoline { font-size: 80%; font-style: normal; color: #808080;}
.recommend_image { float: left; display: block; }
.recommend_image img { margin: 10px; width: 80px; border: 0px; }

/* -------------------- lightbox -------------------- */
ul.postnav,ul.postnav li{margin:10px 0px 0px 0px; padding:0; list-style-type:none}
ul.postnav li{float:right; width: 5em; font-size:11px; margin-right: 10px}
ul.postnav a:link{display:block; width:5em; padding:5px 0; background: #6f90b8; color: #fff; text-decoration:none; text-align:center}
ul.postnav a:visited{display:block; width:5em; padding:5px 0; background: #6f90b8; color: #fff; text-decoration:none; text-align:center}
ul.postnav a:hover{background: #A8E52F; color:#000}

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.thumbnail {padding: 0px 20px 20px 0px;}

/* -------------------- FOOTER -------------------- */

#footerWrapper { position: relative; clear: both; margin: 14px auto; width: 958px; height: auto; background: #222224 url(img/footer-ground.jpg) 0 0 no-repeat; border: 1px solid #4e525b; }
#footerBLinksWrapper { position: relative; float: left; clear: both; width: 678px; margin: 40px 0 0 258px; }
#footerBLinksWrapper .fblock { position: relative; float: left; clear: none; margin-bottom: 45px!important; width: 224px; }
#footerBLinksWrapper .fblock ul { position: relative; float: left; clear: none; margin: 0; padding: 0; width: 211px; }
#footerBLinksWrapper .fblock li { position: relative; float: left; clear: both; margin: 0; padding: 0; list-style: none; width: 100%;  }
#footerBLinksWrapper .fblock li a { display: table; vertical-align: middle!important; padding: 2px 0 0 16px; width: 195px; height: 18px; font-size: 12px; color: #adadad; text-decoration: none; background: transparent url(img/fbullet-ground.jpg) 0 50% no-repeat; }
#footerBLinksWrapper .fblock li a:hover { color: #2aa8cc!important; }
#footerWrapper #legalcopy { position: relative; float: left; clear: none; margin: 0 15px 8px 15px; width: 550px; height: auto; font-size: 12px; color: #69696a; text-align: left; }
#footerWrapper #legalcopy a { font-size: 12px; color: #69696a; text-decoration: none; }
#footerWrapper #legalcopy a:hover { color: #2aa8cc!important; }
#footerWrapper #social { position: relative; float: right; clear: none; margin: -23px 15px 8px 15px; width: 350px; height: auto; font-size: 12px; color: #69696a; text-align: right; } 
#footerWrapper #social a, #footerWrapper #social span { position: relative; float: right; margin: 0 0 0 5px; }
#footerWrapper #social a { border: 1px solid #000; margin: -5px 0 0 5px; opacity: 0.5; filter: alpha(opacity=50) background: none!important; padding: 0!important; }
#footerWrapper #social a:hover { opacity: 1; filter: alpha(opacity=100) }
#footerWrapper #social a img { border: 0; padding: 0!important; }


#whitepaper h2 {border-top: none; margin-bottom: 10px;}
#whitepaper form {margin-top: 30px;}

/* updates from nik on 2-10-11 */
#contentpages table.products, #contentpages table.productslast { border-bottom: 1px solid #999999; margin: 10px 50px 10px 25px; }
#contentpages table.productslast { border-bottom: none!important; }
#contentpages table.products td h1, #contentpages table.productslast td h1 { margin-top: 0!important; }
#contentpages table.products td, #contentpages table.productslast td h1 { text-align: left; vertical-align: top; }
#homeboxes, #cta { position: relative!important; float: left!important; clear: both!important; width: 902px!important; }
#cta { margin-left: -2px!important; }
/*.homeboxLast {width: 189px!important; border: 0; }
#cta .resourcebox, #cta .resourceboxLast { width: 219px!important; text-align: center!important; border: 1px solid #fff; border-width: 0 1px 0 0; padding: 0 0 0 6px!important; }
#cta .resourceboxLast { width: 200px!important; border: 0; margin: 10px 0 0 0!important; }*/
#resourceboxUL { margin: 10px 13px 0 -1px!important; }
#resourceboxUL ul { margin-left: 12px!important; }
h2.GrayHeading, p.GrayText { color: #7f7f7f; }
li.issubmenu ul, li.issubmenu li, li.issubmenu a { display: block!important; }
li.issubmenu a { /*border-bottom: 0!important;*/ }
li.issubmenu li a { height: 15px!important;  padding: 4px 10px 8px 10px!important; }
li.issubmenu ul { visibility: hidden; display: none; }
li.issubmenu:hover ul { visibility: visible; display: block; }
#waabuse td, #waabuse td.last { padding: 0 10px 0 0; }
#waabuse td.last { padding: 0 5px 0 0!important; }
#waabuse td.darrow { padding: 0!important; }

/* Added for nick 0n 6/21 */
p.quote { font-style: italic; }
p.quoteCredit { font-size: 0.8em; color: #8a8a8a; margin-top: -10px; line-height: 120%!important; }
.downloadFL, ul.bulletsFL { position: relative; float: left; clear: none; }
ul.bulletsFL { margin: 0 0 0 15px; width: 500px!important; }

/*added 2011-11-09*/
#sswrapper { position: relative; width: 930px; height: 315px; margin: 0 0 0 -14px;	}
#sswrapper #mws1 { background: transparent url(img/mykonos-web-security-hs1b.jpg) 0 0 no-repeat; } 
#sswrapper #mws1a { background: transparent url(img/mykonos-web-security-hs1.jpg) 0 0 no-repeat; } 
#sswrapper #mws1b { background: transparent url(img/mykonos-web-security-hs1a.jpg) 0 0 no-repeat; } 
#sswrapper #mws2 { background: transparent url(img/mykonos-web-security-hs2b.jpg) 0 0 no-repeat; } 
#sswrapper #mws2a { background: transparent url(img/mykonos-web-security-hs2.jpg) 0 0 no-repeat; } 
#sswrapper #mws2b { background: transparent url(img/mykonos-web-security-hs2a.jpg) 0 0 no-repeat; } 
#sswrapper #mws3 { background: transparent url(img/mykonos-web-security-hs3b.jpg) 0 0 no-repeat; } 
#sswrapper #mws3a { background: transparent url(img/mykonos-web-security-hs3.jpg) 0 0 no-repeat; } 
#sswrapper #mws3b { background: transparent url(img/mykonos-web-security-hs3c.jpg) 0 0 no-repeat; } 
#sswrapper .slide { position: relative; float: left; clear: none; width: 930px; height: 315px; }
#sswrapper .slide a.button { position: absolute; z-index: 450; top: 231px; display: block; height: 34px; }
#sswrapper .hbnr { position: absolute; z-index: 450; top: 10px; left: 14px; display: block; width: 902px; 282px; }
#sswrapper .slide a.demo { left: 50px; width: 123px;  }
#sswrapper .slide a.eval { position: absolute; z-index: 450; left: 186px; top: 231px; display: block; width: 162px; height: 34px; }
#sswrapper .slide a.more2 { position: absolute; z-index: 450; left: 341px; top: 231px; display: block; width: 101px; height: 34px; }
#sswrapper .slide a.more { position: absolute; z-index: 450; left: 30px!important; top: 231px; display: block; width: 101px; height: 34px; }
#ssowrapper a.page { position: absolute; z-index: 450; top: 297px; display: block; height: 14px; width: 14px; }
#ssowrapper a.one { left: 460px; }
#ssowrapper a.two { left: 475px; }
#ssowrapper a.three { left: 490px; }

/* products landing page */
#breadcrumbs { position: relative; float: left; clear: both; margin: 10px 0; width: 902px; height: 30px; background: #fff url(img/breadcrumbs-ground.png) 0 0 no-repeat; font-size: 12px; }
#breadcrumbs a, #breadcrumbs span { position: relative; float: left; clear: none; }
#breadcrumbs a.bclink, #breadcrumbs span { margin: 0; padding: 7px 16px 7px 9px; font-size: 12px; text-decoration: none; }
#breadcrumbs a.bclink { color: #157689; background: transparent url(img/breadcrumb-link-ground.png) 100% 50% no-repeat; }
#breadcrumbs span { padding-right: 0; }

#lpWrapper { position: relative; float: left; clear: both; width: 902px; }
#lpWrapper #heading { margin: 7px 0 15px 0; clear: both!important; }
#lpWrapper #heading h1 { margin: -3px 5px 0 0; }
#contentpagesWrapper { position: relative; float: left; clear: both; width: 902px; /*background: #fff url(img/lp-separator-tile.gif) 651px 0 repeat-y; */}

.foursteps { background: #fff url(img/foursteps-ground.png) 217px 100% no-repeat!important; }
#lpWrapper ul#tsteps { position: relative; float: left; clear: both; margin: 0 0 10px 0; padding: 0; width: 902px; }
#lpWrapper ul#tsteps li { position: relative; float: left; clear: none; margin: 0; padding: 0; list-style: none; }
#lpWrapper ul#tsteps li a { display: block; padding: 140px 20px 0 0; width: 214px; height: auto; color: #105e6b; text-decoration: none; font-size: 13px; text-align: left; }
#lpWrapper ul#tsteps li a span { font-size: 18px; font-weight: normal; color: #f38d21; line-height: 25px; }
#lpWrapper ul#tsteps li a.detect { background: #fff url(img/steps-detect.jpg) 0 0 no-repeat; }
#lpWrapper ul#tsteps li a.track { background: #fff url(img/steps-track.jpg) 0 0 no-repeat; }
#lpWrapper ul#tsteps li a.profile { background: #fff url(img/steps-profile.jpg) 0 0 no-repeat; }
#lpWrapper ul#tsteps li a.respond { background: #fff url(img/steps-respond.jpg) 0 0 no-repeat; width: 180px!important; }

#tblockWrapper { position: relative; float: left; clear: both; margin: 0 0 0 -12px; width: 926px; }
#tblockWrapper .tblock, #tblockWrapper .tblockGray { position: relative; float: left; clear: none; margin: 0 6px 0 0; width: 227px; height: 330px; background: #fff url(img/block-teal.jpg) 100% 100% no-repeat; }
#tblockWrapper .tblockGray { background-image: url(img/block-gray.jpg)!important; } 
#tblockWrapper .tblockLast { margin-right: 0!important; padding-left: 4px; width: 223px; }
#tblockWrapper .tblock ul, #lpWrapper .tblockGray ul { margin: 10px 0 10px 12px; padding: 0; }
#tblockWrapper .tblock li, #lpWrapper .tblockGray li { margin: 0; padding: 0 15px 10px 15px; width: 181px; background: transparent url(img/tblock-bullet.jpg) 0 7px no-repeat; }  
.tblock .learnMoreButton, .tblockGray .learnMoreButton { position: absolute; z-index: 5; left: 12px; bottom: 5px; }

#contentpages #infoGrid { position: relative; float: left; clear: both; width: 100%; margin: 0; }
#contentpages #infoGrid ul.first { margin-top: -25px; }
#contentpages #infoGrid ul { position: relative; float: left; clear: both; margin: 0; padding: 10px 0; /*width: 636px;*/ width: 900px; border-bottom: 1px solid #afafaf; }
#contentpages #infoGrid ul.highlight { background-color: #f9f9f9; }
#contentpages #infoGrid li { position: relative; float: left; clear: none; /*width: 182px;*/  width: 250px; list-style: none; padding: 0 10px 10px 10px; font-weight: bold; }
#contentpages #infoGrid li.left { width: 594px; paddin-right: 0; font-weight: normal!important; }
#contentpages #infoGrid li h2 { margin-bottom: 10px; }
#contentpages #infoGrid ul.section { /*width: 636px;*/ width: 900px; height: 32px; padding-top: 0; background: #eaebec url(img/grid-section-tile.png) 0 50% repeat-x; }
#contentpages #infoGrid ul.section li { width: 616px; padding: 5px 10px; font-weight: bold; }
#contentpages #infoGrid ul.section li span, #contentpages #infoGrid ul.section li img { position: relative; float: left; clear: none; margin: 0 10px 0 0; }
#contentpages #infoGrid ul.section li span { margin-top: 7px; }
#contentpages #infoGrid li span { position: relative; float: left; clear: both; margin: 0 10px 0 0; }

#contentpages #infoGrid li.data { width: 170px; paddin-right: 0; font-weight: normal!important; text-align: center!important; padding-right: 10px; padding-left: 10px; }
#contentpages #infoGrid li.available { background: transparent url(img/available.png) 50% 50% no-repeat;  }
#contentpages #infoGrid li.unavailable { background: transparent url(img/unavailable.png) 50% 50% no-repeat; }
#contentpages #infoGrid li.data .caption { position: relative; float: right; clear: none; margin: 4px 30px 0 0; font-size: 11px; }

#contentpages .ipsvwaf ul.section, #contentpages .ipsvwaf ul.first, #contentpages .ipsvwaf ul.highlight, #contentpages .ipsvwaf ul { width: 636px!important; }
#contentpages .ipsvwaf li { width: 362px!important; }
#contentpages .ipsvwaf li.sc { width: 200px!important; }
#contentpages .ipsvwaf li.data { width: 107px!important; }
#contentpages .ipsvwaf li.data .caption { margin-right: 0!important; }
#contentpages .ipsvwaf ul.adhoc li { width: 304px!important; }
#contentpages .ipsvwaf li.short { width: 180px!important; }

#contentpages #infoGrid li.dataShort { /*width: 64px!important;*/ width: 89px!important; paddin-right: 0; font-weight: normal!important; text-align: center!important; padding-right: 10px; padding-left: 10px; }

#contentpages #deploymentOptions { position: relative; float: left; clear: both; margin: 10px 0 0 0; /*width: 636px;*/ width: 900px; }
#contentpages #deploymentOptions .resourcebox { width: 190px!important; height: 181px; text-align: left; margin-right: 39px; }
#contentpages #deploymentOptions .resourcebox h3 { width: 165px; text-align: left; font-weight: normal; padding-top: 6px; padding-left: 25px;   }
#contentpages #deploymentOptions .resourcebox span { position: relative; float: left; clear: both; margin: 20px 0 0 0; padding-right: 15px; padding-left: 15px; width: 160px; }
#contentpages #deploymentOptions .whiteResourcebox { background: none!important; height:99px!important; margin-top: 25px!important;  }
#contentpages #deploymentOptions .whiteResourcebox h4 { position: absolute; top: -25px; width: 190px; text-align: left; font-weight: normal; padding: 6px 0; }

#contentpages #deploymentOptions .wide { width: 270px!important; }
#contentpages #deploymentOptions .resourcebox h3.wide { width: 245px!important; }
#contentpages #deploymentOptions .resourcebox span.wide { width: 240px!important; }

ul.adhoc { position: relative; float: left; clear: both!important; margin: -15px 0 20px 25px!important; padding: 0; border: none!important; width: inherit!important; }
ul.adhoc li { position: relative; float: left; clear: both!important; margin: 0!important; padding: 2px 0 0 22px; list-style: none; background: transparent url(img/adhoc-bullet.png) 0 7px no-repeat!important; font-weight: normal!important; width: 564px!important; }
ul.adhoc li span.orange { color: #f38d21; font-weight: bold; }

#infoGrid ul li ul.adhoc { margin-top: 0!important; margin-bottom: 0!important; padding-bottom: 0!important; width: 370px!important; }
#infoGrid ul li ul.adhoc li { /*width: 350px!important;*/ width: 450px!important; padding-top: 2px!important; padding-bottom: 2px!important; }

#lightbox { z-index: 5000; }

ol.evalprocess { margin-left: 40px; }
ol.bottompad { margin-bottom: 20px; }
h2.orange { color: #f38d21; font-size: 18px; }

#utility { float: right; display: inline; width: 320px; height: 24px; margin: 55px 10px 0 0; }
#utility p { position: relative; float: right; clear: none; padding: 1px 0px 0px 13px; color: #fff; font-size: 18px; }  
#utility a { position: relative; float: right; clear: none; padding: 0px 13px 0px 0; border-right: 1px solid #2d2d2d; height: 24px; }

/**/

#contentpages p.downloadPDF, #contentpages a.downloadPDF, #contentpages a.fspecs, #contentpages a.appScreenshots { display: block; height: 18px; padding: 12px 0 0 40px; width: 125px; background: transparent url(img/sb-icon-pdf.png) 0 50% no-repeat; line-height: normal; }
#contentpages a.fspecs { background: transparent url(img/sb-icon-specs.png) 0 50% no-repeat; }
#contentpages a.appScreenshots { background: transparent url(img/sb-icon-screenshots.png) 0 50% no-repeat; }
#contentpages a.floatLeft { position: relative; float: left; clear: none; margin-right: 15px; }
a.sbwebinar { background: transparent url(img/sb-icon-webinar.png) no-repeat!important; }
a.sbsupport { background: transparent url(img/sb-icon-support.png) no-repeat!important; }
a.download2lines { padding-top: 0!important; height: 30px!important;  }
p.longPDF, a.longPDF { min-height: 18px!important; width: 600px!important; padding-bottom: 12px!important; margin-bottom: 15px; background-position: 0 100%!important; }
a.longPDF span { color: #000!important; text-decoration: none!important; }
#contentpages .awardimage { padding: 0 2px 8px 2px; border: none; }
#contentpages .awardSeparator { position: relative; float: left; clear: both; margin: 10px 0; width: 100%; border-top: 1px dotted #CCC; }

.bignum .million { position: absolute; top: 37px; left: 0; z-index: 4; font: 12px Arial, Helvetica, sans-serif; color: #f38d21; }
#resourcesLanding td { padding: 5px 10px 10px 0; text-align: left; width: 202px; }

/*login*/

#loginform label { float: left; clear: left; margin: 0 0 20px 0; width: 80px; font: 13px Arial, Helvetica, sans-serif; color: #000; }
#loginform label span { color: #f38d21; } 
#loginform .longtxtinput { float: left; clear: right; margin: 0 10px 5px 0; padding: 2px;  width: 185px; height: 17px; border-radius: 4px;  -moz-border-radius: 4px; -webkit-border-radius: 4px;
 outline: none; border: 1px solid #a0a0a0; background: url(img/iground.jpg) 100% 100% repeat-x; font: 13px Arial, Helvetica, sans-serif; color: #000; }
 
#contentpages .newsItem { display: block; margin-bottom: 0 0 15px 0; padding: 12px 0 12px 40px; width: 600px; min-height: 18px; background: transparent url(img/sb-icon-pdf.png) 0 50% no-repeat; line-height: normal; }
.newsItem span { color: #000!important; text-decoration: none!important; }

/**/

#sTitle { position: relative; float: left; clear: both; margin: 10px 0; width: 902px; height: 30px; font-size: 12px; }
#sTitle h2 { position: relative; float: left; clear: none; margin: 0; padding: 0; font-size: 14px; color: #666; width: 200px; }
#sTitle p { position: relative; float: right; clear: none; margin: -5px 0 0 0!important; padding: 0; width: 692px; text-align: right; font-size: 14px; color: #666; }
#sTitle p a { color: #555; text-decoration: none; margin: 0; padding: 0 2px; }
#sTitle p a:hover { color: #157689; text-decoration: none; }
#sTitle p a.current { color: #f1821f; } 

#pbnrWrapper { position: relative; float: left; clear: both; width: 930px; height: 258px; margin: -10px 0 20px -14px; }
.fullWidth ul.x2module, .fullWidth ul.xmodule { margin: 0; padding: 0 0 20px 0; }
.fullWidth ul.x2module li { position: relative; float: left; clear: none; margin: 0 20px 20px 0; padding: 0 10px; width: 421px; height: 150px; background: #fff url(img/x2module-ground.jpg) 0 100% no-repeat; font-size: 13px; }
.fullWidth li.rightModule { margin: 0 0 20px 0!important; }
.fullWidth ul.x2module li h2 { font-size: 15px; }

.fullWidth ul.x2module li a { display: block; width: 271px; height: 150px; padding: 0 0 0 150px; color: #222222; font-weight: normal; }
.fullWidth ul.x2module li a span { font-size: 15px; font-weight: bold; color: #157689; }
.fullWidth ul.x2module li a.record { background: transparent url(img/x2module-record.png) 0 3px no-repeat; }
.fullWidth ul.x2module li a.stop { background: transparent url(img/x2module-icon-stop.png) 0 3px no-repeat; }
.fullWidth ul.x2module li a.easy { background: transparent url(img/x2module-easy.png) 0 3px no-repeat; }
.fullWidth ul.x2module li a.pci { background: transparent url(img/x2module-pci.png) 0 3px no-repeat; }

.fullWidth ul.xmodule li { width: 882px; background: #fff url(img/xmodule-ground.jpg) 50% 100% no-repeat; height: auto!important; margin: 0 0 10px 0;  }
.fullWidth ul.xmodule li div { width: 732px; padding: 0 0 0 150px; color: #222222; font-weight: normal; min-height: 175px; }
.fullWidth ul.xmodule li div h3 { font-size: 18px!important; font-weight: bold; color: #f38d21; }
.fullWidth ul.xmodule li div p { padding-bottom: 15px!important; font-size: 15px!important; }
.fullWidth ul.x2module li div.trap { background: transparent url(img/xmodule-icon-trap.png) 0 18px no-repeat; }
.fullWidth ul.x2module li div.economics { background: transparent url(img/xmodule-icon-money.png) 0 18px no-repeat; }
.fullWidth ul.x2module li div.nbn { background: transparent url(img/xmodeul-icon-nobotnet.png) 0 18px no-repeat; }
.fullWidth ul.x2module li div.zday { background: transparent url(img/xmodusle-icon-zero-day.png) 0 18px no-repeat; }
.fullWidth ul.x2module li div.nfp{ background: transparent url(img/xmodule-icon-no-false.png) 0 18px no-repeat; }
.fullWidth ul.x2module li div.record { background: transparent url(img/x2module-record.png) 0 18px no-repeat; }
.fullWidth ul.x2module li div.intelligence { background: transparent url(img/xmodusle-icon-intelligence.png) 0 18px no-repeat; }
.fullWidth ul.x2module li div.block { background: transparent url(img/xmodusle-icon-block.png) 0 18px no-repeat; }
.fullWidth ul.x2module li div.atc { background: transparent url(img/xmodeul-icon-247.png) 0 18px no-repeat; }
.fullWidth ul.x2module li div.nosignatures { background: transparent url(img/x2module-easy.png) 0 18px no-repeat; }
.fullWidth ul.x2module li div.universal { background: transparent url(img/xmodusle-icon-universal.png) 0 18px no-repeat; }
.fullWidth ul.x2module li div.quick { background: transparent url(img/xmodusle-icon-quick.png) 0 18px no-repeat; }
.fullWidth ul.x2module li div.virtual { background: transparent url(img/xmodusle-icon-virtual.png) 0 18px no-repeat; }
.fullWidth ul.x2module li div.pciCompliance { background: transparent url(img/x2module-pci.png) 0 18px no-repeat; }

.fullWidth #iconsRight { position: absolute; z-index: 100; top: 100px; right: 0px; width: 360px; height: 50px; }
