@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;}
.basic_style p.bold{ font-weight:bold; margin:3px 0; line-height: 10px; }
.basic_style p.no-margin-top{ margin-top:0; }
#p1{margin:0px 0 0px 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:263px; height:161px;
	top: 432px; left: 23px;
	position:absolute;
	-moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none;
 }
#scrollExpanded{ width:571px; height:166px; top:415px; left:15px; 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: 96%; top:12%;  }
#scrollExpanded .rail{ height: 97%; }
#scrollExpanded .mask{ height: 155px; margin-top: 4%;}
#scrollExpanded .knob{ background:url(knob.png); width:12px; height:13px;}
#scrollExpanded .scrollContainer{ padding-top: 0px; }
#scrollExpanded .textWrapper{
	width: 86%;
	 -moz-user-select: text;
	 -webkit-user-select: text;
	 -ms-user-select: text;
	 user-select: text;
	 position:static;
}
#scrollExpanded h2#topbotM{ margin-top: 16px; margin-bottom: 6px;}
#scrollExpanded #p1{margin-top: 3px;}

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

.mask{
	height: 100%;
	/*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: 79%;
	 -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: 4%;
}

.rail{
	position:relative;
	width: 3px;
	height:151px;
	background:#c9c8c8;}

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