/* ----------------------------------------
/*  Normalize formatting between browsers with YUI reset, fonts, and base.
/*    YUI is Copyright (c) 2007, Yahoo! Inc. All rights reserved.
/*    Code licensed under the BSD License:
/*    http://developer.yahoo.net/yui/license.txt
/*    version: 2.4.1
/* ----------------------------------------*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
h1{font-size:138.5%;}h2{font-size:123.1%;}h3{font-size:108%;}h1,h2,h3{margin:1em 0;}h1,h2,h3,h4,h5,h6,strong{font-weight:bold;}abbr,acronym{border-bottom:1px dotted #000;cursor:help;} em{font-style:italic;}blockquote,ul,ol,dl{margin:1em;}ol,ul,dl{margin-left:2em;}ol li{list-style:decimal outside;}ul li{list-style:disc outside;}dl dd{margin-left:1em;}th,td{border:1px solid #000;padding:.5em;}th{font-weight:bold;text-align:center;}caption{margin-bottom:.5em;text-align:center;}p,fieldset,table,pre{margin-bottom:1em;}input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}


/* ----------------------------------------
/*  Global settings
/* ----------------------------------------*/
html body
{
	margin: 0;
	padding: 0;
}

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

a:hover
{
  color: #458;
  text-decoration: underline;
}


/* ----------------------------------------
/*  Header
/* ----------------------------------------*/
#header-container
{
  text-align: center;
}

#header
{
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 900px;
	height: 95px;
  background: #fff url(../images/xkl-logo.gif) top left no-repeat;
}

#header h1
{
  margin: 0;
  text-indent: -2000px;
  height: 95px;
}

.slogan
{
  text-indent: -2000px;
  position: relative;
  top: -95px;
}

#home-link
{
  margin: 0;
  padding: 0;
  position: relative;
  top: -80px;
  z-index: 1;
}

.buynow
{
  margin: 0;
  padding: 0;
  position: relative;
  top: -127px;
  right: -817px;
  z-index: 1;
  width: 83px;
}


/* ----------------------------------------
/*  Menu bar
/* ----------------------------------------*/
#menu-container
{
  margin: 0;
  padding: 3px 0 0 0;
  text-align: center;
  height: 26px;
  background: #2d4394 url(../images/bg-menu.gif) top left repeat-x;
}

#menu
{
  margin: 0 auto;
  padding: 0;
  text-align: left;
  width: 900px;
  height: 26px;
  background: transparent url(../images/menu-border.gif) bottom left no-repeat;
}

#menu ul
{
  margin: 0;
  padding: 0;
  z-index: 1;
}

#menu li
{
  float: left;
  position: relative;
  top: 0;
  left: 0;
  font-size: 93%;
  text-align: left;
  list-style-type: none;
}

#menu li a
{
  padding: 6px 30px 5px 30px;
}

#menu li ul
{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

#menu li.current ul
{
  left: -1px;
}

#menu li.current ul li ul
{
  left: 0;
}

#menu li.first ul
{
  left: 0;
}

#menu ul:after
{
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#menu li ul li ul
{
  position: relative;
}

#menu li ul li
{
  width: 200px;
}

#menu li > ul
{
  top: auto;
  left: auto;
}

#menu li:hover ul
{
  display: block;
}

#menu li li
{
  text-align: left;
  font-size: 100%;
}

#menu li li li
{
  text-indent: 10px;
  font-size: 83.3%;
}

#menu a
{
  text-decoration: none;
  display: block;
}

#menu li a:link,

#menu li a:visited
{
  background: transparent url(../images/menu-border.gif) bottom right no-repeat;
  color: #dbdcdd;
}

#menu li a:hover
{
  background: #e9effe;
  color: #252e5c;
}

#menu li.current a:link,
#menu li.current a:visited
{
  background: #bfbfbf url(../images/bg-menu-current.gif) bottom left repeat-x;
  color: #252e5c;
  margin-left: -1px;
}

#menu li.first a:link,
#menu li.first a:visited
{
  margin-left: 0;
}

#menu li ul,
#menu li.current ul
{
  border-left: 1px solid #bfbfbf;
  border-right: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
}

#menu li ul li ul,
#menu li.current ul li ul
{
  border: 0;
}

#menu li ul li a:link,
#menu li ul li a:visited,
#menu li.current ul li a:link,
#menu li.current ul li a:visited
{
  background: #dbdcdd url(../images/menu-dropdown-border.gif) top left repeat-x;
  color: #252e5c;
  margin-left: 0;
}

#menu li ul li a:hover,
#menu li.current ul li a:hover
{
  background-color: #e9effe;
  color: #252e5c;
}

#menu li li li a:link,
#menu li li li a:visited,
#menu li.current li li a:link,
#menu li.current li li a:visited
{
  background-image: none;
  color: #252e5c;
  margin-left: 0;
}


/* ----------------------------------------
/*  Search box
/* ----------------------------------------*/
#search-box
{
  margin: 0;
  padding: 0;
  height: 29px;
  float: right;
  text-align: right;
}

#search-box p
{
  margin: 0;
  padding: 0;
}

#search-box input[type=text]
{
  margin: 3px 5px 0 0;
  padding: 0.2em;
  width: 100px;
  float: left;
  font-size: 85%;
  border: #252e5c solid 1px;
}

#search-box input[type=submit]
{
  margin: 3px 0 0 0;
  padding: 1px 7px 1px 7px;
  float: left;
  background: #dbdcdd;
  color: #252e5c;
  border: #252e5c solid 1px;
  font-size: 85%;
}

#search-box input[type=submit]:hover
{
  background: #e9effe;
  color: #252e5c;
}



/* ----------------------------------------
/*  Footer
/* ----------------------------------------*/
#footer-container
{
  text-align: center;
}

#footer
{
	margin: 15px auto 5px auto;
	padding: 15px 0 0 0;
	background: url(../images/bg-footer-dots.gif) top left no-repeat;
	text-align: center;
	width: 900px;
}

#footer ul
{
	margin: 0 auto;
	padding: 5px 0 0 0;
}

#footer * li
{
  display: inline;
  margin: 0;
	padding: 0 2px;
  list-style-type: none;
	border-left: 1px solid #67a;
	font-size: 85%;
	font-weight: bold;
}

#footer ul li.first
{
	border: none;
}

#footer p
{
  margin: 6px auto;
  font-size: 77%;
  text-align: center;
}


/* ----------------------------------------
/*  Home page
/* ----------------------------------------*/
#home-splash
{
  margin: 0 0 15px 0;
  padding: 0;
  float: left;
  width: 645px;
  height: 305px;
  text-align: left;
}

#home-blog
{
  margin: 0 0 15px 0;
  padding: 20px;
  float: right;
  width: 200px;
  height: 265px;
  text-align: left;
  background: transparent url(../images/bg-home-blog-box.gif) top left no-repeat;
  font-size: 85%;
}

#home-blog h2
{
  margin-top: 0;
	color: #252e5c;
	height: 16px;
	width: 160px;
}

#home-blog h2 a
{
  text-decoration: none;
}

#home-blog h2 img
{
  vertical-align: bottom;
}

#home-blog .feeds
{
  display: block;
  position: relative;
  top: -18px;
  right: -120px;
  width: 100px;
  font-size: 85%;
  font-weight: normal;
}

#home-blog ul
{
  margin: 1em 15px;
}

#home-blog li
{
  list-style-type: none;
  margin: 0 0 1em 0;
}

#home-press
{
  margin: 0;
  padding: 0;
  float: left;
  width: 294px;
  border-right: 1px solid #dbdcdd;
}

#home-press th,
#home-press td
{
  border: none;
  padding: 0 0 .5em 0;
  vertical-align: top;
}

#home-press table
{
  margin-left: 20px;
  width: 234px;
}

#home-press table .right
{
  text-align: right;
}

#home-news
{
  margin: 0;
  padding: 0 0 0 20px;
  float: right;
  width: 545px;
}

#home-news li
{
  list-style-type: none;
  margin-bottom: .5em;
}



/* ----------------------------------------
/*  Main content area
/* ----------------------------------------*/
#content-container
{
  margin: 0;
  padding: 15px 0;
  text-align: center;
  background: #dbdcdd url(../images/bg-content-container.gif) top left repeat-x;
}

#content-before,
#content-nosidebar-before,
#content-nosidebar-home-before
{
  margin: 0 auto;
  padding: 0;
  width: 900px;
  height: 20px;
}

#content-before
{
  background: transparent url(../images/bg-content-before.gif) top left no-repeat;
}

#content-nosidebar-before
{
  background: transparent url(../images/bg-content-nosidebar-before.gif) top left no-repeat;
}

#content-nosidebar-home-before
{
  clear: both;
  background: transparent url(../images/bg-content-nosidebar-home-before.gif) top left no-repeat;
}

#content,
#content-nosidebar,
#content-nosidebar-home,
#home-upper
{
  margin: 0 auto;
  padding: 0;
  width: 900px;
  text-align: left;
}

#content
{
  background: #fff url(../images/bg-content.gif) top left repeat-y;
}

#content-nosidebar,
#content-nosidebar-home
{
  background: #fff;
}

#content-after,
#content-nosidebar-after
{
  margin: 0;
  padding: 0;
  clear: both;
  width: 900px;
  height: 20px;
}

#content-after
{
  background: transparent url(../images/bg-content-after.gif) bottom right no-repeat;
}

#content-nosidebar-after
{
  background: transparent url(../images/bg-content-nosidebar-after.gif) bottom right no-repeat;
}

#main
{
  margin: 0;
  padding: 0 245px 0 20px;
	width: 635px;
}

#content-nosidebar #main,
#content-nosidebar-home #main
{
  margin: 0;
  padding: 0 20px;
  width: 860px;
}

#content-nosidebar-home #main
{
  font-size: 85%;
}

#main p
{
  margin: 0 0 10px 0;
}

#main h2
{
  margin-top: 0;
}

#main h2,
#main h3,
#main h4
{
	color: #252e5c;
}

#main h2 a,
#main h3 a,
#main h4 a
{
  text-decoration: none;
}

#main hr
{
  border: none;
	border-bottom: 1px solid #252e5c;
	margin: 20px 0;
}

.blog-excerpt
{
  padding-left: 10px;
}

#main p.read-more,
#main span.read-more
{
  display: block;
  margin: 0 0 20px 10px;
  font-size: 77%;
}

#main table,
#main th,
#main td
{
  border: none;
}

.bigphone
{
  font-weight: bold;
  font-size: 116%;
  color: #252e5c;
}

h4.productlist
{
  clear: both;
  margin-top: 40px;
}

.solutions-diagram
{
  text-align: center;
  margin-bottom: 25px;
}

p.portrait,
p.bullet-image
{
  float: left;
  margin-bottom: 0px;
}

p.portrait img
{
  margin: 5px 15px 5px 10px;
}

p.bullet-image img
{
  margin: 0 15px 5px 10px;
}


/* ----------------------------------------
/*  Blog page content area
/* ----------------------------------------*/
.blog-body
{
  clear: left;
  padding: 15px 0 0 0;
}

p.posted
{
  font-size: 77%;
  color: #666;
}

ul.blognav
{
  margin: 0;
  padding: 0;
}

ul.blognav li
{
  display: block;
  list-style-type: none;
  margin: 0;
  padding: 0 0 5px 0;
  width: 40%;
  font-size: 77%;
}

ul.blognav li.prev
{
  float: left;
}

ul.blognav li.next
{
  float: right;
}

/* ----------------------------------------
/*  Media Kit
/* ----------------------------------------*/
#video
{
  float:right;
  border: 1px solid #252e5c;
  width: 360px;
  padding: 10px 10px 0 10px;
  margin: 0 0 10px 10px;
}

#portrait
{
  float: right;
  padding: 10px;
  margin: 0 0 10px 10px;
}

a#player
{
  border: 1px solid #252e5c;
}

td.timeline
{
  vertical-align: top;
}

td.heading
{
  font-weight: bold;
}

/* ----------------------------------------
/*  Support section table output
/* ----------------------------------------*/
tr.firstline
{
  border-top: 1px solid #252e5c;
}

tr.desc-row
{
  display: none;
}

tr.res-row
{
  display: none;
}

tr.heading th
{
  vertical-align: bottom;
}

table.tickets td
{
  vertical-align: top;
}

table.tickets td.center
{
  text-align: center;
}

a.desc-link,
a.res-link
{
  font-size: 85%;
}

table.frus th,
table.frus td
{
  padding-left: 0;
}

td.quantity,
th.quantity
{
  width: 75px;
  text-align: center;
}

th.left
{
  text-align: left;
}

table.documentation
{
  margin: 0;
  padding: 0;
  width: 90%;
}

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

table.documentation th.first,
table.documentation td.first
{
  width: 25%;
}

table.documentation th.second,
table.documentation td.second
{
  width: 60%;
}

table.documentation th.third,
table.documentation td.third
{
  width: 10%;
  text-align: center;
}


/* ----------------------------------------
/*  Sidebar
/* ----------------------------------------*/
#sidebar
{
  float: right;
  margin: 0;
  padding: 0;
  width: 225px;
}

#sidebar a:link,
#sidebar a:visited
{
  color: #458;
}

#sidebar h2
{
  margin: 0;
  padding: 0;
  font-size: 100%;
  color: #252e5c;
}

#sidebar h2.nolink
{
  padding: 3px 20px;
}

#sidebar h2.current
{
  background: url(../images/bg-sidebar-current-page.gif) top left repeat-y;
}

#sidebar h2.current a
{
  color: #fff;
}

#sidebar ul
{
  margin: 0;
  padding: 0;
}

#sidebar li
{
  margin: 0;
  padding: 0;
  list-style-type: none;
  font-size: 100%;
}

#sidebar a
{
  margin: 0;
  padding: 3px 20px;
  text-decoration: none;
  display: block;
}

#sidebar h2 a
{
  padding: 3px 20px;
}

#sidebar li a
{
  padding: 3px 20px 3px 30px;
}

#sidebar li.current
{
  background: url(../images/bg-sidebar-current-page.gif) top left repeat-y;
}

#sidebar li.current a
{
  color: #fff;
}

#sidebar a:hover
{
  background: url(../images/bg-sidebar-hover.gif) top left repeat-y;
  color: #252e5c;
}

.avatar
{
  float: right;
  margin: 0 20px;
  padding: 0;
}

#sidebar p
{
  margin: 0;
  padding: 0 20px 10px 20px;
  font-size: 93%;
}

#sidebar a img
{
  vertical-align: bottom;
}


/* ----------------------------------------
/*  Support login form
/* ----------------------------------------*/
.lrf_login
{
  margin: 0;
  padding: 0;
}

.lrf_login p
{
  margin: 0;
  padding: 0 40px 0 40px;
}

.lrf_login label
{
  padding: 3px 0;
}

.lrf_login input[type=text],
.lrf_login input[type=password]
{
  padding: 0.2em;
  border: #252e5c solid 1px;
  width: 14.25em;
}

.lrf_login input[type=submit]
{
  margin-top: 10px;
  padding: 0.2em 1em;
  background: #2d4394;
  color: #dbdcdd;
  border: #252e5c solid 1px;
  font-size: 93%;
}

.lrf_login input[type=submit]:hover
{
  background: #e9effe;
  color: #252e5c;
}

.lrf input[type=checkbox]
{
  display: block;
  margin-right: 5px;
}

.forgot
{
  font-size: 77%;
}

.pass_error
{
  display: block;
  color: red;
  margin-bottom: 25px;
}


/* ----------------------------------------
/*  zem contact form
/* ----------------------------------------*/
.zemContactForm fieldset
{
  border: none;
}

.zemContactForm legend
{
  padding: 0.5em 10px 0.5em 0;
  font-weight: bold;
}

.zemContactForm label
{
  float: left;
  width: 150px;
  margin: 0.07em 10px 0 0;
  text-align: right;
  font-weight: bold;
}

.zemContactForm input[type=text],
.zemContactForm textarea
{
  margin: 0.4em 0 0 0;
  padding: 0.2em;
  border: #252e5c solid 1px;
  width: 30em;
}

.zemContactForm br
{
  clear: left;
}

.zemSubmit
{
  margin: 0.5em 0 0 95px;
  padding: 0.2em 1em;
  background: #2d4394;
  color: #dbdcdd;
  border: #252e5c solid 1px;
  font-size: 93%;
}

.zemSubmit:hover
{
  background: #e9effe;
  color: #252e5c;
}

#main p.required {
  margin: 0 0 0 105px;
  color: #001999;
}

label.zemRequired,
label.zemRequirederrorElement {
  color: #001999;
}

label.zemRequired:before,
label.zemRequirederrorElement:before,
#main p.required:before {
  content: "* ";
}


/* ----------------------------------------
/*  Google maps
/* ----------------------------------------*/
#map
{
  margin: 20px 0;
}


/* ----------------------------------------
/*  Press links
/* ----------------------------------------*/
img.press-icon
{
  margin: 3px 5px 0 5px;
  padding-bottom: 1px;
  vertical-align: bottom;
}




/* ----------------------------------------
/*  Stuff from old CSS here
/* ----------------------------------------*/
table.form
{
	margin: 0 0 10px 0;
}

table.form td
{
	padding: 0 4px 4px 0;
}

table.form td.left
{
	width: 125px;
}

table.event
{
	margin: 0 0 10px 0;
}

table.event th
{
	padding: 0 8px 4px 0;
}

table.event td
{
	padding: 0 4px 4px 0;
}

table.pdf
{
	width: 100%;
	text-align: center;
}

table.pdf * a
{
	text-decoration: none;
}

p.footnote
{
	font-size: 9px;
}

a.footnote
{
	text-decoration: none;
}

hr.cleaner
{
	clear: both;
	height: 1px;
	margin: -1px 0 0 0;
	padding: 0;
	border: none;
	visibility: hidden;
}


#left-home h3
{
	margin-top: 0px;
	text-indent: -10px;
}

#left-home p
{
	text-indent: -10px;
}

p.comment
{
	display: none;
	visibility: hidden;
}

.shaded
{
	background: #def;
}

table.data
{
	margin: 0 0 10px 0;
	width: 100%;
	border-collapse: collapse;
}

table.data tr
{
	vertical-align: top;
}

table.data tr td
{
	margin: 0;
	padding: 2px;
	border-spacing: 0;
}

td.example
{
	padding: 0 0 5px 0;
	font-size: smaller;
	text-align: right;
}

.unbold
{
	font-weight: normal;
}

a img
{
	border: none;
}

p.click-me
{
	font-size: x-small;
	font-style: italic;
	font-weight: normal;
}

img.prodsmall
{
margin: 5px 5px 5px 10px;
align: right;
}

img.prod
{
margin: 10px 10px 15px 10px;
align: right;
}

table.smalltable {
  font-size: 10px;
}

table.dxmh {
text-align: left;
align: center;
font: 10px;
padding: 10px 6px 6px 12px;

}

th.spec {	
	border: 0;
	font: 12px;
padding: 5px
align: left;
}

th.specalt {
	
	border: 0;
	background: #C6E2FF;
	font: 12px;
	color: #595959;
padding: 5px
align: left;
}

td {
	background: #fff;
	font: 12px;
padding: 6px 6px 6px 6px;

}

td.alt {
border-style: hidden; 
	background: #C6E2FF;
font: 12px;
	color: #595959;
}