/**
 * GUI
 *
 * @author      Rainer Ossig
 * @version     1.0
 **/

body {
	/* background: #CCC; */
	/* overflow: hidden; */
	overflow: auto;
	margin: 0; /* 21.10.2009 Ossig Splitter offset in Browser client */
	/* font-size: 11px; */ /* 62.5%; */ /* 22.10.2009 Ossig tab font */
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
	height: 100%; /* Make div height % possible.*/
}

/*
 * Splitter container. Set this to the desired width and height
 * of the combined left and right panes. In this example, the
 * height is fixed and the width is the full width of the body,
 * less the margin on the splitter itself.
 */
#DesktopSplitter {
	height: 100%;
	/* position: absolute; 21.10.2009 Ossig element.style {position: relative;}*/
	/* margin: 0; */ /* 1em 3em; */
	/* border: 2px solid #bdb; */
	/* No padding allowed */
	/* background: #ffffff; */
	/* width: 1280px; */
	/* margin: 0 auto; */
	margin: 0;
}
/*
 * Left-side element of the splitter. Use pixel units for the
 * min-width and max-width; the splitter plugin parses them to
 * determine the splitter movement limits. Set the width to
 * the desired initial width of the element; the plugin changes
 * the width of this element dynamically.
 */
#SplitterMenuPane {
	/* background: #efe; */
	overflow: hidden; /* 22.11.2009 Ossig When menupoint level2 is clicked ==> width increases by 1 pixel in StartMenu */
	/* No margin or border allowed */
}
/*
 * Right-side element of the splitter.
 */
#SplitterWorkPane {
	/* background: #f8fff8; */
	overflow: hidden; /* 18.11.2009 Ossig Pixel differences in contents ==> avoid scrollbars*/
	/* No margin or border allowed */
}
/* 
 * Splitter bar style; the .active class is added when the
 * mouse is over the splitter or the splitter is focused
 * via the keyboard taborder or an accessKey. 
 */
#DesktopSplitter .vsplitbar {
	/* display: none; */
	width: 8px;
	/* background: #ffffff url('../../jquery/gewindow/images/vgrabber.gif') no-repeat center; */
	background: url('../../jquery/gewindow/images/vgrabber.gif') no-repeat center;
}
#DesktopSplitter .vsplitbar.active {
	/* display: none; */
	/* background: #9EAD04 url("../../jquery/gewindow/images/vgrabber.gif") no-repeat center; */
	/* background: -moz-linear-gradient(top, #A9E213, #9DCE1A); */
	background: -moz-linear-gradient(center top, #A9E213, #9DCE1A) repeat scroll 0 0 transparent;
	background: -webkit-gradient(linear, center top, center bottom, from(#A9E213), to(#9DCE1A)) repeat scroll 0 0 transparent;
	opacity: 0.7;
}

.ui-tabs.ge-level {
	/* margin-top: 25px; */
	margin-top: 13px;
	/* margin-left: 3px; */
}
.ui-tabs.ge-frame {
	/*
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	*/
	margin: 10px 0 0 0;
}
/*
.ui-tabs-nav {
	font-size: 62.5%; /+ 22.10.2009 Ossig tab font ==> mini size +/
}
*/
/*
.ui-tabs .ui-icon-close {
	display: none;
}
*/
.ui-tabs * li > .ui-icon-close {
	float:left;
	margin: 0.4em 0.2em 0 0;
	cursor: pointer;
	display: none;
}
.ui-tabs .ui-state-active > .ui-icon-close:not(.ge-frame) {
	display: inline;
}
.ui-tabs .ui-state-active.ge-dynamic > .ui-icon-close.ge-frame {
	display: inline;
}

.ui-tabs * li > .ge-minisymbol-close, .ui-tabs li .ge-minisymbol-closeunselected {
	float:left;
	margin: 0.5em 0.4em 0 0;
	cursor: pointer;
	display: none;
	padding: 0 !important;
	cursor: pointer !important;
}

.ui-tabs * li > .ge-symbol {
	float:left;
	margin: 0.3em -0.5em 0 0.5em;
	padding: 0;
}

.ui-tabs *:not(.ui-state-active) > .ge-minisymbol-closeunselected:not(.ge-frame),
.ui-tabs *:not(.ui-state-active).ge-dynamic > .ge-minisymbol-closeunselected.ge-frame,
.ui-tabs .ui-state-active > .ge-minisymbol-close:not(.ge-frame),
.ui-tabs .ui-state-active.ge-dynamic > .ge-minisymbol-close.ge-frame {
	display: inline;
}
/*
.ui-tabs .ui-sortable-helper.ui-state-active .ui-icon-close {
	display: none;
}
*/
.ui-tabs.ui-widget-content {
	padding: 0;
	/* height: 100%; */
	border: none;
	background: none;
}
.ui-tabs-nav.ui-widget-header {
	background: none;
	border:none;
	color:#FFFFFF;
	font-weight:bold;
}

.ui-window.ge-embedded .nw, .ui-window.ge-embedded .sw {
	display: none;
}
/*
.ge-workframetabs {
	font-size: 1em; /+ 100%; +/ /+ 12.11.2009 Ossig compensate relative increasing font-size:1.1em of ui-widget +/
}
*/
/*
.wm {
	border-top: solid 2px #9EAD04;
	border-left: solid 1px #C2C2C4;
}
*/
.wm.ge-frame {
	/* border-top: solid 2px #9EAD04; */
	/* border-left: solid 1px #C2C2C4; */
	overflow: hidden; /* 20.11.2009 Ossig Avoid right border to be overpainted */
	/* border-right: solid 1px #C2C2C4;  20.11.2009 Ossig Avoid double frame + content border */ 
	/* border-bottom: solid 1px #C2C2C4; */
}
.wm.ge-level {
	/* border-top: solid 2px #9EAD04; */
}
.ui-window.ge-embedded > .w, .ui-window.ge-embedded > .w > .e { /* 22.11.2009 Ossig Keine seitlichen GUIWindow Rahmen im Einbettungsfall. */
	border-left: 0;
	border-right: 0;
}
.ge-footbar * .e {
	margin-bottom: 32px; /* buttonHeight + buttonMarginTop = 39 + 5 = 32; // 40px; */
}
.ge-footbar * .ge-footbar {
	position: relative;
	margin-top: -27px; /* -40px 11.12.2009 Ossig innersize = outersize - padding */
	/* margin-left: 1px; */
	height: 20px; /* 10.12.2009 Ossig innersize = outersize - padding = 27 - 7 = 20 */
	background: url('../../jquery/gewindow/images/ge-button_bg_1x400.png') repeat-x 50% 50%;
	/*
	background-color: #ff0000; /+ #ffffff +/
	opacity: .5;
	*/
	padding: 5px 5px 0px 5px; /* 15px 5px 5px 5px 11.12.2009 Ossig Buttons have negative margin. */
	/* border: solid 5px #ffffff; 11.12.2009 Ossig padding works only for left/right when position relative? */
	/* overflow: hidden; */
	overflow: visible; /* 26.01.2010 Ossig contextMenu */
}
.ui-window {
	background-color: White;
}
.ge-embedded.ge-footbar * .e {
	margin-bottom: 42px; /* buttonHeight + buttonMarginTop = 39 + 5 = 32; // 40px; */
}
.ge-embedded.ge-footbar * .ge-footbar {
	margin-top: -37px;
}
/*
.ge-embedded.ui-window {
	background-color: Transparent;
}
*/

.ge-footbar * .ge-footbar .ge-button {
	font-weight: bold;
}

.ge-footbar * .ge-footbar .ge-button.ui-state-default:not(.ui-state-hover):not(.ui-state-active) {
	background-image: none;
	border: solid 1px Transparent;
}

/*
.ge-trimstrip {
	position: absolute;
	left: 0;
	top: 20%;
	width: 100%;
	height: 15%;
	display: block;
	/+ z-index: 119; +/
}

.ge-trimstrip-bar {
	position: relative;
	height: 100%;
	width: 100%;
	background: Transparent url(images/ge-trimstrip-bar_bg_1x1000.png) 50% 50% repeat-x;
	opacity: 1;
}

.ge-trimstrip-shadow {
	position: relative;
	height: 10px;
	width: 100%;
	background: Transparent url(images/ge-trimstrip-shadow_bg_1x1000.png) 50% 0 repeat-x;
	opacity: 0.7;
}

.gewindow > .w {
	margin-bottom: 100px;
}
#WorkFrameTabs .ui-icon-close {
	visibility:hidden;
}
#WorkFrameTabs .ui-state-active .ui-icon-close {
	visibility:visible;
}
#WorkFrameTabs .ui-sortable-helper .ui-icon-close {
	display: none;
	/+ visibility: hidden; +/
}
.SortablePlaceHolder {
	height: 23px;
}
#WorkFrameTabs .ui-tabs-panel{
	height: 95%;
}
#WorkFrameTabs div {
	/+ clear: both; +/
	/+ min-height: 300px; +/
	min-height: 95%;
}
#wmMenu .nw, #wmMenu .sw {
	display: none;
}
#wmMenu .ui-window.ge-embedded .nw, #wmMenu .ui-window.ge-embedded .sw {
	display: none;
}
*/
.wmDesktop {
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: visible;
}
/* body.ge-desktop
.ge-desktop {
	/+ font-family: Verdana, Arial, Helvetica, sans-serif; +/
	font-size: 1em; /+ 11px; +/ /+ 8pt; +/
}
*/
/*
.ge-desktop .ge-login-strip {
	position: absolute;
	left: 0;
	top: 10%;
	background: Transparent url(images/login_strip_bg.png) repeat-x 0% 0%;
	width: 100%;
	height: 100%;
}
*/
.ge-desktop .ge-tab-strip {
	position: absolute;
	left: 0;
	top: 0;
	/* background: Transparent url(images/login_strip_bg.png) repeat-x 0% 0%; */
	width: 100%;
	height: 40px;
	/* border-bottom: solid 2px #9EAD04; */
	border-bottom: solid 2px #9DCE1A;
}
/*
.shContainer {
position: relative;
left: 3px;
top: 3px;
margin-right: 3px;
margin-bottom: 3px;
}

.shContainer .shadow2,
.shContainer .shadow3,
.shContainer .container {
position: relative;
left: -1px;
top: -1px;
}

.shContainer .shadow1 {
background: #F1F0F1;
}

.shContainer .shadow2 {
background: #DBDADB;
}

.shContainer .shadow3 {
background: #B8B6B8;
}

.shContainer .container {
background: #ffffff;
border: 1px solid #848284;
padding: 10px;
}
*/
/* Disadvantage: Background pages will be active all the time. */
/* 17.04.2010 Ossig Especially iframe content windows are resized when visible/activated?!? */
/*
.ge-desktop .ui-tabs .ui-tabs-hide {
	position: absolute;
	left: -10000px;
	display: block !important;
}
*/
.ge-desktop .ui-tabs-nav.ui-widget-header, .ge-embedded.ge-footbar * .ge-footbar {
	margin-left: 11px;
	margin-right: 11px
}
.ge-desktop .ge-frame .ui-tabs-nav.ui-widget-header {
	/* border-bottom: 2px solid #9EAD04; */
	border-bottom: 2px solid #9DCE1A;
	margin-bottom: 5px;
}
/*
.ge-desktop #wmMenu .gewindow .content {
	Background: Transparent;
}
*/
.ge-desktop #menuOuterFrame {
	/*
	height: 100%;
	width: 100%;
	*/
	padding: 97px 14px 14px 14px;
	margin: 0;
	border: 0;
	position: relative;
}.ge-desktop #menuInnerFrame {
	-moz-box-shadow: 0 0 11px 1px #c0c0c0;
	-webkit-box-shadow: 0 0 11px 1px #c0c0c0;
	box-shadow: 0 0 11px 1px #c0c0c0;
	border: solid 1px #c0c0c0;
	height: 100%;
	width: 100%;
	position: relative;
}
/*
.ge-desktop #wmMenu {
	height: 100%;
	width: 100%;
}
*/
.ge-desktop #desktopLogo {
	background-color: Transparent;
	position: absolute;
	left: 0px;
	top: 4px;
	height: 83px;
	width: 100%;
	overflow: hidden;
}
.ge-desktop #desktopLogo .ge-menu-logo1 {
	height: 100%;
	width:100%;
	background: Transparent url("images/menu_logo_gradient.png") repeat-y left top;
}
.ge-desktop #desktopLogo .ge-menu-logo2 {
	height: 100%;
	width:100%;
	background: Transparent url("images/menu_logo_back.png") no-repeat left top;
	position: absolute;
	top: 0;
	left: 14px; /* 14px + 5px */
}
.ge-desktop #desktopLogo .ge-menu-appname {
	padding-right:13px;
	position: absolute;
	bottom: 0; /* 5px; */
	right: 0;
	text-align: right;
	font-weight: bolder;
	/* color: #949392; */
	color: #A6A8AA;
}