/* ===================== gx.core ===================== */

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

.block { display: block; }
.none { display: none; }

.absolute { position: absolute; }
.relative { position: relative; }
.fixed { position: fixed; }
.static { position: static; }

.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }
.p30 { padding: 30px; }
.p50 { padding: 50px; }

.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }
.m30 { margin: 30px; }
.m50 { margin: 50px; }

.top10 { margin-top: 10px; }
.top20 { margin-top: 20px; }
.right10 { margin-right: 10px; }
.right20 { margin-right: 20px; }
.bottom10 { margin-bottom: 10px; }
.bottom20 { margin-bottom: 20px; }
.left10 { margin-left: 10px; }
.left20 { margin-left: 20px; }

.ico {
	padding: 0 10px 0 25px;
	background-repeat: no-repeat;
	display: block;
}

.bold {	font-weight: bold; }
.italic { font-style: italic; }

.fontIntro {
	font-size: 18px;
}
.fontLabel {
	font-size: 12px;
	font-weight: bold;
}

.colorBase { color: #E3E3E3; }
.colorBase { color: #1c8be1; }



.gxLoaderBar {
	background: url('theme/loaderBar.gif') no-repeat center;
}

/* ===================== gx.ui.Blend ===================== */

.gxUiBlendLoader {
	background: url('assets/gxUiBlendLoader.gif') no-repeat center;
}

/* ===================== gx.ui.Hud ===================== */

@CHARSET "ISO-8859-1";

/* ===================== gx.com.Drawer ===================== */

/* --------------------
 * gx.buttons
 * -------------------- */

.gxBtnClose {
	background-image: url('assets/gxBtnClose.png');	
}

.gxBtnUp {
	background-image: url('assets/gxBtnUp.png');	
}

.gxBtnDown {
	background-image: url('assets/gxBtnDown.png');	
}

.gxBtnLeft {
	background-image: url('assets/gxBtnLeft.png');	
}

.gxBtnRight {
	background-image: url('assets/gxBtnRight.png');	
}

.gxBtnPlus {
	background-image: url('assets/gxBtnPlus.png');	
}

.gxBtnMinus {
	background-image: url('assets/gxBtnMinus.png');	
}

/* --------------------
 * gx.com.Panel
 * -------------------- */

.gxPanel {
	clear: both;
}

.gxPanelHBar {
	height: 20px;
	padding-right: 7px;
	background: transparent url('assets/gxHBarEdge.png') no-repeat scroll top right;
}

.gxPanelHBarDown {
	height: 20px;
	padding-right: 7px;
	background: transparent url('assets/gxHBarEdgeDown.png') no-repeat scroll top right;
}

.gxPanelHBar span {
	display: block;
	background: url('assets/gxHBarBg.png') repeat-x #2e2e2e;
	line-height: 20px;
}

.gxPanelHBar label {
	display: inline;
	padding: 0 5px 0 10px;
	margin: 0;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
}

/* The icon of the bar */
.gxPanelHBar div {
	width: 20px;
	height: 20px;
	background-position: center;
	background-repeat: no-repeat;
}

.gxPanelHBar span a {
	cursor: pointer;
	display: block;
	width: 25px;
	height: 17px;
	float: right;
	background-repeat: no-repeat;
	background-position: 0 0;
}

.gxPanelHBar a:hover {
	background-position: -26px 0;
}

.gxPanelBody {
	background-image: url('assets/gxBoxBody.png');
	background-repeat: repeat-x;
	background-color: #ebebeb;
}

/* ===================== gx.com.Listbox ===================== */

/* ---- General Styling ---- */
.gxComListbox {
	border: 1px solid #404040;
}
.gxComListbox .filter {
	padding: 7px 15px 7px 30px;
	background: url('assets/icoSearchBoxed.gif') no-repeat #404040;
	background-position: 7px 7px;
}
.gxComListbox .filter input {
	width: 100%;
}
.gxComListbox .label {
	background-color: #404040;
	color: #FFF;
	padding: 7px 5px;
	font-weight: bold;
}
.gxComListbox .message {
	font-style: italic;
	font-size: 12px;
	text-align: center;
	padding: 10px;
}
.gxComListbox .gxLoaderBar {
	height: 50px;
}

.gxComListbox .content {
	width: 100%;
}

.gxComListbox .content .listItem .listItemLink {
	/* Relative positioning is required for the close button */
	cursor: pointer;
}

/* --------------------------- List Items --------------------------- */

.gxComListbox .listItem {
	padding: 3px 5px; 
	height: 25px;
	/* float: left; */
}
.gxComListbox .listItem .listItemContent {
	height: 25px;
	/* float: left; */
	cursor: pointer;
}
.gxComListbox .listItem .listItemLeft, .gxComListbox .listItem .listItemRight {
	background-repeat: no-repeat;
	width: 10px;
	height: 25px; 
}
.gxComListbox .listItem .listItemLeft { 
	float: left; 
	background-image: url('assets/gxListboxLeft.png');
}
.gxComListbox .listItem .listItemRight { 
	float: right;
	background-image: url('assets/gxListboxRight.png');
}
.gxComListbox .listItem span {
	display: block;
	float: left;
}
.gxComListbox .listItem.odd .listItemContent { background: #E5E6E3; }
.gxComListbox .listItem.even .listItemContent { background: #CBCCC8; }
.gxComListbox .listItem:hover .listItemContent { background: #8D8B8D; color: #FFF; }

.gxComListbox .closer {
	margin: 4px 0 0 7px;
	height: 12px;
	width: 12px;
	background: url('assets/comListboxCrossInact.png') no-repeat;
	cursor: pointer;
}
.gxComListbox .closer:hover {
	background: url('assets/comListboxCross.png') no-repeat;
}

/* --------------------- Inline tab-style items --------------------- */

/*
.gxComListbox .content .list.odd { background-color: #FFF; }
.gxComListbox .content .list.even { background-color: #E6E2E2; }
.gxComListbox .content .list:hover { background-color: #CCC5C5; }
*/


/*

.gxComListbox .content .listItem.tab {
	float: left;
	padding: 4px;
}
.gxComListbox .content .listItem.tab .listItemLink {
	float: left;
	cursor: pointer;
	padding: 4px 7px;
	background: #404040;
	white-space: nowrap;
	font-size: 12px;
	font-weight: bold;
	color: #FFF8E3;
}
.gxComListbox .content .listItem.tab .listItemLink:hover { 
	color: #ECEAE3;
	text-decoration: underline; 
}
.gxComListbox .content .listItem.tab .closer {
	float: left;
	height: 12px;
	width: 12px;
	background: url('assets/comListboxCrossInact.png') no-repeat;
	cursor: pointer;
}
.gxComListbox .content .listItem.tab .closer:hover {
	background: url('assets/comListboxCross.png') no-repeat;
}

*/


/* ===================== gx.com.Log ===================== */

.gxLog {
	overflow: auto;
	font-size: 10px;
}

.gxLog div {
	padding: 5px 5px 3px 30px;
	background-repeat: no-repeat;
	background-position: 4px 3px;
}

.gxLog i {
	margin-right: 10px;
	font-weight: bold;
}

.gxLogInfo {
	background-image: url('assets/gxLogInfo.gif');
}

.gxLogSuccess {
	background-image: url('assets/gxLogSuccess.gif');
}

.gxLogWarning {
	background-image: url('assets/gxLogWarning.gif');
}

.gxLogError {
	background-image: url('assets/gxLogError.gif');
}

/* ===================== gx.com.Message ===================== */

.gxMessage {}

.gxMessageBox {
	background-color: #FFF;
	border-left: 3px solid #CECECE;
	border-right: 3px solid #CECECE;
	border-bottom: 3px solid #CECECE;
}

.gxMessageInner {
	background-repeat: no-repeat;
	background-position: 7px 12px;
	padding: 15px 10px 7px 30px;
	font-size: 12px;
	font-weight: bold;
}

.gxMessageStatus {
	padding: 20px;
	height: 30px;
}

.icoInfo { background-image: url('assets/icoInfo.png'); }
.icoSuccess { background-image: url('assets/icoSuccess.png'); }
.icoWarning { background-image: url('assets/icoWarning.png'); }
.icoError { background-image: url('assets/icoError.png'); }
.icoTip { background-image: url('assets/icoTip.png'); }
.icoPlus { background-image: url('assets/icoPlus.png'); }
.icoMinus { background-image: url('assets/icoMinus.png'); }

/* ===================== gx.com.Statusbar ===================== */

.gxStatusbarFrame {
	padding: 10px;
}

.gxStatusbarBar {
	float: left;
	background: url('assets/gxStatusbar.gif') repeat-x;
	height: 13px;
}

.gxStatusbarLabel {
	clear: both;
	padding: 10px;
	font-style: italic;
	font-size: 11px;
	text-align: center;
}

/* ===================== gx.com.Window ===================== */

.gxComWindowFrame {
	border: 1px solid #404040;
}

/* ===================== gx.form.Field ===================== */

.gxFormField {
	clear: both;
	margin: 10px 0;
}

.gxFormField label {
	display: block;
	float: left;
	padding: 2px 10px 0 0;
}

.gxFormField .content {
	float: left;
}

.gxFormField .content input, .gxFormField .content textarea, .gxFormField .content select {
	width: 100%;
	padding: 2px;
}

.gxFormField .indicator {
	float: right;
	width: 16px;
	height: 16px;
	background-color: transparent;
	background-repeat: no-repeat;
}

/* Mandatory Indicator */
.gxFormField label span {
	color: #e01b1b;
	font-weight: bold;
	padding-left: 3px;
}

.inputbox, .gxFormField .content input, .gxFormField .content textarea, .gxFormField .content select {
	border: 1px solid #E2E2E2;
}
.inputbox:focus, .gxFormField .content input:focus, .gxFormField .content textarea:focus, .gxFormField .content select:focus {
	border-color: #1c8be1;
}

.gxFormField .warning {
	cursor: pointer;
	background-image: url('assets/gxFormWarning.png');
}
.gxFormTip .tip {
	background-color: #333;
	padding: 5px;
}

.gxFormTip .tip-title {
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
}
 
.gxFormTip .tip-text {
	color: #fff;
	padding: 5px;
}

/* ===================== gx.form.Field.Image ===================== */

.gxFormImageFrame {
	border: 1px solid #EEE;
	padding: 5px;
	margin-bottom: 5px;
	text-align: center;
	overflow: hidden;
}

.gxFormImageFrame img {
	max-width: 100%;
	max-height: 100%;
}