
.red-row    	{ background-color: #ffcfcf !important; }
.green-row  	{ background-color: #99CC99 !important; }
.tbs-row 		{ background-color: #fffaaa !important; }
.complete-row  	{ background-color: #daffaa !important; }
.locked-row 	{ background-color: #daffaa !important; color: #999999;}
.highlite-row	{ background-color: #a6a6a6 !important; color: #000000;}

/*----------------------------------------------------------------*/
/* UNIVERSAL STYLES												  */
/*----------------------------------------------------------------*/

img.qtipErrorClass {
	color: red;
}

a:link.onlight { font-size: 12px; text-decoration: underline; font-weight: bold; color: #0069AA; }
a:visited.onlight { font-size: 12px; text-decoration: underline; font-weight: bold; color: #0069AA;}
a:hover.onlight { font-size: 12px; text-decoration: none; font-weight: bold; color: #00BCE4;}
a:active.onlight { font-size: 12px; text-decoration: underline; font-weight: bold; color: #0069AA;}

/*----------------------------------------------------------------*/
/* HEADER STYLES												  */
/*----------------------------------------------------------------*/

.logo {
	float: left;

	margin-top: 10px;
	display:inline;
}
.title {
	float: right;
	margin-right: 40px;
	margin-top: 40px;
	display:inline;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 24px;
}

/*----------------------------------------------------------------*/
/* BODY STYLES													  */
/*----------------------------------------------------------------*/
#body_content_login {
	float: clear;
	margin: auto;
	width: 350px;
	padding: 200px 0;
}

.invalidFieldset {
	background: #fff url(../images/default/grid/invalid_line.gif) repeat-x bottom;
	border: 	1px solid #dd7870;
}

/*----------------------------------------------------------------*/
/* FOOTER STYLES												  */
/*----------------------------------------------------------------*/
#footer {
	float: left;
	width: 100%;
	background-color: #333333;
	color: #FFFFFF;
	font-size: 10px;
	padding: 5px 0px 5px 0px;
}
#footer span {
	margin-left: 5px;
}


/*----------------------------------------------------------------*/
/* ERROR SUCCESS DIV STYLES										  */
/*----------------------------------------------------------------*/
#errorDiv {
	display: none;
	float: left;
	width: 100%;
	background-color: #FFCCCC;
	border-bottom: 1px solid #FF0000;
}

#errorMessage {
	float: left;
	font-size: 12px;
	padding: 10px;
	font-weight: bold;
	color: #FF0000;
}

#successDiv {
	display: none;
	float: left;
	width: 100%;
	background-color: #CCFFCC;
	border-bottom: 1px solid #00FF00;
}

#successMessage {
	float: left;
	font-size: 12px;
	padding: 10px;
	font-weight: bold;
	color: #339900;
}

#successDiv #imageSuccess, #errorDiv #imageError {
	padding: 6px;
	float: left;
}
#containClose {
	float: right;
	padding: 10px;
}


.tcTop {
	vertical-align: top;
}

/*----------------------------------------------------------------*/
/* ICON CLS STYLES													  */
/*----------------------------------------------------------------*/

.iconGrid {
	background-image:url(../images/grid.png);
}

.iconUsers {
	background-image: url(../images/icons/group.png) !important;
}

.iconAdd {
	background-image:url(../images/icons/user_add.png) !important;
}

.iconEdit {
	background-image:url(../images/icons/user_edit.png) !important;
}

.iconDelete {
	background-image:url(../images/icons/user_delete.png) !important;
}

.iconLogin {
	background-image: url(../images/icons/door_in.png) !important;
}

.iconSave {
	background-image: url(../images/icons/disk.png) !important;
}

.iconReset {
	background-image: url(../images/icons/bin.png) !important;
}

.iconNews {
	background-image: url(../images/icons/transmit.png) !important;
}

.iconMaps {
	background-image: url(../images/icons/map.png) !important;
}

.iconNewsletterSendNow {
	background-image:url(../images/icons/email_go.png) !important;
}

.iconReports {
	background-image: url(../images/icons/chart_bar.png) !important;
}

.iconReportAdd {
	background-image:url(../images/icons/chart_bar_add.png) !important;
}

.iconRemove {
	background-image:url(../images/icons/delete.png) !important;
}

.iconView {
	background-image:url(../images/view.gif) !important;
}

.iconLogout {
	background-image: url(../images/icons/door_out.png) !important;
}

.iconRemoveFilters {
	background-image: url(../images/icons/bin_empty.png) !important;
}

.iconZoom {
	background-image:url(../images/icons/zoom.png) !important;
}

.iconCloseAll {
	background-image:url(../images/icons/cancel.png) !important;
}

.iconUndoSelection {
	font-weight: bold;
	background-image: url(../images/icons/arrow_undo.png) !important;
}

.iconCloseAllTabs {
	background-image: url(../images/icons/tab_delete.png) !important;
}

.iconHelp {
	background-image: url(../images/icons/information.png) !important;
}

.iconSaveForGroup {
	background-image:url(../images/icons/package.png) !important;
}

.iconArrowUp {
	background-image:url(../images/icons/arrow_up.png) !important;
}

.iconArrowDown {
	background-image:url(../images/icons/arrow_down.png) !important;
}

.iconSearch {
	background-image:url(../images/icons/magnifier.png) !important;
}

.iconExport2Csv {
	background-image:url(../images/icons/database_go.png) !important;
}

.iconRefreshCombo {
	background-image:url(../images/icons/arrow_refresh_small.png) !important;
}

.iconDeleteItems {
	background-image:url(../images/icons/basket_delete.png) !important;
}

.iconMap {
	background-image:url(../images/icons/map.gif) !important;
}

.iconSelectAll {
	background-image:url(../images/icons/tick.png) !important;
}

.iconRestrictAccess {
	background-image:url(../images/icons/stop.png) !important;
}

.iconControlAccess {
	background-image:url(../images/icons/controller.png) !important;
}

.iconError {
	background-image: url(../images/icons/error.png);
}

.headRow {
	font-weight: bold;
}
.headRow td {
	border-bottom: 1px solid #000000;
}

/* ext specific styles and overrides on standard css */
.x-flag {
    background-image:url(../images/icons/red_hand_down1.png) !important;
}
.x-flag-ok {
    background-image:url(../images/icons/green_hand_up1.png) !important;
}

/* Ext.ux.form.MultiSelect overrides */
.multiselect .x-boundlist {
	border: 0 !important;
}
.multiselect .x-boundlist-selected {
	background: #99FF99 !important;
}

/* convert standard grey css colors:
#d7d7d7 -> #3F3F3F #646464
#f0f0f0 -> #525252 #212020
*/
.x-panel-header-default-framed-mc, .x-panel-header-default-framed-mr, .x-panel-header-default-framed-ml, 
.x-panel-header-default-framed-tc, .x-panel-header-default-framed-tl, .x-panel-header-default-framed-tr ,
.x-panel-header-default, .x-panel-header-default-framed, .x-panel-header {
  font-size: 11px !important;
  border-color: #3F3F3F !important;
  border-width: 0px !important;
  border-style: solid !important;
  background-image: none !important;
  background-color: #3F3F3F !important;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #646464), color-stop(100%, #212020)) !important;
  background-image: -webkit-linear-gradient(top, #646464, #212020) !important;
  background-image: -moz-linear-gradient(top, #646464, #212020) !important;
  background-image: -o-linear-gradient(top, #646464, #212020) !important;
  background-image: -ms-linear-gradient(top, #646464, #212020) !important;
  background-image: linear-gradient(top, #646464, #212020) !important;
  -webkit-box-shadow: #efeded 0 1px 0px 0 inset !important;
  -moz-box-shadow: #efeded 0 1px 0px 0 inset !important;
  box-shadow: #efeded 0 1px 0px 0 inset !important; 
}
 
.x-panel-header-text-default, .x-panel-header-text-default-framed   {
	color: #eeeeee !important;
}

.x-form-item-label, .x-form-item-label-top, .form_label {
	font-weight: bold !important;
	font-size: 11px !important;
	color: #555 !important;
	padding-bottom: 1px !important; 
	padding-top: 3px !important;
 }

/* Notification / Toastwindow extension for Ext JS 4.x */
.ux-notification-window .x-window-body {
	text-align: center;
	padding: 15px 5px 15px 5px;
	width: 200px;
}

/* Hide dirty flag in user grid */
.x-grid-dirty-cell {
    background-image: none;
}
