/* font style in normal panel */
.x-panel-body {
	font-family: tahoma,arial,verdana,sans-serif;
	font-size: 10px;
}

/* icons in viewport headlines */
.x-panel-header-viewport-icon .x-panel-header {
	padding:4px 3px 4px 5px;
}
.x-panel-header-viewport-icon .x-panel-header .x-panel-inline-icon {
	margin-top:-1px;
	margin-bottom:1px;
}

/* shadow on root components */
.gfm-layout-root {
	box-shadow:1px 1px 4px #808080;
}

/* shadow on child components */
.gfm-layout-child {
	box-shadow:1px 1px 4px #99BCE8;
}

.gfm-layout-root > .x-panel-body > .x-box-inner {
	overflow:visible !important;
}
.gfm-layout-container {
	overflow:visible !important;
}
.gfm-layout-container > .x-panel-body {
	overflow:visible !important;
}
.gfm-layout-container > .x-panel-body > .x-box-inner {
	overflow:visible !important;
}

/* help components */
.gfm-layout-index A {
	text-decoration: none;
	color: #404080;
}

.gfm-layout-index H1 {
	margin-top: 20px;
	margin-bottom: 20px;

	font-size: 20px;
	line-height: 20px;
	
	color: #202020;
}

.gfm-layout-index H2 {
	margin-top: 17px;
	margin-bottom: 17px;

	font-size: 17px;
	line-height: 17px;
	
	color: #404040;
}

.gfm-layout-index H3 {
	margin-left: 20px;
	margin-top: 15px;
	margin-bottom: 15px;

	font-size: 12px;
	line-height: 12px;
	
	color: #606060;
}

.gfm-layout-index UL {
	margin-left: 50px;
	padding: 10px;
	border-left: 1px solid #404080;
}

.gfm-layout-index UL LI {
	margin-left: 25px;
	padding-top: 5px;
	padding-bottom: 5px;
	list-style-type: disc;

	color: #404080;
}