/*
// File written by Jochen "Khuri" Dippel <khuri@khuris.com>
// Copyright 2015
//
// File        : shared.css
// Begin       : 2010.01.16 13:01:01
// Last Update : 2015.10.22 10:57:11
*/

/* 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;}
*.nomark {background-color: transparent !important;}
*.textred {color: #f00 !important;}
*.textgreen {color: #0f0 !important;}
*.textgrey {color: #888 !important;}
*.textleft {text-align: left !important;}
*.textcenter {text-align: center !important;}
*.texttop {vertical-align: top !important;}
*.textmiddle {vertical-align: middle !important;}
*.textbottom {vertical-align: bottom !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;}
*.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 !important;}
*.status0 {background-color: #d00; color: #fff;}
*.status1 {background-color: #0a0; color: #fff;}
*.status2 {background-color: #fa0; color: #fff;}

/* Buttons */
input.submit, button.submit, select.submit, a.submit {
	cursor: pointer;
	background-color: #E3E3E3;
	border: 2px solid #909090;
	border-color: #C0C0C0 #909090 #909090 #C0C0C0;
	padding: 1px 6px;
	margin-top: 4px;
}
input.submit:hover, button.submit:hover, select.submit:hover, a.submit:hover {
	background-color: #f3f3f3;
}

/* Status box */
#statusbox {
	padding: 10px;
	width: 400px;
	font-weight: bold;
	position: fixed;
	top: 200px;
	left: 50%;
	margin-left: -220px;
	text-align: left;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	z-Index: 1000;
	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;
}
/* Saving form loadingbox */
#overlaybox_blackbox {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	visibility: visible;
	background: url(../images/support/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/support/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 #888;
	background-color: #eee;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	z-index: 10000;
}
#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;
}

/* JS Calendar styles */
div.jscalendarbox {
	position: absolute;
	margin-top: 20px;
	top: 0px;
	left: 4px;
	display: none;
	border: 1px solid #A9A9A9;
	background-color: #D3D3D3;
	width: 180px;
	z-index: 100;
}
table.jscalendar {
	text-align: center;
	cursor: default;
}
table.jscalendar td {
	width: 26px;
	background-color: #EBEBEB;
}
table.jscalendar td:hover {
	background-color: #D2DCFF;
	cursor: pointer;
}
table.jscalendar td.inactive,table.jscalendar td.inactive:hover {
	cursor: default;
	background-color: #EBEBEB;
}
table.jscalendar th.switch {
	background-color: #FFF;
	cursor: pointer;
}
table.jscalendar button.set {
	background-color: #EEE;
	border: 1px solid #c3c3c3;
	cursor: pointer;
	width: 100%;
}
table.jscalendar td.today {
	font-weight: bold;
}
table.jscalendar td.markday {
	background-color: #FFB6C1;
}
table.jscalendar td.sunday {
	color: #F08080;
}
table.jscalendar span {
	font-family: Courier;
	font-weight: normal;
	background-color: #eee;
	padding: 0px 2px;
}

/* Calendar box */
table.calendar {
	border: 1px solid #888;
	border-collapse: collapse;
	background-color: #eee;
}
table.calendar tr.odd {
	background-color: #e0e0e0;
}
table.calendar tr.even {
	background-color: #d0d0d0;
}
table.calendar th {
	padding: 1px 3px;
}
table.calendar th.weekday {
}
table.calendar th.weekend {
	color: #f44;
}
table.calendar td {
	border: 1px solid #888;
	border-collapse: collapse;
	text-align: center;
	padding: 3px;
}
table.calendar td.last, table.calendar td.next {
	font-style: italic;
}
table.calendar td.this {
}
table.calendar td.today {
	font-weight: bold;
}
table.calendar td.weekend {
}
table.calendar td.marked {
	background-color: #e4e4ff;
	color: #44a;
}
table.calendar td:hover {
	background-color: #fff;
	cursor: default;
}
table.calendar a {
	display: block;
}
table.calendar td div {
	position: absolute;
	display: none;
}
table.calendar td:hover div {
	position: absolute;
	display: block;
	width: 140px;
	height: auto;
	border: 2px solid #a0a0a0;
	background-color: #ddd;
	padding: 0 4px;
	text-align: left;
	font-weight: normal;
	font-style: normal;
	z-index: 100;
}
table.calendar td:hover div p {
	padding: 4px 0;
}

/* Modules with subfolders */
div.chart_folder {
	border: 1px solid #ccc;
	background-color: #dedede;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 4px;
	margin-top: 16px;
}
div.chart_folder div.header {
	padding: 4px 8px;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.5em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #aaa;
	background-color: #c8c8c8;
}
div.chart_folder ul.folder {
	list-style-type: none;
	margin: 0 !important;
	padding: 0 !important;
}
div.chart_folder ul.folder li a {
	display: block;
	height: 28px;
	padding: 10px 0 0 42px;
	background: url(../images/support/folder.png) no-repeat transparent 4px 4px scroll;
}
div.chart_folder ul.folder li a:hover, div.chart_folder ul.folder li a:active {
	padding: 10px 0 0 42px;
}
div.chart_folder ul.folder li {
	margin-top: 10px;
	padding: 1px;
}
div.chart_folder ul.folder li:first-child {
	margin-top: 0;
}
div.chart_folder ul.folder li:hover, div.chart_folder ul.folder li:active {
	background-color: #cacaca;
	border: 1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 0;
}
div.chart_folder ul.folderpreview {
	list-style-type: none;
	margin: 6px 0 0 40px !important;
}
div.chart_folder ul.folderpreview li {
	display: inline;
	width: auto;
	height: auto;
	margin: 0 10px 0 0;
}
div.chart_folder ul.folderpreview li a {
	background: none transparent;
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	display: inline;
}
div.chart_folder ul.folderpreview li:hover, div.chart_folder ul.folderpreview li:active, div.chart_folder ul.folderpreview li a:hover, div.chart_folder ul.folderpreview li a:active {
	padding: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
div.chart_folder ul.folder li:hover span.sgf, div.chart_folder ul.folder li:active span.sgf {
	background-color: #cfcfcf;
}
div.chart_folder ul.folderpreview li a img {
	border: 1px solid #888;
}
div.chart_folder table.etable {
	margin-top: 14px;
	padding: 0;
	width: 100%;
	border: 1px solid #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
div.chart_folder tr {
	background-color: #dedede;
}
div.chart_folder tr.header {
	background-color: #c8c8c8;
}
div.chart_folder span.sgu {
	margin: 0px 0px 0px 20px;
}
div.chart_folder td {
	padding: 3px;
}
div.chart_folder td.ico {
	text-align: center;
}
div.chart_folder a.dl {
	display: block;
}
div.chart_folder a.btn {
	background-color: #c8c8c8;
	border: 2px solid #aaa;
	color: #444;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align: center;
	float: right;
	margin-left: 20px;
	padding: 2px 4px;
	text-decoration: none;
}
div.chart_folder a.btn:hover {
	background-color: #cfcfcf;
	border: 2px solid #bfbfbf;
	text-decoration: none;
}
div.chart_folder td.sgt {
	font-weight: bold;
	text-align: left;
}
div.chart_folder td.sgtd {
	text-align: right;
}
div.chart_folder ul.folder li span {
	background-color: #dfdfdf;
	display: block;
	padding: 2px 4px;
	border: 1px solid #aaa;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0 4px 4px 40px;
}
div.chartspacer {
	display: block;
	width: 100%;
	height: 20px;
}
div.infobox, div.infobox_top {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #cfcfcf;
	border: 1px solid #aaa;
	font-size: 0.8em;
	margin-bottom: 20px;
	padding: 3px 6px;
}
div.infobox_top {
	margin: 10px 0;
}

/* Menu mod options */
.mmod,.micon {
	margin: 4px 8px 1px 1px;
	height: 16px;
	width: 16px;
	background: url(../images/admin/icons.gif) no-repeat scroll 0 0;
}
.mmod_edit {background-position: -64px -32px}
.mmod_editf {background-position: -80px -32px}
.mmod_del {background-position: -32px -32px}
.mmod_delf {background-position: -48px -32px}
.mmod_mt {background-position: -96px -48px}
.mmod_mtf {background-position: -112px -48px}
.mmod_mu {background-position: -64px -48px}
.mmod_muf {background-position: -80px -48px}
.mmod_md {background-position: -32px -48px}
.mmod_mdf {background-position: -48px -48px}
.mmod_mb {background-position: 0 -48px}
.mmod_mbf {background-position: -16px -48px}
.mmod_link {background-position: -160px -32px}
.mmod_linkf {background-position: -176px -32px}
.mmod_mod {background-position: -224px -32px}
.mmod_modf {background-position: -240px -32px}
.mmod_vis {background-position: -128px -32px}
.mmod_visf {background-position: -144px -32px}
.mmod_check {background-position: -32px -16px}
.mmod_checkb {background-position: -48px -16px}
.mmod_checkf {background-position: -64px -16px}
.mmod_abort {background-position: -96px -16px}
.mmod_warning {background-position: -128px -48px}
.mmod_warningf {background-position: -144px -48px}
.mmod_statg {background-position: -192px 0}
.mmod_stato {background-position: -208px 0}
.mmod_statr {background-position: -224px 0}
.mmod_result {background-position: -64px 0}
.mmod_new {background-position: -160px 0}
.mmod_lock {background-position: -192px -32px}
.mmod_lockf {background-position: -208px -32px}
.mmod_accg {background-position: 0 -32px}
.mmod_accgf {background-position: -16px -32px}
.mmod_clone {background-position: -160px -48px}
.mmod_clonef {background-position: -176px -48px}
.mmod_folderclose {background-position: -96px 0}
.mmod_folderopen {background-position: -112px 0}
.mmod_foldernone {background-position: -128px 0}
.mmod_mpos {background-position: -112px -16px}
.mmod_userwho {background-position: -48px 0}
.mmod_mail {background-position: -96px -32px}
.mmod_mailf {background-position: -112px -32px}
.mmod div.preview {
	position: relative;
}
.mmod div.preview img {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 96px;
	border: 1px solid #999;
	background-color: #ddd;
	visibility: hidden;
	display: none;
}
.mmod:hover div.preview img {
	visibility: visible;
	display: block;
}
div.mmodtree {
	border: #DDD solid;
	border-width: 2px 0px 3px 0px;
}
div.mmodtree span {
	float: right;
	border: #CCC solid;
	border-width: 0px 0px 0px 1px;
	padding-left: 6px;
	padding-right: 4px;
	height: 16px;
}
div.mmodtree span span {
	float: left;
	border: 0px;
	padding: 0px;
}
.micon {
	margin-left: -2px;
	margin-right: 3px;
	float: left;
}
.mmod.fb,.micon.fb {
	margin-left: 1px;
}
.nmarg {margin-left: 0px;}
.icon_lang {background-position: -32px 0}
.icon_seo {background-position: -176px 0}
.icon_log {background-position: -64px 0}
.icon_help {background-position: -16px 0}
.icon_exit {background-position: 0 0}
.icon_fbro {background-position: -80px -16px}
.icon_menu {background-position: -80px 0}
.icon_accs {background-position: 0 -16px}
.icon_accg {background-position: -16px -16px}
.icon_lngc {background-position: -32px 0}
.icon_config {background-position: -240px 0}
.icon_calendar {background-position: -144px 0}
.icon_userwho {background-position: -48px 0}
.icon_domain {background-position: -160px -32px}