@charset "utf-8";
:root{-webkit-print-color-adjust:exact}

body,html {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#fff;
	color:#000;
	margin:0;
	padding:0;
	height:100%;
}

form {
	margin:0px;
	padding:0px;
}

a {
	color:#000;
	text-decoration:none;
}

legend {
	font-weight:bold;
	font-size:14px;
	color:#000;
	padding:0px 5px 0px 5px;
	position:relative;
	background-color:#ffffff;
	display:block;
}

fieldset {
	border:1px solid #999;
	padding:10px;
	margin-top:10px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

hr {
	border: 1px solid #999999; 
	border-style: none none solid; 
	padding:2px;
	margin:0px;
	width:98%;
	text-align:center;
}

input[type=text],input[type=password] {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #ccc;
	color:#000;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:4px 10px;
	/*width:100%;*/
	box-sizing:border-box;
	margin:2px 0px;
	height:26px;
}

input[type=text]:hover,input[type=password]:hover, textarea:hover, input[type=text]:focus,input[type=password]:focus, textarea:focus {
	border:1px solid #ccc;
	background-color:#f1f1f1;
}

input[type=checkbox],input[type=radio] {
	font-size:12px;
	border:none;
	color:#000;
	vertical-align:middle;
	width:18px;
	height:18px;
}

input[type=submit],input[type=button] {
	font-weight:bold;
	cursor:pointer;
	color:#000;
	background-color:#fff;
	border:1px solid #ffb347;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	height:24px;
	min-width:120px;
	text-align:center;
	padding:0px 4px;
	margin:0px 4px 2px 0px;
}

input[type=file] {
	font-weight:bold;
	cursor:pointer;
	color:#000;
	background-color:#fff;
	border:1px solid #ccc;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	margin:4px 2px;
}

input[type=submit]:hover,input[type=file]:hover,input[type=button]:hover {
	background-color:#ffdfae;
	color:#000;
}

input[type=submit]:focus,input[type=file]:focus,input[type=button]:focus {
	background-color:#ffdfae;
	color:#000;
}

select {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#fff;
	border:1px solid #ccc;
	color:#000;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height:26px;
	padding:4px 10px;
	box-sizing:border-box;
	margin:2px 0px;
	max-width:400px;
}	

textarea {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	border:1px solid #ccc;
	color:#000;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding:4px 10px;
	box-sizing:border-box;
	margin:2px 0px;
}

/*my styles */
.login-panel {
	position:relative;
	background-color:#fff;
	max-width:400px;
	width:100%;
	-webkit-border-radius: 10px;
	border-radius: 10px;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);	
	padding:40px;
	border:1px solid #999;
}

.center-panel {
	position:relative;
	margin:auto;
	text-align:center;
	width:320px;
}

.email-panel {
	text-align:center;
	margin-top:20px;
	width:100%;
}

.password-panel {
	text-align:center;
	margin-top:20px;
	width:100%;
}

.remember-panel {
	text-align:left;
	margin-top:20px;
	width:100%;
}

.button-panel {
	text-align:center;
	margin-top:20px;
	width:100%;
}

.error-panel {
	text-align:center;
	margin-top:20px;
	width:100%;
}

.headertext {
	font-weight:bold;
	font-size:14px;
}

.screentop {
	display:block; 
	/*width:100%; */
	padding:14px 0px 0px 0px;
	background-color:#fff;
	min-height:40px;
}

.filterpanel {
	display:block;
	/*width:100%;*/
	margin:10px 10px 0px 10px;
	padding:10px;
	background-color:#fff;
	border-radius: 8px; 
	-webkit-border-radius: 8px; 
}

.tablepanel {
	display:block;
	margin:10px;
	padding:10px 0px 10px 0px;
	background-color:#fff;
	border-radius: 8px; 
	-webkit-border-radius: 8px; 
}	

.tablepaneltabs {
	display:block;
	margin:0px 10px 10px 10px;
	padding-bottom:10px;
	background-color:#fff;
	border-radius: 0px 0px 8px 8px; 
	-webkit-border-radius: 0px 0px 8px 8px;
	border:1px solid #ccc;
}

.tabsplaceholder {
	font-size:0px;
	display:block;
	/*background-color:#f9f9f9;*/
	border-radius: 8px 8px 0px 0px; 
	-webkit-border-radius: 8px 8px 0px 0px; 
	margin:0px 10px 0px 10px;
	padding-left:10px;
}

.tabsplaceholdermobile {
	display:none;
}

.tabsplaceholderstay {
	font-size:0px;
	display:block;
	/*background-color:#f9f9f9;*/
	border-radius: 8px 8px 0px 0px; 
	-webkit-border-radius: 8px 8px 0px 0px; 
	margin:0px 10px 0px 10px;
	padding-left:10px;
}

.page {
	position:relative;
	top:1px;
	font-weight:bold;
	font-size:14px;
	color:#555;
	background-color:#f9f9f9;
	display:inline-block;
	height:24px;
	text-align:center;
	padding:8px 8px 0px 8px;
	cursor:pointer; 
	white-space:nowrap;
	min-width:120px;
	border-radius: 8px 8px 0px 0px; 
	-webkit-border-radius: 8px 8px 0px 0px; 
	margin:0px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	z-index:1;
}

.page:hover {
	font-weight:bold;
	color:#000;
	background-color:#fff;
	border-bottom:1px solid #fff;
} 

.pageactive {
	position:relative;
	top:1px;
	font-weight:bold;
	font-size:14px;
	color:#000;
	background-color:#fff;
	display:inline-block;
	height:24px;
	text-align:center;
	padding:8px 8px 0px 8px;
	cursor:pointer; 
	white-space:nowrap;
	min-width:120px;
	border-radius: 8px 8px 0px 0px; 
	-webkit-border-radius: 8px 8px 0px 0px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	z-index:1;
}

.headercolumn {
	display:inline-block;
	width:49%;
	max-width:49%;
	vertical-align:top;
}

.tooltipsearch {
	font-weight:normal;
	background: #fff; 
	border: 1px solid #999;
	border-radius: 8px; 
	-webkit-border-radius: 8px; 
	-webkit-box-shadow: 0px 4px 4px -3px #666666;  
	box-shadow: 0px 4px 4px -3px #666666;
}

.tooltipcritical {
	color:#ff0000;
	font-weight:normal;
	background: #fff; 
	border: 1px solid #ff3334;
	border-radius: 8px; 
	-webkit-border-radius: 8px; 
	-webkit-box-shadow: 0px 0px 10px 1px #666666;  
	box-shadow: 0px 0px 10px 1px #666666;
}

.tooltipinformation {
	color:#000;
	background: #fff; 
	border: 1px solid #ccc;
	border-radius: 8px; 
	-webkit-border-radius: 8px; 
	-webkit-box-shadow: 0px 0px 4px 1px #666666;  
	box-shadow: 0px 0px 4px 1px #666666;
}

.tooltipclassic {
	color:#000;
	font-weight:bold;
	background: #fff; 
	border: 1px solid #ffad33;
	border-radius: 8px; 
	-webkit-border-radius: 8px; 
	-webkit-box-shadow: 0px 0px 10px 1px #666666;  
	box-shadow: 0px 0px 10px 1px #666666;
}

.tooltiptodo {
	display:inline-block;
	font-size:14px;
	color:#000;
	background: #ffffaa; 
	border: 1px solid #999;
	-webkit-box-shadow: 0px 4px 4px -3px #666666;  
	box-shadow: 0px 4px 4px -3px #666666;
	padding:10px;
	margin:5px;
	width:360px;
	height:200px;
	overflow:auto;
}

.tooltipdone {
	font-family:Verdana, Geneva, Arial, helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	background: #bcffaa; 
	border: 2px solid #00ff00;
	border-radius: 8px; 
	-webkit-border-radius: 8px; 
	-webkit-box-shadow: 0px 0px 10px 1px #666666;  
	box-shadow: 0px 0px 10px 1px #666666;
}

.roundedcorners {
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.roundedcornerstop {
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
}

.roundedcornersbottom {
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}

.shadow {  
	-webkit-box-shadow: 0px 0px 10px 1px #666666;  
	box-shadow: 0px 0px 10px 1px #666666;
}

.shadowpage {  
	-webkit-box-shadow: 4px 4px 2px 4px #666666;  
	box-shadow: 8px 8px 10px -8px #666666;
}

.shadowtab {  
	-webkit-box-shadow: 0px -4px 7px -4px #666666;  
	box-shadow: 0px -4px 7px -4px #666666;
}

.shadowmenu {  
	-webkit-box-shadow: 0px 2px 10px 2px #666666;  
	box-shadow: 0px 4px 10px 0px #666666;
}

.shadowpicture {
	-webkit-box-shadow: 0px 4px 4px -3px #666666;  
	box-shadow: 0px 4px 4px -3px #666666;
}

.footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666;
	padding-right:15px;
}

.overviewheader {
	font-size:14px;
	font-weight:bold;
	color:#000000;
	background-color:#f0f0f0;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	height:20px;
	padding-top:4px;
	vertical-align:middle;
	text-align:center;
}

.closediv {
	width:24px;
	height:24px;
	background: url("../images/icons/close_inactive.png") no-repeat;
	display: inline-block;
}

.closediv:hover {
	background: url("../images/icons/close_active.png") no-repeat;
}	

/* header stuff */
.headerlogo {
	display:inline-block;
	width:150px;
	box-sizing:border-box;
	padding:4px;
}

.headerbuttons {
	display:table-cell;
	width:70%;
	min-width:70%;
	vertical-align:middle;
}

.headeroptions {
	display:table-cell;
	width:30%;
	min-width:30%;
	vertical-align:middle;
	text-align:right;
}

/* menu stuff  */
.mainmenuitem {
	cursor:pointer; 
	height:40px; 
	padding: 0px 15px;	
	color:#000;
	font-weight:bold;
	font-size:14px;
}

.mainmenuitem:hover {
	background-color:#eee;
}

.mainmenuitemactive {
	cursor:pointer; 
	height:40px; 
	padding: 0px 15px;	
	color:#000;
	font-weight:bold;
	font-size:14px;
	background-color:#eee;
}

.mainmenuitem img {
	display:inline-block;
	width:24px;
	vertical-align:middle;
	padding-right:8px;
}

.mainmenuitemactive img {
	display:inline-block;
	width:24px;
	vertical-align:middle;
	padding-right:8px;
}

.menupanel {
	display:relative;
	display:block;
	/*width:100%;*/
	margin:0px 4px 4px 4px;
	background-color:#fff;
	border-radius: 0px 0px 3px 3px; 
	-webkit-border-radius: 0px 0px 3px 3px;
	border-left:1px solid #333;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	z-index:100;
	
}

.submenuitem {
	cursor:pointer; 
	height:30px; 
	padding-left:10px;	
	color:#000;
	font-weight:normal;
	font-size:12px;
}

.submenuitem img {
	width:20px; 
}

.submenuitem:hover {
	cursor:pointer; 
	height:30px; 
	padding-left:10px;	
	color:#000;
	font-weight:normal;
	font-size:12px;
	background-color:#eee;
}

.submenuitemactive {
	cursor:pointer; 
	height:30px; 
	padding-left:10px;	
	color:#000;
	font-weight:normal;
	font-size:12px;
	background-color:#eee;
}

.submenuitemactive img {
	width:20px; 
}

.submenubackground {
	color:#333;
	margin-top:4px;
	margin-bottom:4px;
	border-bottom:1px solid #ccc;
	padding-bottom:4px;
}

.pulldownmenu {
	font-size:12px;
	color:#000;
	background-color:#ffffff;
	-webkit-box-shadow: 0px 2px 10px 2px #666666;  
	box-shadow: 0px 4px 10px 0px #666666;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
	padding-top:4px;
}

.menubutton {
	display:table-cell;
	font-weight:bold;
	font-size:16px;
	color:#000;
	vertical-align:middle;
	height:30px;
	text-decoration:none;
	cursor:pointer;
	padding: 0px 15px;
	border-left:2px solid transparent;
	border-right:2px solid transparent;
	
}

.menubutton img {
	display:none;
	width:30px;
	vertical-align:middle;
}

.menubutton span {
	vertical-align:middle;
	padding-left:6px;
}

.menubuttonactive img {
	display:none;
	vertical-align:middle;
	width:30px;
}

.menubuttonactive span {
	vertical-align:middle;
	padding-left:6px;
}

.submenubutton {
	display:inline-block;
	font-weight:bold;
	color:#333;
	text-align:center;
	vertical-align:middle;
	height:30px;
	padding:0px 10px 0px 10px;
	text-decoration:none;
	cursor:pointer;
	line-height:30px;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}	

.submenubutton:hover {
	display:inline-block;
	border-top:1px solid #ffdfae;
	border-bottom:1px solid #ffdfae;
}	

.submenubuttonactive {
	display:inline-block;
	font-weight:bold;
	color:#000;
	text-align:center;
	vertical-align:middle;
	height:30px;
	padding:0px 10px 0px 10px;
	text-decoration:none;
	cursor:pointer;
	line-height:30px;
	border-top:1px solid #ffdfae;
	border-bottom:1px solid #ffdfae;
}

.pulldownmenubutton {
	font-weight:bold;
	color:#000;
	text-align:left;
	vertical-align:middle;
	height:30px;
	padding:0px 8px 0px 2px;
	text-decoration:none;
	cursor:pointer;
}	

.datatable {
	border:#999 solid 1px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.datatable td {
	padding:4px;
	vertical-align:middle;
}

.subdatatable {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.subdatatable td {
	padding:2px 4px 2px 4px;
	vertical-align:middle;
}

.tabtable td {
	padding:0px;
	vertical-align:bottom;
}

.optionsmenu {
	display:inline-block;
	color:#000;
	cursor:pointer;
	text-align:center;
	padding:4px;
	margin:4px;
	box-sizing:border-box;
	
}

.optionsmenu:hover {
	background-color:#fff1db;
	color:#000;
}

.pagecounter {
	display:inline-block;
	color:#ccc;
	font-weight:normal;
	text-align:center;
	width:30px;
	height:30px;
	border:1px solid #ccc;
	padding-top:7px;
	box-sizing:border-box;
	vertical-align:top;
}
	
.pagecounteractive {
	display:inline-block;
	color:#000;
	font-weight:bold;
	cursor:pointer;
	text-align:center;
	width:30px;
	height:30px;
	border:1px solid #ccc;
	padding-top:7px;
	box-sizing:border-box;
	vertical-align:top;
}
	
	
.toolbarbutton {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	cursor:pointer;
	color:#333333;
	border:1px solid #cccccc;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f2f2f2));
	background: -webkit-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#f2f2f2 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#f2f2f2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
	vertical-align:middle;
	padding:2px;
	margin-left:1px;
	margin-right:1px;
}

.toolbarbutton:hover {
	background: -moz-linear-gradient(top, #ffffff 0%, #ffdfae 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ffdfae));
	background: -webkit-linear-gradient(top, #ffffff 0%,#ffdfae 100%);
	background: -o-linear-gradient(top, #ffffff 0%,#ffdfae 100%);
	background: -ms-linear-gradient(top, #ffffff 0%,#ffdfae 100%);
	background: linear-gradient(to bottom, #ffffff 0%,#ffdfae 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffdfae',GradientType=0 );
}

.listviewheader {
	font-weight:bold;
	color:#000;
	text-decoration:none;
	height:32px;
	vertical-align:middle;
	background-color:#ddd;
	padding:4px;
}

/*tables */
.ndatatable {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	text-align:left;
}

.ndatatable tr {
  /*background-color: #f8f8f8;*/
	/*border-bottom: 1px dotted #ccc;*/
	padding: 0px;
}

.ndatatable td {
	padding:4px 2px;
	min-height:24px;
}

.ndatatable th {
	border-bottom: 1px solid #ccc;
	padding: 2px;
	vertical-align:middle;
}

.nsubdatatable {
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.nsubdatatable td {
	padding:4px 2px;
	min-height:24px;
	vertical-align:middle;
}

.tableheader td, .tableheader th {
	font-weight:bold;
	color:#000;
	height:24px;
	text-decoration:none;
	vertical-align:middle;
	padding:4px;
	background-color:#eee;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.tablefooter {
	font-weight:bold;
	color:#000;
	height:24px;
	text-decoration:none;
	vertical-align:middle;
	padding:4px;
	background-color:#fff;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	text-align:left;
}

.subtableheader td {
	font-weight:bold;
	color:#000;
	height:18px;
	text-decoration:none;
	vertical-align:middle;
	padding:4px;
	background-color:#f0f0f0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

.configheader {
	display:block;
	font-weight:bold;
	color:#000;
	font-size:18px;
	text-decoration:none;
	border-bottom:1px solid #ccc;
	text-align:center;
	padding:12px;
}	

.tab {
	font-weight:normal;
	color:#000;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	display:block;
	height:20px;
	text-align:center;
	padding:6px 10px 0px 10px;
	cursor:pointer; 
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	z-index:1;
	white-space:nowrap;
	width:140px;
}

.tab:hover {
	border-top:2px solid #7e1416;
	height:23px;
	font-weight:bold;
} 

.tabactive {
	font-weight:bold;
	color:#000000;
	border-left:1px solid #ccc;
	border-top:2px solid #7e1416;
	border-right:1px solid #ccc;
	display:block;
	height:24px;
	text-align:center;
	padding:6px 10px 0px 10px;
	cursor:pointer; 
	-webkit-border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	background-color:#ffffff;
	top:1px;
	z-index:1;
	white-space:nowrap;
	width:140px;
} 

.tabpage {
	border:#ccc solid 1px;
	padding:20px 20px;
	margin-bottom:50px;
}

.tabpageflat {
	border:#cccccc solid 1px;
	-webkit-border-radius: 0px 5px 5px 0px;
	border-radius: 0px 5px 5px 0px;
	padding:10px 20px 10px 20px;
}

.configwindow {
	display:block;
	background-color:#fff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:0px;
	margin:10px;
}

.configwindowbody {
	width:100%; 
	box-sizing:border-box; 
	padding:20px; 
	display:block;
	border:1px solid #ccc;
}

.tableborder {
	border:#999 solid 1px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.pageheader {
	font-size:18px;
	font-weight:bold;
	color:#666;
	text-align:left;
	height:24px;
}

.buttondiv {
	display:inline-block;
	text-align:right;
	float:right;
}

.screencenterdiv {
	position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.tdbackground {
	display:inline-block;
	font-weight:bold;
	/*background-color:#f9f9f9;*/
	color:#000;
	text-align:left;
	vertical-align:middle;
	min-width:120px;
	/*height:24px;*/
	padding-right:4px;
}

.fieldlabel {
	display:inline-block;
	font-weight:bold;
	color:#000;
	text-align:left;
	min-width:160px;
	padding-right:4px;
}

.fieldinput {
	display:inline-block;
}

.colspanbackground {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	background-color:#efefef;
	color:#333333;
	height:16px;
	text-align:left;
	vertical-align:top;
	padding-top:4px;
	padding-right:5px;
	cursor:pointer;
}

.required {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#ff9900;
}

.errortext {
	font-weight:bold;
	color:#ff0000;
}

.borderbottom {
	border-bottom:#fecb80 solid 1px;
}

.borderbottomdotted {
	border-bottom:#fecb80 dotted 1px;
}

.borderleft {
	border-left:#fecb80 solid 1px;
}

.borderbottomthick {
	border-bottom:#fecb80 solid 2px;
}

.blockeddiv {
	background-color:#fff;
	filter:alpha(opacity=70); 
	opacity: 0.7; 
}

.pushed {
  border-left:1px solid #999999;
  border-top:1px solid #999999;
  border-right:1px solid #FFFFFF;
  border-bottom:1px solid #FFFFFF;
}

.linktext {
	cursor:pointer;
}

.dottedhr {
	border: 1px dotted #999999; 
	border-style: none none dotted;
	width:92%; 
}

.odd td {
	/*background-color:#f6f6f6;*/
	border-bottom:1px dotted #ccc;
}

.even td {
	/*background-color:#fff;*/
	border-bottom:1px dotted #ccc;
}

/* calendar items */
.calendaritem {
	font-size:11px;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding:1px;
	cursor:pointer;
	color:#000000;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	filter:alpha(opacity=80); 
	opacity: 0.8;
}

.widget {
	padding:2px;
	border:1px solid #ccc;
	background-color:#fff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 0px 4px 4px -3px #666666;  
	box-shadow: 0px 4px 4px -3px #666666;
}

.userphotowidget {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color:#ccc;
	color:#fff;
}

/*input stuff */
.inputcolumn {
	display:inline-block;
	width:49%;
	vertical-align:top;
	
}

.input3column {
	display:inline-block;
	width:33%;
	vertical-align:top;
	
}

.input66column {
	display:inline-block;
	width:66%;
	vertical-align:top;
	
}

.directorycolumn {
	display:inline-block;
	width:30%;
	vertical-align:top;
}

.filecolumn {
	display:inline-block;
	width:60%;
	vertical-align:top;
}

.submitdiv {
	display:inline-block;
	width:100%;
	text-align:right;
}

.requireddiv {
	display:inline-block;
}

.hidetablet {
	display:inline-block;
}

.hidemobile {
	display:table-cell;
}

.mediadisplaydiv {
	display:inline-block;
	width:100%;
	vertical-align:top;
	text-align:center;
	border:1px solid #fff;
	padding:4px;
	margin:4px;
}

.mediadisplaydiv:hover {
	background-color:#e4e4e4;
	border:1px solid #ccc;
}

/* buttons */
.loginbutton {
	font-weight:bold;
	cursor:pointer;
	color:#fff;
	background-color:#13a562;
	border:1px solid #13a562;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	width:100%;
	padding:8px 20px;
	box-sizing:border-box;
}

.loginbutton:hover, .loginbutton:focus {
	background-color:#0c6b3f;
	border:1px solid #0c6b3f;
	color:#fff;
}

.acceptbutton {
	font-weight:bold;
	cursor:pointer;
	color:#fff;
	background-color:#13a562;
	border:1px solid #13a562;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	padding:8px 20px;
}

.acceptbutton:hover, .acceptbutton:focus {
	background-color:#0c6b3f;
	border:1px solid #0c6b3f;
	color:#fff;
}

.cancelbutton {
	font-weight:bold;
	cursor:pointer;
	color:#ff0000;
	background-color:#fff;
	border:1px solid #fff;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding:8px 20px;
	text-align:center;
}

.cancelbutton:hover, .cancelbutton:focus {
	color:#fff;
	background-color:#ff0000;
	border: 1px solid #ff0000;
}

.addbutton {
	font-weight:bold;
	cursor:pointer;
	color:#fff;
	background-color:#13a562;
	border:1px solid #13a562;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	padding:8px 20px;
	box-sizing:border-box;
	margin-right:4px;
}

.addbutton:hover, .addbutton:focus {
	background-color:#0c6b3f;
	border:1px solid #0c6b3f;
	color:#fff;
}
	
.filterbutton {
	font-weight:bold;
	cursor:pointer;
	color:#fff;
	background-color:#507ab9;
	border:1px solid #507ab9;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	padding:8px 20px;
	box-sizing:border-box;
}

.filterbutton:hover, .filterbutton:focus {
	background-color:#5566ab;
	border:1px solid #5566ab;
	color:#fff;
}

.invoicebutton {
	font-weight:bold;
	cursor:pointer;
	color:#03a9f4;
	background-color:#fff;
	border:1px solid #03a9f4;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background:url('../images/buttons/add_blue.png') no-repeat;
	padding-left:20px;
	height:28px;
	min-width:120px;
}

.invoicebutton:hover, .invoicebutton:focus {
	background-color:#03a9f4;
	color:#fff;
}

/*button*/
.regularbutton {
	font-weight:bold;
	cursor:pointer;
	color:#777;
	background-color:#fff;
	border:1px solid #fff;
	-webkit-border-radius:5px;
	border-radius: 5px;
	text-align:center;
	padding:8px 20px;
	box-sizing:border-box;
	margin-right:4px;
}

.regularbutton:hover, .regularbutton:focus {
	background-color:#777;
	border:1px solid #777;
	color:#fff;
}

.panel {
	display:inline-block;
	width:100%;
	vertical-align:top;
	box-sizing:border-box;
	margin-bottom:10px;
	border: 1px solid #ccc;
	transition: all 200ms ease-out;
}

.panel:hover {
	box-shadow: 0 0 4px rgba(0, 0, 0, 1);
}

@media only screen and (max-width: 1100px) {
.hidetablet {
	display:none;
}

.hidemobile {
	display:table-cell;
}

.menubutton img, .menubuttonactive img {
	display:block;
}

.tdbackground {
	display:block;
	font-weight:bold;
	/*background-color:#f9f9f9;*/
	color:#000;
	text-align:left;
	vertical-align:middle;
	min-width:120px;
	/*height:24px;*/
	padding-right:4px;
}

.mainmenuitem img {
	display:block;
	width:30px;
	vertical-align:middle;
}

.mainmenuitemactive img {
	display:block;
	width:30px;
	vertical-align:middle;
}

@media only screen and (max-width: 980px) {

input[type=text],input[type=password] {
	max-width:300px;
}

textarea {
	width:100%;
}

select {
	max-width:200px;
}

.pageheader {
	font-size:16px;
	font-weight:bold;
	color:#666;
	margin-right:20px;
}

.headerlogo {
	display:inline-block;
	width:100%;
	box-sizing:border-box;
	padding:4px;
	text-align:center;
}

.headerlogo img {
	width:150px;
}

.menubackground {
	height:100px;
}

.headerbuttons {
	display:inline-block;
	width:100%;
	vertical-align:middle;
}

.headeroptions {
	display:inline-block;
	width:100%;
	vertical-align:middle;
}

.hidetablet {
	display:none;
}

.hidemobile {
	display:none;
}

.login-div {
	min-width:380px;
	margin-top:40px;
}

.headerbuttons {
	display:inline-block;
}

.headeroptions {
	display:inline-block;
	text-align:right;
}

.menubutton img, .menubuttonactive img {
	margin:4px 0px;
	display:block;
}

.inputcolumn {
	display:inline-block;
	width:99%;
	vertical-align:top;
}

.input3column {
	display:inline-block;
	width:99%;
	vertical-align:top;
}

.input66column {
	display:inline-block;
	width:99%;
	vertical-align:top;
}

.tablepanel {
	display:relative;
	display:block;
	/*width:100%;*/
	margin:0px 4px 4px 4px;
	background-color:#fff;
	border-radius: 8px; 
	-webkit-border-radius: 8px; 
}

.tablepaneltabs {
	display:block;
	/*width:100%;*/
	margin:0px 4px 4px 4px;
	background-color:#fff;
	border-radius: 0px 0px 8px 8px; 
	-webkit-border-radius: 0px 0px 8px 8px;
}

.tabsplaceholderstay {
	display:block;
	/*background-color:#fff;*/
	border-radius: 8px 8px 0px 0px; 
	-webkit-border-radius: 8px 8px 0px 0px; 
	margin:0px 4px 0px 4px;
	border-bottom:1px solid #ccc;
}


.configwindow {
	display:block;
	background-color:#fff;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding:0px;
	margin:10px 4px 10px 4px;
}

.filterpanel {
	display:block;
	/*width:100%;*/
	margin:10px 4px 0px 4px;
	padding:10px;
	background-color:#fff;
	border-radius: 8px; 
	-webkit-border-radius: 8px; 
}

.tabsplaceholdermobile {
	display:block;
	background-color:#fff;
	border-radius: 8px 8px 0px 0px; 
	-webkit-border-radius: 8px 8px 0px 0px; 
	margin:0px 4px 0px 4px;
	padding-bottom:10px;
	padding-top:14px;
}

.tabsplaceholder {
	font-size:0px;
	display:block;
	/*background-color:#f9f9f9;*/
	border-radius: 8px 8px 0px 0px; 
	-webkit-border-radius: 8px 8px 0px 0px; 
	margin:0px 10px 0px 10px;
	padding-left:10px;
	width:360px;
	overflow:hidden;
	overflow-x:auto;
	white-space: nowrap;
}

/*tables*/
.datatable thead {
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
  
.datatable tr {
	/*border-bottom: 1px solid #ccc;*/
	/*display: block;*/
	margin-bottom: 2px;
}
  
.datatable td {
	/*border-bottom: 1px solid #ccc;*/
	display: block;
	text-align: right;
	vertical-align:middle;
}

.datatable .hidemobile {
	/*border-bottom: 1px solid #ccc;*/
	display: none;
	text-align: right;
	vertical-align:middle;
}

.datatable td::before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	color:#000;
}

.datatable td:last-child {
	margin-bottom:20px;
	/*border-bottom: 1px dotted #ccc;*/
}

.nsubdatatable {
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

.nsubdatatable td {
	padding:4px 2px;
	min-height:24px;
	vertical-align:middle;
}

.login-panel {
	text-align:center;
	background-color:#fff;
	width:100%;
	height:100%;
	padding:0px;
	margin:0px;
	max-width:100%;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border:0px solid #fff;
}

.center-panel {
	position:absolute;
	left:50%;
	top: 50%;
	transform: translate(-50%, -50%);	
	text-align:center;
	width:320px;
}

.fieldlabel {
	display:block;
	font-weight:bold;
	color:#000;
	text-align:left;
	min-width:150px;
	padding-right:4px;
	margin-top:8px;
}

.mainmenuitem img {
	display:block;
	width:24px;
	vertical-align:middle;
}

.mainmenuitemactive img {
	display:block;
	width:24px;
	vertical-align:middle;
}

}