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

/* Version: 0.1
Author: pixelpunk
Author URI: http://www.pixelpunk.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;}

/* -------------------- 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: 293px; 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: #777;}
#search a {color: #fff; padding: 0px 5px 0px 5px;}
#search a:hover {color: #F7941E;}

#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 {float: right; display: inline; width: 630px;}
#contentpages h1 {margin: 20px 0px 0px 0px; padding: 0px;}
#contentpages h2 {margin: 0px; padding: 15px 0px 0px 0px; border-top: 1px dotted #ccc;}
#contentpages h3 {margin: 0px; padding: 15px 0px 0px 0px; font-weight: bold;}

#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;}

#resources {width: 230px; border-bottom: #dbdbdb 1px solid; border-top: #dbdbdb 1px solid; 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;}

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

#endcap {background-image: url(img/endcap.gif); background-repeat: no-repeat; height: 29px; 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;}
#nav {float: left; display: inline; width: 230px; line-height: normal; margin: 0px 0px 0px 0px;}
#nav ul {width: 230px; display: block; margin: 0px 0px 0px 0px; font-size: 16px;}
#nav ul li{background: url(img/arrow-round.gif) no-repeat 0px 12px; padding: 8px 0px 8px 20px;}
#nav ul li a:link {color: #555; text-decoration: none; border-bottom: none;}
#nav ul li a:visited {color: #555; text-decoration: none; border-bottom: none;}
#nav ul li a:hover{text-decoration: none; color: #f38d21; border-bottom: none;}
#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: 8px 3px 8px 20px; border-bottom: 1px solid #b5b5b5;}
.menuNav li a:visited {color: #fff; text-decoration: none;}
.menuNav li a:hover {color: #222; text-decoration: none; background:#f38d21;}

.divide {color: #bbb;}

#nav_products {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;}

#homeboxes  p {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 14px; line-height: 20px;}

#homeboxes h2 {margin: 0px; padding: 0px; font-weight: bold; font-size: 16px; color: #ed8c22;}

#homeboxes img {margin-top: 5px; padding: 0px;}

.homebox {float: left; display: inline; width: 190px; height: 170px; margin: 0px 0px 0px 0px; padding: 0px 15px 0px 20px; border-right: 1px solid #ccc;}

#cta {padding: 0px; margin: 20px 0px 0px 0px;}

.resourcebox {float: left; display: inline; width: 190px; height: 122px; margin: 10px 0px 0px 0px; padding: 0px 15px 0px 20px;}



#homeboxhalf {/*border: 1px solid #ccc;*/ width: 284px; height: 94px; margin: 4px 20px 10px 0px;}
#homeboxhalf h2 {padding: 5px; font-weight: bold; background-color: #f38d21; font-size: 12px; color: #fff; margin: 5px; background-image: url(img/bg-home-banners.jpg); background-repeat: repeat-x;}
#homeboxhalf p {padding: 0px 0px 0px 0px; margin: 0px 10px 10px 10px; font-size: 12px; line-height: 140%;}

.homebullets {width: 250px; list-style-type: none; padding-left: 0; margin-left: 10px; margin-top: 10px;}
.homebullets li {background: url(img/icon-doc2.png) left top no-repeat; padding-left: 20px; margin-bottom: 12px;}

#movie li {background: url(img/icon-movie.png) left top no-repeat; padding-left: 20px; margin-bottom: 12px;}

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

/* 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 {background-color: #f38d21; height: 56px; background-image: url(img/bg-footer.jpg); background-repeat: repeat-x; margin-top: 25px;}
#footer {width: 960px; margin: 0px auto;}

#footerleft p {float: left; display: inline; padding: 15px 0px 15px 15px;}
#footer a {color: #000; text-decoration: none; padding: 0px 10px 0px 10px;}
#footer a:hover {color: #fff; text-decoration: none;}

#footerright p {float: right; display: inline; padding: 15px 0px 15px 15px;}

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