/*
// File written by Jochen "Khuri" Dippel <khuri@khuris.com>
// Copyright 2015
//
// File        : shared.css
// Begin       : 2010.01.16 13:01:01
// Last Update : 2015.03.02 18:59:43
*/

/* This file contains basic definitions and those shared by the user and admin page */

*.goleft {float: left !important;}
*.goright {float: right !important;}
*.noborder {border: 0px none !important;}
*.nobg {background: none !important;}
*.markred, *.form_markred {background-color: #FFCCCC !important; border-color: #FF0000 !important; color: #000000 !important;}
*.markgreen {background-color: #AAFFAA !important;}
*.markorange {background-color: #FFA500 !important;}
*.textred {color: #f00 !important;}
*.textgreen {color: #0f0 !important;}
*.textgrey {color: #888 !important;}
*.textleft {text-align: left !important;}
*.textcenter {text-align: center !important;}
*.textright {text-align: right !important;}
*.textnormal {font-weight: normal !important;}
*.textbold {font-weight: bold !important;}
*.pointer {cursor: pointer !important;}
*.hidden {visibility: hidden; display: none;}
*.visible {visibility: visible; display: block;}
*.block {display: block !important;}
*.clear {clear: both !important;}
*.nomargin {margin: 0 !important;}
*.nopadding {padding: 0 !important;}
*.font_courier {font-family: 'Courier New', Courier, sans-serif;}
*.italic {font-style: italic !important;}
*.width5 {width: 5% !important;}
*.width15 {width: 15% !important;}
*.width25 {width: 25% !important;}
*.width50 {width: 50% !important;}
*.width75 {width: 75% !important;}
*.width100 {width: 100% !important;}
*.widthauto {width: auto !important;}
*.spacel {margin-left: 30px !important;}
*.spacer {margin-right: 30px !important;}
*.spacels {margin-left: 8px !important;}
*.spacers {margin-right: 8px !important;}
*.nounderline {text-decoration: none !important;}
*.inline {position: relative; display: inline;}
*.vmiddle {vertical-align: middle !important;}
*.vtop {vertical-align: top !important;}
*.vbottom {vertical-align: bottom !important;}
*.fontbig {font-size: 1.3em !important;}
*.fontbigger {font-size: 1.6em !important;}
*.fontsmall {font-size: 0.9em !important;}
*.fontsmaller {font-size: 0.8em !important;}

/* Buttons */
input.submit, button.submit, select.submit {
	cursor: pointer;
	background-color: #efefef;
	border: 2px solid #909090;
	border-color: #C0C0C0 #909090 #909090 #C0C0C0;
	padding: 3px 10px;
	margin-top: 2px;
}

/* Saving form loadingbox */
#overlaybox_blackbox {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	visibility: visible;
	background: url(../images/shadow.png) repeat top left scroll transparent;
	z-index: 900;
}
#overlaybox_loadingbox {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-left: -110px;
	margin-top: -60px;
	width: 200px;
	height: 100px;
	padding: 0px;
	border: 10px solid #888;
	background: url(../images/loading.gif) no-repeat #eee center;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	z-index: 10000;
}
#overlaybox_loadingtext {
	position: relative;
	top: 15%;
	text-align: center;
}
#overlaybox_questionbox {
	position: fixed;
	top: 50%;
	left: 50%;
	padding: 10px;
	margin-left: -215px;
	margin-top: -85px;
	width: 400px;
	height: auto;
	border: 10px solid #666;
	background-color: #EFEFEF;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	z-index: 10000;
	color: #000;
}
#overlaybox_questiontext {
	position: relative;
	top: 15%;
	margin-bottom: 20px;
	text-align: center;
}
#overlaybox_questiontext ul {
	margin: 10px 0 20px 10px;
	padding: 0 0 0 14px;
	line-height: 130%;
	text-align: left;
}
#overlaybox_questionanswerbox {
	position: relative;
	margin-top: 20px;
	display: block;
}
#overlaybox_questionanswergreen, #overlaybox_questionanswerred {
	position: relative;
	font-weight: bold;
	padding: 6px;
	margin: 0 20px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
}
#overlaybox_questionanswergreen {
	float: left;
	border: 2px solid green;
	background-color: #C0E6C0;
	color: green;
}
#overlaybox_questionanswerred {
	float: right;
	border: 2px solid red;
	background-color: #FFE4E1;
	color: red;
}

/* Table layouts */
table.gtable {
	width: 100%;
	font-size: 1.3em;
	padding: 4px;
	border-spacing: 0;
  border-collapse: inherit;
	background-color: #efefef;
	border: 1px solid #666;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}
table.gtable * {
	color: #000;
}
table.gtable > thead > tr > th, table.gtable > tbody > tr > th, table.gtable > tfoot > tr > th {
	padding: 8px 8px;
	background-color: #aaa;
	border-style: solid;
	border-color: #666 !important;
	border-width: 0 1px 1px 1px;
	color: #000;
	font-weight: normal;
}
table.gtable > thead > tr > td, table.gtable > tbody > tr > td, table.gtable > tfoot > tr > td {
	padding: 4px 8px;
}
table.gtable > thead > tr > th, table.gtable > tbody > tr > td {
	border: 1px solid #666;
	border-width: 0 0 1px 1px;
}
table.gtable > thead > tr > th {
	border-width: 1px 0 1px 1px;
}
table.gtable > thead > tr > th:last-child, table.gtable > tbody > tr > td:last-child {
	border-width: 0 1px 1px 1px;
}
table.gtable > thead:first-child > tr:first-child > th:first-child, table.gtable > thead:first-child > tr:first-child > td:first-child, table.gtable > tbody:first-child > tr:first-child > th:first-child, table.gtable > tbody:first-child > tr:first-child > td:first-child {
	border: 1px solid #666;
	border-width: 1px 0 1px 1px;
	-webkit-top-left-border-radius: 8px;
	-moz-top-left-border-radius: 8px;
	border-top-left-radius: 8px;
}
table.gtable > thead:first-child > tr:first-child > th:last-child, table.gtable > thead:first-child > tr:first-child > td:last-child, table.gtable > tbody:first-child > tr:first-child > th:last-child, table.gtable > tbody:first-child > tr:first-child > td:last-child {
	border: 1px solid #666;
	border-width: 1px 1px 1px 1px;
	-webkit-top-right-border-radius: 8px;
	-moz-top-right-border-radius: 8px;
	border-top-right-radius: 8px;
}
table.gtable > thead:first-child > tr:first-child > th:last-child, table.gtable > thead:first-child > tr:first-child > td:last-child, table.gtable > tbody:first-child > tr:first-child > th:last-child, table.gtable > tbody:first-child > tr:first-child > td:last-child {
	border: 1px solid #666;
	border-width: 1px 1px 1px 1px;
	-webkit-top-right-border-radius: 8px;
	-moz-top-right-border-radius: 8px;
	border-top-right-radius: 8px;
}
table.gtable > tbody > tr:last-child > td:first-child {
	border: 1px solid #666;
	border-width: 0 0 1px 1px;
	-webkit-border-radius: 0 0 0 8px;
	-moz-border-radius: 0 0 0 8px;
	border-radius: 0 0 0 8px;
}
table.gtable > tbody > tr:last-child > td:last-child {
	border: 1px solid #666;
	border-width: 0 1px 1px 1px;
	-webkit-border-radius: 0 0 8px 0;
	-moz-border-radius: 0 0 8px 0;
	border-radius: 0 0 8px 0;
}
table.gtable > tbody > tr > td {
	background-color: #eaeaea;
}
table.gtable > tbody > tr > td:nth-child(odd) {
	background-color: #fafafa;
}
table.gtable > tbody > tr:hover > td {
	background-color: #eaeaea;
	color: #000;
}
table.gtable > tbody > tr.nh > td {
	background-color: #eaeaea;
	color: #333;
}
table.gtable.itable > tbody > tr:hover > td {
	background-color: #eaeaea;
	color: #000;
}
table.gtable.itable > tbody > tr.nh > td {
	background-color: #eaeaea;
	color: #333;
}
table.gtable.itable > tbody > tr.nh > td:nth-child(odd) {
	background-color: #fafafa;
	color: #333;
}
table.gtable th.left, table.gtable td.left {
	text-align: left;
}
table.gtable th.right, table.gtable td.right {
	text-align: right;
}
table.gtable th.center, table.gtable td.center {
	text-align: center;
}
table.gtable th.top, table.gtable td.top {
	vertical-align: top;
}
table.gtable tbody td > table, table.gtable tbody td > table td, table.gtable tbody td > table tr {
	border: 0 none ;
}
table.gtable tr.markred td {
	background-color: #fbb !important;
}
table.gtable tr.markred:hover td {
	background-color: #f88 !important;
	color: #000 !important;
}
table.gtable tr.markorange td {
	background-color: #FFA500 !important;
}
table.gtable tr.markorange:hover td {
	background-color: #ff8 !important;
	color: #000 !important;
}
table.gtable input {
	width: 220px;
}
table.gtable input[type='checkbox'] {
	width: 18px;
	height: 18px;
	vertical-align: middle;
}
table.gtable td div.textmiddleline {
	padding-top: 6px;
}
table.gtable a {
	color: #000;
}
table.gtable td {
	font-size: 10pt;
	vertical-align: middle;
}

/* Chart Blocks */
ul.chartlist {
	padding: 0px 0px 26px 10px;
	margin: 0px;
	list-style-type: none;
}
ul.chartlist li {
	border: 1px solid #666;
	border-width: 1px 1px 0 1px;
	background-color: #e8e8e8;
	float: left;
	font-size: 12px;
	color: #000;
	height: 16px;
	margin: 5px 2px 0px 0px;
	padding: 3px 6px 4px 6px;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
}
ul.chartlist li.act {
	background-color: #fff;
	height: 18px;
	margin: 3px 2px 0px 0px;
}
ul.chartlist li:hover {
	background-color: #fff;
	cursor: pointer;
	height: 18px;
	margin: 3px 2px 0px 0px;
}
div.chart_block {
	width: 100%;
	visibility: hidden;
	display: none;
	clear: both;
}

/* Status box */
#statusbox {
	padding: 10px;
	width: 400px;
	font-weight: bold;
	position: fixed;
	top: 200px;
	left: 50%;
	margin-left: -220px;
	text-align: left;
	z-Index: 1000;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	cursor: pointer;
}
#statusbox.error,#statusbox.ok {
	border: 10px solid red;
	background-color: #FFE4E1;
	color: red;
}
#statusbox.ok {
	border: 10px solid green;
	background-color: #C0E6C0;
	color: green;
}
#statusbox.ok fieldset,#statusbox.error fieldset {
	min-height: 60px;
	padding: 6px;
	border: 1px solid green;
}
#statusbox.error fieldset {
	border: 1px solid red;
}
#statusbox span {
	font-size: 9px;
	font-weight: normal;
}