/** 
 * This file contains layout style properties for spark components:
 * fonts, dimensions, paddings and margins, positions.
 * General CSS document rules are written in spark.css file.
 *
 * Contents:
 *  1. ------------------------------- Page Content --------------------------------
 *  2. ------------------------------- Input Fields --------------------------------
 *  3. ------------------------------- Label Widgets -------------------------------
 *  4. ---------------------------------- Buttons ----------------------------------
 *  5. -------------------------------- File Upload --------------------------------
 *  6. -------------------------------- Field panel --------------------------------
 *  7. ----------------------------------- Menu ------------------------------------
 *  8. --------------------------------- Tab Bars ----------------------------------
 *  9. ------------------------------ Table Component ------------------------------
 * 10. ------------------------------- Modal Widgets -------------------------------
 * 11. ------------------------------- Message panel -------------------------------
 * 12. --------------------------------- Calendar ----------------------------------
 * 13. -------------------------------- Message Icon -------------------------------
 * 14. -------------------------------- Wizard Panel -------------------------------
 * 15. ------------------------------- Printing Rules ------------------------------
 */
 
/* (+) ------------------------------- Page Content -------------------------------- */
html,body { height: 100%;}
body>.pageContainer {
	height: auto;
	min-height: 100%;
}
a {	behavior: url('IE_anchorFix.htc');}
::-ms-clear { display: none;}
::-webkit-input-placeholder { color: #cccccc;}
::-moz-placeholder { color: #cccccc;}
::-ms-input-placeholder { color: #cccccc;}
input::-moz-placeholder { color: #cccccc;}
.pageContentContainer { padding-bottom: 85px;}
.pageFooter {
	clear: both;
	position: relative;
	height: 53px;
	margin-top: -53px;
	padding-left: 10px;
}
.form {
	padding-left: 17px;
	padding-top: 5px;
}
.pageContent {
	margin-left: 20px;
	margin-right: 20px;
}
.pageContentTop {
	widht: 100%;
	margin-top: -5px;
	position: relative;
	z-index: -1;
	height: 5px;
}
/* (-) ------------------------------- Page Content -------------------------------- */
/* (+) ------------------------------- Input Fields -------------------------------- */
input[type="text"], 
input[type="password"], 
input[type="tel"] { text-indent: 3px;}
textarea { padding-left: 3px;}
input[type="text"],
input[type="password"],
input[type="tel"],
select, textarea, .spark-SuggestBoxPopup { font-size: 10pt;}
.spark-ListField {
    padding-top: 0px;
    padding-bottom: 0px;
    margin: 0px;
}
.spark-SuggestField { height: 20px;}
.spark-SuggestField-helpText {
	padding-left: 15px; 
	font-size: 11px;
}
input[type="tel"].spark-PhoneField-textBox,
input[type="text"].spark-SuggestField-input { border: 0;}
.spark-DropdownListBox.spark-Field-textBox {
	height: 22px;
	width: 100%;
}
.spark-LanguageField { padding-top: 7px;}
/* (-) ------------------------------- Input Fields -------------------------------- */
/* (+) ------------------------------- Label Widgets ------------------------------- */
.spark-Field-label{
    line-height: 20px;
    padding-right: 9px;
    font-size: 11px;
    font-weight: bold;
}
.spark-Field-label-left,
.spark-Field-label.left {
    text-align: left;
    display: inline;
}
.fieldLabelTable tr { line-height: 18px;}
/* (-) ------------------------------- Label Widgets ------------------------------- */
/* (+) ---------------------------------- Buttons ---------------------------------- */
.formViewButtonBar {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.formViewButtonBar .spark-Button,.formViewButtonBar button.gwt-Button {
	margin-right: 5px;
	vertical-align: top;
}
.formViewButtonBar div { display: inline;}
.spark-Button,
button.gwt-Button{
    font-size: 14px;
    line-height: 16px;
	padding: 3px 4px;
	margin: 0px;
	height: 25px;
	width: auto;
	overflow: visible;
}
/* (-) ---------------------------------- Buttons ---------------------------------- */
/* (+) -------------------------------- File Upload -------------------------------- */
.spark-FileUpload-itemNameText { line-height: 16px;}
/* (-) -------------------------------- File Upload -------------------------------- */
/* (+) -------------------------------- Field panel -------------------------------- */
.spark-FieldWrapper,
.spark-FieldPanel .spark-Field,
.spark-FieldPanel .gwt-Button,
.spark-FieldPanel .spark-Field-label {
	font-size: 12px;
	margin-right: 6px;
}
.spark-FieldWrapper { margin-bottom: 6px;}
.spark-FieldPanel .gwt-Button,
.spark-FieldPanel .spark-Field { height: 24px;}
.spark-FieldPanel .spark-TextAreaField,
.spark-FieldPanel .spark-Field-label { line-height: 24px;}
/* (-) -------------------------------- Field panel -------------------------------- */
/* (+) ----------------------------------- Menu ------------------------------------ */
.gwt-MenuBarPopup {	margin: 0px;}
.gwt-MenuBarPopup .menuPopupTop,
.gwt-MenuBarPopup .menuPopupBottom,
.gwt-MenuBarPopup .menuPopupMiddleLeft,
.gwt-MenuBarPopup .menuPopupMiddleRight { display: none;}
/* (-) ----------------------------------- Menu ------------------------------------ */
/* (+) --------------------------------- Tab Bars ---------------------------------- */
.gwt-TabPanelBottom { overflow: visible;}
.gwt-DecoratedTabBar .tabMiddleLeftInner,
.gwt-DecoratedTabBar .tabMiddleRightInner {
	width: 29px;
	height: 28px;
	display: block;
}
.gwt-DecoratedTabBar .tabTopLeftInner,
.gwt-DecoratedTabBar .tabTopRightInner {
	height: 5px;
	width: 5px;
}
.gwt-DecoratedTabBar .gwt-TabBarRest {
	display: block;
	margin-right: 10px;
}
/* (-) --------------------------------- Tab Bars ---------------------------------- */
/* (+) ------------------------------ Table Component ------------------------------ */
.spark-TableComponent {	border-spacing: 0px !important;}
.spark-TableComponent td {
    padding-right: 3px;
    padding-left: 3px;
}
.spark-TableComponent td.spark-TableComponent-cell {
    padding-top: 2px;
    padding-bottom: 2px;
}
.spark-DataTableHeader-button,
.spark-DataTableHeader-button-asc,
.spark-DataTableHeader-button-desc { height: 16px;}
.spark-TableComponent-button-search {
	padding: 1px;
	display: block;
	width: 33px;
    height: 22px;
}
.spark-DataTableHeader-label { font-size: 11px;}
.spark-TableComponent button.statusCodeQueryInput {
	padding: 0;
    height: 22px;
    vertical-align: top;
}
/** IE **/
.ie8 .spark-TableComponent { border-collapse: collapse;}
/** Mozilla Firefox **/
.spark-TableComponent-queryInput .spark-SuggestField, 
.spark-TableComponent-queryInput .spark-TextField-textBox, 
.spark-TableComponent-queryInput .spark-LongField-textBox, 
.spark-TableComponent-queryInput .spark-PasswordField-textBox {	height: 18px;}
/* (-) ------------------------------ Table Component ------------------------------ */
/* (+) ------------------------------- Modal Widgets ------------------------------- */
.gwt-PopupPanelGlass,
.gwt-PopupPanel,
.gwt-DialogBox,
.dateBoxPopup,
.spark-InfoPopup,
.spark-SuggestBoxPopup,
.spark-DropdownButtonPopup,
.spark-ConfirmationDialog { z-index: 2;}
.spark-ConfirmationDialog { max-width: 700px;}
.spark-DropdownButtonItem img {padding-right: 5px;}
.spark-InfoPopup{ padding: 3px;}
.spark-InfoPopup .anchorWithImage .buttonImage {
    margin-right: 0px;
    margin-top: 0px;
    overflow: hidden;
}
.spark-SuggestBoxPopup {
    font-size: 10pt;
    z-index: 2;
}
.spark-SuggestBoxPopup .item { width: 100%;}
.spark-SuggestBoxPopup .suggestPopupContent div { overflow-x: hidden;}
.spark-SuggestBoxPopup .suggestPopupContent div div { overflow: hidden;}
.spark-SuggestBoxPopup .suggestPopupContent div table {
    min-width: 250px;
    border-spacing: 0;
}
.spark-SuggestBoxPopup .footer { width: 100%;}
.spark-SuggestBoxPopup .footer td {
    padding: 3px;
    padding-left: 10px;
    padding-right: 15px;
}
/** IE **/
.spark-DropdownButtonItem img { border: none;}
.ie8 .suggestPopupMiddleCenter { vertical-align: top;}
.ie8 .spark-SuggestBoxPopup .suggestPopupContent div div div {
    overflow-y: visible;
    overflow-x: scroll;
}
/* (-) ------------------------------- Modal Widgets ------------------------------- */
/* (+) ------------------------------- Message panel ------------------------------- */
.messagePanel,
.messagePanel td {
	margin-bottom: 20px;
	font-size: 8pt;
}
.messageText {
	overflow-y: auto;
	padding: 5px;
	white-space: pre-wrap;
	word-wrap: break-word;
	width: 100%;
	max-height: 140px;
	min-height: 80px;
}
/* (-) ------------------------------- Message panel ------------------------------- */
/* (+) --------------------------------- Calendar ---------------------------------- */
/* (-) --------------------------------- Calendar ---------------------------------- */
/* (+) -------------------------------- Message Icon ------------------------------- */ 
/* (-) -------------------------------- Message Icon ------------------------------- */
/* (+) -------------------------------- Wizard Panel ------------------------------- */ 
/* (-) -------------------------------- Wizard Panel ------------------------------- */
/* (+) ------------------------------- Printing Rules ------------------------------ */
/* (-) ------------------------------- Printing Rules ------------------------------ */