@charset "utf-8";

/**************************************************
*****
*****	Website:		Wibu-Systems USA	
*****	Filename:		colors-default.css
*****	Version:		1.0
*****	Last modified: 	02 August 2010
*****	Author:			Kevin Browne
*****	E-mail:			kevin.browne@wibu.us
*****	Copyright:		Wibu-Systems USA, 2009-2010
*****
**************************************************/



/****************************************
***
***		Global Typography
***
****************************************/
* {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/****************************************
***
***		Backgrounds and colors
***
****************************************/
html {background-color: #f5f5f5;}

#canvas {
	background-color: #fff;
	border: 1px solid #d3d3d3;
}

/****************************************
***
***		Brand Bar Navigation
***
****************************************/
#brandBarNav {
	background-image: url(../graphics/bkg-brandNav.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#brandBarNav #brandBarNavWrapper {
	background-image: url(../graphics/slogan.gif);
	background-position: 100% 0;
	background-repeat: no-repeat;
}

#brandBarNav li { border-left: 1px solid #000; }

#brandBarNav li:first-child { border-left: none; }

#brandBarNav a,
#brandBarNav a:link,
#brandBarNav a:visited {
	background-color: #fff;
	color: #000;
	font-size: 10px;
	text-decoration: none;
}

#brandBarNav a:focus,
#brandBarNav a:hover {
	background-color: #fff;
	color: #99d9db;
	text-decoration: underline;
}

#brandBarNav a:active {
	background-color: #fff;
	color: #ff3;
	text-decoration: none;
}

#brandBar {
	background-image: url(../graphics/head-default.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

body.company #brandBar { background-image: url(../graphics/head-company.jpg); }

body.downloads #brandBar { background-image: url(../graphics/head-download.jpg); }

body.news #brandBar { background-image: url(../graphics/head-news.jpg); }

body.press #brandBar { background-image: url(../graphics/head-press.jpg); }

body.services #brandBar { background-image: url(../graphics/head-services.jpg); }

body.solutions #brandBar { background-image: url(../graphics/head-solutions.jpg); }

body.technologies #brandBar { background-image: url(../graphics/head-technologies.jpg); }

/***** Drop-down Nav *****/
#globalSites {
	background-color: #fff;
	background-image: none !important;
}

#brandBarNav #globalSites li {
	border-color: #d3d3d3;
	border-style: solid;
	border-width: 0 1px 1px 1px;
}

#brandBarNav #globalSites li:first-child { border-top: 1px solid #d3d3d3; }

/****************************************
***
***		Navigation
***
****************************************/
#nav *,
#subnav *,
ul.bannerNav * { font-size: 11px !important; }

#nav ul {
	border-color: #99d9db;
	border-style: solid;
	border-width: 1px 1px 0 0;
}

#nav li {
	background-image: url(../graphics/bkg-grd-nav.gif);
	background-position: 0 100%;
	background-repeat: repeat-x;
	border-color: #99d9db;
	border-style: solid;
	border-width: 0 0 1px 1px;
	color: #006E72;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	text-transform: uppercase;
}

body.company #nav li.company,
body.solutions #nav li.solutions,
body.technologies #nav li.technologies,
body.services #nav li.services,
body.downloads #nav li.download,
body.press #nav li.press,
body.news #nav li.news {
	background-color: #fff;
	background-image: none;
	border-bottom: 1px solid #fff;
}

#nav a,
#nav a:link,
#nav a:visited {
	color: #006E72;
	text-decoration: none;
}

#nav a:focus,
#nav a:hover {
	color: #00969b;
	text-decoration: underline;
}

#nav a:active {
	color: #ff3;
	text-decoration: none;
}

/****************************************
***
***		Sub-Navigation
***
****************************************/
#subnav ul {
	background-image: url(../graphics/bkg-grd-subnav.gif);
	background-position: 0 100%;
	background-repeat: repeat;
	border-right: 1px solid #d3d3d3;
}

#subnav li {border-left: 1px solid #d3d3d3;}

#subnav li:first-child { border-left: none; }

#subnav a,
#subnav a:link,
#subnav a:visited {
	color: #666;
	text-decoration: none;
}

#subnav a:focus,
#subnav a:hover {
	color: #00969b;
	text-decoration: underline;
}

#subnav a:active {
	color: #ff3;
	text-decoration: none;
}


/****************************************
***
***		Sub-Navigation
***
****************************************/
#internalNav {
	background-color: #e6f5f6;
	border-bottom: 1px solid #009fa5;
}

#internalNav li {
	list-style-image: url(../graphics/arrows-right.gif) !important;
	list-style-position: inside !important;
}

#content #internalNav a,
#content #internalNav a:link,
#content #internalNav a:visited {
	background-color: #e6f5f6;
	color: #666;
	text-decoration: underline;
}

#content #internalNav a:focus,
#content #internalNav a:hover {
	background-color: #e6f5f6;
	color: #00969b;
	text-decoration: none;
}

#content #internalNav a:active {
	background-color: #e6f5f6;
	color: #ff3;
	text-decoration: underline;
}

/****************************************
***
***		Banner Navigation
***
****************************************/
ul.bannerNav {
	background-image: url(../graphics/bkg-grd-bannerNav.gif);
	background-position: 0 100%;
	background-repeat: no-repeat;
}

#content ul.bannerNav li { /* Need the extra specificity */
	background-image: url(../graphics/bkg-grd-nav.gif);
	background-position: 0 100%;
	background-repeat: repeat;
	border-left: 1px solid #ccc;
	list-style-image: none;
}

#content ul.bannerNav li:first-child { border-left: none; }

#content ul.bannerNav li.active {
	background-image: none;
	color: #666;
}

#content ul.bannerNav li a,
#content ul.bannerNav li a:link,
#content ul.bannerNav li a:visited {
	background: none !important;
	color: #666;
	text-decoration: none;
}

#content ul.bannerNav li a:focus,
#content ul.bannerNav li a:hover {
	background-image: none !important;
	color: #00969b;
	text-decoration: underline;
}

#content ul.bannerNav li a:active {
	background: none !important;
	color: #ff3;
	text-decoration: none;
}


/****************************************
***
***		Content
***
****************************************/
#content { border-right: 1px solid #d3d3d3; }

h1 {
	background-color: #fff;
	background-image: url(../graphics/bkg-h1.gif);
	background-position: left 6px;
	background-repeat: no-repeat;
	color: #666;
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	text-transform: capitalize;
}

h2 {
	background-color: #f5f5f5;
	color: #666;
	font-size: 14px;
	font-weight: bold;
	text-transform: capitalize;
}

h3 {
	background-color: #fff;
	color: #00969b;
	font-size: 12px;
	font-weight: bold;
}

div.addressBlock h3 {
	background-color: #fff;
	color: #000;
}

#content p {
	color: #111;
	font-size: 12px;
}

abbr,
acronym {border-bottom: 1px dotted #000;}

code {
	background-color: #ddd;
	color: #000;
	font-family: "Lucida Console", Monaco, "Courier New", Courier, monospace;
	font-size: 12px;
}

em {
	font-size: inherit;
	font-style: italic;
}

strong {
	font-size: inherit;
	font-weight: bold;
}

/***** Google Maps *****/
iframe.googleMap {
	border: 1px solid #000;
	border-bottom: none;
}

iframe.googleMap + p {
	background-color: #f5f5f5;
	border: 1px solid #000;
	border-top: none;
}

iframe.googleMap + p a {background-color: #f5f5f5 !important;}


/****************************************
***
***		Images
***
****************************************/
/*.addressBlock { border-bottom: 1px solid #d3d3d3; } */

img.photo { border: 1px solid #000; }

img.graphic,
img.screencap {border: none;}

/*.imgAsHdr img {border: none !important;}*/

/***** Captioned Images *****/
#content div.captioned p {
	background-color: #fff;
	color: #666;
	font-size: 9px;
	text-align: center;
}

/***** Testimonial Images *****/
#content div.imgTestimonial { border-bottom: 1px solid #d3d3d3; }

#content div.imgTestimonial img { border: none; }


/****************************************
***
***		Logo Gallery
***
****************************************/
#content div.logoGallery {border: 1px solid #f5f5f5;}

#content div.logoGallery div.captioned img {
	border: none;
	text-align: center;
}


/****************************************
***
***		Pull Quotes
***
****************************************/
#content div.pullQuote {
	background-color: #e1f3f5;
	background-image: url(../graphics/bkg-pullQuote.png);
	background-position: 0 0;
	background-repeat: repeat-x;
	border: 3px solid #99d9d9;
	color: #7ab4b6;
}

#content div.pullQuote p {
	color: #016c72;
	font-size: 13px;
	line-height: 1.2;
}

#content div.pullQuote .source { font-weight: bold; }

/****************************************
***
***		Lists
***
****************************************/
#content ol,
#content ul,
#content dl { /*bringing lists on to the page with breathing room */ margin-left:2em; }

#content ol li { /*giving OL's LIs generated numbers*/ list-style: decimal outside; }

#content ul li {
	/*giving UL's LIs generated disc markers*/  
	list-style-image: url(../graphics/bullet.gif);
	list-style-position: outside;
}

#content dt {
	background-color: #f5f5f5;
	background-image: url(../graphics/bullet.gif);
	background-position: 0 50%;
	background-repeat: no-repeat;
	color: #000;
	font-weight: bold;
}

#content dl dd { /*giving UL's LIs generated numbers*/ margin-left:1em; }

#content dt a,
#content dt a:link,
#content dt a:visited {
	background-color: #f5f5f5;
	color: #000;
	text-decoration: none;
}

#content dt a:focus,
#content dt a:hover {
	background-color: #f5f5f5;
	color: #999;
	text-decoration: none;
}

#content dt a:active {
	background-color: #f5f5f5;
	color: #ff3;
	text-decoration: underline;
}



/****************************************
***
***		Links
***
****************************************/
#content a,
#content a:link {
	background-color: #fff;
	color: #00969b;
	text-decoration: underline;
}

#content a:visited {
	color: #666;
	text-decoration: underline;
}

#content a:focus,
#content a:hover {
	background-color: #fff;
	color: #666;
	text-decoration: none;
}

#content a:active {
	background-color: #fff;
	color: #ff3;
	text-decoration: underline;
}

#content h3 a {text-decoration: none !important;}

#content h3 a:visited {color: #00969b;}

#content h3 a:focus,
#content h3 a:hover {color: #99d9db;}



/****************************************
***
***		Content tables
***
****************************************/
table {border: 1px solid #009fa5;}

caption {
	background-color: #009fa5;
	border-bottom: 1px solid #ccc;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

thead th {
	background-color: #009fa5;
	color: #fff;
	text-align: center;
}

#content tr.odd td {background-color: #f5f5f5;} /* controlled by tables.js */
#content tr.highlight td {background-color: #99d9db;} /* controlled by tables.js */

/********** tblAllText **********/
/* Content contains only text */
table.tblAllText th {font-weight: bold;}

table.tblAllText th,
table.tblAllText td {text-align: left;}

/********** tblWibuBoxOS **********/
/* WibuBox Operating System application chart */
table.tblWibuboxOS th {border-left: 1px solid #ccc;}

table.tblWibuboxOS td {border-left: 1px solid #ccc;}

table.tblWibuboxOS th:first-child,
table.tblWibuboxOS td:first-child {border-left: none;}




/****************************************
***
***		Sidebar
***
****************************************/
#newsFlash a,
#newsFlash a:link {
	background-color: #fff;
	color: #00969b;
	text-decoration: underline;
}

	#newsFlash a:focus,
	#newsFlash a:hover {
		background-color: #fff;
		color: #99d9db;
		text-decoration: none;
	}

	#newsFlash a:active {
		background-color: #fff;
		color: #ff3;
		text-decoration: underline;
	}

#sidebar .fluff {
	background-image: url(../graphics/head-fluff.jpg);
	background-position: 0 0;
	background-repeat: no-repeat;
}

#sidebarContent {
	border-color: #d3d3d3;
	border-style: solid;
	border-width: 1px 0 0 1px;
	margin-left: -1px; /* Allow the left border to align with #content's right border so that there is a vertical border regardless of which column is longer */
}

	#sidebarContent div.contentAtom {
		border: 1px solid #009fa5;
		text-align: center;
	}

	#sidebarContent div p {text-align: center;}

	#sidebarContent a,
	#sidebarContent a:link {
		background-color: #fff;
		color: #00969b;
		font-size: 12px;
		text-decoration: underline;
	}

		#sidebarContent a:visited {
			color: #666;
			text-decoration: underline;
		}

		#sidebarContent a:focus,
		#sidebarContent a:hover {
			background-color: #fff;
			color: #666;
			text-decoration: none;
		}

		#sidebarContent a:active {
			background-color: #fff;
			color: #ff3;
			text-decoration: underline;
		}



/****************************************
***
***		Footer
***
****************************************/
#footer {
	background-color: #009fa5;
	border-right: 71px solid #9cc;
	color: #666;
}

#footer ul { background-color: #9cc; }

#footer li { border-left: 1px solid #d3d3d3; }

#footer li:first-child { border-left: none; }

#footer a,
#footer a:link,
#footer a:visited {
	color: #666;
	text-decoration: underline;
}

#footer a:focus,
#footer a:hover {
	color: #00969b;
	text-decoration: none;
}

#footer a:active {
	color: #ff3;
	text-decoration: underline;
}



/****************************************
***
***		Google search/404 (#goog)
***
***		See http://www.google.com/support/webmasters/bin/answer.py?hl=en&answer=100044
***
****************************************/
#goog-wm h3 {color: #000;}

#goog-wm h3.closest-match {background-color: #f5f5f5;}

#goog-wm h3.closest-match a {
	background-color: #f5f5f5;
	text-decoration: underline !important;
}

#goog-wm h3.closest-match a:hover {color: #333;}


/****************************************
***
***		Home-page specific dreck for v2
***
****************************************/
div.homepageSolutionsRow div {
	background-position: 2px 2px;
	background-repeat: no-repeat;
	border: 2px solid #9cc;
}

div.homepageBoxSoftware { background-image: url(../graphics/software-protection-77x76.jpg); }

div.homepageBoxDocument { background-image: url(../graphics/document-protection-77x76.jpg); }

div.homepageBoxMedia { background-image: url(../graphics/media-protection-77x76.jpg); }

div.homepageBoxAccess { background-image: url(../graphics/access-protection-77x76.jpg); }

div.homepageTechnologiesRow div {
	background-position: 0 100%;
	background-repeat: no-repeat;
	border: 2px solid #9cc;
}

div.homepageBoxCodemeter { background-image: url(../graphics/codemeter-with-bkg.jpg); }

div.homepageBoxWibukey { background-image: url(../graphics/wibukey-with-bkg.jpg); }

div.homepageBoxCodemeteract { background-image: url(../graphics/codemeteract-with-bkg.jpg); }