/* style sheet for www.bsdsoftlink.com */
/* resets all margins and padding to 0 to over-ride any browser-default settings */
/*BODY,
H1,H2,H3,H4,H5,H6,
P,
LI,
TR,
TD,
OL,
UL,
A,
IMG {margin: 0; Padding: 0; border: 0;}
IMG.floatleft	{float: left; margin-right: 0.5em;}
IMG.floatright	{float: right; margin-left: 0.5em;}*/
Table	{border-collapse: collapse;}

/* IE6 & IE7 handle floating and clearing a little different from Firefox.
In particular, the main content box, #content: Neither IE6 nor IE7 will tolerate an
explicit width; IE6 pushes content below submenu; IE7 covers
part of 25th yr img in footer.  However, an explicit width on #content
would fix some pages' problems with the submenu (not yet resolved).

When the left submenu is longer than the #content, IE requires <br> 's to lengthen #content to prevent overlapping
the submenu with the footer. This occurs mostly in the SL Faqs.
, particularly when the last item
in #content is a table or a UL - these may have been fixed and IE6 is still not resolved, since it's menus are twice as long.

Also the IE6 peek-a-boo bug shows in short pages where the
floated submenu or other floated box touches the clear-both footer.

Also, in some files, removed something invisible in the last set of </div> 's at the end
that was making both do weird floating of the footer.
*/
/*../speclink/faqs/faq.css is no longer used. */

body{
	background-color: #ffffff;
	color: #363636;
	font-family: arial, sanserif;
	font-size: 10pt;
	/*line-height:1.5em; */
	Margin: 0 0 1px 0;
	padding:0;
	text-align:center; /* for IE */
 	}
#wrap{
	background-image:url(gif/middle_gradient.gif);
	background-repeat:repeat-x;
	background-color:#ffffff;
	text-align: left;
	margin: 0 auto; /* for the rest */
/*	border: 1px solid #8b8b8b;  */
	width: 973px;
/*	background-color:  yellow;  */
	}
a:link {color:#003e84; text-decoration:underline;}
a:visited {color:#003e84; text-decoration:underline;}
a:hover {color:#cc0066; text-decoration:underline;}

table#masthead {
	width: 973px;
	height: 90px;
/*	background-image:url(gif/top_background.gif);
	background-repeat:repeat-x; */
	/*background: white url(gif/mastheadblock.gif) repeat-x ; */
	background-color: #ffffff;
	border-collapse: collapse;
	padding: 15px 0 0 60px;
	margin: 0;
	font-size: xx-small;
	color: black;
	}
Table#masthead TR TD {font-size: xx-small; padding: 0; margin: 0; }
Table#masthead TR TD P	{padding: 0 2em 0 0; margin: 0; /*text-align: center;*/}
Table#masthead TR TD#logo P	{width: 400px; text-align: left; /*padding: 1em 0 0 6em; */ padding: 1em 0 0 0;}
Table#masthead TR TD#homemenu	{width: 550px; height: 5px; padding: 0 0 2em 10em; color: gray; font-size: 7.5pt; font-family: Verdana, Arial, Helvetica, san-serif;}
Table#masthead TR TD#homemenu	p {text-align: right; }
/* Table#masthead TR TD#tagline	{height: 50px;  padding: 0 0 1em 0;} */

/*Table#masthead TR TD#homemenu	a {color: #3b86d1; text-decoration: none;}
Table#masthead TR TD#homemenu	a:visited {color: #3b86d1; text-decoration: none;}
Table#masthead TR TD#homemenu	a:hover {color: #0060a5; text-decoration: none;}   */

Table#masthead TR TD#homemenu	a {color: black; text-decoration: none;}
Table#masthead TR TD#homemenu	a:visited {color: black; text-decoration: none;}
Table#masthead TR TD#homemenu	a:hover {color: #0060a5; text-decoration: none;}

.divider	{border-right: 1px solid gray;}
#homemenu img	{vertical-align: middle; }

P#mainmenu	a {color: #333333; text-decoration: none; /*padding-bottom: 1em;*/ }
P#mainmenu	a:visited {color: #333333; text-decoration: none;}
P#mainmenu	a:hover {color: #3b86d1; text-decoration: none;}
P#mainmenu	{
	color: #333333;
	font-family: Arial, sans-serif;
	padding: 0;
	font-size: 120%;
	font-weight: bold;
	/*background-color: gray; */
	color: blue;
	Text-align: right;
	text-transform: uppercase;
	}
P#mainmenu B {color: #0066cc; font-weight: bold;}

.maindivider	{
/*	color:#8b9baa;*/
	border-right: 1px solid silver;
	margin-left:5px;
	margin-right:5px;
	margin-bottom: 0;
	padding:0;
/*	height: 10px;  */
	width: 1px;
	}

#main	{
/*	border-top: 1px solid #383838; */
	padding: 0;
 	margin: 0;
	}
img.header	{/*border-bottom: 1px solid #383838; */ padding: 0; margin: 0;}

#main_homepage	{
	border-top: 1px solid #383838;
	padding: 0;
	background-image: url(gif/homepic.jpg);
	background-repeat: no-repeat;
 	margin: 0;
	}
#intro	{
	height:  231px;
	padding: 0;
	margin:0;
	border-style: none;
	}
#introtext1	{
	font-size: 18pt;
	font-weight: normal;
/*	font-style: italic;  */
	color: white;
	line-height: 100%;
	padding: 80px 20px 0 670px;
	margin:0;
	border-style: none;
	}
#introtext2	{
	padding: 0.5em 0 0 2em;
	}
#home_boxes_block	{
	background-color: #a5c4e3;
	padding: 0.5em;
	border: 1px solid #3b86d1;
	border-width-right: 3px;
	}

table#home_boxes	{
	font-size:8pt;
	color:#000000;
	}

#home_boxes td	{
   background-color: #ffffff;
	vertical-align:top;
	width: 33%;
 	padding: 1em;
  	}

#home_boxes	.indent	{
	margin-left:35px;
	}
Table#stats	{margin: -1em 0 0 0; font-family: Arial Narrow; }
/* background-color: #d2dfee;} */
Table#stats TD	{padding:  2px 7px 2px 0; vertical-align: top; text-align: right;}

#banner_ourproducts	{background-image: url(gif/banner.jpg); font-family:  "Arial Narrow"; font-size: 300%; color: rgb(108,156,179); padding-left: 450px; line-height: 3em; height: 75px;}
#banner_bpm	{background-image: url(gif/banner.jpg); font-family:  "Arial Narrow"; font-size: 300%; letter-spacing: -0.07em; color: rgb(108,156,179); padding-left: 420px; line-height: 3em; height: 75px;}
#banner_forcustomers	{background-image: url(gif/banner.jpg); font-family:  "Arial Narrow"; font-size: 300%; color: rgb(108,156,179); padding-left: 450px; line-height: 3em; height: 75px;}
#banner_consulting	{background-image: url(gif/banner.jpg); font-family:  "Arial Narrow"; font-size: 300%; color: rgb(108,156,179); padding-left: 450px; line-height: 3em; height: 75px;}
#banner_success	{background-image: url(gif/banner.jpg); font-family:  "Arial Narrow"; font-size: 300%; color: rgb(108,156,179); padding-left: 450px; line-height: 3em; height: 75px;}
#banner_newsletter	{background-image: url(gif/banner.jpg); font-family:  "Arial Narrow"; font-size: 300%; color: rgb(108,156,179); padding-left: 450px; line-height: 3em; height: 75px;}
#banner_aboutbsd	{background-image: url(gif/banner.jpg); font-family:  "Arial Narrow"; font-size: 300%; color: rgb(108,156,179); padding-left: 450px; line-height: 3em; height: 75px;}

#content {
	background: white;
	margin: 0 0 0 180px;
	padding: 20px 0px 0px 40px;
/*	border-top:1px solid #b1b1b1;
	border-left:1px solid #b1b1b1; */
		}
@media print {#content	{margin-left: 0;} #submenu	{display: none;} }

/*#content P,li,H1,h2,H3,H4,h5,h6	{width: 500px;}  */

ul#submenu {
/*	position: relative;  makes it worse */
/*	display: inline; makes it worse */
  	float: left;
/*	border-top: 2px solid red;  */
	width: 180px;
	background-color: #ffffff;
/*	background-color: yellow;    */
	text-align: left;
	font-weight: normal;
	list-style-type: none;
	font-size: 8pt;
	padding: 0;
/*	margin: -3px 0 0 0; */
	margin: 0 0 0 0;
	}
/* the following is only to force IE6 to collapse margins. Doesn't have any effect otherwise. */
ul#submenu li {
	display: inline;
	}
ul#submenu li	B {
   display: block;
/*   padding: 0.5em 0 0.5em 1em;  */
	margin: 0 0 0 0;
   padding: 5px 0 5px 10px;
/*	border-bottom: 1px solid #8aafda;   */
	border-bottom: 1px solid silver;
	background-color:  #ffffff;
/*	background-color:  yellow; */
	}
ul#submenu a   {display: block;
	width: auto;
	padding: 0.5em 0 0.5em 1em;
	text-decoration: none;
	background-color: #ffffff;
/* 	border-bottom: 1px solid #8aafda;  */
	border-bottom: 1px solid silver;
	margin: 0 0 0 0;
	}
ul#submenu a.back   {
	font-weight: bold;
	background-color:  #b8cfe9;
/*	background-color:  red; */
	margin: 0 0 0 0;
	}
ul#submenu li a:link {color: black; }
ul#submenu li a:visited {color: black; }
ul#submenu li a:hover {display: block;
	color: #cc0066;
	font-weight: bold;
	background-color: #ffffff;
	margin:0;
	}
ul#submenu li.current {
	background-color:  #b8cfe9;
   padding: 0.5em 0 0.5em 1em;
	margin: 0 0 0 0;
/*	background-color: green;  */
	}
 ul#submenu li.submenuheader	{display: block;
/*	border-top: 1px solid #3b86d1; */
	padding: 0.5em 0 0.5em 1em;
/*	background-color: #3b86d1;  */
/*	background-color: #e8eff6;  */
	margin: 0;
	font-weight: bold;
/*	color:  white;   */
	color:  #333333;
   font-size: 10pt;
	}

ul#submenu li.submenuheader a {display: block;
/*	color:  white;   */
	color:  #333333;
/*		background-color:#3b86d1; */
/*		background-color:#e8eff6;  */
		margin: -0.5em 0 -0.5em -1em;
	}
ul#submenu li.submenuheader a:hover {
	display: block;
/*	color: #f27c25; */
	color: #cc0066;
/*	background-color: #dfe9f3;    */
/*	margin: -0.5em 0 -0.5em -1em;  */
	}
ul#submenu I a, #submenu I B	{
	font-size: 8pt;
	color: #3b86d1;
	font-weight: bold;
	margin: 0 0 0 0;
/*	margin: 0 0 0 1em; */  /* to indent sub-submenus - can't make this work */
	}
#content_homepage	{
/*	background-image:url(gif/middle_gradient.gif);
	background-repeat:repeat-x;  */
	background-color:#ffffff;
	border-top:1px solid #383838;
	padding: 15px 15px 0 15px;
	}
#content_homepage li	{
	list-style-image:url(gif/arrow_bsd_blue.gif);
	margin:7px 0 0 0;
	padding: 0;
	}
#content_homepage #news_productupdates	{
	 }
#content_homepage #news_productupdates TD	{
	 }

/*#content_homepage #backgroundgradient	{
	background-image:url(gif/callout_bottom.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	}*/

TAble#home_news TD#header_left	{
	width: 300px;
	border-right: 1px solid #99CCFF;
	padding: 0;
	margin: 0;
	}
TAble#home_news TD#header_right	{
	width: 300px;
	}
TAble#home_news TD.header img	{
	margin: 0;
	padding: 0;
	border-style: none;
	}

TAble#home_news TD#header_success a	{
	font-size: 9pt;
	font-weight: bold;
	padding: 0 0 0 1em;
	color: #333333;
	text-decoration: none;
	}
TAble#home_news TD#list_left	{
	width: 290px;
	background-color:#FFFFFF;
	vertical-align:top;
	margin-top: none;
	border-bottom:1px solid #9ebada;
	border-left:1px solid #9ebada;
	border-right: 1px solid #99CCFF;
	padding:2px 15px 15px 0;
	}

TAble#home_news TD#list_right	{
	width: 290px;
	background-color:#FFFFFF;
	vertical-align:top;
	margin-top: none;
	border-bottom:1px solid #9ebada;
	border-right:1px solid #9ebada;
	padding:2px 15px 15px 0;
	}

TAble#home_news TD#home_successstories  {
	 width: 380px;
	 padding: 1em;
	vertical-align: top;
	 }
#home_successstories #name	{display: block;
	font-size:8pt;
	font-weight:bold;
	text-align:right;
	margin-top:1em;
	}
hr{
	color: #D8D8D8;
	background-color: #D8D8D8;
	height: 1px;
	clear:both;
   }

h1{ /* a different h1 is used in Specifiers Library */
	font-size: 18pt;
   font-weight: normal;
	letter-spacing:-.5pt;
	/*text-align: left;
	line-height:110%;  */
   }

h2{
	font-size:12pt;
	font-weight:bold;
/*	color:#cc0066;  */
	color:  black;
	text-align: left;
	}
h3{font-size: 10pt;
/* color:#cc0066; */
	color:  black;
}

p{
/*   line-height: 150%;
	text-align: left;
padding-top: 1.8em; */
	}

/*ul{
	margin-left: -40px;
   font-size:1em;
   list-style-type: square;
   padding-right: 5px;
   margin-right: 5px;  */
	}
ol	{color: #f27c25;
	list-style-type: decimal;
	list-style-image: none;
	list-style-position: outside;
	padding-top: 2em;
	}

a[name] {
  text-decoration:none;
  }

/*a[name]:hover{
	color: #0070FF;
	text-decoration:none;
	}  */

a img{
   border:none;
	}
td.image {
	text-align:center;
	}
sup {font-size: 50%;}

div#floatright	{float: right;
	width: 300px;
	text-align:left;
	background-color:#e8eff6;
	font-size:8pt;
	padding:15px;
	margin: 0 0 20px 20px;
	}
div#floatrightnarrow	{float: right;
	width: 200px;
	text-align:left;
	background-color:#e8eff6;
	font-size:8pt;
	padding:15px;
	margin: 0 0 20px 20px;
	}
table#tablefloatright	{float: right;
	width: 300px;
	background-color:#e8eff6;
	margin: 0 0 20px 20px;
	border: 1px solid silver;
	}
table#tablefloatright td	{
	text-align:left;
	font-size:8pt;
	padding:1em;
	}
table#tablefloatright TR.hdr {
	background-color: silver;
	text-align: center;
	font-weight: bold;
	}
div.subtitle{
/*	 color: #cc0066;  */
	 color:  black;
	 font-size:1.1em;
	 font-weight: bold;
/*	 line-height: 150%;  */
/*	 width: 70%;  */
	 /*padding-top: 1em;*/
	}
div.subtitle a	{color: #003399;}
div.subtitle a:visited	{color: #003399;}
div.subtitle a:hover	{color: #003399;}

/*.pers_sub{
	 color: #6A6A8F;
	 font-size:1.1em;
	 font-weight: bold;
	 line-height: 150%;
	 } */

div.green_sub, .pers_sub, .red_sub, .gold_sub{
/*	 color: #859D15;
	 font-size:1.1em;
	 font-weight: bold;
	 line-height: 150%;  */
	 width: 400px;}

/*div.red_sub{
    color: #C70254;
	 font-size:1.1em;
	 font-weight: bold;
	 line-height: 150%;
	 }

div.gold_sub{
	 color: #B18101;
	 font-size:1.1em;
	 font-weight: bold;
	 line-height: 150%;
	 }  */

div#copyright	a:link {color: black; font-weight: bold; text-decoration: none;}
div#copyright	a:visited {color: black; font-weight: bold; text-decoration: none;}
div#copyright	a:hover {color: #0060a5; font-weight: bold; text-decoration: none;}

div#copyright{
	  clear: both;
 /*	  margin: 0 -20px 0 -201px;  */
 	  margin: 0 0 0 -221px;
/*	  background-color:#acc6e0;   */
/*	  Background-color: #e8eff6;  */
	  background-color:  white;
	  border-top:  1px solid silver;
/*	  border-bottom:  1px solid silver;  */
     padding:15px 15px 15px 15px;
	  text-align: left;
	  color:#737373;
	  font-size: 7pt;
     line-height:15px;
/*	  border-top:1px solid #8b8b8b; */
	  }
div#copyright img	{float: right; padding: 0; margin:0;}

div.box{
	  border: 1px solid silver;
	  padding:20px;
	  margin-bottom:1em;
	  }

div.green_faq h2, div.red_faq h2 {
	  padding: 1em 0 0 0;
	  margin:0;
	  }
div.green_faq P, div.red_faq P {
	  padding: 0.5em 0 0.5em 0;
	  margin: 0;
	  }

/*div.green_faq B {  	/* equiv to H3 */
/*	font-size:10pt;
	font-weight:bold;
	color:#f27c25;
	 }   */
/*div.red_faq{
	  background-color: #E6CFD8;
	  padding:5px 12px;
	  margin-bottom:1em;
	  font-size:small;
	  }  */

/*div.gold_faq{
	  background-color: #FFDC80;
	  padding:5px 12px;
	  margin-bottom:1em;
	  font-size:small;
	  }

div.gold_faq a{
	  color: #3333CC;
	  }

div.gold_faq a:hover{
	  color: #669933;
	  }

div.red_faq a{
	  font-weight:bold;
	  }

div.red_faq a:hover{
	  color: #4BBF30;
	  }  */


span.blue{
/*	color: #cc0066;  */
	color:  black;
	font-weight:bold;
	font-size:1.1em;
	}

span.red{      /*equiv to H2*; used in AE pages*/
	font-size:12pt;
	font-weight:bold;
	color:#f27c25;
	text-align: left;
	padding: 0;
	margin: 0;
	}

/*span.gold{
	color: #B18101;
	font-weight:bold;
	font-size:1.1em;
	}  */



ul.none{
	list-style-image: none;
	list-style-type: none;
	}

/*ul.disc{
	list-style-image: none;
	 list-style-type: none;
	 }  */
#content li	{
	list-style-position: outside;
	list-style-image: url(gif/arrow_bsd_blue.gif) ;
	margin: 7px 0 0 0;
	}

table#tablefloatrightforimage{
	 float: right;
/*	 display: block;   */
/*	 width: 40%;  */
	 border-width: 0;
/*	 margin-left:  2em; */
/*	 background-color:  yellow; */
	 }
table#tablefloatrightforimage td  {
/*	padding-right: 20em; */
		}
table#tablefloatrightforimage td.caption{
	 text-align: center;
	 color: #0070FF;
	}

img.middle	{vertical-align: middle;}
IMG.floatleft	{float: left; margin-right: 0.5em;}
IMG.floatright	{float: right; margin-left: 0.5em;}

/*.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility:hidden;
}
* html .clearfix {height: 1%;}*/

.veteran {
	   font-size: small;
      font-weight: bold;
      color: rgb(154, 174, 53);
	   float: right;
      align: right;
      width: 190px;
	   clear: right;
}
.veteran a{
	   color: rgb(154, 174, 53);
	   font-weight: bold;
	   text-decoration: none;
}
P.steps	{clear: left; margin: 0; padding: 1em 0 0 0;}
TD#tagline P	{display: none; font-family: Verdana, Arial, sans-serif; font-style: italic; font-size: 1.7em; color: /*#0070FF*/ #003399; text-align: left; }


Table.ordering	{
	width: 700px;
			text-align:center;
	background-color:#e8eff6;
	font-size:8pt;
	border-collapse: none;
	}
Table.ordering TR TD	{border: 1px solid white; padding: 0.2em 0.5em;}
Table.ordering TR TD li {padding: 0;}
Table.ordering TR.shaded	{
	background-color:#d4e7f7;
	}


div.title{
 	/*font-family: Georgia, Times New Roman, serif; */
	font-size: 18pt;
	margin-left: 0;
	/*line-height: 200%;
	border-bottom: 3px solid silver;
	color: black; */
	padding: 0.5em 0 0 0;
/*	background-color: yellow;  */
	}
/* following is for LIVE WEB DEMO box in Title*/
div.title	Table	{
		float: right;
		display: inline;
/*		width: 205px; */
		margin: 0 0 0 100px;
		border-style: none;
		}
div.title Table TR TD	{
		width: 203px;
		border-style: none;
		text-align: center;
	}
div.title Table div.buttonheader	{
	background-image:url(gif/callout_headerbar_bkgd_black.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	border-style: none;
	font-size:9pt;
	font-weight:bold;
	padding:4px 0 0 0;
	/*width: 189px; */
	height:19px;
	text-transform:capitalize;
	text-align: center;
	}
div.title Table div.buttontext	{
/*	background-image:url(gif/callout_bottom.gif);
	background-repeat:repeat-x;
	background-position:bottom; */
/*	border:1px solid #9ebada;  */
	border:1px solid black;
	line-height: 9pt;
	font-size: 8pt;
	text-align: left;
	}
div.title table div.buttontext ul	{
	padding: 1em 0.5em 1.5em 3em;
	margin: 0;
	}
div.title table div.buttontext ul li {
	list-style-image: url(gif/arrow_bsd_blue.gif);
	text-align: top;
	}
div.title table div.buttontext a	{text-decoration:underline;}
div.title table div.buttontext a:hover	{color: #cc0066;}

table#chapters td	{border: 1px solid silver; padding: 0.5em;}   /* for user manual pages */



