body {
	margin: 0;
	padding: 0;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
}
.banner {
    height: 26px;
}
.banner .breadcrumbNav {
    padding: 0;
    padding-left: 7px;
    padding-right: 7px;
    line-height: 25px;
}
.banner .toolbar {
    padding: 0;
    padding-left: 7px;
    padding-right: 7px;
    line-height: 25px;
}
.banner .toolbar #toolBarLink0 img {
	margin-top: -3px;
}
* html .banner .toolbar #toolBarLink0 img {
	margin-top: -1px;
}
div.frame {
	/*float: left not working with background in iE */;/* for positioning the flyout right hand */
	/*width: 100%;*//* workaround for this positioning */
	margin: 10px;
	margin-top: 0;/**/
		/*margin: 0 0 0 0;*//* top right bottom left */
	padding: 1px;/* workaround positioning childs iE (!=0) */
}
#wpsFLYflyout {
    top: 26px;
    height: 90%;
}
* html #wpsFLYflyout {
	height: 600px;
    h\eight: 90%;
}
#wpsFLY_flyoutIFrame {
    height: 100%;
}
div.backgroundleft {
	position: absolute;
	width: 50%;
	height: 284px;/* top + 210 */
	background-image: url(../images/banner_background.gif);
	background-repeat: repeat-x;
	background-position: 0 74px;/* left, top */
}
div.page {
	position: relative;/* Evidence for kind element positioning */
	width: 749px;/* page width */
	background-image: url(../images/banner_background.gif);
	background-repeat: repeat-x;
	background-position: 0 74px;/* left, top */
	/*border: solid 1px black;*/
	margin-left: auto;
	margin-right: auto;
}
div.main {
	width: 747px;/* page width */
	border-left: solid 1px #1e87ac;
	border-right: solid 1px #1e87ac;
}
/*
 * banner
 */
@media print { div.main { border: none; } } 
div.bannerlogo {
	height: 74px;/* top + 210 */
}
div.bannerlogo a.left {
	position: absolute;
	top: 0px;
	left: 1px;
}
div.bannerlogo a.right {
	position: absolute;
	top: 22px;
	right: 17px;
}
div.publictoolbar {
	display: block;
	position: absolute;
	top: 60px;
	right: 1px;
	height: 24px;
	background-color: white;
}
* html div.publictoolbar {
	right: 0;/* right edge page (align) workaround iE */
}
@media print { div.publictoolbar { display: none; } } 
div.publictoolbar ul {
	display: block;
	margin: 0;
	padding: 0;
}
div.publictoolbar a { 
	border-right: solid 1px black;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 24px;
	color: black;
	font-size: 0.8em;
	font-size: 10pt;/* relative does not work, cause by portal style */
	font-weight: normal;
	text-decoration: none;
}
div.publictoolbar li.last a {
	border-right: none;
}
div.publictoolbar ul li {
	float: left;/* vertical */
	padding: 0;
	/*border: solid 1px green;*/
	list-style-type: none;  
	/*background-color: yellow;*/
}
div.bannerpicture {
	height: 170px;/* top + 210 */
}
div.mptopnavigation {
	display: block;
	height: 54px;/* offset to next line */
	height: 56px;/* offset to next line */
	margin: -10px;/* border area for mouse event */
	padding: 10px;/* border area for mouse event */
	/*border: solid 1px red;*/
}
* html div.mptopnavigation {
	height: 55px;/* offset to next line, workaround iE */
}
div.mptopnavigation ul {
	display: block;
	/*z-index: 2;*/
	margin: 0;
	padding: 0;
	padding-top: 2px;
	padding-left: 8px;
	padding-right: 12px;
	/*border: solid 1px grey;*/
}
@media print { div.mptopnavigation ul { padding-top: 1px; } }
div.mptopnavigation a { 
	z-index: 2;
	padding-left: 12px;
	padding-right: 12px;
	line-height: 24px;
	color: white;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;/* iE6 */
	font-size: 0.8em;
	font-size: 10pt;/* relative does not work, caused by portal style */
	font-weight: bold;
	text-decoration: none;
}
div.mptopnavigation ul li.selected {
	background-color: #1e87ac;/* overwrites IBM admin style */
}
div.mptopnavigation ul li.selected a {/**/
	color: #a40000; 
}
@media print { div.mptopnavigation a { color: black; } } 
div.mptopnavigation a.pulldown { 
	padding-right: 16px;
	margin-right: 8px;
	background: url(../images/link_arrow-down-white_blue.gif);
	background-repeat: no-repeat;
	background-position: right;
	/*background-position: 0 60px;*//* left, top */
}
div.mptopnavigation a:visited {/* overwrite portal style for iE */
	color: white;
	font-size: 0.8em;
	font-size: 10pt;/* relative does not work, cause by portal style */
	font-weight: bold;
	text-decoration: none;
}
div.mptopnavigation a:hover {/* overwrite portal style for iE */
	/*color: #dfdfdf;*/**/
	color: #a40000; 
	font-size: 0.8em;
	font-size: 10pt;/* relative does not work, cause by portal style */
	font-weight: bold;
	text-decoration: none;
}
div.mptopnavigation ul li.selected a:visited {/**//* iE6 */
	color: #a40000; 
}
div.mptopnavigation ul ul a {
	border-right: solid 1px black;
	padding-left: 8px;
	padding-right: 8px;
	line-height: 24px;
	color: black;
	font-weight: normal;
	text-decoration: none;
}
div.mptopnavigation ul li.selected ul a {/**/
	color: black;
}
div.mptopnavigation ul ul a:visited {
	color: black;
	font-weight: normal;
	text-decoration: none;
}
div.mptopnavigation ul ul a:hover {
	color: #878787;
	font-weight: normal;
	text-decoration: none;
}
div.mptopnavigation ul li.selected ul a:visited {/**//* iE6, s.a. */
	color: black;
}
div.mptopnavigation ul li.selected ul a:hover {/**/
	color: #878787;
}
div.mptopnavigation ul ul li.selected2 {
	/*background-color: #ffffff;*//* overwrites IBM admin style */
}
div.mptopnavigation ul ul li.selected2 a {
	color: #a40000;
}
div.mptopnavigation ul ul li.selected2 a:visited {/**/
	color: #a40000;
}
div.mptopnavigation ul ul li.last a {
	border-right: none;
}
div.mptopnavigation ul li {
	float: left;/* vertical */
	padding: 0;
	/*border: solid 1px green;*/
	list-style-type: none;  
	/*background-color: yellow;*/
}
div.mptopnavigation ul li div {
	display: none;
	position: absolute;
	top: 273px;
	width: 100%;
	width: 747px;/* iE */
	height: 24px;
	background-color: white;
	border-top: solid 1px black;
	border-bottom: solid 1px black;
	/*border: solid 1px red;*/
}
div.mptopnavigation ul li div.left {
	left: 1px;/* left edge page (align) */
}
div.mptopnavigation ul li div.right {
	left: 1px;/* left edge page (align) */
	/*right: 1px;*//* right edge page (align) */
}
* html div.mptopnavigation ul li div.right {
	/*right: 0;*//* right edge page (align) workaround iE */
}
div.mptopnavigation ul li/* div*/ ul {
	position: absolute;
	height: 24px;
	padding-top: 0px;
}
* html div.mptopnavigation ul ul {
	padding-top: -1px;
}
div.mptopnavigation ul li div.left ul {
	left: 0;/* left edge page, again (align) */
}
div.mptopnavigation ul li div.right ul {
	left: 0;/* left edge page, again (align) */
	/*right: 0;*//* right edge page, again (align) */
}
div.mptopnavigation ul li.selected div {
	display: block;/* show second level */
}
@media print { div.mptopnavigation ul li.selected div { display: none; } } 
/*
 * content
 */
div#content {
	min-height: 300px;/* minimum height of content area */
}
* html div#content {
	height: 300px;/* workaround iE */
}
div#content table {
	background-color: white; /* for large authoring portlet */
}
/*
 * skin
 */
div.container-horizontal {
	float: left;/* for full size iE, clear later */
	width: 745px;/* for full size iE */
	max-width: 745px;/* page width */
	height: auto;
	overflow: hidden;/* not working */
	border: solid 1px blue;
}
div.container-horizontal-first {
	margin-top: 20px;
}
div.container-vertical {
	float: left;/* clear later */
	border: solid 1px green;
}
div.container-portlet {
	border: solid 1px grey;
}
div.portlet-body {
	border: solid 1px red;
}
/*
 * template (extract later to different file)
 */

/*
 * footer
 */
div.footer {
	clear: left;/* clear skin */
	width: 749px;/* page width */
	height: 17px;
	overflow: hidden;/* iE */
	background-image: url(../images/footer_background.gif);
	/*background-position: bottom;*/
	background-repeat: no-repeat;
	text-align: center;
}
div.footer .area {
	position: relative;
	/* Footer links as list elements does not work together with center
	   list inside footer, no way. Justify by auto margin also does not do
	   the job. */
	/*display: inline;*/
}
* html div.footer .area {
	margin-top: -3px;/* workaround iE */
}
div.footer a { 
	padding-left: 8px;
	padding-right: 8px;
	color: white;
	font-size: 0.8em;
	font-size: 10pt;/* relative does not work, cause by portal style */
	font-weight: bold;
	text-decoration: none;
}
@media print { div.footer a { color: black; } } 

/*
 * Layout portlet area
 */
.layoutRow {
	width: 100%;
	    /*border: solid 1px red;*/
}
.layoutColumn {
	width: 100%;
	    /*border: solid 1px blue;*/
}
.layoutColumn .dropzone {
    width: 100px;/* mz iE7 */
}
* html .layoutColumn .dropzone {
	width: 100px;/* iE6 (!iE7 strict) */
}
.wpsPortlet {
    margin: 0;/* overwrite IBM style */
    border: none;/* overwrites IBM style */
}
.wpsPortletBody {
    margin: 0;/* overwrites IBM admin style */
}
/* html .wpsPortletBody {
	border: solid 1px black;
	margin: -1px;
}*/

div.crumbtrail {
	display: block;
	height: 20px;/* offset to next line */
	padding: 3px 10px 10px 20px;
}

#crumbtrail {
	margin: 0;
	padding:0;
	text-align:left;
}

#crumbtrail ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none; 
	margin:0;
	padding:0;
}

#crumbtrail li {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none; 
	float:left;
	padding: 0 6px 0 0;
}

#crumbtrail a {
	font-family:"Trebuchet MS",Georgia,Verdana,sans-serif;
	/*font-size:8pt;*/
	font-size:8.7pt;	
	font-weight:normal;
	text-decoration:underline;
	color:#1E87AC;
	padding: 0 6px 0 0;
}

.crumbtrail_label {
	font-family:"Trebuchet MS",Georgia,Verdana,sans-serif;
	/*font-size:8pt;*/
	font-size:8.7pt;	
	font-weight:normal;
	color:#1E87AC;
	padding: 0 6px 0 0;
}