/*	
 Copyright 2007 LOCOM Software GmbH
*/

/**************************** GLOBALS *****************************************/

body {
 background-color: #fff;
 text-align: center;
 font-size: 11pt;
 margin: 7px 0;
 font-family: Arial, Helvetica, sans-serif;
}

img        { border: 0; }
a          { text-decoration: none; }
.bold      { font-weight: bold; }
.noborder  { border: 0; }
.lPart     { float: left; }
.rPart     { float: right; }
.noPart    { clear: both; }
.inline    { display: inline; }
.center    { text-align: center; }
.left      { text-align: left; }
.right     { text-align: right; }

#header ul, #sidebar ul, #footer ul {
 list-style-type: none;
 padding: 0;
 margin: 0;
}

#productHeader, #productHeader a, #sidebar a, #content form fieldset legend {
 color: #047;
}
#content a {
 font-weight: bold;
 color: #36a;
}
#sidebar div.groupBox h3 {
 border-color: #047;
}

div.halfBoxLeft {
 float: left;
 width: 45%;
 text-align: left;
 padding-left: 10px;
}
div.halfBoxRight {
 float: right;
 width: 45%;
 text-align: right;
 padding-right: 10px;
}
.bgHighlight, #content h2 {
 background-color: #eef;
}
td.padding {
 padding: 2px 5px;
}

/*************************** CONTENT-LAYOUT ************************************/

#layout {
 clear: both;
 width: 780px;
 text-align: left;
 min-height: 100px;
 margin: 0 auto;
}
#content {
 float: left;
 width: 550px;
}
#sidebar {
 float: right;
 width: 190px;
 font-size: 0.9em;
 font-family: Verdana, Arial, Helvetica, sans-serif;
}
#content div.top { 
 background-image: url("/upload/layout/contentTop.gif");
 background-repeat: no-repeat;
 height: 9px;
}
#content div.bottom { 
 background-image: url("/upload/layout/contentBottom.gif");
 background-repeat: no-repeat;
 height: 9px;
}
* html #content div.top, * html #content div.bottom {
 overflow: hidden;
}
#content div.innerContent { 
 position:relative;
 min-height: 640px;
 border-left: 2px solid #ccc;
 border-right: 1px solid #ccc;
}
#content h3 {
 clear: both;
 font-size: 1.7em;
 font-weight: normal;
 text-indent: 10px;
 padding: 0 0 10px 0;
 border-bottom: 1px solid #ccc;
 margin: 0 0 20px 0;
}
#content h2 {
 clear: both;
 width: 100%;
 font-size: 0.9em;
 text-indent: 10px; 
 padding: 5px 0;
 border-bottom: 1px solid #047; 
 margin: 30px 0 10px 0;
}
#content p, #content ul, #content dl, #content table, #content form {
 font-size: 0.8em;
 padding: 5px 7px;
}
#content ul {
 list-style-image: url("/upload/layout/listImage.gif");
 margin-left: 25px;
}
#content ul li {
 padding: 3px 0;
}
#content ul.noList { 
 list-style-type: none; 
 list-style-image: none; 
}
#content ul.footer {
 list-style-image: none;
 text-align: center;
 width: 400px;
 margin: 0 auto;
}
#content ul.footer li {
 display: inline;
 padding: 3px 7px;
}
#content ul.footer>li+li {
 background-image: url("/upload/layout/pipe.gif");
 background-repeat: no-repeat;
 background-position: 0 5px;
}

#content dl dt {
 font-weight: bold;
 padding-top: 10px;
}
#content dl dd {
 /* font-style: italic; */
}
#content hr {
 margin: 20px 0;
 height: 1px;
}
#content a:hover {
 text-decoration: underline;
}
#content table tr th {
 text-align: center;
}
#content table {
 width: 98%;
}
#content table tr td.highlighted {
 background-image: url("/upload/layout/dot.gif");
 background-repeat: no-repeat;
 background-position: center; 
}

#content form label {
 float: left;
 display: inline-block;
 width: 120px;
 margin: 5px 0;
}
#content form input, #content form textarea, #content form select {
 float: left;
 display: inline;
 margin: 5px 0;
}
#content form select option {
 padding: 0 5px;
}
#content form br {
 clear: both;
}
#content form fieldset {
 padding: 10px;
 border: 1px solid #ddd;
 margin: 5px 10px;
}
#content form fieldset legend {
 font-weight: bold;
 padding: 1px 5px;
}

#content div.screenshot {
 float: right;
 width: 210px;
}
#content div.beforeScreenshot {
 float: left;
 width: 320px;
}
#content div.articleListEntry {
 margin-bottom: 15px;
}

#content div.articleListEntry a {
 font-weight: bold;
 padding-left: 5px;
}

/**************************** SIDEBAR *****************************************/

#sidebar div.groupBox {
 background-image: url("/upload/layout/sidebarBottom.gif");
 background-repeat: no-repeat;
 background-position: left bottom;
 padding-bottom: 9px;
 margin-bottom: 15px;
 width: 190px;
 background-color: #f3f3f3;
}
#sidebar div.groupBox h3 {
 font-size: 1.0em;
 height: 25px;
 text-align: center;
 background-image: url("/upload/layout/sidebarTitle.gif");
 overflow: hidden;
 padding-top: 5px;
 border-bottom: 2px solid;
 margin: 0;
}
#sidebar div.groupBox div.top {
 height: 9px;
 background-image: url("/upload/layout/sidebarTop.gif");
 overflow: hidden;
}
#sidebar .groupBox ul, #sidebar .groupBox p {
 border-left: 2px solid #ccc;
 border-right: 1px solid #ccc;
 padding: 0;
 margin: 0;
 width: 187px;
 overflow: hidden;
}
#sidebar div.groupBox ul li {
 padding: 0;
 margin: 0;
}
#sidebar div.groupBox ul li a {
 display: block;
 font-weight: bold;
 padding: 5px 7px;
 margin: 0;
 width: 173px;
}
#sidebar div.groupBox ul li.link {
 border-top: 1px solid #ccc;
}
#sidebar div.groupBox ul li.topic {
 font-weight: bold;
 padding: 2px 7px;
}
#sidebar div.groupBox ul li.sub a {
 font-size: 0.9em;
 padding: 2px 7px 2px 15px;
}
#sidebar div.groupBox ul li.descr {
 font-size: 0.9em;
 font-style: italic;
 padding: 2px 7px 5px 15px;
}
#sidebar div.groupBox ul li.sub a {
 font-weight: normal;
}
#sidebar div.groupBox ul li.sub a:hover {
 color: #00c;
}
#sidebar div.groupBox ul li.link a:hover {
 background-color: #dde;
}
#sidebar div.groupBox ul li.sub, #sidebar div.groupBox ul li.sub a {
 border-top: 0;
}

/**************************** FOOTER *****************************************/

#footer {
 clear: both;
 width: 780px;
 color: #999;
 font-size: 0.7em;
 text-align: left;
 padding-top: 15px;
 margin: 0 auto;
}
#footer ul {
 margin-top: 5px;
}
#footer ul li {
 display: inline;
 padding: 5px;
}
#footer a {
 color: #999;
} 

/**************************** HEADER *****************************************/

#header {
 width: 780px;
 height: 100px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 background-color: #e9e9e9;
 margin: 0 auto;
}
#locom {
 float: right;
 width: 85px;
 text-align: center;
 padding-right: 20px;
 padding-bottom: 5px;
}
#productHeader {
 float: left;
 font-weight: bold; 
 text-align: left;
 width: 650px;
 height: 65px;
 border-left: 1px solid #eee;
 border-right: 1px solid #eee;
}
#header .top {
 background-image: url("/upload/layout/headerTop.gif");
 background-repeat: no-repeat;
 height: 9px;
}
#header .bottom {
 background-image: url("/upload/layout/headerBottom.gif");
 background-repeat: no-repeat;
 height: 9px;
}
* html #header .bottom, * html #header .top {
 overflow: hidden;
}
#productHeader a {
 display: block;
 font-size: 40px;
 letter-spacing: 0.1em;
 padding: 5px 20px;
 height: 50px;
 background-image: url("/upload/layout/xcargo-header.jpg");
 background-color: #f9f9f9;
 border-top: 2px solid #999;
 border-left: 2px solid #999;
 border-right: 1px solid #bbb;
 border-bottom: 1px solid #bbb;
 overflow: hidden;
 margin: 0 15px;
}

#menuStrip {	
 clear: both;
 position: relative;
 width: 778px;
 height: 26px;
 background-color: #d4d4d4;
 border-top: 1px solid #aaa;
 border-left: 1px solid #eee;
 border-right: 1px solid #eee;
 z-index: 50;
}
#menuStrip li {
 float: left;
 width: 19%;
 text-align: center;
 padding: 6px 2px;
}
#menuStrip a {
 display: block;
 font-size: 0.9em;
 font-weight: bold;
 color: #333;
}
#menuStrip>li+li {
 background-image: url("/upload/layout/pipe.gif");
 background-repeat: no-repeat;
 background-position: 0 7px;
 padding-left: 1px;
}
#header ul.dropDown {
 position: absolute;
 line-height: 1em;
 top: 28px;
 left: -999em;
 width: 190px;	
 z-index: 100;
}
#menuStrip li:hover ul {
 left: auto;
}
#header ul.dropDown li {
 width: 187px;
 text-align: left;
 background-color: #f3f3f3;
 padding: 0;
 border-left: 2px solid #ccc;
 border-right: 1px solid #ccc;
 margin: 0;
 display: block;
}
#header ul.dropDown li a {
 width: 177px;
 display: block;
 padding: 5px;
}
#header ul.dropDown li.top, #header ul.dropDown li.bottom {
 background-repeat: no-repeat;
 background-color: transparent;
 width: 190px;
 height: 9px;
 border: 0;
 overflow: hidden;
}
#header ul.dropDown li.top {
 background-image: url("/upload/layout/sidebarTop.gif");
}
#header ul.dropDown li.bottom {
 background-image: url("/upload/layout/sidebarBottom.gif");
}
#header ul.dropDown li a:hover {
 color: #b30;
}
#header ul.dropDown>li+li+li {
 border-top: 1px solid #ccc;
}
/*
#header ul.dropDown li a.daddy {
 background: url(/images/rightarrow.gif) center right no-repeat;
}
*/
#menuStrip li:hover li ul, #menuStrip li.sfhover li ul {
 left: -999em;
}
#menuStrip li:hover ul, #menuStrip li li:hover ul, #menuStrip li.sfhover ul, #menuStrip li li.sfhover ul {
 left: auto;
}
#menuStrip li#active { 
 font-style: italic!important;
} 
#menuStrip li#active ul { 
 font-style: normal!important;
} 
* html #menuStrip li.sfhover {
 text-align: left;
}
* html #menuStrip li.sfhover a {
 text-align: center;
}
* html #menuStrip li.sfhover ul a {
 text-align: left;
}
*+html #menuStrip li:hover {
 text-align: left;
}
*+html #menuStrip li:hover a {
 text-align: center;
}
*+html #menuStrip li:hover ul a {
 text-align: left;
}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
  font: 12px Arial, Helvetica, sans-serif;
  color: #333333;
}
#TB_secondLine {
  font: 10px Arial, Helvetica, sans-serif;
  color:#666666;
}
#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}
/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
  position: fixed;
  z-index:300;
  top: 0px;
  left: 0px;
  background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity: 0.75;
  opacity: 0.75;
  height:100%;
  width:100%;
}
* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_window {
  position: fixed;
  background: #ffffff;
  z-index: 302;
  color:#000000;
  display:none;
  border: 4px solid #525252;
  text-align:left;
  top:50%;
  left:50%;
}
* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_window img#TB_Image {
  display:block;
  margin: 15px 0 0 15px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #666;
  border-left: 1px solid #666;
}
#TB_caption{
  height:25px;
  padding:7px 30px 10px 25px;
  float:left;
}
#TB_closeWindow{
  height:25px;
  padding:11px 25px 10px 0;
  float:right;
}
#TB_closeAjaxWindow{
  padding:7px 10px 5px 0;
  margin-bottom:1px;
  text-align:right;
  float:right;
}
#TB_ajaxWindowTitle{
  float:left;
  padding:7px 0 5px 10px;
  margin-bottom:1px;
}
#TB_title{
  background-color:#e8e8e8;
  height:27px;
}
#TB_ajaxContent{
  clear:both;
  padding:2px 15px 15px 15px;
  overflow:auto;
  text-align:left;
  line-height:1.4em;
}
#TB_ajaxContent.TB_modal{
  padding:15px;
}
#TB_ajaxContent p{
  padding:5px 0px 5px 0px;
}
#TB_load{
  position: fixed;
  display:none;
  height:13px;
  width:208px;
  z-index:303;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}
* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}
#TB_HideSelect{
  z-index:99;
  position:fixed;
  top: 0;
  left: 0;
  background-color:#fff;
  border:none;
  filter:alpha(opacity=0);
  -moz-opacity: 0;
  opacity: 0;
  height:100%;
  width:100%;
}
* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}
#TB_iframeContent{
  clear:both;
  border:none;
  margin-bottom:-1px;
  margin-top:1px;
  _margin-bottom:1px;
}