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

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

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

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

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] {
	border:1px solid #ccc;
	color:#000;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height:24px;
	margin:2px 2px;
}

input[type=text]:hover,input[type=password]:hover, select:hover, textarea:hover, input[type=text]:focus,input[type=password]:focus, select: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 {
	background-color:#fff;
	border:1px solid #ccc;
	color:#000;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height:28px;
	/*margin:0px 4px 2px 0px;*/
	margin:2px 2px;
	max-width:400px;
}	

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

/*my styles */
.headertext {
	font-weight:bold;
	font-size:14px;
}

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

.screenbottom {
	display:block; 
	/*width:100%; */
	padding:10px 10px 14px 10px;
	background-color:#fff;
	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;
}

.fieldplaceholder {
	display:inline-block;
	vertical-align:top;
	margin-bottom:4px;
	text-align:left;
}

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

.fieldinput {
	display:inline-block;
}

.tooltipsearch {
	/*font-size:11px;*/
	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 {
	font-size:14px;
	color:#000000;
	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;
}

.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;
}

.mainheader {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#666;
	border:1px solid #ffdfae;
	background-color:#ffdfae;
	-webkit-box-shadow: 0px 10px 10px -7px #ccc;  
	box-shadow: 0px 10px 10px -7px #ccc;
	text-shadow: 1px 1px 0px #ccc;
}

.mainheaderimage {
	background-image: url("../images/header_banner.jpg");
	background-repeat: no-repeat;
	background-position:right center;
}

.logouttext {
	color:#666666;
}

.popupheader {
	font-size:14px;
	font-weight:bold;
	color:#000000;
	background-color:#ffdfae;
	-webkit-border-radius: 8px 8px 0px 0px;
	border-radius: 8px 8px 0px 0px;
	height:36px;
	padding:0px;
	vertical-align:middle;
}

.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;
}	

.bodylines {
	border-left:1px solid #ffdfae;
	border-right:1px solid #ffdfae;
	border-bottom:1px solid #ffdfae;
}

.menubackground {
	color:#000;
	background-color:#ffdfae;
	padding:0px;
	width:100%;
	display:table;
	height:50px;
	vertical-align:middle;
}

.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:inline-block;
	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:hover {
	border-left:2px solid #ffb347;
	border-right:2px solid #ffb347;
}

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

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

.menubuttonactive {
	display:inline-block;
	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 #ffb347;
	border-right:2px solid #ffb347;
}

.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;
	border-left:2px solid #fff;
}	

.pulldownmenubutton:hover {
	border-left:2px solid #ffb347;
}

.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 {
	cursor:pointer;
	color:#000;
	margin:5px;
}

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

.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 td {
	font-weight:bold;
	color:#000;
	text-decoration:none;
	height:24px;
	vertical-align:middle;
	border-bottom:1px solid #ccc;
	padding:4px;
}

.tableheader td {
	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;
}

.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;
}	

.odd {
	background-color:#f9f9f9;
	color:#000;
}

.even {
	background-color:#fff;
	color:#000;
}

.over {
    background-color:#fff1db;
    color:#000;	
}

.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;
	border-radius: 5px 5px 0px 0px;
	z-index:1;
	white-space:nowrap;
	width:140px;
}

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

.tabactive {
	font-weight:bold;
	color:#000000;
	border-left:1px solid #ccc;
	border-top:2px solid #ff9900;
	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;
	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 0px;
}

.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;
}

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

.agendaborder {
	border:#ffdfae solid 1px;
}

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

.popup {
	border:1px solid #ffdfae;
	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;
}

.login-div {
	font-weight:bold;
	color:#000;
	padding:2px;
	border:1px solid #ffdfae;
	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;
	min-width:460px;
	margin-top:40px;
	margin-bottom:40px;
	padding:20px 40px;
}

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

.widget {
	padding:2px;
	border:1px solid #ffdfae;
	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;
}

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

.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-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	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;
}

.searchinput {
	width:160px;
	height:18px;
	padding-right:20px;
	padding-left:20px;
	background: white url(../images/icons/magnifier.png) 2px no-repeat;
}

.linktext {
	cursor:pointer;
}

.dottedhr {
	border: 1px dotted #999999; 
	border-style: none none dotted;
	width:92%; 
}
/* calendar items */
.calendar {
	border-left:1px dashed #ff9900;
}

.calendarbackground {
	background-color:#f7f7f7;
}

.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;
}

/*button*/
.addbutton {
	font-weight:bold;
	cursor:pointer;
	color:#000;
	background-color:#fff;
	border:1px solid #8bc34a;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height:28px;
	background:url('../images/buttons/add.png') no-repeat;
	padding:0px 4px 0px 30px;
	margin-right:4px;
	min-width:120px;
	text-align:center;
}

.addbutton:hover, .addbutton:focus {
	background-color:#8bc34a;
	color:#fff;
}
	
.acceptbutton {
	font-weight:bold;
	cursor:pointer;
	color:#000;
	background-color:#fff;
	border:1px solid #8bc34a;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-align:center;
	height:28px;
	min-width:120px;
	padding:0px 4px;
	margin-right:4px;
}

.acceptbutton:hover, .acceptbutton:focus {
	background-color:#8bc34a;
	color:#fff;
}

.cancelbutton {
	font-weight:bold;
	cursor:pointer;
	color:#000;
	background-color:#fff;
	border:1px solid #e90000;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	height:28px;
	min-width:120px;
	padding:0px 4px;
	margin-right:4px;
	text-align:center;
}

.cancelbutton:hover, .cancelbutton:focus {
	background-color:#e90000;
	color:#fff;
}

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

.filterbutton:hover, .filterbutton:focus {
	background-color:#03a9f4;
	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;
}

.regularbutton {
	font-weight:bold;
	cursor:pointer;
	color:#000;
	background-color:#fff;
	border:1px solid #ffb347;
	-webkit-border-radius:5px;
	border-radius: 5px;
	height:28px;
	min-width:120px;
	padding:0px 4px;
	margin-right:4px;
	text-align:center;
}

.regularbutton:hover, .regularbutton:focus {
	background-color:#ffdfae;
	color:#000;
}

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

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

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

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

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

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

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

.requireddiv {
	display:inline-block;
}

.userphoto {
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color:#ff9000;
	color:#fff;
}

.graphicwindow {
	border:#ffdfae solid 1px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 4px -3px #666666;  
	box-shadow: 0px 4px 4px -3px #666666;
}

.hidetablet {
	display:table-cell;
}

.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;
}


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

.hidemobile {
	display:table-cell;
}

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



}

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

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

textarea {
	width:100%;
}

select {
	max-width:200px;
}	

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

.hidetablet {
	display:none;
}

.hidemobile {
	display:none;
}

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

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

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

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

.input3column {
	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 {
	display:none;
}

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

}