.sparse { padding: 15px; margin: 0px 0px 0px 0px; }
.page-menu { }
.page-link { text-decoration: none; letter-spacing: 3px; }
.left-pad { padding-left: 10px; }
.top-pad { padding-top: 14px; }
.font-normal { font-weight: normal; font-style: normal; font-size: 80% }
.font-big { font-weight: normal; font-style: normal; font-size: 100% }
.small { font-size: 60%; }
.bold { font-weight: bold; }

html { height: 100%; }
body { background: white; color: Black;
      font-family: Arial, Verdana, Helvetica, sans-serif;
      font-weight: bold; height: 100%;
      background-image: url(pics/body_bg.jpg);
      background-repeat: no-repeat;
      background-position: left bottom;
      background-color: #e5e3d7;
      background-attachment: fixed;}

a:active { color: White; background-color: transparent; }
a:link { color: Black; background-color: transparent; }
a:visited { color: Black; background-color: transparent; }

h1 { font-size: 150%; }
h1.cmdstatus { font-size: 120%; }
h2 { font-size: 120%; margin: 5px 0px 5px 0px;}
h3 { font-size: 100%; margin: 5px 0px 5px 0px;}

img { border-style: none; }
img.help-example { margin-left: 3em; }

table { padding: 0px; border-spacing: 0pt; border-collapse: collapse; }
table.fw-dense { width: 100%; padding: 0pt; margin: 0pt;}
tr { border: none; padding: 0px; }
th { border: 1pt solid #A0A0A0; white-space: nowrap; }
td { border: none; padding: 0px; }
td.red-white { border-spacing: 0pt; background-color: #EB1B01; color: White; }
td.bottom-right { text-align: right; padding-right: 7px; vertical-align: bottom; }
td.black-white { background-color: Black; color: White;  }
td.gray-black { background-color: #D7D7D7; color: Black; padding-left: 5px; text-align: right;}
td.sidebar { border: none; background-color: black; width: 50px; }

#maincontainer { width: 900px; background-color: #FFFFFF; padding: 5px 5px 5px 5px; }

/* Contents */            
td#sysdata { border: none; padding: 0;
            vertical-align: top; background-color: #FFFFFF;
            background-image: url(pics/logo2_en.png);
            background-repeat: no-repeat;
            background-position: left bottom;}
.datasheet table { margin-top: 7px; }
.datasheet table td { border: 1pt solid black; padding: 1px; vertical-align: top; }
#left-container { border-top: 1px solid black; padding-left: 7px; margin: 0; width: 240px; float: left;
                 min-height: 400px; height:auto !important; height: 400px; }
#left-container a { text-decoration: none; color: #971b45; }
#right-container { border-top: 1px solid black; border-left: 1pt solid black;
                  padding: 0px 7px 7px 7px; width: 587px;
                  float: right; min-height: 400px; height:auto !important; height: 400px; }
#right-container-submenu
{ border-left: 1pt solid black; padding: 0; width: 601px;
  float: right; min-height: 400px; height:auto !important; height: 400px; }

                  
#logo { text-align: left; }
#content { margin-top: 7px; min-height: 400px; text-align: left; }
#lang { width: 900px; background-color: #e5e3d7; padding: 5px 5px 5px 5px;
       text-align: left; }
                
#titletext {display: inline; text-align: right; font-size: 11px; vertical-align: top;}								
								
/* Page navigation */
#menu {
	clear: both;
	background-image: url(pics/menu_green.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 40px;
	padding-left: 40px;
	text-transform: uppercase;
}

ul.menu {
	list-style-position: inside;
	margin: 0px;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
}

li.menu {
	display:inline;
	padding: 0px;
}

span.separator {
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	line-height: normal;
	text-decoration: none;
	color: #fff;
	padding-top: 12px;
	padding-right: 13px;
}

a.menu_close {
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	line-height: normal;
	text-decoration: none;
	color: #000000;
	padding-top: 12px;
	padding-right: 13px;
	background-repeat: no-repeat;
	background-position: 32px 8px;
}

a.menu_close:link, a.menu_close:visited {
	text-decoration: none;
	color: #ffffff;
}
a.menu_close:hover, a.menu_close:active {
	text-decoration: none;
	color: #ffffff;
	outline: none;
}

a.menu_open {
	float: left;
	font-size: 14px;
	font-weight: bold;
	height: 22px;
	text-decoration: none;
	line-height: normal;
	color: #000000;
	padding-top: 12px;
	padding-right: 15px;
	background-repeat: no-repeat;
	background-position: 32px 8px;
}

a.menu_open:link, a.menu_open:visited {
	color: #002f2f;
	text-decoration: underline;
}
a.menu_open:hover, a.menu_open:active {
	color: #002f2f;
	text-decoration: underline;
	outline: none;
}

/* Bottom bar */
#bottom {
	background-image: url(pics/bottom_green.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 900px;
  height: 23px;
	margin-top: 7px;
	padding-top: 7px;
	font-size: 12px;
	color: #002f2f;
  text-align: center;
}

/* Second level menu */
#submenu { font-size: 14px; font-weight: bold; }
#submenu td { vertical-align: center; text-align: center; border-bottom: 1px solid black; background: #fff; }
#submenu td.selected { border: 1px solid black; border-bottom: 1px solid #fff; }
#submenu td.unselected { border: 1px solid black; background: #e5e3d7; }
#submenu a { display: block; padding: 3px; text-decoration: none; }

/* Image show */
#slideshow {list-style:none; color:#fff; background-color: #DCDCDC;}
#slideshow span {display:none}
#wrapper {width:506px; margin:7px auto; display:none; margin-top: 14px; }
#wrapper * {margin:0; padding:0}
#fullsize {position:relative; width:500px; height:354px; padding:2px; background:#000}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200;}
#information h3 {padding:4px 8px 6px; font-size:16px; color:yellow;}
#information p {padding:0 8px 8px; font-size:12px; font-weight: normal; }
#image {width:500px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imgprev {left:0; background:url(pics/slideshow/left.gif) left center no-repeat}
#imgnext {right:0; background:url(pics/slideshow/right.gif) right center no-repeat}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(pics/slideshow/link.gif) center center no-repeat}
#thumbnails {margin-top:7px}
#slidearea {float:left; position:relative; margin-left: 1px; width:506px; margin-bottom:14px; height:96px; overflow:hidden;}
#slider {position:absolute; left:0; height:96px}
#slider img {cursor:pointer; border:1px solid #666;}