/* CSS Document */

body {
	background:#0052E2;
}

/* Basic HTML Elements
-------------------------------------------------------------------------------------  Basic HTML Elements */
h1, 
h1.replace {
	padding-top:236px;	
	padding-bottom:0;
	font-size:160%;
	line-height:24px;	
	color:#009933;
}
.col-MS h1 {
	padding-left:20px;
}
.col-SM h1,
.col-XMS h1, 
.col-XMS h1.replace {
	padding-left:227px;
}

.col-SMX h1, 
.col-SMX h1.replace {
	padding-left:222px;
}


h1.reducedmargin {
	padding-top:200px;
}
.col-MS h1.reducedmargin  {
	padding-right:232px;
}
#index h1, 
#index h1 strong {
	height:50px;
	margin:0;
	padding:0;
}
#index h1 strong span {
	display:none;
}

h2, 
.box h2 {	
	font-family:Arial,Verdana,Sans-serif;	
	line-height:20px;
	color:#0091F0;
}
.box h2 {
	font-weight:bold;
	font-size:120%;	
}
h2 strong {
	font-weight:500;
	font-size:90%;
}
h2 a:link, 
h2 a:visited {
	color:#0091F0;
}

h3, 
h3 a:link, 
h3 a:visited {
	border-bottom:none;
	font-style:italic;
	font-size:1.05em;
	font-family:Arial,Verdana,Sans-serif;	
	text-decoration:none;	
	color:#0091F0;
}
.box h3 {
	font-style:normal;
}
.xcol h3 {
	font-size:1.15em;
}

p {
	margin-bottom:1.4em;
}
.xcol p {
	margin-bottom:1em;
}

/* Layout
--------------------------------------------------------------------------------------------------  Layout */
.wrapper {
	margin-right:0;
}

.col-XMS .wrapper {
	float:right;
	width:634px;	
}

.col-MS .maincol, 
.col-SM .maincol, 
.col-index .maincol {
	width:624px; 
	margin:0 5px;
}
.col-MS .maincol {
	width:604px;
	margin-left:21px;
}
.col-SM .maincol {
	width:608px;
	margin-right:21px;
}
.col-SMX .maincol {
	margin-right:0;
}
.col-XMS .maincol {
	margin-left:5px;
}
.col-MS#index .maincol {
	padding-left:0;
}

.col-SM .subcol,
.col-index .subcol{
	width:182px;
	margin-right:0;
}
.col-MS .subcol, 
.col-XMS .subcol {
	width:202px;
	margin-top:0;
	margin-right:0;
}
.col-MS#index .subcol {
	padding-top:8px;
	background:none;
}

.col-SMX .xcol {
	width:212px;
	margin-right:0;
}
.col-XMS .xcol {
	width:212px;
	margin-top:-58px;
	margin-right:10px;
	margin-left:0;	
	padding-bottom:50px;
	background:#003399 url("/gfx/bg_xcol.gif") no-repeat bottom left;
}

#body-wrap {
	width:856px;
	border-color:#0091F0;
	padding-right:0;	
	padding-left:0;
}


/* Header
--------------------------------------------------------------------------------------------------  Header */

#header-wrap {
	height:176px;
	background:none; 
}  
/*#index #header-wrap {
	height:50px;
}*/
#index #header-wrap {display:none;}
#header {
	height:176px;	
	background-image:url("/gfx/masthead.jpg");
}
#index #header {
	height:50px;
	background:none;
}

#logo-wrap {
	width:200px;
}



/* Main Navigation
-----------------------------------------------------------------------------------------  Main Navigation */
#nav {
	font:bold 110%/1.1em Geneva, Arial, Helvetica, sans-serif;
}

#nav div { 
	border-bottom:none;
}

#nav a {
	background:url("/gfx/btn_nav_left_darkblue.gif") no-repeat left top;	
}
#nav a:hover {
	background-position:0% -150px;
}

#nav a span {		
	background:url("/gfx/btn_nav_right_darkblue.gif") no-repeat right top;
	color:#FFFFFF;
}
#nav a:hover span {
	background-position:100% -150px;
	color:#FFFFFF;
}

#nav .current a span {	
	color:#FFFFFF;
}

#nav .current a:hover {
	background-position:left top;	
}
#nav .current a:hover span {
	background-position:right top;	
	color:#FFFFFF;	
}

#nav a.lightblue {background-image:url("/gfx/btn_nav_left_lightblue.gif"); border-bottom-color:#40ADF4;}
#nav a.darkblue {background-image:url("/gfx/btn_nav_left_darkblue.gif"); border-bottom-color:#708CC6;}
#nav a.green {background-image:url("/gfx/btn_nav_left_green.gif"); border-bottom-color:#40B366;}
#nav a.gray {background-image:url("/gfx/btn_nav_left_gray.gif"); border-bottom-color:#B3B3B3;}

#nav a.lightblue span {background-image:url("/gfx/btn_nav_right_lightblue.gif"); color:#D1F0FF;}
#nav a.darkblue span {background-image:url("/gfx/btn_nav_right_darkblue.gif"); color:#DCE7F5;}
#nav a.green span {background-image:url("/gfx/btn_nav_right_green.gif"); color:#DEFBD5;}
#nav a.gray span {background-image:url("/gfx/btn_nav_right_gray.gif"); color:#ECECEC;}

#nav a.lightblue:hover,
#nav a.darkblue:hover,
#nav a.green:hover,
#nav a.gray:hover {
	border-bottom-color:#FFFFFF;
}

#nav a.lightblue:hover span {color:#1A9CF2;}
#nav a.darkblue:hover span {color:#1A48A3;}
#nav a.green:hover span {color:#1AA348;}
#nav a.gray:hover span {color:#A3A3A3;}

#nav .current a.lightblue span,
#nav .current a.darkblue span,
#nav .current a.green span,  
#nav .current a.gray span {
	color:#FFFFFF;
}

#nav .current a.lightblue:hover span,
#nav .current a.green:hover span, 
#nav .current a.darkblue:hover span, 
#nav .current a.gray:hover span {
	color:#FFFFFF;
}


/* Sub Navigation
------------------------------------------------------------------------------------------  Sub Navigation */
#subnav {
	height:26px;
	bottom:0;		
	font:bold 110%/1.1em Geneva, Arial, Helvetica, sans-serif;
	background:#003399;
	
}
#lightblue #subnav {background:#0091f0;}
#darkblue #subnav {background:#003399;}
#green #subnav {background:#009933;}
#gray #subnav {background:#999999}
	* html #subnav {
		height:36px;
	}

#subnav .top-horizontal {						
	width:856px;	/* This is the width of #subnav (846px globally) minus the left padding of .top-horizontal (10px), minus the 
							left and right padding of #body-wrap .content (5px + 5px). It isn't necessary if no subnav bg is used in a skin */
}

#subnav a {	
	margin:0;
	border-bottom:0;	
	padding:5px 5px;	 
}
#subnav a:hover {
	margin:0;	
}

#subnav a span {
	margin:0;
	padding:0;
	color:#0091f0;
}
#lightblue #subnav a span {color:#D1F0FF;}
#darkblue #subnav a span {color:#DCE7F5;}
#green #subnav a span {color:#DEFBD5;}
#gray #subnav a span {color:#ECECEC;}

#subnav a:hover span {
	margin:0; 
	padding:0;
	color:#66CCFF;
}
#lightblue #subnav a:hover span, 
#darkblue #subnav a:hover span, 
#green #subnav a:hover span, 
#gray #subnav a:hover span {
	color:#FFFFFF;
}

#subnav .current a {
	margin:0;			
}

#subnav .current a span {	
	margin:0; 
	padding:0;
	color:#FFFFFF;
}

#lightblue #subnav .current a span, 
#darkblue #subnav .current a span, 
#green #subnav .current a span, 
#gray #subnav .current a span {
	color:#FFFFFF;
}

em.current {
	font-style:normal;
}	
	* html em.current {
		padding-right:2px; 
		padding-left:2px;
	}

#lightblue em.current {color:#0091F0;}
#darkblue em.current {color:#003399;}
#green em.current {color:#009933;}
#gray em.current {color:#999999;}

#lightblue .current em.current, 
#lightblue a:hover em.current {color:#80C8F8;}
#darkblue .current em.current,
#darkblue a:hover em.current {color:#8099CC;}
#green .current em.current,
#green a:hover em.current {color:#80CC99;}
#gray .current em.current,
#gray a:hover em.current {color:#CCCCCC;}

/* Side Navigation
-----------------------------------------------------------------------------------------  Side Navigation */
.sidenav {
	margin-top:0px;
}

.sidenav h3 {
	width:192px;
	margin-left:-10px;
	padding:5px 0 5px 10px; 
	font-style:normal;
	font-size:1em;	
	background:url("/gfx/subcol_tab_gray.gif") no-repeat left top; 
	color:#9898A2;	
}
	* html .sidenav h3 {
		width:202px;
		margin-right:-10px;
	}
						
.sidenav .active  h3 {
	background:url("/gfx/subcol_tab_green.gif") no-repeat left top; 
	color:#81B44E;
}

.sidenav .box {
	width:182px;	
	margin-top:0;
	margin-bottom:0;	
	border-color:#ccff99;
	border-width:0;
	padding-top:0;
	padding-bottom:10px;
	background:url("/gfx/subcol_box_bg_gray.gif") no-repeat left top;				
		
}

.sidenav .active .box {
	background:url("/gfx/subcol_box_bg_green.gif") no-repeat left top;
}

.sidenav .download-btn .box {
	padding:0;
	padding-left:10px;
	background:none;
}

.sidenav a {
	display:block;
	border-color:#CCFF99; 
	color:#33CC00;
}
	* html .sidenav a:link, 
	* html .sidenav a:visited {
		border-color:#CCFF99;
	}
	
.sidenav a strong { 
	color:#7ADE59;
}
.sidenav .current a, 
.sidenav div a:hover strong, 
.sidenav .current a strong, 
.sidenav .current a:hover strong {
	color:#59B7F5;
}

/* Index Pages
---------------------------------------------------------------------------------------------- Index Pages */

#index #nav, 
#index #subnav {
	display:none;
}
.beyond-bv {
	padding-top:20px;
	padding-left:5px;
}
.beyond-bv h2 {
	margin-bottom:0;
	padding-left:15px;
	font-size:150%;
	color:#58595B;	
}

.beyond-bv .box {
	padding:11px;
}

.beyond-bv .box strong {
	display:block;
	padding-bottom:.5em;
	font-style:italic;
	font-weight:500;
	font-size:120%;	
	color:#58595B;
}
.beyond-bv .box a {
	display:block;
	border:none;
	color:#58595b;
}

.beyond-bv .box .more {
	display:block;
	padding-right:20px;
	padding-top:.25em;
	text-align:right;
	font-weight:700;
	color:#33CC00;
}

.beyond-bv .box a:hover strong, 
.beyond-bv .box a:hover .more {
	color:#66CCFF;
}

#index .maincol {
	padding-left:5px;
}

.col-M#index .subcol {
	float:left;
	clear:left;
	width:100%;
	margin-left:20px;
	padding-bottom:10px;
}	* html .col-index .subcol {width:836px;}

.col-M#index #utilities dt, 
.col-M#index #printerfriendly dt {
	float:left;
	margin-right:10px;	
}


/* Features
------------------------------------------------------------------------------------------------- Features */
#index img#feature-image {position:relative;top:-50px;}

#index #feature {
	position:relative;
	margin-top:-602px;
	z-index:50;
}
#index #feature .content  {
	width:856px;
	height:550px;
	margin:0;
	border:none;	
	padding:0;	
	/*background:url("/gfx/feature_content_bg.jpg");*/
}

.featurenav .box {
	display:block;
	float:left;
	clear:left;	
	height:130px;
	margin:0;
	border:none;
	padding:0;	
	font:500 112%/1.1em Arial, Helvetica, sans-serif;					
}
	* html .featurenav .box {
		width:250px;
		height:130px;
	}
	
.featurenav .box strong {
	display:block;
	padding-bottom:.25em;
	font-size:130%;
	color:#FFF9BA;
}
.featurenav .box a {
	display:block;
	width:210px;
	height:90px;
	margin:0;
	border:none;
	padding:20px;	
	text-decoration:none;
	color:#FFFFFF;
}
	* html .featurenav .box a {
		width:250px;
		height:130px;
	}


.featurenav .lightblue .box a {background:url("/gfx/btn_feature_lightblue.jpg") no-repeat left top;}
.featurenav .darkblue .box a {background:url("/gfx/btn_feature_darkblue.jpg") no-repeat left top;}
.featurenav .green .box a {background:url("/gfx/btn_feature_green.jpg") no-repeat left top;}

.featurenav .box a:hover {
	background-position:100% -130px;
}

.featurenav .box a:hover strong, 
.featurenav .box a:hover .more {color:#DEFFBD;}

.featurenav .lightblue .box a:hover strong, 
.featurenav .lightblue .box a:hover .more {color:#F1FFFF;}
.featurenav .darkblue .box a:hover strong, 
.featurenav .darkblue .box a:hover .more {color:#D4EDFF;}
.featurenav .green .box a:hover strong, 
.featurenav .green .box a:hover .more {color:#F5FFCC;}

.featurenav .box .more {
	display:block;
	padding-top:.25em;
	padding-right:20px;
	font-weight:700;
	font-size:85%;
	text-align:right;
	color:#FFF9BA;
}

.featurenav .box .more .raquo {
	padding-left:3px;
	font-weight:normal;
}

#feature .content {
	margin:0;
	padding:0;	
}

/*#index #featurenav {margin-top:-500px;}*/

/* Boxes
---------------------------------------------------------------------------------------------------  Boxes */	

.col-MSX .maincol .box, 
.col-XMS .maincol .box {
	width:390px;
	border-color:#D1F0FF;
}
	* html .col-MSX .maincol .box, 
	* html .col-XMS .maincol .box { width:412px; }



#index .maincol .box {
	width:100%;
	margin-left:0;
	border:none;
	padding:0;	
}

.col-MS .subcol .box, 
.col-XMS .subcol .box {
	width:180px;
}

.col-MS .subcol .box,  
.col-XMS .subcol .box, 
#index .subcol .box {
	width:182px;
}	
	* html .col-XMS .subcol .box { width:202px; }


.xcol .box {
	margin:0;
	border:none;
	color:#FFFFFF;
	padding-top:0;
	padding-bottom:0;
}

.col-MS .xcol .box, 
.col-XMS .xcol .box {
	width:190px;
}
	* html .col-MS .xcol .box, 
	* html .col-XMS .xcol .box	{ 
		width:212px; 
	}
	
.col-MS .xcol .lightblue .box, 
.col-XMS .xcol .lightblue .box {
	padding-bottom:0;
}

.xcol .yellow .box {
	padding-bottom:10px;
}

.xcol .box h3 {
	font-size:1.2em;	
}
.xcol .box h3.reducedmargin {
	margin-bottom:-1em;
}

.xcol .lightblue .box h3,
.xcol .lightblue .box h3 a {color:#66CCFF;}
.xcol .green .box h3,
.xcol .green .box h3 a {color:#CCFF99;}
.xcol .yellow .box h3, 
.xcol .yellow .box h3 a {color:#FFFBD2;}

.xcol .box a { 
	border:none;
}

.xcol .lightblue .box a {color:#66CCFF;}
.xcol .darkblue .box a {color:#FFF9BA;}
.xcol .green .box a {color:#CCFF99;}
.xcol .yellow .box a {color:#FFF9BA;}

.xcol .lightblue .box a:hover {color:#90E3FB;}
.xcol .darkblue .box a:hover {color:#0546A4;}
.xcol .green .box a:hover {color:#F0FFE1;}
.xcol .yellow .box a:hover {color:#DEFFBD;}

.xcol div .box a:hover strong {color:#FFFFFF;}
.xcol .products .box a:hover strong {color:#0073CF;}


.xcol .box a.more:hover {
	color:#DEFFBD;
}
.xcol div .box .details a {	
	border:none;
	font-weight:bold;	
	font-size:.9em;
}
.xcol div .box .details a.more {	
	text-transform:uppercase;
}

.xcol .box .details li {
	float:none;
}

.xcol .products .box {
	width:192px;
	padding-top:70px;
	background:#CCFF99 url("/gfx/bg_xcol_box_vine.gif") no-repeat top left;
	border:none;
	color:#003399; 	
}
	* html .xcol .products .box { width:212px; }


.xcol .products .box a.more {
	color:#003399;
}
.xcol .products h3 {	
	color:#003399;
}
.xcol .products p {
	margin-top:0;
}
.xcol .products strong {
	display:block;
	font-weight:bold;
	font-size:1.1em;		
}

.xcol .products a span {
	display:block;
	margin-bottom:10px;
	color:#003399;
}

.xcol .products a:hover span {
	color:#0073CF;
}

.xcol .products a:hover span em.raquo {
	color:#59B7F5;
}

.maincol .graph .box {																		
	width:410px;
	border-color:#33CC00;
	padding-top:0;
	padding-right:0;
	padding-left:0;	
}
.maincol .graph .box img {
	margin:0;
	float:none;
}
.maincol .graph .box h3 {
	margin-bottom:0;
	border-bottom:1px solid #33CC00;
	padding:5px;	
	font-size:1.15em;
	font-weight:bold;
	text-align:center;
	background-color:#009933;
	color:#FFFFFF;
}
	
.maincol .graph .box p {
	padding-right:10px;
	padding-left:10px;
}

.graph p.figurename {
	font-weight:bold;
	font-size:.85em;
	line-height:.85em;
	text-align:right;		
	text-transform:uppercase;
	vertical-align:top;
	color:#B3B3B3;
}	

/*.white .box {
	border-color:#FFFFFF;
	background:none;
}
.maincol .white .box { 
	padding-top:0; 
	padding-bottom:0;
}
.maincol .white .box p {
	margin-top:.5em;
}

.col-MS .subcol .white .box,
.col-SM .subcol .white .box,
.col-XMS .subcol .white .box {
	width:182px;
	border:none;
}
.col-MS#index .subcol .white .box {
	padding-top:0;
	background:none;
}*/

/* Images
--------------------------------------------------------------------------------------------------  Images */

/* Lists
---------------------------------------------------------------------------------------------------  Lists */
ul.details {
	margin-top:-1.4em;
}
.box ul.details {
	margin-top:-1em;
}
.box ul.details li {
	float:left;	
	margin-right:20px;
}
dl.details dt {
	color:#33CC00;
}
dl.pr dd strong {
	font-weight:normal;
}

/* Pull Content
--------------------------------------------------------------------------------------------  Pull Content */
.pullquote {
	width:100%;
	margin:10px 0;
	font:700 118%/1.1em Arial, Helvetica, sans-serif;
	text-align:center;
	background:url("/gfx/bg_pullquote.jpg") no-repeat left bottom;	
	color:#FFFFFF;
}
.col-MS .pullquote, 
.col-SM .pullquote {
	width:412px;
}
.pullquote p {
	margin:20px 54px 50px 50px;

}

/* Footer
--------------------------------------------------------------------------------------------------  Footer */
#footer {
	position:relative;	
	height:40px; height:60px;
	margin-right:-7px;
	margin-bottom:-40px;
	margin-left:-7px;
	border:none;
	padding-top:5px;
	padding-bottom:15px;
	background:url("/gfx/bg_footer.gif") no-repeat center bottom;
}
	* html #footer {
		margin:0;
		border-top:1px solid #EFEFEF;
		background-image:none; 
		background-color:#FFFFFF;
	}

#footertext, 
#footerlogo {
	padding-left:24px;	
}

#footerlogo {
	display:inline;	
	height:30px;
	background:none;	
}

.footertext, 
.footerlogo {
	padding-left:24px;	
	font-size:.8em;
}

.footerlogo {
	display:inline;	
	height:30px;
	background:none;	
}

/* Footnotes
-----------------------------------------------------------------------------------------------  Footnotes */

/* Tables
--------------------------------------------------------------------------------------------------  Tables */
table {
	border-color:#59BD7A;
}
td, th {
	border-color:#59BD7A; 
	text-align:center;
}
th {
	background:#CCFF99;	
}
caption {
	font:bold 120%/1.1em Geneva, Arial, Helvetica, sans-serif;
	color:#009933;
	
}
caption strong  {
	display:block;
	font-weight:normal;
	font-size:1em;
}
th.bg {
	background:#E6FFCC;
}

thead th {
	margin-top:5px;
	border:1px solid #59BD7A; 
	padding:5px;	
	font:bold 108%/1.1em Geneva, Arial, Helvetica, sans-serif;
	font-style:normal;
	background-color:#009933;
	color:#FFFFFF;
}
td.legend, 
th.legend, 
tr.legend td.tablename {
	color:#B3B3B3;
}

.category, 
.category th, 
.category td {
	border-bottom-color:#59BD7A;
	background:#CCFF99; 
	color:#009933;
}
.category th {
	font-weight:bold;	
	font-size:.9em;
	font-style:normal;
	line-height:1em;
	padding-right:3px;
	padding-left:3px;
}

thead th strong em, 
.category th strong em {
	display:block;
	padding-top:3px;
	font-weight:normal;
	font-style:normal;	
}
th.highlight {
	background:#F0FFE1;
}
thead th.highlight {
	background-color:#0091F0; 
}
.category th.highlight {
	border-bottom-color:#0091F0;
	background-color:#D1F0FF;
	color:#0091F0;
}

table.alternating {
	border:none;
}
table.alternating tbody td, 
table.alternating tbody th {
	border:none;
	border-right:1px solid #59BD7A;
	font-weight:normal;
	font-size:.9em;
	line-height:1.1em;
	background:#FFFFFF;
	color:#000000;
}
table.alternating tbody tr td, 
table.alternating tbody tr th {
	border-left:1px solid #59BD7A;
}
table.alternating tbody tr.alt td,
table.alternating tbody tr.alt th {
	background:#CCFF99;	
}
table.alternating tfoot td {
	border-top:1px solid #59BD7A;
}

tr.category th.no-right {
	border-right-color:#CCFF99;
}


/* Forms
---------------------------------------------------------------------------------------------------  Forms */
/* Mobile
--------------------------------------------------------------------------------------------------  Mobile */
/* Misc
----------------------------------------------------------------------------------------------------  Misc */
em.raquo {
	font-weight:bold;	
	font-size:120%;
	font-style:normal;
}

.home {
	float:right;
	margin-top:155px;	
}
	* html .home {
		margin-bottom:-33px;
	}

#nav .home a {
	background:none;
	border-bottom:0;
}

.box .blackbox {
	text-align:center;
}

.srf .box img {
	margin-bottom:10px;
	margin-left:-2px;
}


/* Alignment
-----------------------------------------------------------------------------------------------  Alignment */
/* By default, the site content is centered. To align left, uncomment the lines below.                   */
/*
	* html body {text-align:left;}	
	#body-wrap, #nav, #subnav, #logo-wrap { margin-left:0; }	
	#body-wrap { border:0; }
			#header-wrap, body { background:none; }
	#masthead-wrap { background-position:left top; }
	#nav div, #subnav .top-horizontal { width:900px; }
	#subnav .top-horizontal { background:transparent url("/gfx/bg_subnav_left.gif") no-repeat left bottom; }
	#footer { width:900px; background:transparent url("/gfx/bg_footer_left.gif") no-repeat left top; }
	#logo {margin-left:5px;}
*/

/* Skins  
---------------------------------------------------------------------------------------------------  Skins */

#index .download {margin-left:-5px;}

#index .samples a:link, 
#index .samples a:visited {
	border:none;
}
#index .samples img {
	margin-left:-5px;
}

a.no-border {border-bottom:0;}