/* ******************************************* */
/*                    TOOLTIP                  */
/* ******************************************* */
.TooltipPopup {position:absolute;}
.TooltipPopup,.TooltipPopupContent {margin:0; padding:0;}
.TooltipPopupContent {padding:0 9px 0 0; background:#ffffff; font:normal 10px "Arial CE", Arial, Helvetica, Verdana, sans-serif;}
.TooltipTopRight {position:absolute; bottom:8px; left:11px;}
.TooltipTopLeft {position:absolute; bottom:8px; right:11px;}
.TooltipBottomLeft {position:absolute; top:8px; right:11px;}
.TooltipBottomRight {position:absolute; top:8px; left:11px;}
.TooltipArrow {position:absolute; width:20px; height:17px; font-size:1px;}
.TooltipTopRight .TooltipArrow {bottom:-8px; left:-11px; background-position:20px 0;}
.TooltipTopLeft .TooltipArrow {bottom:-8px; right:-11px; background-position:40px 0;}
.TooltipBottomLeft .TooltipArrow {top:-8px; right:-11px; background-position:0 0;}
.TooltipBottomRight .TooltipArrow {top:-8px; left:-11px; background-position:60px 0;}

* html .TooltipTopRight .TooltipArrow, * html .TooltipTopLeft .TooltipArrow{bottom: -9px; left:-11px;}
* html .TooltipBottomLeft .TooltipArrow, * html .TooltipBottomRight .TooltipArrow {top:-8px; right:-11px;}

.TooltipTopRight {min-width:160px;}
* html .TooltipTopRight, *+html .TooltipTopRight {position:absolute; width:160px;}

.TooltipTopLeft {min-width:160px;}
* html .TooltipTopLeft, *+html .TooltipTopLeft {position:absolute; width:160px;}

.TooltipBottomLeft {min-width:160px;}
* html .TooltipBottomLeft, *+html .TooltipBottomLeft {position:absolute; width:160px;}

.TooltipBottomRight {min-width:160px;}
* html .TooltipBottomRight, *+html .TooltipBottomRight {position:absolute; width:160px;}

.TooltipPopupTopLeft {width:100%; height:9px; background:no-repeat left top;}
.TooltipPopupTopRight {padding:0 9px; height:9px; background:no-repeat right -9px;}
.TooltipPopupTop {height:9px; background:repeat-x 0 -18px; font-size:1px;}
.TooltipPopupLeft {padding:0 0 0 9px; background:repeat-y left;}
.TooltipPopupRight {padding:0 9px 0 0; background:repeat-y top right;}
.TooltipPopupBottomLeft {height:9px; width:100%; background:no-repeat left -36px;}
.TooltipPopupBottomRight {height:9px; padding:0 9px; background:no-repeat right -45px;}
.TooltipPopupBottom {font-size:1px; height:9px; background:repeat-x left -27px;}

.InfoTooltip {background: url('img/balloon.help.png') no-repeat 0 -54px;}
.InfoTooltipPopup .TooltipArrow {background-image:url('img/balloon.help.arrow.png');}

.InfoTooltipPopup .TooltipPopupTopLeft, .InfoTooltipPopup .TooltipPopupTopRight, .InfoTooltipPopup .TooltipPopupTop, 
.InfoTooltipPopup .TooltipPopupBottomLeft, .InfoTooltipPopup .TooltipPopupBottomRight, .InfoTooltipPopup .TooltipPopupBottom 
    {background-image:url('img/balloon.help.png');}

.InfoTooltipPopup .TooltipPopupLeft, .InfoTooltipPopup .TooltipPopupRight {background-image:url('img/balloon.help.vertical.png');}

.ErrorTooltip {background:url('img/balloon.error.png') no-repeat 0 -54px;}
.ErrorTooltipPopup .TooltipArrow {background-image:url('img/balloon.error.arrow.png');}

.ErrorTooltipPopup .TooltipPopupTopLeft, .ErrorTooltipPopup .TooltipPopupTopRight, .ErrorTooltipPopup .TooltipPopupTop, 
.ErrorTooltipPopup .TooltipPopupBottomLeft, .ErrorTooltipPopup .TooltipPopupBottomRight, .ErrorTooltipPopup .TooltipPopupBottom
    {background-image:url('img/balloon.error.png');}

.ErrorTooltipPopup .TooltipPopupLeft, .ErrorTooltipPopup .TooltipPopupRight {background-image:url('img/balloon.error.vertical.png');}

/* ******************************************* */
/*                TEXT BOX                     */
/* ******************************************* */
.TextBoxContainer {position:relative; background:url('img/input.png') #fff repeat-x 0 0; border:1px solid #949494; font:normal 11px Arial !important;}
.TextBoxContainer-focus {background:url('img/input.png') #fff repeat-x 0 -2000px; border:1px solid #7799cb;}    
.TextBoxContainer-TemplateEdit {width:600px; position: absolute; top: 25px; bottom: 10px;}

/* ******************************************* */
/*                    FORM                     */
/* ******************************************* */
label {display:block;}
.FormMessage-error {font-weight:bold; color:#e60101;}
.FormMessage-info {font-weight:bold; color:#327505; padding: 0 0 10px;}
.FormPanelBlocker .gwt-Label {background:#fff; text-align:center;}
.FormContainer {padding:5px 0;}
.Form {position:relative;}
.FormItem {display:block; margin:0 0 4px; font:normal normal normal 12px/normal tahoma, arial, helvetica, sans-serif;}
.FormItemLabel {position:relative; clear:both; float:left; padding:5px 3px 3px 0; width:100px; display:block; z-index:2;}
.FormElement {padding:3px 0 0;}
.FormClearLeft {clear:both; font-size:0pt; height:0pt; line-height:0pt;}
.FormColumn {float:left;}
.FormPanel {position:relative; height:auto;}
* html fieldset .FormPanel {float:left;}
.FormPanelBlocker {position:absolute !important; top:0; left:0; width:100%; height:100%; border:1px solid #808080; background:#808080; cursor:default; opacity:0.6; filter:alpha(opacity = 60);}
.DynamicFields {position:relative;}

.g-FormField2 {margin:0 0 15px 0;}
.g-FormField2-Label {width:80px; float:left; font-size:14px; line-height:30px; text-align:left;}
.g-FormField2-Label.gwt-Label-mandatory {font-weight:bold;}
.g-FormField2-InputContainer {float:right;}
.g-FormField2 .TextBox {border:1px solid #cbcbcb; font-size:14px; line-height:30px; height:30px; width:250px; -moz-border-radius:5px; border-radius:5px;}
.g-FormField2 .TextBoxContainer {background:none;}
.g-FormField2-Error .TextBox {border:1px solid #a60000; -moz-border-radius:5px 5px 0 0; border-radius:5px 5px 0 0;}
.g-FormField2-Error .g-FormField2-ErrorMessage {display:block;}
.g-FormField2-ErrorMessage {background:#a60000; border:1px solid #a60000; font-size:9px; color:#ffffff; width:250px; float:right; clear:both; -moz-border-radius:0 0 5px 5px; border-radius:0 0 5px 5px;}
.g-FormField2-Description {clear:both; width:250px; float:right; border:1px solid #EFEFEF; font-size:9px;}

/* ******************************************* */
/*                  FORMFIELD                  */
/* ******************************************* */
.FormField {position:relative; clear:both; margin:1px 0 3px; padding:0; min-height:19px; _height:19px; display:block;}
*+html .FormField {padding:0; margin:1px 0 2px;}
* html .FormField {width:auto;}

.FormFieldLabel {position:relative; float:left; width:100px;}
.FormFieldLabel .Label-mandatory {font-weight:bold;}

.FormField .Label {position:relative; color:#000;}
.FormField-focus .Label {color:#295183;}
.FormField-error .Label {color:#e60101;}

.FormFieldInputContainer {position:relative; float:left;}

.FormFieldInput {position:relative; float:left; width:150px;}
* html .FormFieldInput, *+html .FormFieldInput {width:150px;}

.FormFieldInput .FormFieldInput .ListBox {width:100%;}
.FormFieldError, .FormFieldHelp {position:relative; float:left; padding:2px 0 0;}

.FormFieldDescription {clear:left; color:#808080;}

.TextBoxContainer-error {border:1px solid #e21212;}
.CurrencyTextBox-error {color: #e21212;}
.CurrencyTextBox-error .TextBoxContainer {border:1px solid #e21212;}
.FormField-error .TextBoxContainer-focus {background:url('img/input.png') #fff repeat-x 0 -4000px; border:1px solid #e21212;}
.FormField-error .TextBoxContainer {border:1px solid #e21212;}

.FormField-focus .DownIcon {width:18px; height:19px; background:url('img/listbox.png') no-repeat 0 -19px;}
.FormField-error .DownIcon {width:18px; height:19px; background:url('img/listbox.png') no-repeat 0 -38px;}

.AltTextPanel {padding:4px 0 0; width:104px; background:url(img/alt.png) no-repeat left top; z-index:10000; overflow:hidden;}
	.AltTextPanel .AltText {padding:0 0 4px; width:104px; background:url(img/alt.png) no-repeat left bottom;}
	.AltTextPanel .AltText div {padding:0 2px; background:#fafa81; border-left:1px solid #979784; border-right:1px solid #979784; text-align:left;}
	.AltTextPanel .AltText .gwt-Label {border:none;}


/* ******************************************* */
/*              CONFIRM DIALOG                 */
/* ******************************************* */
.WindowContainer .WindowHeader {display: none;}
.ConfirmDialog {padding:5px; background-color: white;}
.ConfirmDialog .Button {margin:0; padding:0; width:45px; float: left;}
* html .ConfirmDialog .ButtonContent {float:left;}

/* ******************************************* */
/*               COMMON                                 */
/* ******************************************* */
.IconButton {margin:0 0 0 5px; width:15px; height:15px; cursor:pointer;}
.Blocking {width:100%; height:100%; background-color:#000000; opacity:0.2; filter:alpha(opacity = 20); cursor:default; zoom:1;}
.clear {clear: both;}