html, body
	{
		font-size: 16pt;
		font-family: verdana;
		color: #000;
		cursor: default;
		padding: 4px;
		margin: 0px;
	}
#content
	{
		text-align: center;
		margin-top: 54px;
	}

#info_div, #hint_div
	{
		position: absolute;
		left: 0px;
		top: 0px;
		color: #000;
		background: #FFA500;
		border: 1px #808080 solid;
		padding: 4px;
		visibility: hidden;
		z-index: 100;
	}
#none_area
	{
		position: absolute;
		background: #FFA500;
		top: 0px;
		left: 0px;
		z-index: 10;
		visibility: hidden;
		padding-top: 200px;
		color: #FFF;
	}

/* */
div#fullscreenbg, div#gShowBG
	{
		position: fixed;
		background: #AAA;
		top: 0px;
		left: 0px;
		z-index: 10;
		visibility: hidden;
	}
div#messagebox
	{
		position: fixed;
		visibility: hidden;
		min-width: 400px;
		width: auto !important;
		width: 400px;
		max-width: 500px;

		z-index: 100;
	}
div#messagebox div.head
	{
		color: #000;
		font-size: 1.2em;
		text-align: left;
		padding: 4px 6px;
		background: #EEE;

		border: 1px solid #888;
		border-bottom: 0;
	}
div#messagebox div.error-img
	{
		float: left;
	}
div#messagebox div.content
	{
		color: #000;
		text-align: left;
		padding: 10px;
		background: #F9F9F9;

		border: 1px solid #888;
		border-top: 1px solid #888;
	}
div#messagebox div.content table
	{
		width: 100%;
		border-collapse: collapse;
	}
div#messagebox div.content table tr th
	{
		width: 1%;
		text-align: center;
		vertical-align: top;
		padding-right: 10px;
	}
div#messagebox div.content table tr td
	{
		text-align: left;
		vertical-align: top;
	}
div#messagebox div.button
	{
		text-align: center;
		margin-top: 18px;
	}
/* */

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

/* Input */
input, textarea, select
	{
		font-size: inherit;
		font-family: verdana;
	}
input.button, span.button, label.button
	{
		color: #555;
		background: #CECECE;
		border: 1px solid #555;
		padding: 4px 8px;
		cursor: pointer;
	}
input.button:hover, input.button:focus, span.button:hover, label.button:hover
	{
		color: #000;
		border: 1px solid #000;
		background: #E0DEDE;
	}
input.textfield, select.select, textarea.textarea, textarea.textfield
	{
		background: #A8A8A8;
		border: 1px solid #808080;
		color: #FFF;
		text-align: left;
		padding: 2px;
		resize: vertical;
	}
input.textfield:focus, select.select:focus, textarea.textarea:focus, textarea.textfield:focus
	{
		color: #000;
		background: #E0DEDE;
	}
input.red, textarea.red, select.red
	{
		background: #FEE;
	}
input.selectFile
	{
		display: none;
	}
label.selectFile
	{
		color: #666;
		cursor: pointer;
		text-decoration: underline;
	}
label.selectFile:hover
	{
		color: #000;
	}
/* Input */

div.adminbar
	{
		text-align: left;
		width: 100%;
		padding: 16px 10px;
		position: fixed;
		left: 0; top: 0;

		background: #EEE;
		border-bottom: 1px solid #444;
		z-index: 9;
	}
div.adminbar span.separator
	{
		height: 40px;
		border-left: 2px solid #FFF;
		margin: -8px 4px -8px 0px;
	}
div.adminbar a
	{
		color: #000;
		padding: 4px 8px;
		margin: 1px 5px 1px 1px;

		border: 1px solid #AAA;
		background: #CECECE;
		text-decoration: none;
	}
div.adminbar a:hover
	{
		margin: 0px 4px 0px 0px;

		border: 2px solid #CECECE;
		background: #BCBCBC;
	}
div.adminbar a:hover[target="_blank"]
	{
		text-decoration: underline;
	}

/**/
table.intables
	{
		width: 80%;
		border-collapse: collapse;
		background: #EEE;
		border: 1px solid #CCC;
	}
table.intables td, table.intables th
	{
		padding: 6px;
		font-weight: normal;
		border: 1px solid #CCC;
		vertical-align: top;
		text-align: left;
	}
table.intables th.head, table.intables th.head2
	{
		color: #333;
		font-size: 1.4em;
		background: #CACACA;
		text-align: center;
		border: 1px solid #CCC;
	}
table.intables th.head2
	{
		color: #666;
		font-size: 1.2em;
		background: #DADADA;
	}
table.intables th.lHeadTrenner
	{
		border-left: 1px solid #000 !important;
	}
table.intables th.rHeadTrenner
	{
		border-right: 1px solid #000 !important;
	}
table.intables th.bHeadTrenner
	{
		border-bottom: 1px solid #000 !important;
	}
table.intables th.tHeadTrenner
	{
		border-top: 1px solid #000 !important;
	}
table.intables td.key
	{
		width: 30%;
		background: #E5E5E5;
	}
table.intables td.value
	{
		background: #EEE;
	}
table.intables td.line2
	{
		background: #DDD;
	}

table.intables td.okay
	{
		color: #000;
		background: #AFA;
	}
table.intables td.warning
	{
		background: #FFA;
	}
table.intables td.critical
	{
		color: #000;
		background: #FAA;
	}
table.intables td.nothing_found
	{
		color: #FFF;
		background: #A8A8A8;
		border: 1px solid #848284;
		padding: 8px;
		text-align: center;
		vertical-align: middle;
		font-style: italic;
	}
table.intables td.button
	{
		padding: 8px 12px;
		background: #C2C2C2;
		text-align: center;
	}
/**/

span.infofont
	{
		color: #333;
		font-size: .8em;
		font-weight: normal;
	}
span.greyed
	{
		color: #707070;
		font-weight: normal;
	}

.width90px
	{
		width: 90px !important;
	}
.width380px
	{
		width: 380px !important;
	}
.width430px
	{
		width: 430px !important;
	}
.width550px
	{
		width: 550px !important;
	}
.width700px
	{
		width: 700px !important;
	}
.width100perc
	{
		width: 100% !important;
	}
.minw960
	{
		min-width: 960px !important;
		width: auto !important;
		width: 960px;
	}
.right
	{
		text-align: right !important;
	}
.success, .green
	{
		background: #CFC !important;
		color: #000 !important;
	}
.successB, .greenB
	{
		border: 1px solid #CFC !important;
	}
.error, .red
	{
		background: #FCC !important;
	}
.left
	{
		text-align: left !important;
	}
.center
	{
		text-align: center !important;
	}
.top
	{
		text-align: top !important;
	}
.middle
	{
		vertical-align: middle !important;
	}
.floatRight
	{
		float: right !important;
	}

div.infobox
	{
		color: #000;
		border: 1px solid #CCC;
		background: #EEE;
		text-align: left;
		padding: 6px;
		margin: 6px 0px;
	}
div.successbox
	{
		color: #000;
		border: 1px solid #0F0;
		background: #CFC;
		text-align: left;
		padding: 6px;
		margin: 6px 0px;
	}
div.errorbox
	{
		color: #000;
		border: 1px solid #F00;
		background: #FCC;
		text-align: left;
		padding: 6px;
		margin: 6px 0px;
	}

.warning
	{
		color: #333;
		border: 1px solid #7D8200 !important;
		background: #FAFF7F !important;
	}
.critical
	{
		color: #DDD;
		border: 1px solid #BC0000 !important;
		background: #FF8E8E !important;
	}

label
	{
		cursor: pointer;
	}


/* customized checkbox */
div.checkbox
	{
		width: 20px;
		height: 20px;
		position: relative;
	}
div.checkbox label.l {
	cursor: pointer;
	position: absolute;
	width: 14px;
	height: 14px;
	left: 3px;
	top: 3px;
	border: 2px solid #000;
}
div.checkbox label.l:after {
	/* is unchecked */
	content: '';
	position: absolute;
	width: 14px;
	height: 14px;
	top: 0px;
	left: 0px;

	background: #EEE;
}
div.checkbox label.l:hover::after {
	/* hover on unchecked */
	background: #5F5;
}
div.checkbox input[type=checkbox]:checked + label.l:after {
	/* is checked */
	background: #0F0;
}
div.checkbox input[type=checkbox]:checked + label.l:hover::after {
	/* hover on checked */
	background: #AFA;
}
div.checkboxRed input[type=checkbox]:checked + label.l:after
	{
		background: #F55 !important;
	}
div.checkboxRed label.l:hover::after
	{
		background: #FAA !important;
	}

div.checkbox2x
	{
		width: 30px;
		height: 30px;

		position: relative;
		float: left;
		margin-right: 6px;
	}
div.checkbox2x label.l {
	cursor: pointer;
	position: absolute;
	width: 21px;
	height: 21px;
	left: 4px;
	top: 4px;

	border: 2px solid #000;
}
div.checkbox2x label.l:after {
	/* is unchecked */
	content: '';
	position: absolute;
	width: 21px;
	height: 21px;
	top: 0px;
	left: 0px;

	background: #EEE;
}
div.checkbox2x input[type=checkbox]
	{
		margin-top: 4px;
	}
div.checkbox2x label.l:hover::after {
	/* hover on unchecked */
	background: #5F5;
}
div.checkbox2x input[type=checkbox]:checked + label.l:after {
	/* is checked */
	background: #0F0;
}
div.checkbox2x input[type=checkbox]:checked + label.l:hover::after {
	/* hover on checked */
	background: #AFA;
}
/* customized checkbox */



.dspNone
	{
		display: none;
	}


/* # # # # # # # # # # # # # # # */
/* */
div#dynamic, div.overlay
	{
		position: absolute;
		background: #F9F9F9;
		visibility: hidden;
		z-index: 100;

		border: 1px solid #CCC;
	}
div#dynamic div#dynamic_content, div.overlay
	{
		color: #000;
		text-align: center;
		padding: 4px 6px;
	}
/* */
input.head_text
	{
		font-size: 1.2em;
		width: 30em;
	}

.red
	{
		border: 1px solid #BF0000 !important;
	}


.topper { padding-top: 4px; }





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

	table.intables
		{
			width: 100%;
		}
}



@media screen and (max-height: 600px), screen and (max-width: 1000px) {

	html, body
		{
			font-size: 15pt;
		}
  input.head_text
		{
			font-size: 1.1em;
			width: 550px;
		}
}