html,body { height:100%; }

#pages
{
    clear:both;
}
#versopage
{
    float:left;
    width: 400px;
    height: 600px;
    background-color: black;
    border: 1px solid black;
    color: black;   /* for error messages, etc. */
}
#rectopage
{
    float:left;
    width: 400px;
    height: 600px;
    margin-left:10px;
    background-color: black;
    border: 1px solid black;
    color: black;   /* for error messages, etc. */
}
#PageButtons
{
    float:left;
}
#NavBar
{
    margin-left:10px;
    margin-right:10px;
    margin-top:-3px;
/*    vertical-align:middle;*/
}

.PageItems
{
    margin-right:10px;
}

.PageControls
{
    vertical-align:top;
    margin-top:1px;
}

.bookmarkLink
{
      font-size: 1.1em;  
      height:15px;
      padding-left:5px;
}

.FullContent
{
    width:100%;
    background-color:White;
    font-size:small;
    padding:3px;
    visibility:hidden;
    position:absolute;
    left:105;
    top:55;
    height:55px;
    border:1px solid black;    
    overflow-y:auto;
    z-index:100;    
}

.contentlabel
{
    width:60px;
    margin-top:3px;
    margin-right:4px;    
}

.contenttext
{
    height:25px;
    padding:0 0 0 3px; 
    margin-bottom:5px; 
    line-height:25px;    
}

#uiControls 
{
	margin-right:0px;
/*	margin-right:135px;*/
}

#cssdropdown 
{
	z-index:10;
	width:150px;
	float:left;
	text-align:right;
}

ul 
{
	z-index:10;	
  text-align: left;
  display: inline;
  margin: 0;
  padding: 0px 4px 7px 0;
  list-style: none;
  border: solid 1px C5D6FC;
}
ul li {
  font: bold 12px/18px sans-serif;
  display: inline-block;
  margin-right: -4px;
  position: relative;
  padding: 5px 20px;
  background: #fff;
  cursor: pointer;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  border: solid 1px C5D6FC;  
}

.listHeader 
{
	padding:0px 20px;
}

.selectedFolio 
{
	background-color:#316AC5;
	color:White;
}

ul li:hover {
  background: #316AC5;
  color: #fff;
}
ul li ul {
  padding: 0;
  position: absolute;
  top: 28px;
  right: 0;
  width: 135px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  display: none;
  opacity: 0;
  visibility: hidden;
  -webkit-transiton: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -ms-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  -transition: opacity 0.2s;
  border: solid 1px C5D6FC;
  max-height:300px;
  overflow-y:auto;
  overflow-x:hidden;
}
ul li ul li { 
  background: #fff; 
  display: block; 
  color: #000;
	border-bottom:1px solid #ddd;  
}
ul li ul li:hover { background: #316AC5; color: #fff}
ul li:hover ul {
  display: block;
  opacity: 1;
  visibility: visible;
}

#copyright 
{
	display:none;
	position:absolute;
	bottom:0px;
	left:0px;
	background-color:white;
	width:200px;
	height:150px;
	border:1px solid black;
}

#copyrightHeader 
{
	padding:3px;
	border-bottom:1px black solid;
	font-weight:bold;
}

#copyrightClose 
{
	position:absolute;
	right:5px;
	top:3px;
	color:red;
	cursor:pointer;	
}

#copyrightContent 
{
	padding:3px;
	max-height:120px;
	overflow-y:auto;	
}