/**
* HTML-Tags
*/
* {
	font-family:Verdana,Arial,Helvetica,Geneva;
//	color:#000000; 
//	line-height:130%; 
}

body,
td,
th,
h3,
textarea 
{
	color:#000000;
}

body {
	margin:0px;
	margin-left:8px;
	margin-right:6px;
	margin-bottom:8px;
	margin:0px;
	margin-left:5px;
	font-size:12px;
	overflow-x:auto;
	overflow-y:scroll;
	overflow-y:auto;
}

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

a:hover {
	text-decoration:none;
}

input,
textarea,
select,
option {
	font-size:1.0em;
}

input,
textarea,
select,
file
{
	border:1px solid #C9C9C9;
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px; 
	border-radius: 4px;
}

th {
	font-weight:bold; 
}

h3 {
	font-size:14px; 
	font-weight:bold; 
	margin-top:0px;
}

fieldset {

}
legend {
	font-size:80%;
	padding:0px 5px !important;
}

/**
* Helper
*/
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/**
* kategory-Tree
*/
.ui-widget-tree {
	background-image: none ;
	background: transparent;
	overflow-y:hidden;
	padding-top:0.2em;
	padding-bottom:0.2em;
	min-height:20px;
}

/**
* TOOLBAR & Elements 
*/
#ToolBar {
	margin-left:5px !important;
	margin-right:0.4em !important;
	margin-bottom:5px !important;
	padding:2px 6px 2px 6px !important;
	z-index:998;
	min-height:30px;
}
.navbar,
.viewbar {
	position:fixed;
	top:5px;
}

.navbar {
    right:100px;
    (-bracket-:hack;
	    right:80px;
    );
}

.navbutton {
	height:17px;
	width:20px;
	margin-top:0px;
}

.iteminfo {
	margin-top:1px;
}
/**
* UI-adds
*/
input.ui-button,
button.ui-button
{
    padding-bottom: 0.1em;
    padding-left: 0.1em;
    padding-right: 0.1em;
    padding-top: 0.1em;
    height:22px;
    width:auto;
    min-height:22px;
    min-width:22px;
    
}
input.ui-button .ui-button-text,
button.ui-button .ui-button-text
{
	padding-top:0px;
	padding-bottom:0px;
}
.input.ui-button,
.ui-button-text,
.ui-widget button button
{
	font-family: Trebuchet MS,Helvetica,Arial,sans-serif;
}

.ui-button-text-only .ui-button-text { padding: 3px 6px 3px 6px; }

.klein,
.klein .ui-button-text {
	font-size:90%;
 	padding: 1px;
    padding-left: 2px;
    padding-right: 2px;
}

.ui-buttonset .ui-button {
    margin-left: 0;
    margin-right: -0.4em;
    padding-left: 0.2em;
    padding-right: 0.4em;
    (-bracket-:hack;
   	 	padding-left: 0.4em !important;
	    padding-right: 0.4em !important;
    );
}

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    padding-left: 0.5em;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	background-image: none;
	background-color: #C9C9C9;
}

.ui-state-warn, .ui-widget-content .ui-state-warn, .ui-widget-header .ui-state-warn {
    color: #004B7D !important;
}

.ui-melago-not-empty {
	color: #C9C9C9 !important;
}

.ui-autocomplete .ui-menu-item {
	border-bottom:1px solid black;
	background-color:#C9C9C9;
}

.ui-autocomplete .ui-menu-item a {
	text-decoration:none;
}
.xui-melago-autofill-item {
	xborder-bottom:1px solid black;
	margin-bottom:2px;
	-moz-border-radius: 0px; 
	-webkit-border-radius: 0px; 
	border-radius: 0px;	
}
.xui-melago-autofill-item i {
	font-size:80%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.ui-buttonset .ui-button {
    padding-left: 0.4em !important;
    padding-right: 0.4em !important;
}
}

#AdminBar {
	width:auto;
	display:inline;
	float:left;
	margin-right:0.5em;
	margin-top:4px;
	padding-bottom:1px;
}

.toolbar {
	text-align:center;
}

.right {
	float:right !important;
}

#DivBasket .BasketText {
	padding-top:2px;
	padding-right:2px;
	float:right;
    (-bracket-:hack;
		margin-top:2px;	
    );
}

.navcontainer,
.ui-melago-useraction,
.navbar {
	z-index:999;
	border:1px solid #DDDDDD;
}

.viewbar,
.actionbar,
.pagerbar
{
	float: left;
	z-index:999;
	border:0px solid #DDDDDD;
}

.viewbar {
	right:6px;
}

.actionbar {
	margin-top:0px;
	margin-left: 5px;
}

.actionbar select,
.pagerbar input {
	border:1px solid silver;
}

.navcontainer {
	position:relative;
	top:2px;
	left:-3px;
	padding:2px 4px 2px 4px;
	float:left;
	margin:0px;
}

.navbar {
	margin: 0;
	padding: 0px;
	padding-top: 1px;
}
// Safari-Hack
@media screen and (-webkit-min-device-pixel-ratio:0) { .navbar {padding-top: 0px; margin-right:2px} }

.viewbar {
	margin: 0;
	padding:3px;	
} 

// Safari-Hack
@media screen and (-webkit-min-device-pixel-ratio:0) { .viewbar {padding-bottom: 4px;margin-top:1px;} }

.lastbuttonset {
	margin-right:3px;
}
// Safari-Hack
@media screen and (-webkit-min-device-pixel-ratio:0) { .lastbuttonset {margin-right:7px;} }

.ui-melago-maintable {
	margin-left:0px;
}

.ui-melago-buttonset-container,
.ui-melago-useraction {
	padding:2px;
	margin:0px;
	font-weight:normal;
	z-index:999;
	border: 1px solid #DDDDDD;
}
.ui-melago-buttonset-container .ui-button-text-only .ui-button-text { 
	padding: 2px 6px 2px 6px; 
	color: #70b2e1;
}
.ui-melago-buttonset-container .ui-button-text-only .ui-button-text:hover { 
	color: #3383bb;
}


.ui-melago-useraction {
	float:left;
	position:fixed;
	top:4px;
	left:10px;
}

.ui-melago-widget-content {
	padding:3px;	
    (-bracket-:hack;
		padding:1px;	
    );
}

.ui-melago-category-headline {
	margin-bottom:.5em;
}

.ui-melago-breadcrump {
	border-bottom:1px solid silver;
	padding-bottom:0.2em;
	font-weight:bold;
	font-size:105%;
	font-style: italic;
	color: #A9A9A9;
	text-align:left;
}

.ui-melago-footer {
	border-top:1px solid silver;
}

.ui-melago-highlighted {
	xcolor:#3383BB;
	font-style: italic;
}

.ui-widget-tree {
	background-image: none ;
	background: transparent;
	overflow-y:hidden;
	padding-top:0.2em;
	padding-bottom:0.2em;
	margin-top:0.3em;
	min-height:20px;
}

.melago-ui-actionbar {
    font-weight: normal;
    margin-bottom: 0.2em;
    padding-bottom: 0.2em;
    padding-left: 0.2em;
    padding-right: 0.2em;
    padding-top: 0.2em;
    text-align: left;
}

.melago-ui-icon {
	width: 16px; 
	height: 16px; 
	background-image: url(images/ui-icons_999999_256x240.png); 
	cursor:pointer;
	float:left;
	margin-top:2px;
}
.melago-ui-icon:hover {
	background-image: url(images/ui-icons_ef8c08_256x240.png) !important;
}
.melago-ui-icon-remove {
	background-position: -16px -192px;
}

.melago-ui-icon-add {
	background-position: 0 -192px;
}

.melago-ui-catdescription {
	margin-bottom:0.5em;
}

/*
* Tableau Images
*/
.melago-ui-tableau-img-small {
	position:relative;
	height:64px;
	width:216px;
	overflow:hidden;
}
.melago-ui-tableau-img-medium {
	position:relative;
	height:127px;
	width:236px;
	overflow:hidden;
}
.melago-ui-tableau-img-big {
	position:relative;
	height:256px;
	width:256px;
	overflow:hidden;
}

.melago-ui-tableau-img-small img,
.melago-ui-tableau-img-medium img,
.melago-ui-tableau-img-big img
{
	position:absolute;
	bottom:0px;
}

.ui-widget {
	font-size:1.0em;
	font-size:12px;
} 
.ui-widget-content {
	background-image: none !important;
}

.ui-status-help {
	font-size:70%;
	font-style:italic;
	padding:0.5em; 0em;
}

.ui-tabs .ui-tabs-panel {
	padding:0.2em 0;
}

#screenmask
{
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
  Top:0;
  Left:0;
}

.centered {
	position:relative;
	top:auto;
	left:auto;
	vertical-align:middle;
	text-align:center;
}

.message {
	font-size:1em;
	font-weight:bold;
}

/*
* Tooltip
*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid silver;
	background-color: #FFFFCC;
	padding: 1px;
	
	opacity: 0.85;

	-moz-box-shadow: 5px 5px 5px #AAA;
	-webkit-box-shadow: 5px 5px 5px #AAA;
	box-shadow: 5px 5px 5px #AAA;
}

#tooltip h3, #tooltip div { 
	margin: 0; 
	font-size:10px;
	padding:1px;
	font-weight:normal;
}

/**
* Fancy-Vbox
*/
.fancybox_title {
	border-top:1px solid silver;
	padding-top:5px;
}

/*
* Icons
*/

/* positioning */

.ui-button .ui-icon.ui-melago-icon-view_tableau { 
    background-image: url(images/ui-melago-icons_70b2e1_160x160.png);
	background-position: 0 0; 
}
.ui-button .ui-icon.ui-melago-icon-view_list { 
    background-image: url(images/ui-melago-icons_70b2e1_160x160.png);
	background-position: -16px 0; 
}

.ui-button.ui-state-hover .ui-icon.ui-melago-icon-view_tableau { 
    background-image: url(images/ui-melago-icons_3383bb_160x160.png);
	background-position: 0 0; 
}
.ui-button.ui-state-hover .ui-icon.ui-melago-icon-view_list { 
    background-image: url(images/ui-melago-icons_3383bb_160x160.png);
	background-position: -16px 0; 
}


/**
* Melago -Tabellenanzeige
*/

.MPCellLeft,
.align_left {
	text-align:left !important;
}

.MPCellCenter,
.align_center {
	text-align:center !important;
}

.MPCellRight,
.align_right {
	text-align:right !important;
}


/**
* Kontextmenü
*/
.ui-menu .ui-state-focus {
	font-weight: normal !important;
}

.ui-menu {
	background-color: #f0f0f0; !important;
	box-shadow: 1px 1px 2px #999;
}