#page-container { /* PDF container */
  position:absolute; /* required for calulating relative positions of pages in pdf2htmlEX.js */
  top:0;
  left:250px;
  margin:0; 
  padding:0;
  border:0; /* required for lazy page loading in pdf2htmlEX.js (page visibility test) */
}

#sidebar { /* Sidebar */
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  width:250px;
  padding:0;
  margin:0px;
  overflow:auto;
}

@media print {
	#sidebar { display:none; }
	#page-container {
	  width:auto;
	  height:auto;
	  overflow:visible;
	  background-color:transparent;
	}
}

@media screen {
 	
  #page-container {
    /* `bottom' and `right' are required for lazy page loading in pdf2htmlEX.js (page visibility test)
     * alternatively you may set width and height
     */
    bottom:0;
    right:0;
    overflow:hidden;
    background-color:#9e9e9e;
    /* http://philbit.com/svgpatterns/#thinstripes */
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI1IiBoZWlnaHQ9IjUiPgo8cmVjdCB3aWR0aD0iNSIgaGVpZ2h0PSI1IiBmaWxsPSIjOWU5ZTllIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDVMNSAwWk02IDRMNCA2Wk0tMSAxTDEgLTFaIiBzdHJva2U9IiM4ODgiIHN0cm9rZS13aWR0aD0iMSI+PC9wYXRoPgo8L3N2Zz4=");
    -webkit-transition:left 500ms;
    transition:left 500ms;
  }
 	
  #sidebar {
    background-color:#2f3236;
    /* modified from http://philbit.com/svgpatterns/#crossstripes */
    background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0IiBoZWlnaHQ9IjQiPgo8cmVjdCB3aWR0aD0iNCIgaGVpZ2h0PSI0IiBmaWxsPSIjNDAzYzNmIj48L3JlY3Q+CjxwYXRoIGQ9Ik0wIDBMNCA0Wk00IDBMMCA0WiIgc3Ryb2tlLXdpZHRoPSIxIiBzdHJva2U9IiMxZTI5MmQiPjwvcGF0aD4KPC9zdmc+");
  }
  #outline {
    font-family:Arial, sans-serif;
    font-size:13px;
    margin:2em 1em;
  }
  #outline ul {
    padding:0;
  }
  #outline li {
    list-style-type:none;
    margin:1em 0;
  }
  #outline li > ul {
    margin-left: 1em;
  }
  #outline a,
  #outline a:visited,
  #outline a:hover,
  #outline a:active {
    line-height:1.2;
    color:#e8e8e8;
    text-overflow:ellipsis;
    text-decoration:none;
    display:block;
    overflow:hidden;
    outline:0;
  }
  #outline a:hover {
    color:rgb(0,204,255);
    cursor : pointer;
  }
  
  .highlightTerm{
    background: none repeat scroll 0 0 #606060;
    font-weight: bold;
    color: #FFFFFF;
  }
}

#search-container{
	left: 0px;
	bottom: 0px;
	position: absolute;
	z-index: 9999;
	display: inline-flex;
}
.search-box{
	background: #fff;
	border: 1px solid #aaa;
	border-right: 0px;
	display: inline-block;
	padding: 6px 6px 6px 6px;
	vertical-align: middle; 
	margin-bottom:0px;
	overflow: hidden;
}
.search-box img{
	width: 30px;
	height: 30px;
}

.search-input{
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #909090;
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	outline: medium none;
	padding: 6px 6px 6px 6px;
	height: 16px;
	/*altura real: 6+6+16*/
}
#search-button{
	background: #111; /*old*/
	background: -moz-linear-gradient(center top , #707070, #454545) repeat scroll 0 0 rgba(0, 0, 0, 0); /*ff*/
	background: -webkit-linear-gradient(#707070, #454545); /*chrome*/
	background: -ms-linear-gradient(top,  #707070 0%, #454545 100%, #454545 100%); /*ie*/
	border-radius: 0.3em 0.3em 0.3em 0.3em;
	border: 1px solid #494949;
	color: #FFFFFF;
	font-size: 14px;
	height: 30px;
	width: 30px;
}
#search-inputtext{
	width: 180px;
}
#page-inputtext{
	width: 30px;
	text-align: right;
}
#opener-img{
	height: 60px;
	width: 60px;
}
#opener-box{
	border-radius: 0.0em 0.3em 0.3em 0.0em;
	border-right: 1px solid #aaa;
/* 	opacity: 0.3; */
/* 	filter: alpha(opacity=30); ie */
}