.infotext {
   font-family: arial, tahoma, helvetica, sans-serif; font-size: 11px; padding: 5px;
}

div.group {
   padding: 0.5em;
   background-color: #CFD4E8;
   border: 1px solid #B3BDE8;
   -moz-border-radius: 0.4em;
   -webkit-border-radius: 0.4em;
}

div.group h1 {
   border-bottom: 1px solid #B3BDE8;
   margin-bottom: 0.5em;
   color: #707070;
}

div.reasonable-width {
   max-width: 10em;
   min-width: 5em;
   white-space: normal;
}

.false-value {
   background-image: url(/static/img/forbidden.png) !important;
   background-repeat: no-repeat;
   background-position: center;
}

.true-value {
   background-image: url(/static/img/check.png) !important;
   background-repeat: no-repeat;
   background-position: center;
}

.warn-value {
   background-image: url(/static/img/warning.png) !important;
   background-repeat: no-repeat;
   background-position: center;
}

.disable-text {
   opacity: .3;
}

div.search-item {
   list-style-type: none;
   display: table;
   margin:0;
   padding:2px;
   min-height:32px;
   width: 100%;
   border:1px solid #888;
}
div.search-item div.primary {
   display: table-row;
   font-size:12px;
   line-height:1.2em;
}
div.search-item div.secondary {
   display: table-row;
   font-size:10px;
   color:#888;
}

div.message-message {
   word-wrap: break-word;
}

button.icon-popup, div.icon-popup, img.icon-popup {
   background-image: url(/static/img/window_view.png) !important;
   background-repeat: no-repeat;
}

button.icon-generate-key, div.icon-generate-key, img.icon-generate-key {
   background-image: url(/static/img/key1_add.png) !important;
   background-repeat: no-repeat;
}

button.icon-send-key, div.icon-send-key, img.icon-send-key {
   background-image: url(/static/img/mail_forward.png) !important;
   background-repeat: no-repeat;
}

button.icon-csv, div.icon-csv, img.icon-csv {
   background-image: url(/static/img/table.png) !important;
   background-repeat: no-repeat;
}

button.enable-user, div.enable-user, img.enable-user {
   background-image: url(/static/img/user1_add.png) !important;
   background-repeat: no-repeat;
}
/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

/* Ext MessageBox styles */
.ext-msg-list {
   list-style-type:square;
   margin: 12px;
   padding: 15px;
}

.ext-msg-scrollerror {
   width: 100%;
   height: 100%;
   max-height: 450px;
   overflow: auto;
}

/* Icon and text alignment in grids */
.valign-mixed-content img {
   vertical-align: middle;
}
.valign-mixed-content span {
   display: inline-block;
   vertical-align: middle;
}

/* Icon classes for dropdowns */
.note-info {
   background-image: url(/static/img/check.png) !important;
   background-repeat: no-repeat;
   background-origin: content-box;
}

.note-warning {
   background-image: url(/static/img/warning.png) !important;
   background-repeat: no-repeat;
   background-origin: content-box;
}

.note-alert {
   background-image: url(/static/js/lib/ext/resources/images/default/form/exclamation.gif) !important;
   background-repeat: no-repeat;
   background-origin: content-box;
}

/* Unicode glyphs for account note priority levels */
.info-glyph {
   color: green;
   font-style: normal;
   font-size: 16px;
}
.info-glyph:before {
   content: '\1f6c8';
}

.warning-glyph {
   font-size: 16px;
   font-style: normal;
   color: #ffbb33;
}
.warning-glyph:before {
   content: '\26a0';
}

.alert-glyph {
   font-size: 16px;
   font-style: normal;
   color: red;
}
.alert-glyph:before {
   content: '\2bc3';
}

/* Glyphs for account note 'is_active' column */
.note-enabled {
   color: green;
   font-style: normal;
   font-size: 16px;
}
.note-enabled:before {
   content: '\2714';
}

.note-disabled {
   color: red;
   font-style: normal;
   font-size: 16px;
}
.note-disabled:before {
   content: '\2716';
}

/* Imported CSV error table */
.imported-csv-errors {
   font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
   font-size: 12px;
   background: #fff;
   border-collapse: collapse;
   text-align: left;
   margin: 20px auto;
}
.imported-csv-errors th {
   font-size: 14px;
   font-weight: normal;
   color: #039;
   border-bottom: 2px solid #6678b1;
   padding: 10px 8px;
}
.imported-csv-errors td {
   border-bottom: 1px solid #ccc;
   color: #669;
   padding: 6px 8px;
}
.imported-csv-errors tbody tr:hover td {
   color: #009;
}
.imported-csv-errors tr.keys td:first-child,
.imported-csv-errors tr.names td:last-child {
   color: red;
   font-weight: bold;
}
.imported-csv-errors tr.names td:last-child .diff {
   color: #667dc2;
   font-weight: normal;
   white-space: pre-wrap;
}
.diff ins {
   background: #e6ffe6;
}
.diff del {
   background: #ffe6e6;
}

.inline-list {
   display: table;   /* Allow the centering to work */
   margin: 0 auto;
}
.inline-list ul {
   list-style: none;
   padding-top: 20px;
}
.inline-list ul li {
   display: inline;
}
.inline-list ul li:after {
   content:  '  |  ';
}
.inline-list ul li:last-child:after {
   content: ' ';
}