/* 
 * styles.css
 *
 * The styles.css file contains CSS styles that are used for all browsers.
 */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
file: reset-fonts.css
*/
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;}input,textarea,select{*font-size:100%;}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%;}

body { color: #656565; font-family: arial,helvetica,sans-serif; }

/* Utility Classes */
.selfClear:after { /* Make elements self-clearing - see http://positioniseverything.net/easyclearing.html */
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


#Wrapper { width: 961px; } /* Width of "page" */
#MainChannel { width: 768px; } /* Width of left channel and center channel combined */
#SidebarPrimary { width: 194px; } /* Width of left channel */ 
#Content { width: 574px; } /* Width of center channel */
#SidebarSecondary { width: 193px; } /* Width of right channel */
/* = End Widths = */

#MainChannel { float: left; border: } /* what float where */
#SidebarPrimary { float: left; }  
#Content { float: right; } 
#SidebarSecondary { float: right; } 
/* = End Floats = */


/* Some pages have an infographic that spans channels */
body.hasInfographic #ContentChannel { }
body.hasInfographic #SidebarSecondary { margin-top: 270px; }

#Wrapper {
	margin: 3px auto; /* Make content centered */
}

#MainBody {margin-bottom: 15px;}


/* Link at top of document to jump over navigation and go straight to content - For usability */
#ContentJump { display: none; }



#SiteId { 
	float: left; 
	margin-bottom: 10px;
	margin-left: 5px;
}





/* -------------------------------------------------------------------------------------- */
/* Top Navigation */
ul#NavigationPrimary {font-size:.95em; z-index: 2; float: right; clear: right; margin-top:5px; font-weight:bold;}
  ul#NavigationPrimary li { /* Topnav item */
    float: left; /* Keep nav in a line */
	background: url(../pics/primary-navigation/tab-left.png) top left no-repeat;
	position:relative;
  z-index: 5;
	margin-right: -1px;
	
  }
  ul#NavigationPrimary li.over { 
      z-index: 5; /* Make dropdowns appear over topnav items and flyouts over lower li's that are siblings to dropdown items */
    }
  ul#NavigationPrimary li.last { margin:0; padding:0;}
  ul#NavigationPrimary li a { /* Topnav link */
      display: block;
      padding: 8px 10px;
      text-decoration: none;
	  color:#707070;
	  background: url(../pics/primary-navigation/tab-right.png) top right no-repeat;
    }

  ul#NavigationPrimary li.on {
  	background: url(../pics/primary-navigation/tab-left-on.png) top left no-repeat;
  }
  ul#NavigationPrimary li.on a {
  	background: url(../pics/primary-navigation/tab-right-on.png) top right no-repeat;
		color:#336699;
	}


  ul#NavigationPrimary li.over {
  	background: url(../pics/primary-navigation/tab-left-over.png) top left no-repeat;
		z-index: 10;
	}

  ul#NavigationPrimary li.over a {
  	background: url(../pics/primary-navigation/tab-right-over.png) top right no-repeat;
  	color:#336699;
	}

  ul#NavigationPrimary li ul { /* Dropdown menu */
  	  
      display: none;
      left: 0px;
      position: absolute;
      top: 25px;
      z-index: 1;
	  background: url(../pics/primary-navigation/fly-out-top-bg.png) top left no-repeat;
	
    }

      ul#NavigationPrimary li.over ul {
        display: block; /* Show the dropdown on hover */
		
      }
      ul#NavigationPrimary li ul li { /* Dropdown item */
		background:none;
		float: none;
      }
      ul#NavigationPrimary li ul li a { /* Dropdown item */
		background:none !important;
		border-bottom: 1px solid #e1e1e1;
		color:#5a5959 !important;
		margin-right: 0 !important;
      }
	  ul#NavigationPrimary li ul li.last a { /* Dropdown item */
		
      }
	  
      ul#NavigationPrimary li ul li a {display:block; padding:3px 15px; font-size:.9em; color:#5a5959; font-weight:normal;  width: 170px;} /* Dropdown link */
          ul#NavigationPrimary li ul li a.parent {
            /* Default formatting for parent list items */
			font-weight: bold;
          }
          ul#NavigationPrimary li ul li a.over { background: #ffce00 !important; }
		  ul#NavigationPrimary li ul li.third a.over { background:url("../pics/secondary-navigation/third-level-active.gif") ; margin-right: 0 !important;}
          ul#NavigationPrimary li ul li ul, ul#NavigationPrimary li.over ul li ul { /* Flyout menu */
            display: none; /* Hide flyout */
            left: 150px;
            position: absolute;
            top: 3px;
          }
		  ul#NavigationPrimary li ul li ul.left, ul#NavigationPrimary li.over ul li ul.left {position:absolute; left:-198px;} 
            ul#NavigationPrimary li.over ul li.over ul {
              display: block; /* Show flyout on hover */
            }

          ul#NavigationPrimary li ul li ul li ul, ul#NavigationPrimary li.over ul li ul li ul{ /* Flyout menu */
		  	display: none !important;
		  }
            ul#NavigationPrimary li.over ul li.over ul li.over ul{
              display: block !important; /* Show flyout on hover */
            }
	

/* -------------------------------------------------------------------------------------- */
/* Secondary Navigation */
	#SidebarPrimary ul a {  /* setting defaults */
		color: #838282;
		text-decoration: none;
		text-align: left;
		padding: 3px 17px;
		padding-left: 2px;
		display: block;
		font-size: 90%;
		margin: 0 2px;
	}
	#SidebarPrimary ul a:hover {
		color: #336699;
	}
	
	#SidebarPrimary ul.first li a {
		border-bottom: 1px solid #E5E5E5;
	}
	#SidebarPrimary ul.first li.onChildren {
		background: url(../pics/secondary-navigation/level-one-on-bg.png);
		padding-top: 5px;	
		margin-top: -1px;	
	}
	#SidebarPrimary ul.first li.on {
		background: url(../pics/secondary-navigation/level-one-on-no-child-bg.png) top left no-repeat;
		padding-top: 5px;	
		padding-bottom: 3px;
		margin-top: -1px;	
	}	
	#SidebarPrimary ul.second {
		background:url(../pics/secondary-navigation/level-two-only-bg.png) left bottom no-repeat;
text-indent: 10px;	}
	#SidebarPrimary ul.second li a {
		color: #D3DFEC;
		border-top: 1px solid #88AACD;
		border-bottom: none;
	}	
	#SidebarPrimary ul.second li a:hover {color: #fff;}
	#SidebarPrimary ul.second li.on a {
		display: block;
		border-top: none;
		border-bottom: none;
	}
	#SidebarPrimary ul.second li.on {
		background: url(../pics/secondary-navigation/second-third-lev-bg.png) repeat-y;
	}
	#SidebarPrimary ul.second li.on a {
		color: #fff;
		
	}
	#SidebarPrimary ul.third li {
text-indent: 20px;
		font-size: 90%;
		background: url(../pics/secondary-navigation/second-third-lev-bg.png) repeat-y;
	}
	#SidebarPrimary ul.third li a {
		color: #ADC2D6 !important;
		border-top: none;
	}
	#SidebarPrimary ul.third li a:hover {color: #fff !important;}
	#SidebarPrimary ul.third li.on a {
		color: #fff !important;
		background: url(../pics/secondary-navigation/level-three-on-arrow.png) right 5px no-repeat;
		border-top: none;
	}

/* -------------------------------------------------------------------------------------- */
/* Breadcrubms */
	div#MainMast {clear: both;}

/* Breadcrubms */
	ul#Breadcrumbs{
		clear: both;
		border-bottom: 3px solid #FFCE00;
		padding-bottom: 5px;
		height: 12px;
		padding-left: 10px;
		margin-bottom: 10px;
	}
	ul#Breadcrumbs li {
		color: #B8B8B8;
		float: left;
		padding-right: 5px;
		font-size: 0.85em;
	}
	ul#Breadcrumbs li a {
		color: #B8B8B8;
		background:url(../pics/common/breadcrumb-divider.gif) right no-repeat;
		padding-right: 8px;
		text-decoration: none;
	}


/* -------------------------------------------------------------------------------------- */
/* Content area general classes */
#ContentChannel {padding: 0 25px; font-size: 90%;}

#ContentChannel a { 
	color: #656565; outline: none; 
}
#ContentChannel a:hover { 
	color: #336699;
	}
#ContentChannel h1, #ContentChannel h2, #ContentChannel h3, #ContentChannel h4, #ContentChannel h5 { 
	color: #336699; font-weight: bold; }
#ContentChannel	h1 { font-size: 150%; margin-bottom: 15px;}
#ContentChannel	h2 { font-size: 125%; margin-bottom: 8px;}
#ContentChannel	h3 { font-size: 100%; margin-bottom: 0;}

#ContentChannel p {margin-bottom: 15px;}

#ContentChannel ul {margin-left: 30px; margin-bottom: 7px;}
#ContentChannel li {list-style-image:url(../pics/common/bullet-li.jpg); padding-bottom: 8px;}

/* Temporary styles to simulate infographic */
#ContentChannel .mainInfographic {
	
	height: 260px;
	position: absolute;
	top: 0;
	width: 742px;
	
	
}

/* -------------------------------------------------------------------------------------- */
/* SidebarSecondary items */

/* General h2 size, color, etc */
	#SidebarSecondary h2 {  
		margin-left: 13px;
		margin-right: 13px;
		margin-bottom: 10px;
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 6px;
		border-bottom: 1px solid #e3e3e3;
	}

	#SidebarSecondary a {
		color: #656565;
	}

/* specific styles to the contact us block */
	#SidebarSecondary div.contactBlock {
		height: 89px;
		background: url(../pics/sidebar-secondary/contact-area-bg.png) top left no-repeat;
		margin-bottom: 10px;
	}
	#SidebarSecondary div.contactBlock h2 {
		color: #fff;
		border-bottom: 1px solid #8ebc8d;
	}
	#SidebarSecondary div.contactBlock div.contactInfo {
		margin-left: 15px;
	}	
/* specific to the request demo block */
	#SidebarSecondary div.requestDemo {
		background:url(../pics/sidebar-secondary/request-demo-bg.png) top left no-repeat;
		margin-bottom: 10px;
		height: 92px;
	}
	
	#SidebarSecondary div.requestDemo img {
		margin-left: 13px;
	}
	
/* other resources */
	#SidebarSecondary div.generalResources {
		background:url(../pics/sidebar-secondary/other-resources-bg-top.png) top left no-repeat;
	}
	
	#SidebarSecondary div.generalResources ul {
		margin: 0 10px 0 12px;
	}
	
	#SidebarSecondary div.generalResources ul li {
		font-size: 85%;
		margin-bottom: 5px;
	}
	
	#SidebarSecondary div.generalResources ul.collateral li {
		background: url(../pics/common/bullet-li.jpg) top left no-repeat; 
		padding-left: 14px;
		margin-left: 10px;
	}
	#SidebarSecondary div.generalResourcesBot {
		background:url(../pics/sidebar-secondary/other-resources-bg-bot.png) bottom left no-repeat;
		height: 8px;
		padding-top: 5px;
	}
	
	#SidebarSecondary div.generalResources ul li a {text-decoration: none;}
	#SidebarSecondary div.generalResources ul li a:hover {color:#74AD73}

/* -------------------------------------------------------------------------------------- */
/* Footer Styles */
#FooterWrapper {clear: both;}
#Footer { color:#b8b8b8; font-size:.85em; clear: both; border-top: 1px solid #b8b8b8; padding-top: 10px; height: 40px;}
#Footer a {color:#b8b8b8; text-decoration:none;}
#Footer a:hover {text-decoration:underline;}
  #Footer p.copy { float: left; }
  #Footer ul.siteLinks {float:right;}
    #Footer ul.siteLinks li { display: inline; background:url("../pics/common/footer-divider.gif") right center no-repeat; margin-right:10px; padding-right:10px;}
	#Footer ul.siteLinks li.last { background:none; margin-right:0; padding-right:0;}	
	
	
	
/* -------------------------------------------------------------------------------------- */
/* Home Page Styles: see home.css */ 


/* Begin Resource section */
	#resources {position:relative;}
	#resources ul {list-style:none; margin:0; padding:0;}
	#resources ul.first {padding-right:20px; width:340px; position:absolute; top:0; left:0;}
	#resources ul.second {border-left:1px solid #CCC; padding-left:20px; width:340px; position:relative; top:0; left:360px;}
	#resources ul li ul {float:none;}
	#resources ul li ul li {padding-left:10px;}
	#resources li {list-style-image:none; padding-left:5px; padding-bottom:20px;}
	#resources li.title {padding-bottom:0px;} 
	#resources li.last {padding-bottom:10px;}
	
/* 
 * -----------------------------------------------------------------------------
 * Css for Whitepaper Page
 */ 
 
 .whitepaper #SidebarSecondary {
    display: none;
 }
 .whitepaper #SidebarPrimary {
    display: none;
 }
 .whitepaper #Content, .whitepaper #MainChannel {
    width: 100%;
 }
 .whitepaper #ContentChannel {
    padding: 0;
 }
 .whitepaper .instructions {
    padding-bottom: 1em;
 }
 .whitepaper .whitepaper_info {
    width: 45%;
    border: solid 1px #AAA;
    padding: 2em;
    float: left;
    margin-right: 2em;
    min-height:390px;
 }
 .whitepaper .whitepaper_notice {
    background-color: #75AE74;
    color: white;
    -moz-border-radius: 10px;
    padding: 1em;
    margin-bottom: 1em;
 }
 .whitepaper .whitepaper_notice strong{
    font-weight: bold;
    display: block;
    margin-top: .5em;
 }
 .whitepaper form table tr td {
    padding-top: .15em;
 }
 .whitepaper form .form-wpr-required2 {
    color: red;
    margin-right: .2em;
 }
 .whitepaper form select {
    margin-top: .75em;
    margin-bottom: .75em;
 }
 
 /* 
 * -----------------------------------------------------------------------------
 * Css for Product Demo Page
 */ 
 .productdemo #SidebarPrimary {
    display: none;
 }
 .productdemo #Content, .whitepaper #MainChannel {
    width: 100%;
 }
 .productdemo #ContentChannel {
    padding: 0;
 }
 .productdemo form table tr td {
    padding-top: .15em;
 }
 .productdemo form .form-wpr-required2 {
    color: red;
    margin-right: .2em;
 }
 .productdemo form select {
    margin-top: .75em;
    margin-bottom: .75em;
 }
 
  /* 
 * -----------------------------------------------------------------------------
 * Css for 404 Page
 */ 
 .notfound #SidebarSecondary {
    display: none;
 }
 .notfound #SidebarPrimary {
    display: none;
 }
 .notfound #Content, .whitepaper #MainChannel {
    width: 100%;
 }
 .notfound #ContentChannel {
    padding: 0;
 }
 .notfound .links {
    margin-top: .25em;
 }
 .notfound .links li {
    list-style-position:inside;
    list-style-type:circle;
    text-indent:1em;
    line-height: 1.6;
 }
 .notfound .links a {
    color: #444;
 }
 
 /* Contact Us on header */
 #contact_header {
    float: right;
    margin: 20px 9px 0 0;
    background-color: transparent;
    background-image: url(../pics/primary-navigation/tab-right.png);
    background-repeat: no-repeat;
    background-position: left top;
    font-size: 9pt;
 }
 
 #contact_header a {
    text-decoration: none;
    color: #707070;
    padding-left: 1em;
    border-left: 1px solid #E5E5E5;
    font-weight: bold;
 }
 
  #contact_header a:hover {
    color: #336699;
 }
 
 /* Left Nav Styles */
 
 #SidebarPrimary div {
    margin-left: auto;
    margin-right: auto;
 }
 
 #SidebarPrimary .leftnavspacer {
    display: block;
    height: 2em;
 }
 
 /* specific to the request demo block - left side */
	#SidebarPrimary div.requestDemo {
		background:url(../pics/sidebar-secondary/request-demo-bg.png) top left no-repeat;
		margin-bottom: 10px;
		height: 92px;
	}
	
	#SidebarPrimary div.requestDemo img {
		margin-left: 13px;
	}
	
	#SidebarPrimary div h2 {  
		margin-left: 13px;
		margin-right: 13px;
		margin-bottom: 10px;
		font-weight: bold;
		padding-top: 10px;
		padding-bottom: 6px;
		border-bottom: 1px solid #e3e3e3;
	}

 /* Product Pages */
 
 #ContentChannel h2.products_title_page_top {
    color: #707070;
 }
 
 #SidebarSecondary h2.resources_header_1 {
    background-image: url(../pics/sidebar-secondary/book_open.png);
    background-position: left center;
    background-repeat: no-repeat;
    height: 27px;
    padding-left: 38px;
    padding-top: 15px;
 }
 
  #SidebarSecondary h2.resources_header_2 {
    background-image: url(../pics/sidebar-secondary/loudspeaker.png);
    background-position: left center;
    background-repeat: no-repeat;
    height: 27px;
    padding-left: 38px;
    padding-top: 15px;
 }
 
  #SidebarSecondary h2.resources_header_3 {
    background-image: url(../pics/sidebar-secondary/enkata_logo.png);
    background-position: left center;
    background-repeat: no-repeat;
    height: 27px;
    padding-left: 38px;
    padding-top: 15px;
 }