/* 
 * These components will be migrated out of RAPID and packaged with coyote-gadget in
 * due time, so separating them from the rest of the RAPID styles.  Will eventually
 * want to split these into separate files per component and convert to GSS in the 
 * long run.
 *
 * TODO Move to CssResource
 * TODO Convert to GSS
 */

/*********************************************************************
 *
 * Table Editor Styles
 *
 ********************************************************************/
.tableEditor {
	width: 100%;
	margin-bottom: 20px;
}
 
.tableEditor .headerTableActions a, .tableEditor .footerTableActions a {
	cursor: pointer; 	
 }
 
 .tableEditor .headerTableActions {
	margin-top: 15px;
}
 
 .tableEditor .tablePanel {
 	margin-bottom: 10px;
 }
 
/*********************************************************************
 *
 * Search Form
 *
 ********************************************************************/
.searchForm {
	padding-bottom: 10px;
	border-bottom: 1px solid black;
	margin-bottom: 15px;
	width:100%;
}

.searchForm .formField {
	display: inline;
}

.searchForm .formField .fieldLabel {
	font-weight:bold;	
}

.searchForm .actionButton {
	margin-bottom: 15px;
}

/*********************************************************************
 *
 * Modal Dialog
 *
 ********************************************************************/
 .modalDialog .dialogContents {
	margin: 5px 10px;
}

/*********************************************************************
 *
 * Remove Dialog
 *
 ********************************************************************/
 .removeDialog .confirmGadget {
 	/* Color set to match grey rows in cell tables.  */
 	/* TODO set to variable during conversion to GSS */
    background-color: rgb(238,238,238);
    padding: 10px;
 }
 
 .removeDialog .confirmText {
	margin-bottom: 10px;
}

/*********************************************************************
 *
 * Vertical Form
 *
 ********************************************************************/
.readOnlyField {
	/* Color set to match grey rows in cell tables */
    background-color: rgb(238,238,238);
    padding: 5px;
}

.verticalForm .gwt-Label {
	padding-bottom: 10px;
}

.verticalForm input, 
.verticalForm textarea, 
.verticalForm .gwt-DateBox,
.verticalForm select, 
.verticalForm .comboInput, 
.verticalForm .readOnlyField {
	margin-bottom: 10px;
	margin-left: 10px;
}

.verticalForm .gwt-RadioButton input {
	margin-left: 15px;
	margin-right: 10px;
}

.verticalForm .comboInput {
	margin: 0px;
}
.verticalForm input[type=checkbox] {
	margin-right:10px;
}

.verticalForm textarea {
	width:100%;
	height:8em;
}

.verticalForm .gwt-Button.actionButton {
	margin-top: 0px;
}

.verticalForm .required:before {
 	content: "*";
 	color: red;
 }

/*********************************************************************
 *
 * Currency Cell
 *
 ********************************************************************/

.currencyCell {
	display: table;
	width: 100%;
}

.currencyCell .symbol {
	display: table-cell;
	padding-right: 5px;
}

.currencyCell .amount {
	display: table-cell;
	text-align: right;
	font-family: monospace;
}

/*********************************************************************
 *
 * Simple Form Dialog
 *
 ********************************************************************/

.simpleFormDialog .formRow {
	margin-bottom: 10px;
}

/* !important needed to override GWT inline styles for now */
.simpleFormDialog .form td  {
	vertical-align: middle !important;
}

.simpleFormDialog .form .fieldLabel {
	margin-bottom: 10px;
}

.simpleFormDialog .form .gwt-TextArea {
	height: auto;
}

.simpleFormDialog .form .gwt-Anchor {
	display: inline-block;
	margin-bottom: 10px;
}

/*********************************************************************
 *
 * Modal Dialog
 *
 ********************************************************************/
.radioGroup.error {
	background-color: #FFCCCC;
}
 
/*********************************************************************
 *
 * Pager Panel (AsyncTable.java)
 *
 ********************************************************************/
.pagerPanel {
 	margin: auto;
 }

/*********************************************************************
 *
 * InputPhone
 *
 ********************************************************************/
.inputPhone .gwt-Label {
	margin: 3px 10px 5px 0px;
}

/*********************************************************************
 *
 * InputUsername
 *
 ********************************************************************/

.inputUsername .readOnlyField {
	margin-right: 10px;
	min-width: 153px;
	min-height: 24px;
}
 
.inputUsername .gwt-Anchor {
	display: inline-block;
	margin: 5px 10px 5px 0px;
	
}
 
 /*********************************************************************
 *
 * ConfirmDialog.java
 *
 ********************************************************************/
.confirmDialog {
	max-width: 600px;
}
 
.confirmDialog .dialogContents td {
	text-align: center;
}

.confirmDialog .dialogContents .gwt-HTML {
	text-align: left;
}

.confirmDialog .actionButtons {
	margin: 10px auto 5px auto;
	display: inline-block;
}

.confirmDialog .actionButtons .actionButton {
	width: 4em;
	margin-right: 20px;
}