@charset "UTF-8";

html {
  width : 100%;
  height : 100%;
  overflow : auto;
}
body {
  margin : auto;
  width : 100%;
  height : 100%;
}

/* --------------------------------------
added/chanded from help_sf100.css
---------------------------------------*/
body {
  height : auto;
  overflow : visible;
}
div.help {
  width : auto;
  height : auto;
  overflow : visible;
}

div.help_menu {
  margin-top : 0;
  margin-right : 5px;
  padding : 0 5px 4px 5px;
  width : 24%;
  height : auto;
  float : left;
  overflow : auto;
}
div.help_main {
  margin : 0 5px 4px 25.1%;
  height : auto;
  width : auto;
  overflow : visible;
  background-color : #ffffff;
  background-image : url(../../img/standard/box_left.gif);
  background-position : 1px 0;
}
div.help_content:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
div.help_content {
  min-height: 1px;
}
div.help_main_column div.overview ul {
  margin : 0 10px 10px 36px;
}
div.help_main_column div.overview ul li {
  margin-bottom : 5px;
  padding-left : 1em;
  list-style-type : disc;
  list-style-position : inside;
  text-indent : -1em;
}
div.help_main_column div.discription button {
  margin : 0 2px 2px 2px !important;
  padding : 3px 5px;
  line-height : 1.1;
  font-size : 12px;
}
div.help_main_column div.discription button img {
  padding : 0 2px 0 0;
  vertical-align : -4px;
}
/* --------------------------------------
general
---------------------------------------*/

/* --------------------------------------
header
---------------------------------------*/
div.help_head {
  margin : 5px 5px 0 5px;
  padding : 5px 5px 0 5px;
  border-width : 1px 1px 0 1px;
  border-style : solid;
  width : auto;
  height : 5%;
  white-space : nowrap;
}
div.help_head h2 {
  padding-bottom : 3px;
  font-size : 110%;
}
div.help_head h2 img {
  vertical-align : middle;
}

/* --------------------------------------
main
---------------------------------------*/
div.help_content {
  margin : 0 5px 0 5px;
  border-width : 0 1px 1px 1px;
  border-style : solid;
  width : auto;
  height : auto;
}

/* --------------------------------------
left part
---------------------------------------*/
h4 {
  font-size : 95%;
}

div.help_menu_column {
  height : auto;
  background-color : #ffffff;
}
div.help_menu_column h4 img {
  margin-right : 0.4em;
  vertical-align : middle;
}
div.help_menu_column ul {
  margin : 6%;
}
div.help_menu_column ul li {
  margin-bottom : 0.8em;
  list-style-type : none;
}

/* --------------------------------------
right part
---------------------------------------*/
div.help_main_column {
  width : auto;
  height : auto;
  overflow : visible;
  background-color : transparent;
}
img.qrc {
  margin-right : 10px;
  width : 90px;
  height : 90px;
  float : left;
}
textarea.article {
  width : 73%;
  height : 12em;
}
