/* CSS Document */
.resizer{
	background-image:url(resize.png);	
	background-size: 12px;
	background-repeat: no-repeat;
}

.back-to-top{
	background-image:url(back-to-top.png);
	background-size: 16px;
	background-repeat: no-repeat;
}

.menupane>.menu{
	background-color:#FFFFFF;
	width:200px;
	margin:3px;
	margin-left:0px;
	height:98%;
	position:absolute;
	z-index:2;
}

.menu_shortcut{
	display:block;
	top:0px;
	width:100%;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:1px solid black;
	background:#5C9CCC;
	min-height:18px;
}

.menu_shortcut>.shortcut_item{
	float:left;
	font-size:12px;	
	line-height:18px;
}

.menu_shortcut>.shortcut_item a{
	text-decoration:none;
	color:#FFF;
	padding:2px;
}

.menu_shortcut>.shortcut_item a.selected{
	padding:2px;
	color:#E17009;
}

.menu_shortcut>.shortcut_item a:hover{
	text-decoration:underline;
	color:#FFF;	
}

.menu_shortcut .separator{
	background-image:url(next.png);
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	float:left;
}

.menupane>.menu .scroller{
	overflow-y:auto;
	overflow-x:hidden;
	height:96%;
	height: calc(100% - 28px);
}

.menupane>.menu .hscroll{
	overflow-x:auto;
}

.menupane>.menu .viewport{
	height:82%;
	width:99%;
}

.menupane{
	overflow:hidden;
	position:relative;
}

.menupane>.menu .resizer{
	position:absolute;
	bottom:3px;
	right:3px;
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	cursor:nw-resize;
}

.menupane > .menu > .back-to-top{
	position:absolute;
	bottom:5px;
	margin:0px auto;
	right:50%;
	width:16px;
	height:16px;
	background-repeat:no-repeat;
	cursor:pointer;
}

.menupane .horizontalscrollable{
	overflow-x:scroll;
	overflow-y:auto;	
}

.menupane>.menu .table{
	font-family:"Arial",Helvetica,sans-serif;
	padding:2px;
	color:#666;
	font-size:13px;
}



form .container{
	width: 100%;
	display: table;
}

/*.menu .table input[type=text],
.menu .table input[type=button],
.menu .table input[type=password],
.menu .table input[type=submit],
.menu .table textarea,.menu .table select{
	/*min-width:85%;*/
	max-width:85%;
}*/
.menupane>.menu .a{
	background-position: 6px -10%;
	text-decoration:none;
	color:#8E98EA;
	text-align:right;
	min-height:16px;
	position:relative;
	cursor:pointer;

}

.menupane>.menu .a,.menupane>.menu div{
	background-repeat:no-repeat;	
	
}

.menupane>.menu .div{
	background-position:99% -20%;
}

.menupane>.menu .back{
	background-position: 6px 50%;
}

.spaced,.menupane>.menu .a{
	display:block;
	padding:8px;
	line-height:normal;
	margin-left:-10px;
	margin-right:-10px;
}

.centered{
	padding-left:30px;padding-right:30px;	
}

.menupane>.menu .anchor{
	display:none;	
}

.menupane>.menu .a img{
	height:40px;
}

.menupane>.menu .a.data{
	font-size:0.9em;	
}

.menupane>.menu .a.data:hover{
	color:#FFF;	
}

.menupane>.menu .inactive{
	text-decoration:line-through;
	color:#900;
}

.menupane>.menu .selected,
.menupane>.menu .selected td,
.menupane>.menu .selected .a,
.menupane>.menu .selected input,
.menupane>.menu .a:hover,
.menu_shortcut .selected
{
	background-color:#DFEFFC;
	color:#E17009;
	font-weight:bold;
}

.menupane>.menu .item,.searchbox{
	font-family:"Arial",Helvetica,sans-serif;
	border-bottom:solid 1px #CCC;
	background-repeat:no-repeat;
	color:#777;
	font-size:12px;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}

.searchbox{
	padding-left:0px;
	border:none;
	width:100%;
	color:#8E98EA;
	font-weight:normal;
	font-style:italic;
	text-align:right;
	height:35px;
	margin-top: 4px;
}



.menupane .form{
	width:600px;	
}

.menupane .largeform{
	width:1024px;	
}