/* default button definition */
.light-blue-button {
	background-color: #428bca;
	color: white;
	border: none;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	padding: 8px 8px 8px 8px;
	border-radius: 2px;
}

@media only screen and (min-device-width : 200px) and (max-device-width : 700px) {
	body:after {
		content: 'SmallScreen';
		display: none;
	}

	/* small screen button definition */
	.light-blue-button {
		background-color: #428bca;
		color: white;
		border: none;
		text-align: center;
		vertical-align: middle;
		text-decoration: none;
		padding: 8px 8px 8px 8px;
		border-radius: 2px;
		min-width: 40px;
		min-height: 34px;
	}
}

.ui-layout-pane {
	/* all 'panes' */
	border-style: none; /* DO NOT add scrolling (or padding) to 'panes' that have a content-div, otherwise you may get double-scrollbars - on the pane AND on the content-div 			padding: 10px;  			*/
	overflow: auto;
}

.ui-layout-content {
	padding: 10px;
	position: relative;
	overflow: auto;
}

.ui-layout-pane {
	border-style: none;
}

.ui-layout-pane-north {
	border-style: none;
	padding: 0px;
	overflow: hidden;
}

.ui-layout-pane-south {
	border-style: none;
	padding: 0px;
	padding-top: 2px;
	overflow: hidden;
}

.ui-layout-pane-center {
	border-left: 0;
	border-right: 0;
}

.ui-layout-pane-north {
	border-bottom: 0;
}

.ui-layout-pane-south {
	border-top: 0;
}

.ui-layout-resizer-north-dragging {
	border-top-style: none;
	border-bottom-style: none;
}

.ui-layout-resizer-south-dragging {
	border-top-style: none;
	border-bottom-style: none;
}

.outer-center {
	background-color: #FFFFFF;
	border: 0;
	padding: 0;
	overflow: hidden;
}

.inner-center {
	border: 0;
	padding-bottom: 4px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 4px;
	border: solid 1px #2894D5;
	background: #CBE6FD;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow:auto;
}

.middle-center {
	border: 0;
	padding: 0px 10px 0px 10px;
	overflow: hidden;
}