@charset "utf-8";
/* CSS Document */
/* Global Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0;margin: 0;}
fieldset, img {border: 0;}
table {border-collapse: collapse;border-spacing: 0;color:#5b5b5d;font-size:13px;}
ol, ul {list-style: none;}
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal;font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
q:before, q:after {content: '';}
abbr, acronym { border: 0;}
.clearfix:after {content: ".";display: block;height: 0px;clear: both;visibility: hidden;}
* + html .clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clear{clear:both;}
input, button, select, textarea {
    line-height:normal !important;
}

/* -------------------------- Grid System 12 Column ---------------------------- */
.g115, .g175, .g230, .g345, .g460, .g575, .g690, .g805, .g920, .g1035, .g1150, .g1265, .g1380 {
	display: inline;float: left;margin-left: 1.31578947%;padding-top:0px;
}
.g115{width:90px;}
.g175{width:150px;}
.g230{width:10.7894736842%;}
.g345{width:16.8421052631%;}
.g460{width:22.8947368421%;}
.g575{width:550px;}
.g690{width:665px;}
.g805{width:780px;}
.g920{width:895px;}
.g1035{width:1010px;}
.g1150{width:1125px;}
.g1265{width:1240px;}
.g1380{width:1355px;}

::selection {
	color: #fff;
	background: #5ea60e; /* Safari */
}
::-moz-selection {
	color: #fff;
	background: #5ea60e; /* Firefox */
}

/* -------------------------- Global ---------------------------- */


html, body {
	font-size:93.75%; /*15/16=93.75*/
	font-family:Arial, Helvetica, sans-serif;
 	background:url(../images/bg_body.png) repeat-x #2c2c2e;
	margin:auto;
	text-align:left;
/*	color:#FFF; */
	/*margin-left:1.35135135%;
	margin-right:1.35135135%;*/
	height:100%; /* Mindesthöhe für den IE */
}

body.scrollable {overflow-y: scroll;}


.main
{
	/*max-width:1900px;margin:auto;*/
	/*margin: 0 1.35135135% 0 1.35135135%; */
	height: auto ; /* important Behel (bei modernen Browsern */
	position:relative;
}

.col1{
	margin: 0 1.35135135% 8px 1.35135135%;
	padding-bottom:8px;
	border-bottom:0px dotted #b9b9b9;
	display:inherit;
}

.col2{
	width:48%;
	margin: 0 0 10px 1.35135135%;
	padding-bottom:5px;
	border-bottom:0px dotted #b9b9b9;
	float:left;
	display:inherit;
}

.col3{
	width:31.555%;
	margin: 0 0 10px 1.35135135%;
	padding-bottom:5px;
	border-bottom:0px dotted #b9b9b9;
	float:left;
	display:inherit;
}



/* -------------------------- Customizing Bootstrap ---------------------------- */

.popover h3 {
	font-size:22px;
	line-height:26px;
	font-weight:400;
	color:#5b5b5d;
	font-family: 'Gudea', sans-serif;
	margin-bottom:8px;
}

.popover div {
    font-size: 12px;
    color: #666;
}

.popover {
  max-width: 400px;
}

/* -------------------------- Text ---------------------------- */

section#canvas h1, section#content h1, #single-content h1{
	font-size:2.8em;
	line-height:34px;
	font-weight:400;
	color:#7cb305;
	font-family: 'Gudea', sans-serif;
	margin-bottom:20px;
}

section#canvas h2, section#content h2, #single-content h2{
	font-size:1.8em;
	line-height:30px;
	font-weight:700;
	color:#5b5b5d;
	font-family: 'Gudea', sans-serif;
	margin-bottom:8px;
}

section#canvas h3, section#content h3, #single-content h3{
	font-size:22px;
	line-height:26px;
	font-weight:400;
	color:#5b5b5d;
	font-family: 'Gudea', sans-serif;
	margin-bottom:8px;
}

strong{
	font-weight:bold;}

p {
	color:#2c2c2e;
	font-size:12px;
	line-height:17px;
	margin-bottom:10px;
}

.hint-red{
	padding:10px;
	border:1px solid #ff343a;
	background:#ffe2e3;
	display:block;
	margin-bottom:10px;
}

.hint-orange{
	padding:10px;
	border:1px solid #ff740e;
	background:#fee5d2;
	display:block;
	margin-bottom:10px;
}

.hint-grey{
	padding:10px;
	border:1px solid #a1a1a2;
	background:#e5e5e5;
	display:block;
	margin-bottom:10px;
}

.hint-green{
	padding:10px;
	border:1px solid #428807;
	background:#d8eeb9;
	display:block;
	margin-bottom:10px;
}

.right{float:right;}
.left{float:left;}

/* -------------------------- Help Sections ---------------------------- */
a.help{ font-family:arial; display:inline; vertical-align:baseline; font-size:12px; line-height:11px; padding:2px 4px; font-weight:900 !important; text-align:center; color:#7cb305 !important; background:#fff; border: 1px solid #7cb305; border-radius:3px;}
a.help:hover {cursor:pointer;}

span.tooltip {
      position: absolute;
      width: 100px;
      height: 20px;
      line-height: 20px;
      padding: 10px;
      font-size: 14px;
      text-align: center;
      color: rgb(113, 157, 171);
      background: rgb(255, 255, 255);
      border: 4px solid rgb(255, 255, 255);
      border-radius: 5px;
      text-shadow: rgba(0, 0, 0, 0.1) 1px 1px 1px;
      box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 2px 0px;
}

span.tooltip:after {
      content: attr(data-tip) ;
      position: absolute;
      width: 0;
      height: 0;
      border-width: 10px;
      border-style: solid;
      border-color: #FFFFFF transparent transparent transparent;
      top: 44px;
      left: 50px;
}

a.tooltip::before, li.tooltip::before, tooltip::before {
    content: attr(data-tip) ;
    font-size: 10px;
    position:absolute;
    z-index: 999;
    white-space:nowrap;
    bottom:9999px;
    background:#000;
    color:#e0e0e0;
    padding:0px 7px;
    line-height: 24px;
    height: 24px;
    opacity: 0;
    transition:opacity 0.4s ease-out;
    }
a.tooltip:hover::before, li.tooltip:hover::before, tooltip:hover::before {
    opacity: 5;
    top: 15px;
	margin-left:-30px;
}


/* -------------------------- Global Forms ---------------------------- */

input.form-field, textarea.form-field, select.form-field{
	display: inline-block;
	float:left;
	font-size:11px;
	padding:2px;
	border:1px solid #c4c4c4;
	border-radius:3px;
	margin:0 10px 10px 5px;
	min-width:150px;
	vertical-align:middle;
	line-height:1em;
}


input.form-field:focus, textarea.form-field:focus, select.form-field:focus{
	border:1px solid #7ec716;
}


label.form-field{
	font-size:11px;
	line-height:18px;
	font-weight:bold;
	color:rgb(44,44,46);
	float:left;
	vertical-align:middle;
}


/* -------------------------- Page header ---------------------------- */

header#page_header{
	min-height:48px;
	background: #69b111; /*alternative Hintergrundfarbe für IE*/
	background: -moz-linear-gradient(top, #7ec716, #428807); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#7ec716), to(#428807)); /* Safari , Chrome */
	background: linear-gradient(top, #7ec716, #428807); /* W3C Standard */
	border-top:#c2e590 1px solid;
	border-bottom:#1d3b04 1px solid;
	display:block;
	text-align:left;
	position:relative;
}

.logo{
	background:url(../images/logo-small.png) no-repeat;
	height:26px;
	width:122px;
	margin:12px 5% 0 1.31578947368%;
	float:left;
}

.loged_in{
	right:1.31578947368%;
	top:5px;
	position:absolute;
	font-size:0.7em;
	font-weight:bold;
	color:#fff;
	text-align:left;
	vertical-align:text-top;

}

.username{
	background:url(../images/icon_mini_user.png) no-repeat 0px 2px;
	padding-left:12px;
	float:left;
	margin-top:3px;
}
	
.loged_in a{
	font-weight:bold;
	color:#fff;
	text-decoration:none;
	border:0px solid #447b0a;
	border-radius: 5px;
    -moz-border-radius: 5px;
	background: url(../images/icon_mini_logout.png) #214901 no-repeat 3px 2px;
	box-shadow:0px 0px 2px #d6fd4d;
	padding:0 5px 0 16px;
	margin:3px 5px 0 5px;
	float:left;
}

.loged_in a:hover{
	color:#b5e802;
}

.uplinkicon{background:url(../images/uplink.png);width:20px;height:20px; margin:-2px 0 0 0px ; padding:0; display:block;}
.uplink_green{background-position: 0 0;}
.uplink_active{background-position: 0 20px;}
.uplink_yellow{background-position: 40px 0px;}
.uplink_red{background-position: 20px 0px;}

/* -------------------------- Page Navigation ---------------------------- */

#menu{
margin:0px;
padding:0px;
height:0px;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#FFF;
margin-top:14px;
height:100%;
}

#menu ul {
float:left;
list-style:none;
margin:0px 0 0 0;
padding:0px;

}

#menu li {
float: left;
list-style: none;
margin-left:-2px;
background:url(../images/boder_pagenav.png) repeat-y;
background-position:right;

}

#menu li a, #menu li a:link, #menu li a:visited {
color:#ffffff;
display: block;
margin: 0px 0 0px 0;
padding: 10px 10px 10px 10px;
text-decoration:none;
}

#menu li a:hover, #menu li a:active {
color: #ffffff;
margin: 0px 0 0px 0;
padding: 10px 10px 10px 10px;
text-decoration: none;
background:url(../images/bg_nav_hov.png) repeat-x 0px -15px;

}

#menu li li a, #menu li li a:link, #menu li li a:visited {
background:url(../images/nav_arr_wh.png) #5b5b5d no-repeat;
background-position: 12px 10px;
width: 200px;
color: #ffffff;
font-size: 11px;
font-family: tahoma, century gothic,Georgia,  sans-serif;
font-weight: bold;
float: none;
margin: 0px 0 0 2px;
padding: 5px 10px 5px 25px;
border-bottom: 1px solid #6a6a6a;
}

#menu li li a:hover, #menu li li a:active {
background:url(../images/nav_arr_grey.png) #b5e802 no-repeat;
background-position: 12px 10px;
color: #333335;
padding: 5px 10px 5px 25px;
}

#menu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 170px;
margin: 0px;
padding: 0px;
}

#menu li li {
}

#menu li li li{
	margin-left:15px;
}

#menu li li li a, #menu li li li a:link, #menu li li li a:visited {
	background:#454545;
	color:#d8d8d8;
}

#menu li li li a:hover, #menu li li li a:active {
background:#b5e802;
color: #333335;
}

#menu ul ul ul{
	padding-top:5px;
}


#menu li ul a { 
width: 140px;
}

#menu li ul a:hover, #menu li ul a:active { 
}

#menu li ul ul {
margin: -31px 0 0 170px;
}

#menu li:hover ul ul, #menu li:hover ul ul ul, 
#menu li.sfhover ul ul, #menu li.sfhover ul ul ul {
left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, 
#menu li li li:hover ul, #menu li.sfhover ul, 
#menu li li.sfhover ul, #menu li li li.sfhover ul {
left: auto;
}

#menu li:hover, #menu li.sfhover { 
position: static;
}


/* ------ User Settings & Logout ------- */

#menu-right{
	float:right;
	margin:0px;
	padding:0px;
	height:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:10px;
	color:#FFF;
	margin:14px 0 0 5px ;
	height:100%;
	right:0px;
	display:block;
}

#menu-right ul{}
	
#menu-right li{
	float:left;
	list-style: none;
	margin-left:-2px;
	background:url(../images/boder_pagenav.png) repeat-y;
	background-position:left;
	padding: 10px 10px 10px 10px;
	position:relative;
	height:14px;
}

#menu-right .user-settings{
	padding-left:30px;
	background:url(../images/user-settings.png) no-repeat 0px 8px;
	overflow:visible;
	padding: 10px 0px 10px 22px;
}

#menu-right a.logout{color:#ffa10c !important;}

#menu-right .sys-conncetion{
	display:block;
	float:left;
	margin-right:20px;
}

#menu-right ul ul{
	margin:8px 0 0 -10px !important;
	padding:7px 0px 0px 0px!important;
	border-radius:2px;
	background:url(../images/alerrts-ul-top.png) no-repeat 10px 0px;
	width:100%;
}


#menu-right li li{
	list-style: none;
	margin:0px 0px 0px 0px !important;
	float:none;
	background:#141517;
	border-bottom:1px solid #2c2c2e;
	padding:0px;
		height:24px;

}

#menu-right li a, #menu-right li a:link, #menu-right li a:visited {
	color:#ffffff;
	display: block;
	text-decoration:none;
}

#menu-right li li a, #menu-right li li a:link, #menu-right li li a:visited {
	color:#ffffff;
	display: block;
	text-decoration:none;
	padding:5px 15px 5px 15px !important;
}




#menu-right li li a:hover {display:block;text-decoration:underline;}
#menu-right li li a:hover, #menu-right li li a:active {}
#menu-right li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	margin: 0px;
	padding: 0px;
}


#menu-right li:hover ul ul, #menu-right li:hover ul ul ul, 
#menu-right li.sfhover ul ul, #menu-right li.sfhover ul ul ul {
left: -999em;
}

#menu-right li:hover ul, #menu-rightli li:hover ul, 
#menu-right li li li:hover ul, #menu-right li.sfhover ul, 
#menu-right li li.sfhover ul, #menu-right li li li.sfhover ul {
left: auto;
}

#menu-rightli:hover, #menu-right li.sfhover { position: static;}


/* -------------------------- Sidebar left ---------------------------- */

section#page_sidebar{
	width:13.4210526315%;
	background:#1d1e20;
	float:left;
	margin:0;
	display:inherit;
	overflow:hidden;
}

header#nav_titel{
	font-size:16px;
	font-weight:700;
	font-family: 'Gudea', sans-serif;
	margin-top:5px;
	margin-bottom:15px;
	text-align:left;
	color:#7cb305;
	margin-left:9.803921568%;	
}


nav#sidebar{
	margin: 0 0 0 9.803921568%;
	text-align:left;
}


nav#sidebar ul{
	border-bottom:#434445 solid 1px;
	margin-right:9.803921568%;
	margin-bottom:10px;
}

nav#sidebar li{
	border-top:#434445 solid 1px;
	position:relative;
}


nav#sidebar li:hover{
	margin-left:-5px;
	width:250px;
	background:#FFF;
	border-radius: 5px;
    -moz-border-radius: 5px;
	transition: background .15s ease-in-out;
   	-moz-transition: background .15s ease-in-out;
   	-webkit-transition: background .15s ease-in-out;
}

.sidebar-selected{
	margin-left:-5px;
	width:250px;
	background:#FFF;
	border-radius: 5px;
    -moz-border-radius: 5px ;
}

.sidebar-selected a{
	color:#7cb305 !important;
	margin-left:5px;
}

nav#sidebar li a{
	font-size:11px;
  	padding:10px 0 10px 0;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
	display:block;
}

nav#sidebar li a:hover{
	color:#7cb305;
	margin-left:5px;
}

.sidebar_list_icon a{
	display:block;
	float:right;
	position:absolute;
	right:0px;
}

.sidebar_button{
	font-size:12px;
	font-weight:bold;
    border: 1px solid #212224;
	margin:0 9.803921568% 15px 9.803921568%;
	color:#898a8b;
}

.sidebar_button	a{
	padding:3px 6px 3px 6px;
	text-align:center;
	font-size:12px;
	line-height:14px;
	font-weight:700;
	font-family: 'Gudea', sans-serif;
	text-shadow: -1px -1px 0px #000;
	color:#a1a1a2;
	text-decoration:none;
	display:block;
	border-radius: 5px;
    -moz-border-radius: 5px;
	background:#434345;
	background: -moz-linear-gradient(top, #434345, #2d2d2f); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#434345), to(#2d2d2f)); /* Safari , Chrome */
	background: linear-gradient(top, #434345, #2d2d2f); /* W3C Standard */
	box-shadow:0px 0px 2px #666;
	transition: background .25s ease-in-out;
   -moz-transition: background .25s ease-in-out;
   -webkit-transition: background .25s ease-in-out;	
}

.sidebar_button	a:hover{
	color:#fff;
	text-shadow: 1px 1px 0px #000;
	background:	#7ec716;
	background: -moz-linear-gradient(top, #7ec716, #428807); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#7ec716), to(#428807)); /* Safari , Chrome */
	background: linear-gradient(top, #7ec716, #428807); /* W3C Standard */	
}

.sidebar_button	a:active{
	background:#434345;
	background: -moz-linear-gradient(top, #434345, #2d2d2f); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#434345), to(#2d2d2f)); /* Safari , Chrome */
	background: linear-gradient(top, #434345, #2d2d2f); /* W3C Standard */
}

/* -------------------------- Elemente, Rahmen, Buttons ---------------------------- */

.border_dark{/*Linien Optionspanel*/
	height:3px;
	width:100%;
	background:url(../images/boder_dark.png) repeat-x;
	margin:0;
}

.button-gr	a{
	padding:3px 6px 3px 6px;
	font-size:12px;
	font-weight:700;
	font-family: 'Gudea', sans-serif;
	text-decoration:none;
	color:#fff;
	text-shadow: 1px 1px 0px #000;
	background:	#7ec716;
	background: -moz-linear-gradient(top, #7ec716, #428807); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#7ec716), to(#428807)); /* Safari , Chrome */
	background: linear-gradient(top, #7ec716, #428807); /* W3C Standard */	
    border: 1px solid #212224;
	border-radius: 3px;
    -moz-border-radius:3px;
}

.button-gr	a:hover{
	background: #ff9334; /*alternative Hintergrundfarbe für IE*/
	background: -moz-linear-gradient(top, #ff9334, #ff5a00); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9334), to(#ff5a00)); /* Safari , Chrome */
	background: linear-gradient(top, #ff9334, #ff5a00); /* W3C Standard */
	border:#ff3600 1px solid;
}

.button-gr	a:active{
	background:#434345;
	background: -moz-linear-gradient(top, #434345, #2d2d2f); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#434345), to(#2d2d2f)); /* Safari , Chrome */
	background: linear-gradient(top, #434345, #2d2d2f); /* W3C Standard */
	border: 1px solid #212224;
}




.preloaeder{/*Preloader Icon*/
	background:url(../images/loader.gif);
	opacity:0.8; 
	margin:auto;
	width:32px;
	height:32px;
	display:block;
	position:absolute;
	top:50%;
	left:50%;
}

.opt_content{/*Speicherbutton Dialoge*/
	border-top: 1px solid #b9b9b9;
	border-bottom: 1px solid #b9b9b9;
	color:#727274;
	font-weight:bold;
	size:13px;
	text-align:center;
	padding: 8px 0 8px 0;
}

.opt_content a, a.btn-save {
	padding:3px 15px 3px 15px;
	background: #69b111; /*alternative Hintergrundfarbe für IE*/
	background: -moz-linear-gradient(top, #7ec716, #428807); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#7ec716), to(#428807)); /* Safari , Chrome */
	background: linear-gradient(top, #7ec716, #428807); /* W3C Standard */
	color:#fff !important;
	text-decoration:none;
	border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #5c8504;
	font-size:14px;
}

.opt_content a:hover, a.btn-save:hover{
	background: #ff9334; /*alternative Hintergrundfarbe für IE*/
	background: -moz-linear-gradient(top, #ff9334, #ff5a00); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9334), to(#ff5a00)); /* Safari , Chrome */
	background: linear-gradient(top, #ff9334, #ff5a00); /* W3C Standard */
	border:#ff3600 1px solid;
}


.opt_content a.disable, a.btn-save.disable {
	cursor:text;
	padding:3px 15px 3px 15px;
	background: #d0d0d1; /*alternative Hintergrundfarbe für IE*/
	background: -moz-linear-gradient(top, #d0d0d1, #a1a1a2); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#d0d0d1), to(#a1a1a2)); /* Safari , Chrome */
	background: linear-gradient(top, #d0d0d1, #a1a1a2); /* W3C Standard */
	color:#e5e5e5 !important;
	text-decoration:none;
	border-radius: 5px;
    -moz-border-radius: 5px;
    border: 1px solid #a1a1a2;
	font-size:14px;
}

#popup{/*Status Popup*/
	min-width:200px;
	min-height:50px;
	position:absolute;
	top:35px;
	right:15px;
	background:#223A53;
	z-index:500;
    border: 1px solid #fff;
	box-shadow:0px 0px 5px #000;
	padding:10px;
	text-align:left;
	font-size:11px;
	font-weight:bold;
	opacity:0.6;
	transition:ease-in-out 0.3s;
}

#popup:hover{
	opacity:1;
	transition:ease-in-out 0.3s;
}

/*Modal Window*/
.mod_window {
	visibility:hidden;
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.8);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 200ms ease-in;
	-moz-transition: opacity 200ms ease-in;
	transition: opacity 200ms ease-in;
	pointer-events: none;
}

.mod_window h2{
	font-size:2.1em;
	font-weight:400;
	color:#7cb305;
	font-family: 'Gudea', sans-serif;
	margin-bottom:10px;
	display:block;
	text-align:center;
}

.mod_window p{
	font-size:14px;
	line-height:18px;
	color:#333;
	margin-bottom:10px;
	text-align:center;
	}

.mod_window:target {
	visibility:visible;
	opacity:1;
	pointer-events: auto;
}

.mod_window > div {
	width: 400px;
	position: relative;
	margin: 10% auto;
	padding: 20px 20px 13px 20px;
	border-radius: 10px;
	background: #fff;
	border: solid #7cb305 4px;
	box-shadow: 0 0 10px #000;
}

.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.mod_col{
	width:50%;
	float:left;
	text-align:center;
	margin:10px 0 0px 0;
	min-height:40px;
}


.mod_col_center{
	width:100%;
	text-align:center;
 	margin-left: auto;
 	margin-right: auto;
	margin-top:30px !important;
 	min-height:40px;
	display:block;
}


.mod_col a, .mod_col_center a{
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	-moz-border-radius:8px;
	border-radius: 8px;
	padding:6px 12px 6px 12px;
}



.abort{
color:#5b5b5d;background:#f2f2f2;background: -moz-linear-gradient(top, #f2f2f2, #e5e5e5); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#f2f2f2), to(#e5e5e5)); /* Safari , Chrome */background: linear-gradient(top, #f2f2f2, #e5e5e5); /* W3C Standard */ border:1px solid #cbcbcb;	}

.abort:hover{
color:#5b5b5d;background:	#d8d8d8;background: -moz-linear-gradient(top, #dfdfdf, #cbcbcb); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#dfdfdf), to(#cbcbcb)); /* Safari , Chrome */background: linear-gradient(top, #dfdfdf, #cbcbcb); /* W3C Standard */	}

.confirm{
color:#fff;background: #69b111; /*alternative Hintergrundfarbe für IE*/background: -moz-linear-gradient(top, #7ec716, #428807); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#7ec716), to(#428807)); /* Safari , Chrome */background: linear-gradient(top, #7ec716, #428807); /* W3C Standard */border: 1px solid #5c8504;
}

.confirm:hover{
color:#fff;background: #ff9334; /*alternative Hintergrundfarbe für IE*/background: -moz-linear-gradient(top, #ff9334, #ff5a00); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9334), to(#ff5a00)); /* Safari , Chrome */background: linear-gradient(top, #ff9334, #ff5a00); /* W3C Standard */border:#ff3600 1px solid;
}

.close:hover { background: #7cb305;
}


/* -------------------------- Product Images ---------------------------- */

img.img-thumb{
	border:1px solid #7CB305;
	background:#D8EEB9;
	overflow:hidden;
	box-shadow:0px 0px 5px rgba(102,102,102,0.8);
	-webkit-box-shadow:0px 0px 5px rgba(102,102,102,0.8);
	-moz-box-shadow:0px 0px 5px rgba(102,102,102,0.8);
}

.delline {
	display:block;
	margin-bottom:5px;
	border-bottom: 1px solid #b9b9b9;
	height: 10px;
	clear:both;
}

.delline span {
	font-size:12px;
	font-weight: bold;
	border: 1px solid #b9b9b9;
	padding: 6px 20px 6px 20px;
    text-align: center;
    background: white;
    color: #7cb305;
    margin-left: 15px;
    margin-top: 25px;
	border-radius:3px;
}

/* -------------------------- Content Tabs ---------------------------- */

#tab-menu{
	display:block;
	margin-bottom:5px;
	border-bottom: 1px solid #b9b9b9;
	clear:both;
}

#tab-menu li{
    list-style: none;
    position: relative;
    float: left;
    height:30px;
	font-size:12px;
	font-weight:bold;
    text-align: center;
	margin:0 5px 0 0;
	overflow:hidden;

}
	
#tab-menu li a{
	padding:0 30px 0 30px;
    text-decoration:none;
	color:#727274;
	line-height:30px;
	display:block;
	border-radius:3px 3px 0px 0px;
	-moz-border-radius:3px 3px 0px 0px;
	background:#e5e5e5;
	border: 0px solid #b9b9b9;
	border-bottom:0px;
}

#tab-menu li a:hover{background:#5c5c5e;color:#fff;height:32px;}
#tab-content{clear:both;}
#tab-01{display:none;}
#tab-02{display:none;}
#tab-03{display:none;}
#tab-04{display:none;}
#tab-01:target{display:block;}
#tab-02:target{display:block;}
#tab-03:target{ display:block;}
#tab-04:target{display:block;}
#tab-menu li a.selected{background:#7cb305;color:#fff;}

/* -------------------------- Status Panel Tools & Sitename ---------------------------- */


/* ---- List Alerts ---- */

#alerts{
	margin:-10px 0 0 0;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
}

#alerts ul {
	float:left;
	list-style:none;
	margin:0px 0 0 0 !important;
	padding:0px;
}

#alerts ul ul{
	margin:-8px 0 0 -10px !important;
	padding:7px 0px 0px 0px!important;
	border-radius:2px;
	background:url(../images/alerrts-ul-top.png) no-repeat 17px 0px;
}

#alerts li {float: left;list-style: none;}

#alerts .number{
	font-size:24px;font-weight:bold;border-radius: 5px;-moz-border-radius: 5px;border: 1px solid #212224;padding:1px 6px 1px 6px;margin:5px 5px 10px 0px;box-shadow:0px 0px 2px #666; display:block;
}

.alerts-icon{
	width:16px;
	height:16px;
	display:inline-block;
	line-height:12px;
	vertical-align:middle;
	margin-right:3px;
}

 .alerts-icon a{
	background:url(../images/icon-alerts.png) no-repeat;
	display:block;
	text-indent:-9999px;
	width:16px;
	height:16px;
	overflow:hidden;
}

.alert-status{display:inline-block;margin-left:5px;}
.alerts-icon a.noncheck{background-position:0px 0px;}
.alerts-icon a.check{background-position:0px -16px;}
.alerts-icon a.nonclock{background-position:-16px 0px;}
.alerts-icon  a.clock{background-position:-16px -16px;}
.alerts-icon a.check:hover{background-position:0px -32px;}


#alerts .yellow{
color:#fff;line-height:28px;background:#ffc300;background: -moz-linear-gradient(top, #ffc300, #ffa500); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc300), to(#ffa500)); /* Safari , Chrome */background: linear-gradient(top, #ffc300, #ffa500); /* W3C Standard */	
}

#alerts .orange{
color:#fff;line-height:28px;background:#ff740e;background: -moz-linear-gradient(top, #ff9435, #ff740e); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9435), to(#ff740e)); /* Safari , Chrome */background: linear-gradient(top, #ff9435, #ff740e); /* W3C Standard */}

#alerts .red{
color:#fff;line-height:28px;background:#c90809;background: -moz-linear-gradient(top, #fb3036, #c90809); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#fb3036), to(#c90809)); /* Safari , Chrome */background: linear-gradient(top, #fb3036, #c90809);  /* W3C Standard */		
}

#alerts .grey{
color:#fff;line-height: 28px;background:#858688;background: -moz-linear-gradient(top, #858688, #474748); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#858688), to(#474748)); /* Safari , Chrome */background: linear-gradient(top, #858688, #474748); /* W3C Standard */	
}

#alerts li li{
	list-style: none;
	margin:0px 0px 0px 0px !important;
	padding:5px 15px 5px 5px !important;
	float:none;
	background:#141517;
	border-bottom:1px solid #2c2c2e;
}

#alerts li a, #alerts li a:link, #alerts li a:visited {
	color:#ffffff;
	display: block;
	text-decoration:none;
}

#alerts li li a, #alerts li li a:link, #alerts li li a:visited {
	color:#ffffff;
	display: block;
	text-decoration:none;
}


#alerts li a:hover, #alerts li a:active {
	
}

#alerts li li a:hover {
	display:block;
	text-decoration:underline;
}

#alerts li li a:hover, #alerts li li a:active {}

#alerts li ul {
	z-index: 9999;
	position: absolute;
	left: -999em;
	height: auto;
	margin: 0px;
	padding: 0px;
}

#alerts li ul a { }
#alerts li ul a:hover, #alerts li ul a:active { }
#alerts li ul ul {}

#alerts li:hover ul ul, #alerts li:hover ul ul ul, 
#alerts li.sfhover ul ul, #alerts li.sfhover ul ul ul {
left: -999em;
}

#alerts li:hover ul, #alertsli li:hover ul, 
#alerts li li li:hover ul, #alerts li.sfhover ul, 
#alerts li li.sfhover ul, #alerts li li li.sfhover ul {
left: auto;
}

#alertsli:hover, #alerts li.sfhover { position: static;}



section#sys_status{
	margin-top:5px;
	margin-bottom:5px;
	text-align:left;
	position:relative;
}

.sys_column{display: inline;float: left;margin-left: 1.31578947%;padding-top:0px;}


.headline{
	font-size:2.1em;
	margin:8px 0 5px 1.31578947368%;
	line-height:32px;
	font-family: 'Gudea', sans-serif;	
	font-weight:400;
}

.sub_title{
	font-size:1em;
	margin:8px 0 10px 1.31578947368%;
	font-family: 'Gudea', sans-serif;	
	font-weight:700;
	color:#79c315;
	clear:both;
}


a.btn-panel-option{
	margin:0 3px 3px 0;
	background:#7ec716;
	background: -moz-linear-gradient(center top , #7ec716, #428807) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-radius: 3px;
    color: #fff !important;
	font-weight:bold;
    font-size: 11px;
    padding: 4px 8px;
    text-decoration: none;
	}

a.btn-panel-option:hover{
	background: #ff9334; /*alternative Hintergrundfarbe für IE*/
	background: -moz-linear-gradient(top, #ff9334, #ff5a00); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9334), to(#ff5a00)); /* Safari , Chrome */
	background: linear-gradient(top, #ff9334, #ff5a00); /* W3C Standard */
	}
	
a.btn-panel-disable{
	cursor:text;
	margin:0 3px 3px 0;
	background:#b9b9b9;
	background: -moz-linear-gradient(top, #b9b9b9, #727274); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#b9b9b9), to(#727274)); /* Safari , Chrome */
	background: linear-gradient(top, #b9b9b9, #727274); /* W3C Standard */
    border-radius: 3px;
    color: #dfdfdf !important;
	font-weight:bold;
    font-size: 11px;
    padding: 4px 8px;
    text-decoration: none;
	}


#sys_col{
	background:url(../images/boder_dark_vert.png) repeat-y;
	background-position:right;
	min-height:150px;
	margin-top:15px;
}

.sys_column{display: inline;float: left;}

.title_alert{color:#bebebe;font-weight:bold;font-family: 'Gudea', sans-serif;}

#sys_col ul{
	font-size:12px;
	color:#FFF;
	border-bottom:1px dotted #626264;
	margin:16px 12.19512195121% 0 0;
}


#sys_col li{color:#FFF;border-top:1px dotted #626264;}

#sys_col li a{
	font-size:0.8em;
	font-weight:bold;
	color:#FFF;
	display:block;
	padding:1px 0 2px 1px;
	text-decoration:none;

}

#sys_col li a:hover{color:#7db405;background:#1d1d1f;}

.sys_ticker_subs{/*Statusmeldungen*/margin:2px 10px 5px 0;padding:0px;}

h2.sys_ticker_subs{/*Statusmeldungen*/
	color:#79c315;
	font-weight:bold;
	font-family: 'Gudea', sans-serif;
	text-shadow: -1px -1px 0px #000;
	font-size:13px;
}

#sys_ticker_subs ul{
	float:left;
	margin: 10px 0px 0px 0px;
	display:block;
}

#sys_ticker_subs li{
	color:#fff;
	font-weight:bold;
	font-size:0.7em;
	font-family:Arial, Helvetica, sans-serif;
	text-shadow:none;
	width:380px;
}

#sys_ticker_subs a#system{
	color:#FFF;
	text-decoration:none;
}

#sys_ticker_subs a#red{
	color:#F00;
	text-decoration:none;
}

#sys_ticker_subs a#yellow{
     color:#F1FF2E;
     text-decoration:none;
}

#sys_ticker_subs a#orange{
	color:#F90;
	text-decoration:none;
}

#sys_ticker_subs a#grey{
     color:#858688;
     text-decoration:none;
}

#sys_ticker_subs a#system:hover, #sys_ticker_subs a#red:hover, #sys_ticker_subs a#yellow:hover, #sys_ticker_subs a#orange:hover, #sys_ticker_subs a#grey:hover{
	text-decoration:underline;
}

.status_ok{

	margin:20px 0 0 24.3902439024%;
}

.alert{/*Aktuelle Alerts in Optionspanel*/
font-size:24px;font-weight:bold;border-radius: 5px;-moz-border-radius: 5px;border: 1px solid #212224;padding:1px 6px 1px 6px;margin:5px 5px 10px 0px;box-shadow:0px 0px 2px #666; position:relative;
}

.alert_normal{
color:#898a8b;line-height:24px;background:#434345;background: -moz-linear-gradient(top, #434345, #2d2d2f); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#434345), to(#2d2d2f)); /* Safari , Chrome */background: linear-gradient(top, #434345, #2d2d2f); /* W3C Standard */	
}
.alert_red{
color:#fff;line-height:24px;background:#c90809;background: -moz-linear-gradient(top, #fb3036, #c90809); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#fb3036), to(#c90809)); /* Safari , Chrome */background: linear-gradient(top, #fb3036, #c90809);  /* W3C Standard */	
}
.alert_yellow{
color:#fff;line-height:24px;background:#ffc300;background: -moz-linear-gradient(top, #ffc300, #ffa500); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc300), to(#ffa500)); /* Safari , Chrome */background: linear-gradient(top, #ffc300, #ffa500); /* W3C Standard */	
}
.alert_orange{
color:#fff;line-height:24px;background:#ff740e;background: -moz-linear-gradient(top, #ff9435, #ff740e); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9435), to(#ff740e)); /* Safari , Chrome */background: linear-gradient(top, #ff9435, #ff740e); /* W3C Standard */	
}
.alert_green{
color:#fff;line-height: 24px;background:	#7ec716;background: -moz-linear-gradient(top, #7ec716, #428807); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#7ec716), to(#428807)); /* Safari , Chrome */background: linear-gradient(top, #7ec716, #428807); /* W3C Standard */	
}
.alert_grey{
color:#fff;line-height: 24px;background:	#7ec716;background: -moz-linear-gradient(top, #858688, #474748); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#858688), to(#474748)); /* Safari , Chrome */background: linear-gradient(top, #858688, #474748); /* W3C Standard */	
}

	
/* -------------------------- Dashboard ---------------------------- */

section#dashboard{
	min-height:200px;
	margin-top:0px;
	padding:25px 1.315789473% 25px 0;
	background:url(../images/bg_dboard.png) repeat;
	text-align:left;
}


.info_table{
	border-radius: 5px;
    -moz-border-radius: 5px;
	background:#FFF;
	color:#1e1e20;
	margin-bottom:15px;
}

.info_table p{
	font-size:12px;
	line-height:15px;
	padding:0 0 10px 0;
	color:#2c2c2e;
	border-bottom:1px dotted #999;
	margin: 0 5px 10px 5px;
}

.dashboard_title{
	font-family: 'Gudea', sans-serif;
	font-weight:700;
	border:#1d1d1f 1px solid;
	border-radius: 5px;
    -moz-border-radius: 5px;
	background:#434345;
	background: -moz-linear-gradient(top, #434345, #2d2d2f); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#434345), to(#2d2d2f)); /* Safari , Chrome */
	background: linear-gradient(top, #434345, #2d2d2f); /* W3C Standard */
	font-size:14px;
	line-height:14px;
	color:#7db405;
	box-shadow:0px 0px 2px #666;
	padding:5px 0 5px 5px;
	margin-bottom:10px;
	overflow:hidden;
}

.dashboard_headline{
	font-family: 'Gudea', sans-serif;
	font-weight:700;
	color:#2c2c2e;
	margin: 0 5px 3px 5px;
}

.list_view ul{
	margin:0 5px 3px 5px;
	font-size:12px;
	font-weight:bold;
	color:#2d6302;
	border-top:1px dotted #999;
}

.list_view li{
	border-bottom:1px dotted #999;
}

.list_view li a{
	display:block;
	padding: 8px 0 8px 1px;
	text-decoration:none;
	color:#2d6302;
	background:url(../images/listviewbg.png) no-repeat;
	background-position:right;
}

.list_view li a:hover{
	background:url(../images/listviewbg_act.png) no-repeat;
	background-position:right;
	color:#434445;
}

/* -------------------------- Views ---------------------------- */

.panel_height{
	height:auto;
}

.panel_title{
	height:60px;
	font-size:2.1em;
	line-height:32px;
	font-family: 'Gudea', sans-serif;	
	font-weight:400;
	padding-bottom:5px;
	display: inline;float: left;
	margin-left: 1.31578947%;
	padding-top:0px;
	max-width:300px;
	color:#FFF;
}

.panel_subs{
	color:#bebebe;
	font-weight:bold;
	font-family: 'Gudea', sans-serif;
	text-shadow: -1px -1px 0px #000;
	margin: 4px 0 15px 0;
}

.panel_alert{
	margin-bottom:10px;
}
.panel_alert a{
	color:#fff;
	text-decoration:none;
}
#view_options ul{
	}
	
#view_options li{
	background: url(../images/boder_dark_vert.png) repeat-y;
	background-position:right; 
	height:24px;
	width:24px;
	margin-right:5px;
	margin-left:5px;
	float:left;
}


/* -------------------------- Edit Views ---------------------------- */

.panel-item{float:left;margin: 0 1.851851851851% 0px 1.851851851851%;position:relative;}

/* Content */
section#content{
	margin: 0px 0px 5px 0px;
	padding:20px 0 0 0;
	background:#fff;
	text-align:left;
	position:relative;
	float:left;
	width:86.5789473684%;
	min-height:750px;
}

section#single-content{
	margin: 0px 0px 5px 0px;
	padding:20px 0 0 0;
	background:#fff;
	text-align:left;
	position:relative;
	float:left;
	width:100%;
	min-height:750px;
	overflow:hidden;
}


/* -------------------------- Canvas ---------------------------- */


section#canvas{
	margin-top:0px;
	padding:0;
	background:#fff;
	text-align:left;
	position:relative;
}


.canvas_side{float:left;width:86.5789473684%;}


/* -------------------------- Property Dialog - Configuration Services, Systems, Agents etc. ---------------------------- */

#prop_dialog{
	font-size:12px;
	color:#666;
	overflow:hidden;
}

.prop_section{
	background:#e5e5e5;
	padding:3px 5px 3px 5px;
	display:block;
	margin-bottom:3px;
	vertical-align:text-top;
	border-radius:3px;
}
.prop_section:last-of-type{
	margin-bottom:10px !important;
}

.pro-sec-red.prop_section{
	border:1px solid #ff343a;
	border-radius:3px;
	background:#ffe2e3;
}
.pro-sec-red.prop_section:hover{background:#fff;}

.pro-sec-red label{color:#ff343a !important;}

.prop_section li{
	background:#e5e5e5;
	padding:3px 5px 3px 5px;
	display:block;
	margin-bottom:3px;
	vertical-align:text-top;
}

.prop_section .input-group{ width:68%; display:inline-block; box-sizing:border-box; float:right;}
.prop_section .input-group  input{ width:47% !important; margin:0 0 0 3%; box-sizing:border-box; float:left !important; }
@media only screen and (max-width:1200px) {
.prop_section .input-group{ width:100%; }
.prop_section .input-group  input{ width:47% !important; margin:0 4% 0 0; box-sizing:border-box; float:left; }
.prop_section .input-group  input:last-child{ margin:0 0% 0 0;}
}

.prop_section:hover{background:#d7eaae;}
#prop_dialog a{color: #98d245;text-decoration: none;font-weight: bold;}
#prop_dialog label{width:30%;display:block; float:left; height:auto; font-weight:bold;color:#2d6302;padding-top:2px;}
#prop_dialog label.defcolor{color: #5b5b5d;}
#prop_dialog label.red{color: #fb3036;}
#prop_dialog select.assigned option.highlighted{background: #7ec716;}
#prop_dialog select.revoked option.highlighted{background: #fb3036;color: #fff;}

#prop_dialog input, #prop_dialog textarea, #prop_dialog select{
		width:66%;
		display: inline-block;
		float:right;
		font-size:11px;
		padding:2px;
		border:1px solid #c4c4c4;
		border-radius:3px;
	}
	#prop_dialog select{
		width:67% ;
		}
	#prop_dialog input.error, #prop_dialog textarea.error, #prop_dialog select.error,#prop_dialog select.error{
			border:1px solid #FF343A;
			border-radius:3px;
			background:#FFE2E3;
		}
#prop_dialog input.align-right, #prop_dialog textarea.align-right{text-align:right;}
#prop_dialog input.align-center, #prop_dialog textarea.align-center{text-align:center;}
input[disabled], textarea[disabled]{color:#000;}
#prop_dialog input.col-2, #prop_dialog textarea.col-2, #prop_dialog select.col-2{width:32%;}
#prop_dialog .col-2:nth-of-type(1){margin-left:2%;}
#prop_order label{width:100%;font-weight:bold;color:#ddd2;margin-bottom:5px;}
#prop_order input, #prop_order textarea, #prop_order select{width:100%;display: inline-block;font-size:11px;padding:2px;border:1px solid #c4c4c4;border-radius:3px;}
#prop_order select {height: 8em;}
#prop_order table{width:100%;}
.prop_order_element{width:40px;text-align:center;}


/*
.prop_section:hover{background:#d7eaae;}
#prop_dialog a{color: #98d245;text-decoration: none;font-weight: bold;}
#prop_dialog label{width:40%;display: inline-block;font-weight:bold;color:#2d6302;padding-top:2px;}
#prop_dialog label.defcolor{color: #5b5b5d;}
#prop_dialog label.red{color: #fb3036;}
#prop_dialog select.assigned option.highlighted{background: #7ec716;}
#prop_dialog select.revoked option.highlighted{background: #fb3036;color: #fff;}

#prop_dialog input, #prop_dialog textarea, #prop_dialog select{
	width:49%;
	display: inline-block;
	float:right;
	font-size:11px;
	padding:2px;
	border:1px solid #c4c4c4;
	border-radius:3px;
	}
	#prop_dialog select{
		width:50% ;}
	#prop_dialog input.align-right, #prop_dialog textarea.align-right{text-align:right;}
	#prop_dialog input.align-center, #prop_dialog textarea.align-center{text-align:center;}
	input[disabled], textarea[disabled]{color:#000;}
	#prop_dialog input.col-2, #prop_dialog textarea.col-2, #prop_dialog select.col-2{width:23.0%;}
	#prop_dialog .col-2:nth-of-type(1){margin-left:2%;}



#prop_order label{width:100%;font-weight:bold;color:#ddd2;margin-bottom:5px;}
#prop_order input, #prop_order textarea, #prop_order select{width:100%;display: inline-block;font-size:11px;padding:2px;border:1px solid #c4c4c4;border-radius:3px;}
#prop_order select {height: 8em;}
#prop_order table{width:100%;}
.prop_order_element{width:40px;text-align:center;}

*/


/* -------------------------- Tables Standard ---------------------------- */


table.tab_standard{
     width:100%;
     border-collapse:inherit;
     border:2px solid #fff;
     margin-bottom:10px;
     border-radius:0px 0px 8px 0px;
     box-shadow:1px 1px 7px #666;
     table-layout:fixed;
}

a.tab_head_link {color:#bee38a;text-decoration:none;}
a:hover.tab_head_link{color:#7ec716;}
a.tab_head_link_act {
	background:url(../images/tab-arr.png) no-repeat 0px 4px;
	color:#bee38a;
	text-decoration:none;
	padding-left:20px;
}

a:hover.tab_head_link_act {color:#7ec716;}

.tab_standard th{
     background:#5b5b5d; color:#fff;
     padding:5px;
     font-size:1em;
     font-weight:bold;
}

.tab_standard td a{
     margin:0 0 0 0;
     text-decoration:none;
     color:#266b94;
     overflow:hidden;
     display:block;
}

.tab_standard td a:hover{
     color:#fff;
     display:block;
}

.tab_standard{}

.tab_standard td{
     font-size:0.9em;
     padding:5px;
}

.tab_standard tr:nth-of-type(even) {
     background-color:#fff;
}

.tab_standard tr:nth-of-type(odd) {
     background-color:#e5e5e5;
}

.tab_standard tr:hover{
     background:#7cb305;
     color:#fff;
     overflow:hidden;
}

.tab_standard tr.green{background:#d8eeb9;}
.tab_standard tr.yellow{background:#ffeeb2;}
.tab_standard tr.orange{background:#fee5d2;}
.tab_standard tr.red{background:#ffe2e3;}
.tab_standard tr.grey{background:#e5e5e5;}

.tab_standard tr.green:hover{ background:#458b08; color:#fff; font-weight:normal;}
.tab_standard tr.yellow:hover{ background:#ffc500; color:#266b94; font-weight:normal;}
.tab_standard tr.orange:hover{ background:#ff720c; color:#fff; font-weight:normal;}
.tab_standard tr.red:hover{ background:#ff343a; color:#fff; font-weight:normal;}
.tab_standard tr.grey:hover{ background:#2c2c2e; color:#fff; font-weight:normal;}


table.tab_standard tr.cell-right, table#tab_standard td.cell-right, table#tab_standard th.cell-right, table#tab_standard.cell-right, .cell-right {text-align: right !important;}



/* -------------------------- Tables Version 2 ---------------------------- */


table.tab-v2{width:100%;border-collapse:inherit;border:1px solid #fff;margin-bottom:10px;border-radius:0px 0px 5px 0px; table-layout:fixed;box-shadow:1px 1px 4px rgba(102,102,102,0.7);}
table.tab-v2 th {background:#434445; color:#fff;padding:5px 5px 5px 10px; font-size:0.9em;font-weight:bold;overflow:hidden;}
table.tab-v2 th a, table.tab-v2 th .tab_head{color:#98d245;text-decoration:none;}
table.tab-v2 tr {font-size:0.9em;border-left: 1px solid #bebebe;border-right: 1px solid #bebebe !important;}
table.tab-v2 tr:hover {background:#e5e5e5;}
table.tab-v2 td {color:#434445;overflow:hidden;border-top: 1px solid #bebebe; line-height:22px; padding:0 5px 0 10px !important;}
table.tab-v2 td a {color:#458b08;text-decoration:none;}
table.tab-v2 td a:hover {color:#2d6302;text-decoration:underline;}
table.tab-v2 td.align-right, table.tab-v2 tr.align-right, table.tab-v2 th.align-right{text-align:right;}
table.tab-v2 td.align-center, table.tab-v2 tr.align-center, table.tab-v2 th.align-center{text-align:center !important;}	
	
table.tab-v2 .sort{
	width:12px;
	height:12px;
	margin: -6px 3px 0 0;
	display:inline-block;
	vertical-align:middle;
}

table.tab-v2 .sort a.asc{
	width:12px;
	height:6px;
	background:#6C0;
	text-indent:-9999px;
	display:block;
	margin-bottom:3px;
	background:url(../images/tab-action.png) -36px 0px;
	}
	table.tab-v2 .sort a.asc-active{
		background:url(../images/tab-action.png) -72px -12px !important;
		}

table.tab-v2 .sort a.desc{
	width:12px;
	height:6px;
	background:#6C0;
	text-indent:-9999px;
	display:block;
	background:url(../images/tab-action.png) -36px -6px;
	}
	table.tab-v2 .sort a.desc-active{
		background:url(../images/tab-action.png) -72px -18px !important;
		}

/* ------ table status ------ */


.tab-item-status{
	width:14px;
	height:14px;
	background:none;
	-moz-border-radius: 3px;
	border-radius: 3px;
	display:inline-block;
	vertical-align:middle;
	margin:auto;
	margin-right:5px;
	box-shadow: 0px 0px 4px rgba(51,51,51,0.4);
	-moz-box-shadow: 0px 0px 4px rgba(51,51,51,0.4);
}

.tab-item-status.green{background:#7EC716;background: -moz-linear-gradient(top, #7EC716, #428807); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#7EC716), to(#428807)); /* Safari , Chrome */background: linear-gradient(top, #7EC716, #428807);}
.tab-item-status.yellow{background:#ffc300;background: -moz-linear-gradient(top, #ffc300, #ffa500); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc300), to(#ffa500)); /* Safari , Chrome */background: linear-gradient(top, #ffc300, #ffa500);}
.tab-item-status.orange{background:#ff740e;background: -moz-linear-gradient(top, #ff9435, #ff740e); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9435), to(#ff740e)); /* Safari , Chrome */background: linear-gradient(top, #ff9435, #ff740e);}
.tab-item-status.red{background:#c90809;background: -moz-linear-gradient(top, #fb3036, #c90809); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#fb3036), to(#c90809)); /* Safari , Chrome */background: linear-gradient(top, #fb3036, #c90809);}
.tab-item-status.grey{background:#7ec716;background: -moz-linear-gradient(top, #858688, #474748); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#858688), to(#474748)); /* Safari , Chrome */background: linear-gradient(top, #858688, #474748);}


/* ------ table status row, cell row ------ */

table.tab-v2 tr.row-green{background:#d8eeb9;}
table.tab-v2 tr.row-yellow{background:#ffeeb2;}
table.tab-v2 tr.row-orange{background:#fee5d2;}
table.tab-v2 tr.row-red{background:#ffe2e3;}
table.tab-v2 tr.row-grey{background:#e5e5e5;}
table.tab-v2 td.cell-green{background:#d8eeb9;}
table.tab-v2 td.cell-yellow{background:#ffeeb2;}
table.tab-v2 td.cell-orange{background:#fee5d2;}
table.tab-v2 td.cell-red{background:#ffe2e3;}
table.tab-v2 td.cell-grey{background:#e5e5e5;}
table.tab-v2 col.col-green{background:#d8eeb9;}
table.tab-v2 col.col-yellow{background:#ffeeb2;}
table.tab-v2 col.col-orange{background:#fee5d2;}
table.tab-v2 col.col-red{background:#ffe2e3;}
table.tab-v2 col.col-grey{background:#e5e5e5;}


/* ------ table icons ------ */
.tab-icon{
	line-height:22px;
	width:14px;
	height:14px;
	background:none;
	display:inline-block;
	vertical-align:middle;
	margin:auto;
	margin-right:3px;
	background: url(../images/tab-icon.png);
}

.tab-icon:last-child{margin-right:5px;}
.tab-icon.competitor{background-position:0px 0px;}
.tab-icon.no-competitor{background-position:0px -14px;}
.tab-icon.out-ok{background-position:-14px 0px;}
.tab-icon.out{background-position:-14px -14px;}
.tab-icon.in-ok{background-position:-28px 0px;}
.tab-icon.in{background-position:-28px -14px;}
.tab-icon.in-yellow{background-position:-42px 0px;}
.tab-icon.out-yellow{background-position:-42px -14px;}
.tab-icon.in-red{background-position:-56px 0px;}
.tab-icon.out-red{background-position:-56px -14px;}
.tab-icon.payment-pending{background-position:-70px 0px;}
.tab-icon.purchase{background-position:-84px 0px;}
.tab-icon.paid{background-position:-98px 0px;}
.tab-icon.released-job{background-position:-112px 0px;}
.tab-icon.parked-contract{background-position:-126px 0px;}
.tab-icon.shipped-ware{background-position:-140px 0px;}
.tab-icon.canceled-order{background-position:-154px 0px;}






/* ------ table actions ------ */


table.tab-v2 td.action a {
	width:12px;
	height:12px;
	background:#063;
	text-indent:-9999px;
	display:inline-block;
	vertical-align:middle;
	margin-right:5px;
	background:url(../images/tab-action.png);
}

table.tab-v2  a.reload {background-position:0px 0px !important;}
table.tab-v2  a.reload:hover {background-position:0px -12px !important;}
table.tab-v2  a.statistic {background-position:-12px 0px !important;}
table.tab-v2  a.statistic:hover {background-position:-12px -12px !important;}
table.tab-v2  a.check {background-position:-24px 0px !important;}
table.tab-v2  a.check:hover {background-position:-24px -12px !important;}
table.tab-v2  a.add {background-position:-48px 0px !important;}
table.tab-v2  a.add:hover {background-position:-48px -12px !important;}
table.tab-v2  a.delete {background-position:-60px 0px !important;}
table.tab-v2  a.delete:hover {background-position:-60px -12px !important;}
table.tab-v2  a.email {background-position:-84px 0px !important;}
table.tab-v2  a.email:hover {background-position:-84px -12px !important;}
table.tab-v2 .sort a.asc:hover{background:url(../images/tab-action.png) -36px -12px;}
table.tab-v2 .sort a.desc:hover{background:url(../images/tab-action.png) -36px -18px;}

.tab-v2.threshold input, .tab-v2.threshold select{
	width:95%;
	margin-right:5px;
	display: inline-block;
	font-size:11px;
	padding:2px;
	border:1px solid #c4c4c4;
	border-radius:3px;
	-moz-border-radius:3px;
}

.tab-v2.threshold input:focus, .tab-v2.threshold select:focus{border:1px solid #7ec716;}


.tab-v2.form input, .tab-v2.form select{
	width:95%;
	margin-right:5px;
	display: inline-block;
	font-size:11px;
	padding:2px;
	border:1px solid #c4c4c4;
	border-radius:3px;
	-moz-border-radius:3px;
}

.tab-v2.form input:focus, .tab-v2.form select:focus{border:1px solid #7ec716;}




/* ------ Sort Tables ------ */

#sor-tab{
	min-height:20px;
	background:#fff;
	display:block;
	font-size:11px;
	line-height:20px;
	font-weight:normal;
	margin:8px 0 8px 0;
	padding:5px;
	color:#727274;
	border-bottom: 1px solid #e5e5e5;
	border-top: 1px solid #e5e5e5;
}

#sor-tab select.sor-tab-fil, #sor-tab input.sor-tab-fil{
	border:1px solid #a1a1a2;
	font-size:11px;
	color:#727274;
	padding:2px;
	margin-left:10px;
	clear:both;
}

#sor-tab-num{float:right; display:inline-block; float:right}
.sor-tab-num {
	float:left;	
}

.sor-tab-num a{
	font-weight:bold;
	padding:3px 6px 3px 6px ;
	background:#d8eeb9;
	margin:0 2px  0 2px;
	color:#727274;
	text-decoration:none;
	
}

.sor-tab-num a:hover{
	font-weight:bold;
	padding:3px 6px 3px 6px ;
	background:#7db405;
	margin:0 2px  0 2px;
	color:#fff;
}

.sor-tab-ico a, .sor-tab-ico input{
	margin:0px 2px  1px 2px;
	text-indent:-9999px;
	width:18px;
	height:18px;
	padding:0px;
	background-image:url(../images/sor-tab-ico.png);
	background-color:#fff;
	display:inline-block;
	vertical-align:middle;
	border:none;
	cursor:pointer;
}

.sor-tab-ico a.sort{background-position:0px 0px; float:inherit;}
.sor-tab-ico a.first{background-position:-18px 0px;}
.sor-tab-ico a.prev{background-position:-36px 0px;}
.sor-tab-ico a.next{background-position:-54px 0px;}
.sor-tab-ico a.last{background-position:-72px 0px;}
.sor-tab-ico a.first-disable{background-position:-18px -18px; pointer-events: none; cursor: default;}
.sor-tab-ico a.prev-disable{background-position:-36px -18px; pointer-events: none; cursor: default;}
.sor-tab-ico a.next-disable{background-position:-54px -18px; pointer-events: none; cursor: default;}
.sor-tab-ico a.last-disable{background-position:-72px -18px; pointer-events: none; cursor: default;}


/* -------------------------- Area Charts ---------------------------- */

.chart-area{
	margin-top:15px;
	margin-bottom:15px;
	border:1px solid #7ec716;
	}
.chart-area h2{
	background:#7ec716 !important;
	font-size:18px !important;
	padding:2px 10px 2px 10px ;
	font-weight:500 !important;
	color:#fff !important;
	font-family: 'Gudea', sans-serif !important;
	margin-bottom:30px;
	border-bottom:1px solid #7CB305;
	}

.select-chart-item {
	margin:15px 10px 15px 10px;
	}	
.select-chart-item a{
	font-size:11px;
	font-weight:bold;
	color:#434445;
	background:#ececec;
	text-decoration:none;
	padding:4px 9px;
	border: 1px solid #d6d6d6;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin:0 5px 5px 0;
	display:inline-block;
	}
	.select-chart-item a.disable{
		border: 1px solid #d0d0d1;
		color:#d0d0d1;
		}
			.select-chart-item a.disable:hover{
		border: 1px solid #898a8b;
		color:#898a8b;
		}
	.select-chart-item a.active{
		border: 1px solid #458b08;
		color:#458b08;
		}		
	.select-chart-item a:hover{
		border: 1px solid #434445;
		color:#434445;
	}


/* -------------------------- Statistic Report  ---------------------------- */

#stat_report{background:#FFF;position:relative;height:auto;}
.stat_report_header{
	min-height:15px;
	background: #69b111; /*alternative Hintergrundfarbe für IE*/
	background: -moz-linear-gradient(top, #7ec716, #428807); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#7ec716), to(#428807)); /* Safari , Chrome */
	background: linear-gradient(top, #7ec716, #428807); /* W3C Standard */
	border-top:#c2e590 1px solid;
	border-bottom:#1d3b04 1px solid;
	display:block;
	text-align:left;
	position:relative;
}

.stat_report_top{width:100%;border-bottom:1px solid #999;}

.rep-dat-nam{
	margin: 0px 1.851851851851% 0px 1.851851851851%;
	text-align:center;
	padding:10px 0 10px 0;
	display:block;
}

.date_left{
	height:50px;
	width:50px;
	float:left;
	display:block;
	border:#CCC 1px solid;
	border-radius: 5px;
    -moz-border-radius: 5px;
	text-align:center;

}

.date_right{
	height:50px;
	width:50px;
	float:right;
	display:block;
	border:#CCC 1px solid;
	border-radius: 5px;
    -moz-border-radius: 5px;
}

#date_arrow a{
	background:#ececec;
	padding:5px;
	text-indent:-9999px;
	border-radius: 5px;
    -moz-border-radius: 5px;
	height:40px;
	width:40px;
	background:url(../images/sta-rep-arr.png) #ececec;
	float:left;
}

#date_arrow a#left{background-position:0px 0px;}
#date_arrow a#right{background-position:-50px 0px;}
#date_arrow a#left:hover{background-position:0px -50px;}
#date_arrow a#right:hover{background-position:-50px -50px;}

.date_center{
	text-align:center;
	color:#666;
	display:inline-block;
	margin:0;
	float:center;
}

#stat_report h1{
	font-size:1.4em;
	font-weight:700;
	color:#7cb305;
	font-family: 'Gudea', sans-serif;
	margin-bottom:5px;
}

.current_report{color:#434445;font-weight:400;}
.current_date{font-weight:bold;font-size:13px;color:#b9b9b9;}
.cha-cal-view{font-size:11px;color:#a1a1a2;}

.cha-cal-view a{
	color:#fff;
	margin:0 6px;
	padding:3px 6px;
	background:#727274;
	border-radius: 2px;
    -moz-border-radius: 2px;
	text-decoration:none;
}

.cha-cal-view a:hover{background:#2c2c2e; color:#fff;}
.cha-cal-view a.cal-cur{background:#458b08; color:#fff;}

.cha-cal-ico {
	width:16px;
	height:16px;
	display:inline-block;
	background:url(../images/sta-rep-ico-cal.png) no-repeat;
	text-indent:-9999px;
	margin-right:5px;
}

.cha-cal-ico a{display:block;}

.sta-rep-cha{
	background:#000;
	min-height:300px;
	display:block;
	border-bottom:1px solid #999;
	position:relative;
}

.sta-rep-per{
	background:#2c2c2e;
	color:#FFF;
	height:30px;
	padding: 0px 1.851851851851% 0px 1.851851851851%;
	text-align:left;
	font-size:12px;
	line-height:30px;
	font-weight:bold;
	overflow:hidden;
}

.sta-rep-per-gre{
	color:#7cb305;
	padding-left:15px;
	margin-left:10px;
}

.sta-rep-ico-qua{background:url(../images/sta-rep-ico-qua.png) no-repeat;}
.sta-rep-ico-val{background:url(../images/sta-rep-ico-val.png) no-repeat;}
.sta-rep-ico-max{background:url(../images/sta-rep-ico-max.png) no-repeat;}
.sta-rep-ico-min{background:url(../images/sta-rep-ico-min.png) no-repeat;}
.sta-rep-ico-del{background:url(../images/sta-rep-ico-del.png) no-repeat;}
.sta-rep-ico-avg{background:url(../images/sta-rep-ico-avg.png) no-repeat;}


.sta-rep-ackn a{float:left;
	height:18px;
	width:18px;
	margin-top:3px;
	padding:3px 0 0 3px;

}

.sta-rep-tab{color:#666;padding:15px 0 10px 0;}
.sta-rep-tab{text-align:left;}

table#tab-sta-rep{
	width:100%;
	border-collapse:inherit;
	border:2px solid #fff;
	margin-bottom:10px;
	border-radius:0px 0px 8px 0px;
	box-shadow:1px 1px 7px #666;
	table-layout:fixed;
}

#tab-sta-rep a{
	margin:0 0 0 0;
	text-decoration:none;
	color:#266b94;
	overflow:hidden;
	display:block;
}

#tab-sta-rep a:hover{
	color:#fff;
	display:block;
}

#tab-sta-rep th{
	background:#7cb305; color:#fff;
	padding:5px;
	font-size:0.9em;
	font-weight:bold;
	text-align:left;
}

#tab-sta-rep td{
	font-size:0.8em;
	font-weight:bold;
	padding:3px;
	border-bottom:1px solid #d8d8d8;
}

#tab-sta-rep tr:hover{background:#434445;color:#fff;}
.tab-sta-rep-red{background:#ff343a; color:#fff;}
.tab-sta-rep-yel{background:#fff68f;}


/* ------------------------- Accordion / Quickview  ------------------------- */

.vie-acc{
	position:absolute;
	z-index:1000;
	background:#fff;
	border-bottom:1px solid #cbcbcb;
	display:block;
	padding: 0px 1.31578947% 0px 1.31578947%;
	vertical-align:middle;
	height:5px;
	width:97.36842106%;
}
	
.vie-acc-con {
	position:absolute;
	z-index:999;	
	float: left;
	padding: 15px 1.31578947% 5px 1.31578947%;
	_float: none; /* Float works in all browsers but IE6 */
	background: url(../images/bg_body.png) 0px -200px;
	border-bottom:1px solid #141517;
	border-top:3px solid #fff;
	box-shadow:0px 3px 6px rgba(69,69,69,0.5);
	display:block;
	width:97.36842106%;
}
		
.on {
	background:#d8d8d8;
	background: -moz-linear-gradient(top, #d8d8d8, #fff); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#d8d8d8), to(#fff)); /* Safari , Chrome */
	background: linear-gradient(top, #d8d8d8, #fff); /* W3C Standard */	color:#fff;	}
	
.over {
	background:#d8d8d8;
	background: -moz-linear-gradient(top, #d8d8d8, #fff); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#d8d8d8), to(#fff)); /* Safari , Chrome */
	background: linear-gradient(top, #d8d8d8, #fff); /* W3C Standard */	color:#fff;		}

.vie-acc-tit{
	font-weight:bold;
	font-size:12px;
	color:#7cb305;
}

.vie-acc-tit-red{
	font-weight:bold;
	font-size:12px;
	color:#ff343a;
}

.vie-sli-tit{
	display:block;
	background: #69b111; /*alternative Hintergrundfarbe für IE*/
	background: -moz-linear-gradient(top, #7ec716, #428807); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#7ec716), to(#428807)); /* Safari , Chrome */
	background: linear-gradient(top, #7ec716, #428807); /* W3C Standard */
	border-radius: 3px 3px 0px 0px;
	padding:2px 2px 2px 5px;
	font-size:11px;
	font-weight:bold;
	text-shadow:1px 1px 0px rgba(20,20,20,0.5);
}

.vie-sli-tit-red{
	background:#c90809;background: -moz-linear-gradient(top, #fb3036, #c90809); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#fb3036), to(#c90809)); /* Safari , Chrome */				    background: linear-gradient(top, #fb3036, #c90809); /* W3C Standard */	
}

.vie-sli-tit-orange{
	background:#ff740e;background: -moz-linear-gradient(top, #ff9435, #ff740e); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9435), to(#ff740e)); /* Safari , Chrome */			    background: linear-gradient(top, #ff9435, #ff740e); /* W3C Standard */
}

.vie-sli-tit-yellow{
	background:#ffc300;background: -moz-linear-gradient(top, #ffc300, #ffa500); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc300), to(#ffa500)); /* Safari , Chrome */	     	    background: linear-gradient(top, #ffc300, #ffa500); /* W3C Standard */	
}

.vie-sli-tit-grey{
	background:#858688;background: -moz-linear-gradient(top, #434345, #2d2d2f); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#858688), to(#474748)); /* Safari , Chrome */				    background: linear-gradient(top, #434345, #2d2d2f); /* W3C Standard */	
}

.vie-acc-con ul{}
.vie-acc-con li{
	margin-bottom:5px;
	list-style:none;
	margin-right:10px;
	background:#212225;
	width:170px;
	display:block;
	float:left;
	border-radius:3px;
}
.vie-acc-con li:hover{box-shadow:0px 0px 3px rgba(223,223,223,0.9);}

.vie-acc-thu{
	width:100%;
	height:110px;
	background:#ececec;
	position:relative;
}

.vie-acc-con li{
	transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-webkit-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
}

#pan-acc-sta{
	background-color:#141517;
	border-radius:5px;
	margin:5px 3px 0 0;
	position:relative;
	width:60px;
	height:55px;
	position:relative;
	font-size:10px;
	line-height:13px;
	font-weight:bold;
	text-align:center;
	border:1px solid #141517;
	box-shadow:0px 0px 2px #727274;
}

#pan-acc-sta:hover{
	background-color:#5b5b5d;
	border-radius:5px;
	border:1px solid #141517;
	box-shadow:0px 0px 5px rgba(203,203,203,0.5);
}

#pan-acc-sta:active{margin:7px 3px -2px 0;}
#pan-acc-sta a{text-decoration:none;color:#fff;}
.pan-vie{display:block;padding-top:1px;}
	
#pan-acc-sta .red{
	display:block;
	font-size:20px;
	height:35px;
	line-height:35px;
	border-radius:5px 5px 0px 0px;
	border-bottom:1px solid #141517;
	color:#fff;
	text-align:center;
	font-weight:bold;
	background:#c90809;background: -moz-linear-gradient(top, #fb3036, #c90809); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#fb3036), to(#c90809)); /* Safari , Chrome */				    background: linear-gradient(top, #fb3036, #c90809); /* W3C Standard */	
}

#pan-acc-sta .orange{
	display:block;
	font-size:20px;
	height:35px;
	line-height:35px;
	border-radius:5px 5px 0px 0px;
	border-bottom:1px solid #141517;
	color:#fff;
	text-align:center;
	font-weight:bold;
	color:#fff;background:#ff740e;background: -moz-linear-gradient(top, #ff9435, #ff740e); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9435), to(#ff740e)); /* Safari , Chrome */	background: linear-gradient(top, #ff9435, #ff740e); /* W3C Standard */
}

#pan-acc-sta .yellow{
	display:block;
	font-size:20px;
	height:35px;
	line-height:35px;
	border-radius:5px 5px 0px 0px;
	border-bottom:1px solid #141517;
	color:#fff;
	text-align:center;
	font-weight:bold;
	color:#fff;background:#ffc300;background: -moz-linear-gradient(top, #ffc300, #ffa500); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc300), to(#ffa500)); /* Safari , Chrome */	background: linear-gradient(top, #ffc300, #ffa500); /* W3C Standard */	
}

#pan-acc-sta .grey{
	display:block;
	font-size:20px;
	height:35px;
	line-height:35px;
	border-radius:5px 5px 0px 0px;
	border-bottom:1px solid #141517;
	color:#fff;
	text-align:center;
	font-weight:bold;
	background:	#7ec716;background: -moz-linear-gradient(top, #858688, #474748); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#858688), to(#474748)); /* Safari , Chrome */		    background: linear-gradient(top, #858688, #474748); /* W3C Standard */	
}

#pan-acc-sta .green{
	display:block;
	font-size:20px;
	height:35px;
	line-height:35px;
	border-radius:5px 5px 0px 0px;
	border-bottom:1px solid #141517;
	color:#fff;
	text-align:center;
	font-weight:bold;
	background:	#7ec716;background: -moz-linear-gradient(top, #7ec716, #428807); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#7ec716), to(#428807)); /* Safari , Chrome */			    background: linear-gradient(top, #7ec716, #428807); /* W3C Standard */	
}

.vie-acc-sta{
	position:absolute;
	z-index:100;
	bottom:3px;
	left:3px;
	background-color:rgba(21,22,23,0.8);
	border-radius:5px;
	margin:auto;
	padding:3px 3px 4px 5px;
}

.che-alert{ margin-left:5px;}

.vie-acc-alert {/*Aktuelle Alerts im Dahsboard*/
font-size:18px; font-weight:bold; border-radius: 4px;-moz-border-radius:4px;border:1px solid #5b5b5d;padding:1px 6px 1px 6px;margin:0px 1px 0px 0px;}
.acc-alert-normal{
color:#898a8b;line-height:24px;background:#434345;background: -moz-linear-gradient(top, #434345, #2d2d2f); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#434345), to(#2d2d2f)); /* Safari , Chrome */background: linear-gradient(top, #434345, #2d2d2f); /* W3C Standard */	
}
.acc-alert-red{
color:#fff;line-height:24px;background:#c90809;background: -moz-linear-gradient(top, #fb3036, #c90809); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#fb3036), to(#c90809)); /* Safari , Chrome */background: linear-gradient(top, #fb3036, #c90809); /* W3C Standard */	
}
.acc-alert-yellow{
color:#fff;line-height:24px;background:#ffc300;background: -moz-linear-gradient(top, #ffc300, #ffa500); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffc300), to(#ffa500)); /* Safari , Chrome */background: linear-gradient(top, #ffc300, #ffa500); /* W3C Standard */	
}
.acc-alert-orange{
color:#fff;line-height:24px;background:#ff740e;background: -moz-linear-gradient(top, #ff9435, #ff740e); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#ff9435), to(#ff740e)); /* Safari , Chrome */background: linear-gradient(top, #ff9435, #ff740e); /* W3C Standard */	
}
.acc-alert-green{
color:#fff;line-height: 24px;background:	#7ec716;background: -moz-linear-gradient(top, #7ec716, #428807); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#7ec716), to(#428807)); /* Safari , Chrome */background: linear-gradient(top, #7ec716, #428807); /* W3C Standard */	
}
.acc-alert-grey{
color:#fff;line-height: 24px;background:	#7ec716;background: -moz-linear-gradient(top, #858688, #474748); /* Firefox */background: -webkit-gradient(linear, 0 0, 0 100%, from(#858688), to(#474748)); /* Safari , Chrome */background: linear-gradient(top, #858688, #474748); /* W3C Standard */	
}


/* -------------------------- Explore Asin ---------------------------- */

.explore-asin{ color:#000; font-size:12px;}
.ex-asin-item{ border:1px solid #cbe9a2; background:#fff; padding:10px; transition: all ease-in-out 0.2s; margin-bottom:15px;}
.ex-asin-item img{ border:1px solid #ececec;}
.ex-asin-item:hover{ border:1px solid #98d245;}
.ex-asin-item .title{ font-weight:bold; font-family:arial; color:#458b08; height:20px; display:block; overflow:hidden; }
table.ex-asin-table {width:100%;border-collapse:inherit;table-layout:fixed; font-size:11px;}
table.ex-asin-table em { font-size:10px; color:#999;}

/* -------------------------- Login Form /Register ---------------------------- */

.log-main, .register{
	width:630px;
	margin:auto;
	height: auto;
	position:relative;
	text-align:center;
	padding-top:50px;
}

.log-main h1, .register h1{
	font-size:1.8em;
	font-weight:400;
	color:#a6a6a6;
	font-family: 'Gudea', sans-serif;
	margin-bottom:20px;
}

.log-logo{
	background:url(../images/logo.png) no-repeat;
	width:320px;
	height:100px;
	margin:auto;
	margin-bottom:20px;
}

.log-form, .register-form{
	background:#FFF;
	border-radius: 8px;
	padding:25px;
	box-shadow: 0 0px 6px rgba(0,0,0,1);
	-moz-box-shadow: 0 0px 6px rgba(0,0,0,1);
	-webkit-box-shadow: 0 0px 6px rgba(0,0,0,1);
	text-align:left;
}

.form-key{width:420px;}

/* Input field */
.log-input{
	width: 138px;
	margin:0 10px 0 0;
	padding: 15px 25px 15px 35px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: 400;
	font-size: 12px;
	color:#030;
	text-shadow: 1px 1px 0 rgba(256,256,256,1.0);
	background-position:10px 10px;
	background-repeat:no-repeat;
	background-color: #e8e8e8;
	border: 1px solid #fff;
	border-radius: 5px;
	box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
	-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.50);
}


.log-error{
	font-size:13px;
	font-weight:bold;
	color:#ff343a;
	text-align:center;
	margin:10px 0 10px 0;
	padding:10px;
	border:1px solid #ff343a;
	background:#ffe2e3;
	display:block;
	margin-bottom:10px;
	border-radius: 5px;

}

.log-username{background-image:url(../images/log-user.png);}
.log-key{background-image:url(../images/log-key.png); width:230px;}
.log-password{background-image:url(../images/log-password.png);}

.log-input:focus {
	background-color: #e1f0d1;
	color: #414848;
	box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.25);
}

/* Animation */
.log-input{
	transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
}

.log-button {
	margin-left:15px;
	float:right;
	padding: 10px 15px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #fff;
	background: #56c2e1;
	border: 1px solid #428807;
	border-radius: 5px;
	cursor: pointer;
	background: #69b111; /*alternative Hintergrundfarbe für IE*/
	background: -moz-linear-gradient(top, #7ec716, #428807); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#7ec716), to(#428807)); /* Safari , Chrome */
	background: linear-gradient(top, #7ec716, #428807); /* W3C Standard */
}

.log-button:hover {
	background: #57b313; /*alternative Hintergrundfarbe für IE*/
	background: -moz-linear-gradient(top, #57b313, #3c7e07); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#57b313), to(#3c7e07)); /* Safari , Chrome */
	background: linear-gradient(top, #57b313, #3c7e07); /* W3C Standard */	
	border: 1px solid #428807;
	border-radius: 5px;

}

.log-button:focus {color:#fff;margin-top:2px;margin-bottom:-2px;}

a.abort-login {
	margin-left:15px;
	float:right;
	padding: 10px 15px;
	font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
	font-weight: bold;
	font-size: 17px;
	color: #fff;
	border: 1px solid #434445;
	border-radius: 5px;
	cursor: pointer;
	background: #898a8b; /*alternative Hintergrundfarbe für IE*/
	background: -moz-linear-gradient(top, #898a8b, #5b5b5d); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#898a8b), to(#5b5b5d)); /* Safari , Chrome */
	background: linear-gradient(top, #898a8b, #5b5b5d); /* W3C Standard */
	text-decoration:none;
}

a.abort-login:hover {
	background: #727274; /*alternative Hintergrundfarbe für IE*/
	background: -moz-linear-gradient(top, #727274, #434445); /* Firefox */
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#727274), to(#434445)); /* Safari , Chrome */
	background: linear-gradient(top, #727274, #434445); /* W3C Standard */	
	border: 1px solid #434445;
	border-radius: 5px;
	color: #fff;
}

a.abort-login:active {color:#fff;margin-top:2px;margin-bottom:-2px;}
.log-register{color:#494949;font-size:12px;font-weight:bold;margin-top:20px;display:block;}
.log-register a{color:#5ea60e;text-decoration:none;}
.log-register a:hover{color:#3c7e07;}
.log-lang{float:right;margin:0;}
.flags a{width:22px;height:14px;background:url(../images/flags.png);display:block;text-indent:-9999px;float:left;margin-left:10px;}
.flags a.german{background-position:0px 0px;}
.flags a.english{background-position:-22px 0px;}

.log-info{
	text-align: left;
	box-sizing: border-box;
	width:626px;
	margin:auto;
	height: auto;
	position:relative;
	text-align:center;
	margin-top: 20px;
	padding: 20px;
	background-color: #fff;
	border-radius:8px;
	border:2px solid #5ea60e;
	text-align: left; 
}
.log-info h2{
	color:#5ea60e;
	font-weight: normal;
	margin-bottom: 10px;
	font-size: 20px;
}
.log-info ul{
	color:#494949;
}

.log-info ul li{
	margin-bottom: 5px;
	    padding-left: 20px;

}
.log-info ul li::before {
    content: "\00BB ";
    font-weight: bold;
    font-size: 18px;
    color: #5ea60e;
    margin-right: 10px;
    margin-left: -20px;
} 

/* -------------------------- Register  ---------------------------- */
#register-dialog p{font-size:11px;color:#666; margin:10px 0 10px 0; vertical-align:middle;}
.register p{font-size:14px; margin:0px;}
.register a{ color:#499fd2;}
.register_section{ background:#E5E5E5;border-radius: 5px;display:block;margin-bottom: 7px;padding: 7px;}
.register_section:hover{background:#d7eaae;}
.register_section label{ color:#458b08; font-size:13px; font-weight:bold; width:200px; display:inline-block; float:left; margin:5px 0 0 0;}
.register_section input{ border-radius:5px; border: 1px solid #C4C4C4; font-size:13px; color:#333; padding:5px; width:60%; display:inline-block; float:right;}
.register_section.error{border: 1px solid #F30; background:#FFE2E3 !important;}
.register_section.error label{ color:#FF343A;}
.register_section.error input:focus{border: 1px solid #898a8b;}
.register_section input:focus{ border-radius:5px; border: 1px solid #7ec716;}
.register-button{ float:left !important; margin:0px;}
#register-dialog input.error{outline: 1px solid #F30 !important; }


/* -------------------------- Footer ---------------------------- */
.footer{margin: 5px 1.35135135% 5px 1.35135135%;font-size:10px;color:#999;text-align:center;}
.footer a{text-decoration:none;color:#CCC;}


/* Media Queries Kontext 1900px */
@media only screen and (max-width:1900px) {
.g115{width:90px;}
.g230{width:205px;}
.g345{width:320px;}
.g460{width:435px;}
.g575{width:550px;}
}

@media only screen and (max-width:1200px) {
#prop_dialog label{margin-bottom:5px;display:block;width:98%}

#prop_dialog input,#prop_dialog textarea, #prop_dialog select {float:left;width:98%}
}

@media only screen and (max-width:1000px) {
.g230{width:auto;}
.logo{background:url(../images/logo-icon.png) no-repeat;margin:8px 3px 3px 0px;height:30px;width:30px;}
.canvas_up img{width:50px;height:23px;top:-23px;}
}

@media only screen and (max-width:800px) {
.logo{background:url(../images/logo-icon.png) no-repeat;margin:8px 3px 3px 0px;height:30px;width:30px;
}
}


@media only screen and (max-width:320px) {
html, body {margin-left:0;margin-right:0;}
	
.g230{width:98%;}
.g230{width:98%;}
.g345{width:98%;}
.g460{width:98%;}

header#page_header{height:auto;}
nav#page_navigation{display:none;}
section#page_sidebar{width:100%;float:none;}
.headline{font-size:1.2em;line-height:1em;}
#sys_col ul{margin:10px 0 0 0;}
#sys_col{
	background:url(../images/boder_dark.png) repeat-x;
	background-position:bottom ;
	margin-top:15px;
	min-height:auto;
	padding-bottom:10px;
}

}