@import url("../gxt/css/gxt-all.css");
@import url("../gxt/css/gxt-gray.css");

body {
	font-family: Arial, Helvetica, sans-serif ! important;
	font-size: 9pt;
}

.x-modal {
	position: absolute;
	z-index: 10;
	background-color: black;
	filter: alpha(opacity = 50) ! important;
	opacity: .5 ! important;
	left: 0px;
	top: 0px;
}

.inner-padding {
    padding: 7px;
}

strong {
    font-weight: bold ! important;
}

em {
    font-style: italic ! important;
}

/**********  **********/

.togglebuttonbar.as-tabs .x-btn .x-btn-bc,
.togglebuttonbar.as-tabs .x-btn .x-btn-br,
.togglebuttonbar.as-tabs .x-btn .x-btn-bl,
.togglebuttonbar.as-tabs .x-btn .x-btn-tc,
.togglebuttonbar.as-tabs .x-btn .x-btn-tr,
.togglebuttonbar.as-tabs .x-btn .x-btn-tl,
.togglebuttonbar.as-tabs .x-btn .x-btn-ml,
.togglebuttonbar.as-tabs .x-btn .x-btn-mr {
    display: none;
}
.togglebuttonbar.as-tabs .x-btn .x-btn-mc {
    background: none;
}

.togglebuttonbar.as-tabs.WEST .x-btn.x-btn-pressed .x-btn-mc {
    background: url("../images/button-arrow-left-bg.png") no-repeat center right ! important;
}
.togglebuttonbar.as-tabs.EAST .x-btn.x-btn-pressed .x-btn-mc {
    background: url("../images/button-arrow-right-bg.png") no-repeat center left ! important;
}
.togglebuttonbar.as-tabs.NORTH .x-btn.x-btn-pressed .x-btn-mc {
    background: url("../images/button-arrow-top-bg.png") no-repeat bottom center ! important;
}
.togglebuttonbar.as-tabs.NORTH .x-btn .x-btn-mc {
    padding-bottom: 13px ! important;
}
.togglebuttonbar.as-tabs.SOUTH .x-btn .x-btn-mc {
    padding-top: 13px ! important;
}
.togglebuttonbar.as-tabs.SOUTH .x-btn.x-btn-pressed .x-btn-mc {
    background: url("../images/button-arrow-bottom-bg.png") no-repeat top center ! important;
}

.togglebuttonbar {
	background: #333;
}

.togglebuttonbar.as-tabs.NORTH, .togglebuttonbar.as-tabs.SOUTH {
	background-color: #d0d0d0;
}

.togglebuttonbar.as-tabs.WEST {
    background-image: url("../images/togglebuttonbar-west-bg.png");
}
.togglebuttonbar.as-tabs.EAST {
    background-image: url("../images/togglebuttonbar-east-bg.png");
    background-position: top right;
}
.togglebuttonbar.as-tabs.WEST, .togglebuttonbar.as-tabs.EAST {
    background-repeat: repeat-y;
    background-color: #c0c0c0;
}

.togglebuttonbar.NORTH .gi-separator, .togglebuttonbar.SOUTH .gi-separator {
    border-left: 2px dashed rgb(144,144,144);
    margin: 15px;
}

.togglebuttonbar.EAST .gi-separator, .togglebuttonbar.WEST .gi-separator {
    border-top: 2px dashed rgb(144,144,144);
    margin: 15px;
}



/********** MODEL SELECTOR **********/

.gi-dialog-header {
    background-repeat: no-repeat;
    background-position: 5px 5px;
    /*background-image: url("../icons/information.png");*/
    background-color: white;
    height: 37px;
    /*margin: -7px -7px 15px -7px;*/ /* See "inner-padding" above. */
    border-bottom: 1px solid #ccc;
    padding: 17px 5px 4px 58px;
}

.gi-dialog-header.with-subheading {
    height: 45px;
    padding-top: 9px;
}

.gi-dialog h1, .model-selector h1 {
    font-size: 14pt ! important;
    font-weight: normal;
    margin: 0 ! important; 
    color: #444;
}

.gi-dialog h2 {
    font-size: 9pt ! important;
    font-weight: normal;
    margin: 0 ! important;
    color: #777;
}

.gi-dialog h2.error, .gi-dialog h2.warning {
    padding-left: 19px;
    background-repeat: no-repeat;
    background-position: 0 0;
    min-height: 16px;
}

.gi-dialog h2.error {
    background-image: url("../icons/16x16/error/error.png");
    color: red;
}
.gi-dialog h2.warning {
    background-image: url("../icons/16x16/error/sign_warning.png");
    color: #880;
}

/** LINKS **/

.gwt-Hyperlink.icon,
.gwt-Anchor.icon {
    background-repeat: no-repeat;
    min-height: 16px;
    display: inline-block;
}
	
.gwt-Hyperlink.icon.LEFT,
.gwt-Anchor.icon.LEFT {
    padding-left: 19px;
    background-position: center left;
}

.gwt-Hyperlink.icon.RIGHT,
.gwt-Anchor.icon.RIGHT {
    padding-right: 19px;
    background-position: center right;
}

.margin-bottom {
    margin-bottom: 15px ! important;
}

.x-form-check-wrap.sub-1 {
    margin-left: 16px ! important;
}

.model-selector-create-new-form {
    border-bottom: 1px solid silver ! important;
    margin-bottom: 15px ! important;
}

.model-selector-item {
    padding: 3px;
    padding-left: 21px;
    background-repeat: no-repeat;
    background-position: 2px 2px ! important;
    border: 0 none;
}

.model-selector-item.x-view-item-sel,
    .model-selector-item.x-view-item-over {
    padding: 2px;
    background-position: 1px 1px ! important;
    padding-left: 20px;
}

.background-icon {
	padding-left: 20px ! important;
	background-repeat: no-repeat;
	background-position: 0 center;
}

button.size-SMALL {
    padding-left: 26px ! important;
    height: 24px;
    background-position: 6px center;
    background-repeat: no-repeat;
}

button.size-MEDIUM {
    padding-left: 34px ! important;
    height: 32px;
    background-position: 6px center;
    background-repeat: no-repeat;
}

button.size-LARGE {
    padding-left: 42px ! important;
    height: 40px;
    background-position: 6px center;
    background-repeat: no-repeat;
}

button.size-VERYLARGE {
    padding-left: 58px ! important;
    height: 56px;
    background-position: 6px center;
    background-repeat: no-repeat;
}

button.size-EXTRALARGE {
    padding-left: 74px ! important;
    height: 72px;
    background-position: 6px center;
    background-repeat: no-repeat;
}

button.size-HUGE {
    padding-left: 138px ! important;
    height: 136px;
    background-position: 6px center;
    background-repeat: no-repeat;
}

button.size-GIGANTIC {
    padding-left: 266px ! important;
    height: 264px;
    background-position: 6px center;
    background-repeat: no-repeat;
}


/** MARGINS & PADDINGS **/

/* All margins */
.margin-small {
    margin: 2px ! important;
}
.margin-medium {
    margin: 5px ! important;
}
.margin-large {
    margin: 10px ! important;
}

/* Left */
.margin-left-small {
    margin-left: 2px ! important;
}
.margin-left-medium {
    margin-left: 5px ! important;
}
.margin-left-large {
    margin-left: 10px ! important;
}

/* Top */
.margin-top-small {
    margin-top: 2px ! important;
}
.margin-top-medium {
    margin-top: 5px ! important;
}
.margin-top-large {
    margin-top: 10px ! important;
}

/* Bottom */
.margin-bottom-small {
    margin-bottom: 2px ! important;
}
.margin-bottom-medium {
    margin-bottom: 5px ! important;
}
.margin-bottom-large {
    margin-bottom: 10px ! important;
}

/* Right */
.margin-right-small {
    margin-right: 2px ! important;
}
.margin-right-medium {
    margin-right: 5px ! important;
}
.margin-right-large {
    margin-right: 10px ! important;
}

/* All paddings */
.padding-small {
    padding: 2px ! important;
}
.padding-medium {
    padding: 5px ! important;
}
.padding-large {
    padding: 10px ! important;
}

/* Left */
.padding-left-small {
    padding-left: 2px ! important;
}
.padding-left-medium {
    padding-left: 5px ! important;
}
.padding-left-large {
    padding-left: 10px ! important;
}

/* Top */
.padding-top-small {
    padding-top: 2px ! important;
}
.padding-top-medium {
    padding-top: 5px ! important;
}
.padding-top-large {
    padding-top: 10px ! important;
}

/* Bottom */
.padding-bottom-small {
    padding-bottom: 2px ! important;
}
.padding-bottom-medium {
    padding-bottom: 5px ! important;
}
.padding-bottom-large {
    padding-bottom: 10px ! important;
}

/* Right */
.padding-right-small {
    padding-right: 2px ! important;
}
.padding-right-medium {
    padding-right: 5px ! important;
}
.padding-right-large {
    padding-right: 10px ! important;
}

/** FORMS **/

.gi-field-iconic {
    padding-left: 22px ! important;
    background-repeat: no-repeat ! important;
    background-position: 3px 2px ! important;
}

/* Checkboxes in a button bar, to align vertically with the buttons */
.x-panel-btns .x-form-check-wrap {
    margin-top: 8px;
}

button[type=submit] {
    font-weight: bold;
}

.gi-field-group {
    border-top: 1px solid #ddd;
    margin: 10px 10px 20px 10px;
    padding: 10px 10px 0 10px;
}

.gi-field-group.first {
    border-top: 0 none;
    margin-top: 5px;
}

.gi-field-group .legend {
	font-weight: bold;
	font-family: Helvetica, Arial;
	font-size: 9pt;
	color: #666;
	width: 100px;
	margin-top: 1px;
}

.gi-field-help {
    font-family: Helvetica, Arial;
    font-size: 8pt;
    color: #777;
}

/** TokensField **/

.tokenfield-item {
    padding: 3px 8px ! important;
    background: rgb(222, 231, 248);
    border: 1px solid rgb(168, 192, 236) ! important;
    color: black;
    float: left;
    height: 12px;
    margin: 2px 2px ! important;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 9pt;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
}

.tokenfield-item.one-per-line {
	float: none;
}

.tokenfield-item.x-view-item-sel {
    background: rgb(89, 139, 236) ! important;
    color: white;
}

.tokenfield-item.x-view-item-over {
    background: rgb(187, 206, 241);
}

.tokenfield-item span {
    margin-right: 3px ! important;
}

.tokenfield-item a.delete-button {
    background: url("../icons/token-delete.png") no-repeat right center;
    width: 12px ! important;
    height: 11px ! important;
    float: right;
}

.tokenfield-add-button {
    width: 16px;
    background: url("../images/token-delete.png") no-repeat center center;
}

.tokenfield .x-view.invalid {
	border-color: red ! important;
} 

label.x-form-item-label span.required {
	font-weight: bold;
	background: url("../icons/required.png") no-repeat left center;
	padding-left: 11px;
	color: #444;
	/*border-bottom: 1px solid silver;*/
}

/** Sale **/

.price-free {
    color: blue;
}

.price-unknown {
    color: red;
}

/** Errors **/

.error-contents {
	font-size: 10pt;
	padding: 15px;
	color: #666;
}

/** City selector **/

.city-selector-item {
    padding: 2px ! important;
    border: 0 none;
    color: #444;
}
.city-selector-item.x-combo-selected {
    padding: 1px ! important;
}

.city-selector-item .city {
    font-weight: bold;
}

/** SVG visual editor **/

.visual-editor-workspace {
    background: url("../images/editor-bg.png");
}

.visual-editor-workspace-tool {
}

.point-and-select-mode {
    cursor: crosshair ! important;
}


/** Wizard **/

.wizard-breadcrumb button {
    border: 1px solid silver;
    background-color: rgb(232,232,232);
    color: #222;
    background-repeat: no-repeat ! important;
}
.wizard-breadcrumb button[disabled],
.wizard-breadcrumb button[disabled]:hover {
    border: 1px solid silver;
    background-color: rgb(202,202,202);
    color: rgb(152,152,152);
}

.wizard-breadcrumb button.wizard-current-step {
    background-color: white;
    color: #222;
    border-bottom: 0 none;
}

.wizard-bottom-bar button,
.wizard-bottom-bar button:hover,
.wizard-bottom-bar button[disabled],
.wizard-bottom-bar button[disabled]:hover {
    border: 1px solid silver;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.wizard-bottom-bar button {
    background-color: white;
    color: #222;
    font-weight: bold;
    background-repeat: no-repeat ! important;
}

.wizard-bottom-bar button[disabled] {
    background-color: rgb(202,202,202);
    color: rgb(152,152,152);
}
.wizard-pane-help,
.wizard-pane-help:link,
.wizard-pane-help:visited {
	float: right;
	display: block;
	padding: 8px 4px 8px 32px;
    font-size: 10pt;
	background: url("../icons/24x24/help2.png") no-repeat 4px center white;
	color: rgb(29,117,182);
	border: 1px solid rgb(29,117,182);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    text-decoration: none;
}

.wizard-pane-help:hover,
.wizard-pane-help:visited:hover {
    background-color: rgb(29,117,182);
    color: white;
}

/** Badges **/

.badge-window .header {
    font-size: 14pt;
    margin: 10px 0;
    text-align: center;
}

.badge-window .autoclose-label {
    text-align: center;
}

.badge-window .badge-image {
	margin-bottom: 5px;
}

.badge-window .badge-label {
    font-size: 12pt;
}


/******************* NEW STYLES INTRODUCED IN 2.3.0 *******************/

.gwt-PopupPanel {
	border-color: #444 ! important;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.giSoberView .giBody {
    padding: 1em;
    font-size: 11pt;
    background: #F1F1F1;
    color: #666;
}

.giTitleBar {
    font-size: 12pt;
    color: white;
    padding: 5px 5px 5px 34px;
    background: #444 no-repeat 5px center url("../icons/24x24/security/keys.png");
}

.gwt-PopupPanel .giTitleBar {
    margin: -3px -3px auto -3px;
}

.giSoberView .giField {
    font-size: 12pt;
    margin: 1em 0;
}

.giSoberView .giField label {
    display: block;
    margin-bottom: 3px;
}

.giSoberView .giField input,
.giSoberView button {
    color: #666;
    font-size: 12pt;
    padding: 4px;
    border: 1px solid #ddd;
}

.giSoberView .giField input:focus {
    -webkit-box-shadow: rgba(158, 204, 57, 0.75) 0px 0px 6px 0px;
    border-color: rgb(158, 204, 57);
}

.giSoberView .giField input[type=text],
.giSoberView .giField input[type=password] {
    width: 16em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -webkit-transition: border 0.2s linear, -webkit-box-shadow 0.2s linear;
}
    
.giAlignRight {
    text-align: right;
}

.giErrorMessage {
    color: rgb(251,70,70);
    padding: 5px 5px 4px 26px;
    margin: 1em 0;
    background: url("../icons/iconexp/16x16/error/error.png") 5px center no-repeat rgb(239,223,223);
    border: 1px solid rgb(229,213,213);
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.gwt-CheckBox label {
	position: relative;
	left: 4px;
	top: 2px;
}

.giSoberView .gwt-Button {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #666;
    text-shadow: white 1px 1px 0;
    border: 1px solid #CCC;
    font-size: 11pt ! important;
}

.giSoberView .gwt-Button:hover {
	border-color: #AAA;
}

.gwt-Frame {
    border: 0 none ! important;
}

.gwt-Button {
	font-size: 8pt ! important;
}

.gwt-DialogBox .Caption {
	font-weight: bold;
}

.gwt-DialogBox.message .Caption,
.gwt-DialogBox.message .dialogContent,
.gwt-DialogBox.message .dialogContent td {
	    font-size: 11pt;
}

.gwt-DialogBox.message .dialogContent {
    margin: 6px;
    padding-left: 40px;
    background: top left no-repeat;
    min-height: 32px;
}

.gwt-DialogBox.congratulations .dialogContent {
    background-image: url("../icons/32x32/various/hand_thumb_up.png");
}

.gwt-DialogBox.info .dialogContent {
    background-image: url("../icons/32x32/general/information.png");
}

.gwt-PopupPanel.loading .message {
	text-align: center;
	padding: 3px 20px;
    font-size: 11pt;
}

.thankYouMessage {
    color: #888;
    padding-top: 1em;
    border-top: 1px solid silver;
}

.first-view {
	z-index: 5000;
}

.glass-copypaste {
	z-index: 1500;
	background-color: black;
	opacity: 0.4 !important;
}



dl.historization {
	width: 42em;
	margin: .2em 0;
	padding: 0;
}

.historization dt {
	width: 15em;
	float: left;
	margin: 0 0 0 0;
	padding: 0 .5em;
	font-weight: bold;
	text-align: right;
}

.historization dt { clear: both; }

.historization dd {
	float: left;
	width: 25em;
	margin: 0 0 0 0;
	padding: 0 .5em;
}
.historization dt.last,
.historization dd.last {
    border-bottom: 0 none;
}

.historization .empty {
    color: silver;
}