@charset "UTF-8";

.basic_style { font-size:9px; line-height:10px; font-family:Arial, sans-serif; color:#555759; position:relative; margin:5px 0 0px 0px;}
#p1{margin:0px 0 0px 0px;}
#pRef{margin:0px 0 15px 0px;}
.basic_style h1{ font-size:9px; line-height:10px; font-family:Arial, sans-serif; color:#f3702b; /*font-weight: bold;;*/ margin:0px 0 2px 0px;}
.basic_style h2{ font-size:9px; line-height:10px; font-family:Arial, sans-serif; color:#009bde; /*font-weight: bold;;*/ margin:8px 0 6px 0px;}
.basic_style h3{ font-size:9px; line-height:10px; font-family:Arial, sans-serif; color:#f3702b; /*font-weight: bold;*/ margin:0px 0 1px 0px;  }
.basic_style ul {list-style-type: none; padding-left:0; font-size:9px; line-height:10px; font-family:Arial, sans-serif; color:#555759; position:relative; margin:3px 0 10px 0;  }
li{ padding-left:.6em; text-indent: -.6em; margin-bottom:3px;    }
li:before { content:  " • "; color:#00accd; }

#textContent{ display:none; }

#scrollCollapsed{
	width:282px; height:60px;
	top: 188px; left: 8px;
	position:absolute;
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;
 }
#scrollExpanded{ width:231px; height:148px; top:95px; left:364px; position:absolute; 
	 -moz-user-select: none;
	 -webkit-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
}


#scrollCollapsed .knob{ background:url(knob.png); width:12px; height:13px; }

#scrollExpanded .scrollBar{ width:7px; height: 94%; top:4%;  }
#scrollExpanded .rail{ height:100%; }
#scrollExpanded .mask{ height: 140px; margin-top: 4%;}
#scrollExpanded .knob{ background:url(knob.png); width:12px; height:13px;}
#scrollExpanded .scrollContainer{ padding-top: 0px; }

/***** SCROLL ELEMENT STYLES ******/

.mask{
	height: 91%;
	/*margin-top: 7%;*/
	overflow: hidden;
	 -moz-user-select: none;
	 -webkit-user-select: none;
	 -ms-user-select: none;
	 user-select: none;
	 position:static;
}

.scrollContainer{
	width: 110%;
	height: 100%;
	padding-left: 5px;
	overflow-y: scroll;
	overflow-x: hidden;
	position:static;
	padding-top: 5px;
}

.textWrapper{
	width: 80%;
	 -moz-user-select: text;
	 -webkit-user-select: text;
	 -ms-user-select: text;
	 user-select: text;
	 position:static;
}

.scrollBar{
	position: absolute;
	width: 7px;
	height:  80%;
	right: 2px;
	top: 10%;
}

.rail{
	position:relative;
	width: 4px;
	height: 47px;
	background:#c9c8c8;}

.knob{
	/*position: absolute;*/
	width: 6px;
	height: 22px;
	background: #4E4E4E;
	left: -4px;
	top: 0px;
	cursor: pointer;
}