/* Primary help css file */ 

/* Sensible defaults */ 

body{
	font-family: Verdana, Arial, Helvetica;
	font-size:80%;
	/*line-height:1.3em;*/
}

h1 {font-size: 2em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.17em;}
h4 {font-size: 1em;}
h5 {font-size: 1em;}
h6 {font-size: 1em;}
input, select, th, td {font-size:1em}

.s_body
{
	topmargin:0;
	leftmargin:0;
	background:#f0f0f0;
}

blockquote{
	padding-top:0;
	margin-top:0;
}

/* Various main styles */ 

.frontpage_slogan{
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;
	color:#2455b7;
	padding:2px;
	margin:0;
	font-size:24px;
	width:310px;
	margin-top:14px;
	font-style:italic;
}

.frontpage_product{
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;
	font-size: 18pt;
	margin-top:0;
	margin-bottom:0pt;
	border-bottom:none;
	color:#3f75dc;
}

.s_page_title, .frontpage_h1 {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;
	font-size: 21pt;
	margin-top:15pt;
	margin-bottom:0pt;
/*	color:#2455b7; */
}

.s_page_subtitle, .frontpage_gray {
	font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;
	font-size: 14pt;
	margin-top:0pt;
	margin-bottom:18pt;
	border-bottom:none;
	color:#808080;
}

.s_product_title{
	font-size: 18pt; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica; color: #437beb;
	margin-bottom:4pt;
	margin-top:0;
}
.s_product_subtitle{
	font-size: 13pt; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica; color: #707070;
	margin-top: 4pt; margin-bottom:8pt;
}

.s_feature, h4{
	font-family: Verdana, Arial, Helvetica;
	font-size: 9pt;
    margin-top: 8pt; 
	margin-bottom: 2pt;
	font-weight:700;
}

.s_docpage_title{
	font-size: 24px; font-family: Verdana, Arial, Helvetica; color: #336699;
	margin-bottom:4px;
	margin-top:0;
}
.s_docpage_heading{
	font-size:14px;;
	font-weight:bold;
}
.s_docpage_subheading{
	font-size:14px;;
	font-weight:bold;
}


p.smaller { 
	font-size: 8pt; 
}
.style2 {font-family: Tahoma, Arial, Verdana, Helvetica; font-size: 8pt; color: #999999}


/* Main heading styles */
	body h1{
		color:#2a5898;
		font-family: Arial, Helvetica;
		font-weight:normal;
		margin:0.4em 0 0.4em 0;
	}
	body h2{
		color:#2a66b0;
		font-family: Arial, Helvetica;
		font-weight:normal;
		margin:1.2em 0 0.6em 0;
		padding:0;
		padding-bottom:3px;
		border-bottom:2px solid #dcdcdc; 
	}
	body h3 {
		font-family: Arial, Helvetica;
		margin:1.2em 0 0.6em 0;
		padding:0;
	}

/* a selection of blues 
	color:#2066c9;	 lighter too blue 
	color:#2659bf;	 medium too coloured 
	color:#1f4898;  dark still too blue

	color:#0066CC;	 new windows browser link blue

	color:#2b5a99; 	...
	color:#2a5898;  darker
	color:#265399;  ...
	color:#336699;  old 
	color:#2b66ae;	...
	color:#2d66a9;	lighter
	color:#2a66b0;	...
*/

	/* Alternative header stylings */
	body.headings2 h1{
	}
	body.headings2 h2{
	}
	body.headings2 h2:after{
	}
	body.headings2 h3{
	}
	body.headings2 h4{
	}




/* Generic utility styles */
	.hidden{
		display:none;
	}
	._r0 { float:right;}
	._r30 { float:right;	margin-right:30px;}
	._r60 { float:right;	margin-right:60px;}
	._r90 { float:right;	margin-right:90px;}

	.ml20 {margin-left:20px;}
	.mr20 {margin-right:20px;}
	.mr15 {margin-right:15px;}

	.cc { clear:both; }

	.m10 {margin:10px;}


/* overall page layout styles */ 

	.width_outer {
		text-align:center;
		background:#F0F0F0;
 	}
	._width_limit{
		width:900px;
		margin:auto;
		position:relative;
		text-align:left;
		background: white;
		margin-top:7px;
		padding-bottom:15px;
	}
	.width_limit{
		width:920px;
		background: #f0f0f0 url('../img2/page_middle_900.png') repeat-y top left;
		position:absolute;
		float:left;
		left:50%;
		margin-left:-460px;
		top:10px;
	}
	.header	{
		height: 40px;
		background: url('../img2/page_top_900.png') no-repeat top left;
	}
	.footer {
		height:102px;
		background: url('../img2/page_bottom_900.png') no-repeat bottom left;
	}

/* page header styling */
	.s_header_text{
		font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;
		font-size: 18px;
		font-style:italic;
	}



/* page footer styling */

	#footer {
		clear:both;
		margin-top:30px;
		color: #303030; 
	}
	.footer_link               { COLOR: #303030; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; FONT-SIZE: 8pt; }
	.footer_link:link          { color: #303030; text-decoration: none; }
	.footer_link:hover         { color: #3399FF; text-decoration: underline; }
	.footer_link:visited       { color: #303030; text-decoration: none; }
	.footer_link:visited:hover { color: #3399FF; text-decoration: underline; }


/* menubar styles */

	.button{
		padding:10px;
	}

	 .t , .top_item{
		border-collapse:collapse;border:0;padding:0; margin:0;height:28px;
	 }

	 .t td{
		padding:0;
	 }

	 .bar a{
		display:block;
		color:white;
		text-decoration:none;
	 }
	 .bar a:visited{
		color:white;
		text-decoration:none;
	 }
	 .bar .selected a {
	 }

	 .bar_padding, #columns{
	 	margin-left:11px;
	 	margin-right:13px;
	 }
	 .bar{
		font-size:1em;
		font-weight:bold;
		color:white;
		background:url(../img2/menu2_bg.png);
		height:28px;
		overflow:hidden;
	 }
	 .btn_l{
		width:5px;
	 }
	 .btn_r{
		background:url(../img2/menu2_bg.png);
		width:5px;
	 }
	 .btn_c{
		background:url(../img2/menu2_bg.png);
	 }

	 .selected .btn_l{
		background:url(../img2/menu2_btn_l.png);
		width:5px;
	 }
	 .selected .btn_r{
		background:url(../img2/menu2_btn_r.png);
		width:5px;
	 }
	 .selected .btn_c{
		background:url(../img2/menu2_btn_c.png);
	 }

	 .pad{
		padding:20px;
	 }

	 .btn_l, .btn_r{
	 }
	 .pad{
		padding-top:5px;
		padding-bottom:5px;
	 } 
	 .logo{
		border:0;
		height:24px;
	 }
	 .logo_outer{
		height:26px;
	 }


	 .pad2{
		padding-top:3px;
		padding-bottom:3px;
	 }


	.xmenu{
		position:absolute;
		background:#fff;
		width:120px;
		margin-top:2px;
		margin-left:-6px;
		font-size:13px;
		font-family:Verdana;
	}
	.shortcut{
		float:right;
		padding-right:3px;
	}
	.xmenu a, .xmenu a:hover, .xmenu a:visited{
		display:block;
		padding:2px 3px 2px 6px;
		text-decoration:none;
		color:black;
	}
	.xmenu a:hover, a.hover_js{
		background:#cedfe0 !important;
	}


	.divider{
		border-bottom:1px solid #bbb
	}
	.divider2{
		border-bottom:1px solid #eee
	}
	.menu_icon{
		border:0;
		width:16px;
	}
	.menu_info{
		color:#888;font-size:11px;
	}
	.menu_extra{
		position:absolute;right:7px;
	}
	.menu_help{
		padding-left:18px;
		color:green;font-style:italic;font-weight:bold;font-size:10px;padding-top:3px;	
	}


	.menu_icon_surgemail{
		background:url(../img2/surgemail.gif);
		width:16px; height:16px;
		float:left;
		border:0;margin-left:-20px;margin-top:1px;
	}
	.menu_icon_surgeftp{
		background:url(../img2/surgeftp.png);
		width:16px; height:16px;
		float:left;
		border:0;margin-left:-20px;margin-top:1px;
	}	
	.menu_icon_dbabble{
		background:url(../img2/dbabble.gif);
		width:16px; height:16px;
		float:left;
		border:0;margin-left:-20px;margin-top:1px;
	}	
	.menu_icon_surgeweb {
		background:url(../img2/sw.png);
		width:16px; height:16px;
		float:left;
		border:0;margin-left:-20px;margin-top:1px;
	}
	.menu_row{
		padding-left:25px !important;
	}
	.mnu_top_left {
		background: transparent url(../img2/shadow_cnr.png) no-repeat scroll 0 -15px ; position:absolute;
		height:25px;width:25px; left:-20px;top:-5px;		
	}
	.mnu_top_edge {
		background: transparent url(../img2/shadow_horiz.png) repeat-x scroll 0 -15px ; position:absolute;
		height:5px;			left:5px;right:20px;top:-5px;		
	}
	.mnu_top_right {
		background: transparent url(../img2/shadow_cnr.png) no-repeat scroll 0 -95px ; position:absolute;
		height:25px;width:40px; right:-20px;top:-5px;		
	}
	.mnu_left_edge {
		background: transparent url(../img2/shadow_vert.png) repeat-y scroll 0 0 ; position:absolute;
		width:20px; 			left:-20px;top:20px;bottom:5px;		
	}
	.mnu_right_edge {
		background: transparent url(../img2/shadow_vert.png) repeat-y scroll -30px 0 ; position:absolute;
		width:20px; 			right:-20px;top:20px;bottom:5px;		
	}
	.mnu_bottom_left {
		background: transparent url(../img2/shadow_cnr.png) no-repeat scroll 0 -55px ; position:absolute;
		height:25px;width:40px; left:-20px;bottom:-20px;		
	}
	.mnu_bottom_edge {
		background: transparent url(../img2/shadow_horiz.png) repeat-x scroll 0 -30px ; position:absolute;
		height:20px;			left:20px;right:20px;bottom:-20px;		
	}
	.mnu_bottom_right {
		background: transparent url(../img2/shadow_cnr.png) no-repeat scroll 0 -135px ; position:absolute;
		height:25px;width:40px; right:-20px;bottom:-20px;		
	}
	

/* left column of documentation pages */
	.layout_lc_1{
/*		background: #ffffff url(../img2/bg.gif) repeat-y;*/
		padding:0;
/*		margin:0;*/
	}	


/* also see document_index, left_column */
	.menu_top{
		background:transparent url('../img2/nav_header.png') no-repeat top left;
	}
	.nav-menu h2{
		font-size:10pt;
		font-weight:bold;
		border:0;
		color:#666;
		margin:0;
/*		margin-top:10px; */
		padding:3px;
		padding-left:7px;
		height:18px;
	}

	.nav-menu{
		background:#F5F6F6 url('../img2/nav_bg_lower.png') no-repeat bottom;
		min-height:20px;
		padding:0;
		padding-bottom:6px;
		line-height:1.6em;
	}
	.nav-menu ul{
		margin:0;
		padding:0;
		_font-size:1px;
	}
	.nav-menu a{
		text-decoration:none;
		display:block;
		padding:0 0 0 8px;
		color:#2066c9; 
	}
	.nav-menu a:visited{
		text-decoration:none;
	}

	.nav-menu li{
		list-style-type:none;
		text-decoration:none;
		font-size:8.5pt;
		_padding:0 0 0 8px;
		margin:0;
	}
	.nav-menu li.spacer1{
		color:#666 !important;
		background:none !important;
		margin-top:3px;
		height:1px;
		border-bottom:1px solid #ddd;
		margin-bottom:4px;		
	}
	.nav-menu li.spacer2{
		font-weight:bold;
		margin-left:5px;
		color:#666 !important;
		background:none !important;
	}
	.nav-menu li.spacer3{
		border-top:1px solid #cccece;
	}
	
	.nav-menu .level-1 li{
		border-left:solid 1px #EBECEC;
		border-right:solid 1px #EBECEC;
	}
	.nav-menu .level-1 li:hover{
		_background:#cccccc url('../img2/nav_hover.gif') no-repeat top;
		background:#cedfe0;
	}
	.nav-menu .level-1 li.selected{
		background: url('../img2/nav_selected.png') no-repeat top;
	}
	.nav-menu .level-1 li.sub{
		border-bottom:1px solid #e0e0e0 !important;
	}
	.nav-menu .level-1 li a.selected{
		color:black;
	}
	.nav-menu .level-1 li a{
		font-weight:normal;
	}
		
	.nav-menu .level-0>li{
		border-bottom:1px solid #e0e0e0 !important;
	}


	.nav-menu .level-2{
		margin:0 0 0 8px;padding:0;
		display:none;
	}
	.nav-menu .level-2 li{
		background:#e7e7e7;
	}
	.nav-menu .level-2 li.selected{
		background:url('spacer.gif') no-repeat top;
	}
	.nav-menu .level-2 li.open.selected{
		background:url('spacer.gif') no-repeat top;
	}
	.nav-menu .level-2 li a.selected{
		color:#06F;
	}
	.nav-menu .level-2 li a{
		margin-left:0px;
	}
	.nav-menu .level-2 li.selected{
		_margin-left:-2px;
	}

	.nav-menu .selected .level-2{
		display:block;
	}


	.nav-menu .group_hidden ul{
		display:none;	
	}
	
	.nav-menu .group_open{
		color:#666 !important;
	}
	.nav-menu .level-0 a {
		font-weight:bold;
	}



	.s_crumb { 
		color: #777; 
		FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; 	
		FONT-SIZE: 9pt; margin-top: -2pt; padding-top:3px;margin-bottom: 12pt; 
	}
/*	p.s_crumb              	  { color: #303030; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; }*/
	p.s_crumb a               { color: #2066c9; text-decoration: none; }
	p.s_crumb a:hover         { color: #3399FF; text-decoration: underline; }
	p.s_crumb a:visited       { color: #2066c9; text-decoration: none; }
	p.s_crumb a:visited:hover { color: #3399FF; text-decoration: underline; }



/* main column formatting */
	.content{
		margin:0;
		padding:0;
		padding-left:60px; 
		padding-right:50px;
		_background:red;
	}
	.content_outer{
		padding-left:10px;
		padding-right:12px;	
	}
/* product box and download etc button formatting */

	.product_box_div{
		float:left;text-align:center;margin-bottom:6pt; margin-right:6pt;
	}
	.product_box{
		width:180px;height:180px;
		padding:0;margin:0;border:0;
	}
	.product_box_small{
		width:120px;height:120px;
		padding:0;margin:0;border:0;
	}

	.readmore_btn{
		text-decoration: none; margin-bottom:-10px;
		display: inline-block;width: 112px;height: 33px;
		background:url(../img2/readmore.png);
	}
	.readmore_btn:hover{
		background:url(../img2/readmore_hover.png);
	}

	.download_btn{
		text-decoration: none; margin-bottom:-10px;
		display: inline-block;width: 115px;height: 33px;
		background:url(../img2/download.png);
	}
	.download_btn:hover{
		background:url(../img2/download_hover.png);
	}

	.buynow_btn{
		text-decoration: none; margin-bottom:-10px;
		display: inline-block;width: 109px;height: 33px;
		background:url(../img2/buynow.png);
	}
	.buynow_btn:hover{
		background:url(../img2/buynow_hover.png);
	}	

/* boxes etc */
	.col_2col_top{
		width:400px;height:4px;background:url(../img2/col_2col_top.png);font-size:1px;
	}
	.col_2col_bdy{
		width:400px;background:url(../img2/col_2col_bg.png);
	}
	.col_2col_btm{
		width:400px;height:4px;background:url(../img2/col_2col_btm.png);font-size:1px;
	}
	
/* related links */

	p.s_related               { color: #303030; FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif; margin-top: 3pt; margin-bottom: 10pt; }
	a.s_related               { color: #2066c9; text-decoration: underline; }
	a:hover.s_related         { color: #3399FF; text-decoration: underline; }
	a:visited.s_related       { color: #2066c9; text-decoration: underline; }
	a:visited:hover.s_related { color: #3399FF; text-decoration: underline; }
	
	.s_related_div{
		padding-bottom:30px;
	}

	.s_related_icon          {     
		font-family: Verdana, Tahoma, Arial, Helvetica;
		font-weight: 700; font-size: 10pt; 
		color: #606060; 
		margin-top: 20pt; 
		margin-bottom: 3pt; 
		background-image: url(../img2/link-12x12-green-2pxpad.gif);
		background-repeat: no-repeat;
		text-indent: 17px;
	}


/* some more surgeweb help related styling we were still missing*/
	.surgeweb_changes pre {
		 white-space: pre-wrap;       /* css-3 */
		 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
		 white-space: -pre-wrap;      /* Opera 4-6 */
		 white-space: -o-pre-wrap;    /* Opera 7 */
		 word-wrap: break-word;       /* Internet Explorer 5.5+ */
		 font-family: arial;
		 padding-left:15px;
	}

 	.pg_title, .title{
 		margin-top:10px;
 		margin-bottom:10px;
 		color:#336699;
 		font-size:18px;
 		font-weight:bold;
 	}
	.pg_heading, .heading{
 		margin-top:20px;
 		margin-bottom:5px;
 		margin-right:0px;
 		color:white;
 		background:#336699;
 		font-size:14px;
 		font-weight:bold;
 		padding:2px;
		padding-left:7px;
		display:block;
	}
	.icon{
		height:16px;width:16px;float:left;margin-right:5px;
	}
	.subheading{
 		margin-top:5px;
 		font-size:13px;
 		font-weight:bold;
	}
	
/* other stuff */
	.sitemap_heading{
		font-size: 13pt; font-family: "Trebuchet MS", Tahoma, Arial, Helvetica;
		margin-top:3px;
	}
	
	.sitemap_icon {
		background: url(../img2/round_arrow.jpg);
		width:24px; 
		height:24px; 
		float:left;
		margin-right:10px;
		margin-top:-1px;
	}

	p {
		margin-top:0;
		margin-bottom:0.7em;
		padding:0;
	}
	
	pre, .pre{
		font-family:monospace;
		font-size:11px;
		color:#944;
	}
	.indent {
		padding-left:20px;
	}
	.plain_table{
		border:2px solid #aaa;
		border-collapse:collapse;
		background-color:#f7f7f7;
		margin-bottom:12px;
	}
	.plain_table th{
		border:1px solid #bbb;
		font-weight:normal;
		background-color:#e0e0e0;
		padding:3px;
	}
	.plain_table td{
		border:1px solid #bbb;
		padding:5px;
	}

	.codepane{
		background-color:#e8e8e8;
		padding:5px;
		border: 1px solid #aaa;
	}
	font.normal{
		font-family: Verdana, Arial, Helvetica;
		color:black;
	}
	.content{
		padding-bottom:50px;
	}
	.plain_list{
		padding-left:0;
		margin-left:0;
	}
	.plain_list li{
		padding-left:0;
		margin-left:0;
		list-style: none;
	}
	
	.search_box{
		float:right;
		margin-top:28px;
		margin-right:30px;
		height:40px;
		overflow:hidden;
	}
	.page_logo{
		padding-top:5px;
	}

	.floating_index{
		position:absolute;
		top:70px;
/*		left:20px;
		top:0px;
		_top:132px;
		_padding:5px;
		_font-family: Arial, Helvetica, sans-serif;
		_font-size:12px;
		_width:160px;
		_margin-left:20px;

		_float:left;
		_width:117px;
		_margin:0 2px 0 0;
		_padding:21px 0 0 0;
*/		
		line-height:1.6em; 
	}
	.floating_index a, .floating_index a:visited{
		color:#2066c9; 
	 }


	/* Total usable page area of 978px in wide format */
	/* "wide margin"=50px, narrow margin="20px"
	
	/*  - Single column want wide margins of at least : |50px|xx|50px| here have: |78px| 820px |80px|   NO too wide*/
	/*                                                                      have: |38px| 820px |40px| */
	.L1C1_column_content{
/*		width:820px; margin-left:78px;*/	/* too wide */
		width:820px; margin-left:38px;
		float:left; overflow:hidden;
	}	


	/*  - Dual column with nav panel :  |20px| NAV 160px |30px| CONTENT 690px |78px| NO too wide! */
	/*                                  |10px| NAV 160px |20px| CONTENT 660px |38px| better */
	.L2C2_column_left{
/*		width:160px; margin-left:20px;*/	/* too wide */
		width:160px; margin-left:10px;
		margin-right: -3px;		/* essential to make it render in IE6 */
		float:left; position:relative;
/*		overflow:hidden;  container for absolute div so cannot be hidden...	*/
	}
	.L2C2_column_content{
/*		width:690px; margin-left:30px;*/	/* too wide */
		width:660px; margin-left:20px;
		float:left; overflow:hidden;
	}	
	

	.L3C3_column_left{
		width:160px; margin-left:20px;
		margin-right: -3px;		/* essential to make it render in IE6 */
		float:left; position:relative;
/*		overflow:hidden;  container for absolute div so cannot be hidden...	*/
	}
	.L3C3_column_content{
		width:650px; margin-left:30px;
/*		margin-right: -3px;		essential to make it render in IE6 */
		float:left; overflow:hidden;
	}	
	.L3C3_column_right{
		width:100px; margin-left:10px; margin-right:10px;
		float:left; overflow:hidden;
	}	
	


	
	.bughunt .L3C3_column_left{background:blue;}
	.bughunt .L3C3_column_content{background:red;}	
	.bughunt .L3C3_column_right{background:green;}	
	

	.prefooter{
		clear:both;
	}
	
	.less_space_top{
		margin-top:0.6em;
	}
	.no_space_top{
		margin-top:0;
	}
	.no_space_bottom{
		margin-bottom:0;
	}

	.warning{
		background:pink;
		border:1px solid #aaa;
		padding:5px 10px;
	}
	.info{
		background:#f0f8ff;
		border:1px solid #bbb;
		padding:15px 20px;
	}
	
	.no_header{
		font-size:12px;
		font-weight:normal;
	}