@charset "utf-8";

/**************************************************
*****
*****	Website:		Wibu-Systems USA	
*****	Filename:		layout-default.css
*****	Version:		3.0.12
*****	Last modified: 	23 January 2012
*****	Author:			Kevin Browne
*****	E-mail:			kevin.browne@wibu.us
*****	Copyright:		Wibu-Systems USA, 2009-2011
*****
**************************************************/


/*
#canvas width 	= 801 pixels 
#main width 	= 649 pixels
#sidebar width	= 152 pixels
*/


/****************************************
***
***		Basic layout
***
****************************************/
#canvasWrapper {
	margin: 10px auto 30px auto;
	overflow: auto;
	width: 803px;
}

#main {
	float: left;
	width: 649px;
}

#sidebar {
	float: right;
	width: 152px;
}

#content {width: 608px;}



/****************************************
***
***		Brand Bar
***
****************************************/
#brandBarNav {
	float: left;
	height: 74px;
	margin: 0;
	width: 649px;
}

#brandBarNav #brandBarNavWrapper {
	height: 54px;
	margin: 15px 0 0 0;
	padding: 5px 0 0 5px;
	width: 644px;
}

#brandBarNav li {
	display: inline;
	padding: 0 6px;
}

#brandBarNav li:first-child { padding-left: 15px; }

#brandBar {
	clear: left;
	height: 101px;
}

/***** Global Sites drop-down navigation *****/
#brandBarNavWrapper,
#brandBarNavWrapper ul {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 5px 0 0 0;
}

#brandBarNavWrapper li {
	float: left;
	list-style-image: none;
}

#brandBarNavWrapper li.last {
	display: none;
}

#brandBarNavWrapper li ul {
	left: -999em;
	position: absolute;
	width: 110px;
}

#brandBarNavWrapper li ul li {
	padding: 5px;
	width: 99px;
}

#brandBarNavWrapper li:hover ul { left: auto; }

#brandBarNavWrapper li:hover ul,
#brandBarNavWrapper li.sfhover ul { left: auto; }

#globalSites a { display: block; }

#globalSites li:first-child { padding-left: 5px; }



/****************************************
***
***		Navigation
***
****************************************/
#nav ul {
	float: left;
	height: 18px;
	margin: 0 0 0 -1px;
	padding: 0;
	width: 649px; /* + 2px for border */
}

#nav li {
	display: inline;
	float: left;
	height: 16px;
	padding-top: 2px;
	width: 128px;
}

#nav li:first-child { width: 128px; }

#subnav ul {
	float: left;
	margin: 0;
	padding: 4px 0 8px 0;
	width: 648px;
}

#subnav li {
	float: left;
	padding: 0 10px;
}

/**** internal nav *****/
#content ul#internalNav {
	float: left;
	margin-left: 0 !important;
	width: 100%;
}

#content ul#internalNav li {
	clear: none;
	float: left;
	line-height: 1 !important;
	padding: 2px 20px 2px 10px;
}

#internalNav + * {clear: left;}

/**** banner nav *****/
#content div.banner,
#content div.banner img {
	margin: 0 !important;
	padding: 0 !important;
}

ul.bannerNav {
	float: left;
	height: 25px;
	margin: -3px 0 30px 0 !important;
	padding: 0 1px;
	width: 600px;
}

#content ul.bannerNav li {
	clear: none;
	float: left;
	height: 17px;
	margin: 0;
	padding: 3px 10px 0 10px;
	text-align: center;
	width: 128px;
}

#content ul.bannerNav li:first-child {width: 131px;}

/*#content ul.bannerNav li.active {height: 15px; overflow: hidden !important;}*/

#content ul.bannerNav + h1 {clear: left;}



/****************************************
***
***		Sidebar
***
****************************************/
#wibuFlag {
	height: 59px;
	padding-top: 15px;
}

#wibuFlag p {
	line-height: 1;
	margin: 0;
	padding: 0;
}

#sidebar .fluff {
	clear: left;
	height: 101px;
}

#sidebarContent { padding: 6px 0 6px 6px; }

#sidebarContent div { padding-bottom: 20px; }

#sidebarContent div h2 {margin-bottom: -6px !important;}

#sidebarContent div + div {
	border-top-style: solid;
	border-top-width: 0px;
	padding-top: 20px;
}

#sidebarContent div.contentAtom {
	padding: 5px;
	width: 128px;
}



/****************************************
***
***		Content
***
****************************************/
#content {
	clear: left;
	overflow: auto;
	padding: 20px;
}

code { padding: 0; }

#content p { margin: 12px 0; }

#content div { margin-top: 20px; }

iframe.googleMap + p {
	margin-top: -3px !important;
	padding: 2px;
	text-align: center;
}


/***** Headings *****/
h1 {
	margin-bottom: 20px;
	padding-left: 20px;
}

h2 {
	clear: left;
	margin: 15px 0;
	padding: 0.5em 0 0.5em 0.25em;
	overflow: hidden;
}

h3 {
	margin-bottom: 15px;
	padding-left: 10px;
}

#content div + h3 { margin-top: 15px;}



/**** Address Block ****/
div.addressBlock {
	clear: left;
	float: left;
	margin: 20px 0 10px 0;
	width: 99%;
}

div.addressBlock div {
	float: left;
	margin: 0 !important;
	min-height: 100px;
	width: 33%;
}

div.addressBlock h3 {
	clear: left;
	margin-bottom: 0;
	padding-left: 0;
}

div.addressBlock div p {
	float: left;
	margin: 5px 0 25px 0 !important;
	padding: 0;
}

div.addressBlock img {
	float: left;
}

div.codeSnippet {clear: both;}

/**** Important Content ****/
#content .importantNote { 
	min-height: 64px;
	padding-left: 60px;
}



/****************************************
***
***		Images
***
****************************************/
#content p img {
	float: left;
	margin: 0 0.5em 0.5em 0;
	overflow: auto;
}

#content img.graphic {max-width: 568px !important;}

#content p img.imgRight,
#content li img.imgRight {
	float: right;
	margin: 0 0 0.5em 0.5em;
}

#content .graphic.imgRight {margin: 0 !important;}

#content p > img + img {
	float: right;
	margin-left: -0.5em;
	margin-right: 0;
}

dd img {
	float: left;
	padding: 0 0.5em 0.5em 0;
}

#content img.zoom {
	border: 1px solid transparent;
	padding: 0;

	transition:
		border 0.3s ease,
		box-shadow 0.3s ease,
		transform 0.3s ease;
	-o-transition:
		border 0.3s ease,
		box-shadow 0.3s ease,
		-o-transform 0.3s ease;
	-moz-transition:
		border 0.3s ease,
		box-shadow 0.3s ease,
		-moz-transform 0.3s ease;
	-webkit-transition:
		border 0.3s ease,
		-webkit-box-shadow 0.3s ease,
		-webkit-transform 0.3s ease;
}

#content img.zoom:hover {
	border: 1px solid black;
	
	box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);

	transform: scale(2);
	-o-transform: scale(2);
	-moz-transform: scale(2);
	-webkit-transform: scale(2);

	transform-origin: bottom right;
	-o-transform-origin: bottom right;
	-moz-transform-origin: bottom right;
	-webkit-transform-origin: bottom right;
}


/***** Header Images *****/
#content div.banner { /* Needs the extra specificity */
	margin: 0 0 30px 0;
	padding: 0;
}

#content div.imgAsHdr { /* Needs the extra specificity */
	margin-top: 80px;
}

div.imgAsHdr img {
	float: none;
	margin-bottom: 0;
}

/***** Captioned Images *****/
#content div.captioned {
	float: right;
	margin: 0 0 1em 0;
	padding: 0 0.5em;
}

#content div.captioned1col {
	float: left;
	margin: 0.25em 0 1em 0;
	padding-right: 1em;
}

#content div.captioned2col {
	float: right;
	margin: 0.25em 0 1em 0;
	padding-left: 1em;
}

#content div.captioned1col img,
#content div.captioned1col p { width: 144px; }

#content div.captioned2col img,
#content div.captioned2col p { width: 298px; }

#content div.captioned p,
#content div.captioned1col p,
#content div.captioned2col p {
	clear: left;
	margin-top: 0 !important;
	padding: 0;
}




/****************************************
***
***		Logo Gallery
***
****************************************/
#content div.logoGallery {
	overflow: auto;
	padding: 5px 3px;
	width: 600px;
}

#content h2 + div.logoGallery {margin-top: -15px; /* Overcome h2's bottom margin */ }

#content div.logoGallery div.captioned {
	float: left;
	height: 150px;
	margin: 0 20px 0 0;
	padding: 0;
	width: 100px;
}

#content div.logoGallery div.captioned img,
#content div.logoGallery div.captioned img p {
	margin: 0;
	padding: 0;
}

/***** Testimonial Images *****/
div#content div.imgTestimonial { margin-bottom: 2em; }

div#content div.imgTestimonial img {
	float: left;
	margin: 0 30px 0 0;
	padding: 0;
}

div#content div.imgTestimonial h3 { margin-left: 165px; }

div#content div.imgTestimonial p { margin-left: 180px; }



/****************************************
***
***		Lists
***
****************************************/
#content dl,
#content ol,
#content ul { margin: 1em 0 2em 0; }

#content li { margin-bottom: 1em; }

#content li { clear: left; }

#content dt {
	clear:left;
	margin: 2em 0 1em 0;
	padding-left: 1em;
}

dd img + ul {float: left;}

dl + p {clear: left;}


/***** Prettify linenums *****/
#content ol.linenums {
	margin: 0 0 0 3em !important;
	padding: 0 !important;
}

#content ol.linenums li {
	margin: 0 !important;
	padding: 1px 0 !important;
}

/***** Instructions *****/
#content ol.instructions li {
	margin-top: 3em;
	padding-right: 1em;
	width: 575px;
}

#content ol.instructions li img {
	float: none;
	max-width: 575px;
}



/****************************************
***
***		Pull Quotes
***
****************************************/
#content div.pullQuote {
	float: right;
	margin: 0 0 1em 1em;
	padding: 10px;
	width: 33%;
}

#content div.pullQuote p {
	margin: 10px 0;
	padding: 0;
}

#content div.pullQuote p:first-child { margin-top: 0; }

#content div.pullQuote .source { float: right; }



/****************************************
***
***		Content tables
***
****************************************/
table {margin-bottom: 2em;}

caption { padding: 5px; }

td {
	padding: 5px;
	width: 25%;
}

td + td { text-align: center; }

table.tblMaxWidth {width: 607px;}

/********** tbl244 **********/
/* Tables with widths of 2 parts to 4 parts to 4 parts */
table.tbl244 td,
table.tbl244 th {width: 20%;}

table.tbl244 td + td,
table.tbl244 th + th {width: 40%;}


/********** tblAllText **********/
/* Content contains only text */
table.tblAllText td {vertical-align: top;}
table.tblAllText td + td {padding-left: 0;}


/********** tblWibuBoxOS **********/
/* WibuBox Operating System application chart */
table.tblWibuboxOS th {padding: 2px;}

table.tblWibuboxOS th:first-child,
table.tblWibuboxOS td:first-child {width: 50%;}

table.tblWibuboxOS th + th,
table.tblWibuboxOS td + td {width: 10%;}



/****************************************
***
***		Footer
***
****************************************/
#footer {
	clear: both;
	width: 730px; /* + 71 px right border */
}

#footer ul {
	padding: 2px 0;
	text-align: center;
	width: 648px;
}

#footer li {
	display: inline;
	padding: 0 10px;
}

#footer li:first-child { padding-left: 0; }



/****************************************
***
***		Wibu Bulletin iframe
***
****************************************/
iframe.wibubulletin {width: 600px;}



/****************************************
***
***		Home-page specific dreck for v2
***
****************************************/
div.homepageSolutionsRow,
div.homepageTechnologiesRow {
	clear: left;
	float: left;
	margin: 0 0 20px 0;
	padding: 0 !important;
	overflow: auto;
}

div.homepageSolutionsRow div {
	float: left;
	margin: 0 !important;
	min-height: 90px;
	padding-top: 0 !important;
	width: 296px !important;
}

div.homepageSolutionsRow div + div {margin-left: 8px !important;}

div.homepageSolutionsRow div:first-child {margin-left: 0;}

div.homepageSolutionsRow div img {
	float: left;
	margin: 0 0 12px 0;
	padding: 0;
}

div.homepageSolutionsRow div h3 {
	float: none;
	margin-top: 5px;
	padding-left: 87px;
}

div.homepageSolutionsRow div p {
	float: none;
	margin: 10px 0 0 0 !important;
	padding: 0 0 0 87px !important;
}

div.homepageSolutionsRow div h3 {margin-bottom: 0 !important;}

div.homepageTechnologiesRow {overflow: visible !important;}

div.homepageTechnologiesRow div {
	float: left;
	margin: 0;
	margin-top: 0 !important;
	padding: 0 !important;
	width: 193px;
}

div.homepageTechnologiesRow div + div {margin-left: 8px;}

div.homepageTechnologiesRow div:first-child {margin-left: 0;}

div.homepageTechnologiesRow div h3,
div.homepageTechnologiesRow div p {
	margin: 2px 0 0 2px;
	padding: 2px 0 0 2px;
}

div.homepageTechnologiesRow div a.graphicLink {
	float: left;
	height: 71px !important;
	width: 193px;
}
	

div.homepageTechnologiesRow div a.graphicLink img {	}



/****************************************
***
***		Google search/404 (#goog)
***
***		See http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=100044
***
****************************************/
/* Search box provided by Google Webmaster tools */

#goog-wm-sb {margin-left: 1em; margin-top: 1px;}

#goog-wm h3 {
	margin-left: 0em;
	padding: .25em;
}


/****************************************
***
***		Dreamweaver-added CSS
***
****************************************/