.leftside {
	
	display:block;
	width: 700px;
}

@media only screen and (min-width: 1440px) {
	.leftside { width: 920px; }
}

@media only screen and (max-width: 980px) {
	.leftside { width: 100%; overflow:hidden; }
	#version { display: none; }
}

.user_guide {
	
    font-family: "Open Sans", Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight:400;
    margin: 0; padding: 0; padding-bottom: 30px;
    width:100%;
    display:block;
}

.user_guide h1 { font-weight: bold; font-size:16px; }
.user_guide h2 { font-weight: bold; font-size:16px; }

.user_guide span.ghh1 { font-weight: bold; font-size:16px !important; display:block; }
.user_guide span.ghh2 { font-weight: bold; font-size:16px !important; display:block; }

.user_guide img { max-width: 100%; }

.user_guide .bordered { border: 1px solid #ddd; }
.user_guide .nobord { border: none; }
.user_guide .tud10 { margin: 10px inherit; }
.user_guide .tud30 { margin: 30px inherit; }
.user_guide .ulde { list-style: decimal; }
.user_guide .uldi { list-style: disc; }
.user_guide .uldn { list-style: none; }
.user_guide .t20 { margin-top: 20px !important; }
.user_guide .t40 { margin-top: 40px !important; }

.user_guide p { line-height: 20px; margin-top:0; font-size: 14px; }
.user_guide p img, li img { margin: 0 5px -3px; height: 16px; }

.user_guide .content { padding: 10px; margin: 0; width:inherit; }
.user_guide .content h2 { margin: 0; padding: 0; font-size: 18px; }

.user_guide ul { list-style: decimal; }
.user_guide ul li { margin-bottom: 16px; }
.user_guide li p { margin-top: 5px; font-size: 13px; color: #666;  }

.user_guide h1.title, .user_guide span.title { 
	 margin:0; padding:0; font-size: 20px; font-weight: 400; line-height:40px;
	display: block; margin-top:20px; padding: 0 10px; background-color: #e0e0e0;
}

.user_guide .navigationbar {
    display: block;
    position: relative;
    border-top: 1px solid #cecece;
    border-bottom: 1px solid #cecece;
    background-color: #F2F2F2;
    z-index: 0;
    height: 20px;
    padding: 0 10px;
    margin: 0px;
    margin-bottom:10px;
    font-size: 13px;
    overflow: hidden;
}

.user_guide .navigationbar ul {
     margin: 0px;
     padding: 0px;
     white-space:nowrap;
     overflow: hidden;
     text-overflow:ellipsis;
 }

.user_guide .navigationbar ul {
      list-style-type: none;
}

.user_guide .navigationbar li {
     display: inline-block;
     line-height:20px;
 }

.user_guide .navigationbar li a {
      display: block;
      text-decoration: none;
      background: url(/user-guide/images/arrow_r.png);
      background-repeat: no-repeat;
      background-position: right;
      padding-right: 26px;
  }

.user_guide #version {
    font-style: italic;
    font-size: small;
    float: right;
    margin-right: 5px;
}



/*
-----------
links
-----------
*/

.user_guide a:link {
    color: #8d8df5;
    text-decoration: none;
    text-align: left;
}

.user_guide a:hover {
    color: #0d0df5;
    text-align: left;
}

.user_guide a:visited {
    color: #8d8df5;
    text-align: left;
}

.user_guide a:visited:hover {
    color: #0d0df5;
    text-align: left;
}