@charset "utf-8";

body {
	background : #FFFFFF;
	background-size: cover;
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
	color : #666666;
	margin : 10px 0px;
	text-align: center;
	line-height:1.2em;
} 

#main_container {
	text-align: left;
	width: 960px;
	background-color : #ffffff;
	margin: auto; 
	border: 2px solid #cccccc; 	
}

#header{
	height: 80px;
	width: 960px;
} 

#header_logo{
	height: 80px;
	width: 165px;
	float: left;
	text-align:center;
}
#header_logo img {
	margin-top: 5px;
}

#header_version {
	text-align: center;
	height: 80px;
	width: 250px;
	float: left;
}

#header_data_logo {
	height:80px;
	width:180px;
	float: left;
	text-align:center;
}

#header_data_logo img {
	margin-top: 5px;
	max-height:70px;
	max-width:180px;
}

#header_data {
	height: 80px;
	width: 360px;
	float: left;
	text-align:center;
}

#header_data .title{
	font-weight : bold;
	color: #2E2EFE;
	text-align: right;
	margin-top: 4px;
}

#header_data.unregistered {
	width:360px;
}

#header_data.unregistered form{
	margin-top:10px;
}

#header_data .inputs{
	text-align: right;
}

#header_data input{
	border: 1px solid gray;
	background-color: #F2F5A9;
	margin: 2px;
}

#header_data .button{
	text-align: right;
}

#header_languages {
	text-align:right;
	position:relative;
	margin-right:12px;
}

#header_data h1 {
	font-size: 12pt;
	color: #2E2EFE;
	margin:6px 0px;
	line-height: 1.1em;
}

#header_data h2 {
	font-size: 10pt;
	margin:6px 0px;
	color: #2E2EFE;
}

#header_data a {	
	font-size: 7pt;
	margin-right: 4px;
}

#main_menu{
	clear:both;
	position:relative;
	height:20px;
	padding:2px 5px;
} 

#main_menu.open{
	height:42px;
}

#main_menu .ui-icon:hover {
	opacity:1 !important;
}

.main_menu_option{
	margin-right:10px;
	height:14px;
	float:left;
	padding:3px 4px 4px 4px; 
	cursor:pointer;
	text-align:center;
	font-weight:bold;
}

#admin_menu {
	display:none; 
	margin-left:20px;
}

#main_body{
	width:952px;	
	min-height: 300px;
	padding: 5px 4px;
	background-color : #ffffff;
	float:left;
}

.buttonflat  {
	border: 1px solid gray;
	background-color: #F2F5A9;
	text-align: center;
}

.textflat {
	border: 1px solid gray;
	background-color: #F2F5A9;
	text-align: left;
}

.smallform {
	font-size: 6pt;
}

h1{
	font-size: 12pt;
} 

#bottom_options{
	font-weight : bold;
	font-size: 6pt;
	padding-left: 4px;
}

#main_foot {
	clear : both;	
	text-align : right;	
	margin : 10px 10px 0px 10px;
	padding-bottom:10px;
	font-size:0.8em;
}

#main_foot  a {
	color : #bbbbbb;
	text-decoration: none;
}

div.clear {
	clear:left;
	line-height:0;
	height:0;
}
div.clearboth {
	clear:both;
	line-height:0;
	height:0;
}

.hidden {
	display:none;
}

.left {
	text-align:left;
}

.right {
	text-align:right;
}

.no-close .ui-dialog-titlebar-close {
	display: none;
}

.row { cursor:pointer; }
.row:hover { background-color:#aaaaff !important; }
.row:focus { background-color:#aaaaff !important; }
.sel { background-color:#ffbb44 !important; }
.row.cur td { border-top: 1px dotted gray; border-bottom: 1px dotted gray;}
.even { background-color:#eeeeee; }
.odd { background-color:#ffffff; }
.bold { font-weight: bold; }
.center {text-align: center;}
.small {font-size: 0.8em;}
.rowseparator { background-color:#aaaaaa; font-weight: bold; }
.pointer { cursor:pointer; }
.optionsbutton { padding:2px; margin-left:5px; cursor:pointer; border:1px solid gray; background-color:#ffffff; }
.optionsbutton:hover { background-color:#aaffaa; }

.filter {
	width:220px;
	height:10px;
	overflow:hidden;
	text-overflow: ellipsis;
	margin:0px 0px 2px 2px; 
	padding:4px;
	display:inline-block; 
	border:1px solid #CCCCCC; 
	cursor:pointer; 
}
.filter:hover {
	background-color:#CCEEEE;
}
.filled {
	background-color:#EECCEE;
}
.filter_res {
	width:95%;
	border-bottom:1px solid #DDDDDD;
	cursor:pointer;
	background-color:#FFFFFF;
	margin:2px;
	padding:2px;
}
.filter_res:hover {
	background-color:#CCEEEE;
}
.but {
	width:95%;
	margin:5px;
}
.loadmore {
	padding-top: 15px;
	min-height: 30px;
	text-align:center;
	font-size:1.2em;
}
.actions {
	width:935px;
	margin: 0.2em;
	padding: 0.5em;
	text-align: right;
}

.actions.small {
	width:900px;
}

 .ui-autocomplete {
	max-height: 420px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}
/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 400px;
}

.linklike {
	text-decoration:underline;color:blue;cursor:pointer;
}

.unselectable {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; 
}

.file_cont {
	position:relative;
	float:left; 
	display:inline; 
	width:90px;
	height:90px; 
	max-height:90px;
	margin:4px; 
	padding:2px; 
	background:white; 
	text-align:center;
	word-break:break-all;
	overflow-y:auto;
}

.file_buttons {
	position:absolute;
	bottom:0px;
	width:90px;
}

textarea {
	resize: vertical;
}

@media screen and (max-width:991px){.order_row{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}}