/* 	BSB Stylesheet

 	The wysiwig stylesheet using in eMagic sets the default text content styles and is
	included BEFORE this !

	@import url('/01/modules/emagic_wysiwygeditor/stylesheet1.css');

	But maybe not usefull for all browsers so we created a second css '/01/stylesheets/wysiwyig.css' that is 
    the same has '/01/modules/emagic_wysiwygeditor/stylesheet1.css'
*/

body {
	margin: 0;
	padding: 0;
	color:#666666;
	background-color: white;
	font: 11px Arial, Helvetica, sans-serif;
}

/* main content td */

#maincontent {
	width: 797px;
	vertical-align: top;
}

/* maincontent */

td.content {
	width: 100%;
}

table.articletitle {
	margin-bottom: 22px;
}

/* headings with background box */
td.contenttitle {
    vertical-align: middle;
}
td.contenttitle h1 {
	height: 28px;
	line-height: 28px;
	background-color: #87A4C6;
	text-transform:uppercase;
	color: white;
	font-weight: bold;
    padding-left:8px;
    margin: 0;
}

/* content details (main content sections?) */

table.contentdetailstable {
/*fde width: 797px;*/
	margin-bottom: 24px;
}

td.contentdetails {
	padding-left: 20px;
}

td.contentdetailsend {
	text-align: right;
	width: 90%;
	height: 20px;
	background: url(../images/layout/line_more.gif) repeat-x bottom left;
border:1px none blue;
}

td.contentdetailsmore {
	width: 72px;
	text-align: right;
}



/* header
   ---------------------------------------------------------------------------------------- */

.search input {
	background: #E3E9F2 url(/01/images/forms/main_search_bg.gif) no-repeat;
	width: 141px; 
	height: 22px;
	padding: 0; 
	margin: 0;
}

#linesearch1,#linesearch2 {
	padding-bottom:30px;
}

#linesearchfix {
	display: block; width: 324px; height:11px;
}

#languagealign {
	width: 86px;
	padding: 0; margin: 0;
	border-right: 17px solid white;
}

#searchtitlealign {
	padding: 72px 279px 0 0; 
	font:11px verdana,arial; 
	color:#004B92;
	white-space: nowrap;
}

#searchbodyalign {
	padding-right:148px;
	margin:0px;
}

/* left side navigation
   ---------------------------------------------------------------------------------------- */

#saplogo {
	clear:both;
	margin-left: 63px;
	position: absolute;
	top: 510px;
}

#leftNav ul {
	list-style-type: none;
	margin-left: 50px;
	margin-top: 10px;
}

/*navLevel2, active state, active state link color */
#leftNav ul li {
	display: block;
	background: url(/01/images/icons/arrow_nav.gif) no-repeat left 4px;
	padding-left: 20px;
	padding-bottom:10px;
	font-size:13px;
}
#leftNav ul li a:hover 		{ text-decoration: underline; }
#leftNav ul li.navLevel2sel { background: url(/01/images/icons/arrow_nav_sel.gif) no-repeat left 4px; }
#leftNav ul li.navLevel2sel a { color: #808080; }

/*navLevel1 (title)*/
#leftNav ul li.navTitle {
	letter-spacing: 1px;
	padding-bottom: 10px;
	background: none;/*overwrite ul li*/
	padding-left: 0;/*overwrite ul li*/
}
#leftNav ul li.navTitle a 	{ font-weight:bold; }

/*navLevel3, active state, active state link color */
#leftNav ul li.navLevel3 	{ background: url(/01/images/icons/triangle_nav.gif) no-repeat 4px 5px; }
#leftNav ul li.navLevel3sel { background: url(/01/images/icons/triangle_nav_sel.gif) no-repeat 4px 5px; }
#leftNav ul li.navLevel3sel a { color: #808080; }


/* splash */
	
#splashlayout {
	width: 100%;
}

td.splashcol {
	width: 191px;
	height: 191px;
	padding-right: 8px;
	padding-bottom: 8px;
}

td.lastsplashcol {
	width: 191px;
	height: 191px;
	padding-right: 0;
	padding-bottom: 8px;
}


#splashlayout a:link, #splashlayout a:visited, #splashlayout a:active  {
	display: block;
	border: 1px solid white;
	padding: 0;
	margin: 0;
}
#splashlayout a:hover {
	border: 1px solid #004890;
}


/* "homeblocks" (blocks with illustrations on the left) */

.homeblock {
	margin-top: 10px;
}

.homeblock tr {
	background: #F3F6FA;
}

#maincontent .homeilluBlock td {
	margin-top:0;
	background:#F3F6FA url(../images/layout/line_more.gif) repeat-x bottom left;
	vertical-align:top;
}

#maincontent .homeilluBlock img {
	width:97px;
	height:97px;
	border:0;
}

.homeblock .hometxtBlock td {
	background: #F3F6FA;
}

#content .hometxtBlock p 
{
	margin-top: 5px;
	margin-left: 12px;
}
#content .hometxtBlock h3
{
	margin: 0px 0px 0px 10px;
	padding:10px 0px 0px 0px;
}


#maincontent .hometxtBlock p {
	width: 78%;
	margin-bottom: 0;
	padding-bottom: 0;
}

/*GFR: changed so list looks like infobox list */
#maincontent .hometxtBlock ul 
{
	margin-top: 5px;
	padding:0;
	list-style: none;
}

#maincontent .hometxtBlock li {	
	font-size:11px;
	margin-left:10px;
	color:#666666;
	background: url(../images/layout/infoboxlist.gif) no-repeat center left;
	padding-left: 7px;
}

#maincontent .hometxtBlock ul {
	list-style: none;
	color: black;
	font-size: 10px;
	margin-left: 0;
}

#maincontent .hometxtBlock li a:link, #maincontent .hometxtBlock li a:visited, #maincontent .hometxtBlock li a:active {
	font-size:11px;
	color: #004B92;
	text-decoration: none;
}

#maincontent .hometxtBlock li a:hover {
	text-decoration: underline;
}
/* end GFR*/

#maincontent .homemoreBlock {	
	margin-bottom:0px;
	vertical-align:bottom;
	width:400px;
	background:#F3F6FA url(../images/layout/line_more.gif) no-repeat bottom left;
}

#maincontent .homemoreBlock img {	
	border:0;
}

/* info box //////////////////////////////////////////////////////////////////////////////// */

.infoboxcontainer {
	width: 191px; 
	padding-right: 8px;
	vertical-align: top;
}

.lastinfoboxcontainer {
	width: 191px;
	vertical-align: top; 
}


table.infobox td {
	width: 191px;
}

.infoboxtitle {
	background-color: #87A4C6;
	height: 22px;
	line-height: 22px;
}

.infoboxtitle h3 {
	font-size: 11px;
	text-transform: uppercase;
	color: white;
	font-weight: bold;
	padding:0; margin: 0;
	margin-left: 6px;
}

.infoboxtitleshadow {
	height: 13px;
	background: url(../images/layout/infoboxshadow.gif) top center no-repeat;
}

.infoboxcontent {
	font-size: 11px;
	color: #004B92;
}


a.infoboxlink  {
	font-size: 11px;
	color: #004B92;
}	

a.infoboxlink:link, a.infoboxlink:visited, a.infoboxlink:active {
	color: #004B92;
	text-decoration: none;
	font-size: 11px;
	color: #004B92;
}

a.infoboxlink:hover {
	text-decoration: underline;
	font-size: 11px;
	color: #004B92;
}

a.infoboxbulletedlink  {
	display: block;
	padding-left: 7px;
	background: url(../images/layout/infoboxlist.gif) no-repeat center left;
	font-size: 11px;
	color: #004B92;
}	

a.infoboxbulletedlink:link, a.infoboxbulletedlink:visited, a.infoboxbulletedlink:active {
	color: #004B92;
	text-decoration: none;
	font-size: 11px;
	color: #004B92;
}

a.infoboxbulletedlink:hover {
	text-decoration: underline;
	font-size: 11px;
	color: #004B92;
}

/* product table //////////////////////////////////////////////////////////////////////////////// */
.spacer 
{
	width: 13px;
}

.column
{
	width: 392px;
	vertical-align: top;	
}

/* forms  //////////////////////////////////////////////////////////////////////////////// */
.inputtext 
{
	font: 11px Arial, Helvetica, sans-serif;
	background-color:#E3E9F2;
	width:250px; 
	padding:0px; 
	margin:0px;
}	
.inputtextsmall {
	background-color:#E3E9F2;
	width:60px; 
	padding:0px; 
	margin:0px;
}
.inputtextmedium {
	background-color:#E3E9F2;
	width:184px; 
	padding:0px; 
	margin:0px;
}

.label {
	padding: 0 20px 0 0;
	font:11px verdana,arial; 
	color:#004B92;
	white-space: nowrap;
	vertical-align:top;
}



/* fde :these things have to be deleted eventually 

#container tr td ul a {
	color:#004B92;
}

#ColumnSeparator {
	display:block;
	border: 0;
	margin: 0; padding: 0;
	width: 13px;
}

*/