﻿.formRow
{
	width: auto;
}
.formColumn
{
	float: left;
	width: 280px;
}

.formField
{
    float: left;
    margin: 0 0 3px 0;
    width: 280px;
}

.fullFormField
{
    float: none;
    margin: 0 0 3px 0;
    width: 280px;
}

.formLabel, .formHeader
{
    font-size: 90%;
    float: left;
    padding: 5px 0 0 0;
    width: 115px;
}

.formHeader {
    font-size: 90%;
    color: #00AEEF;
}

.formLabel {
    box-sizing: border-box;
    padding-left: .25em;
}


.fullFormLabel {
    float: none !important;
    padding-bottom: .5em;
}

.formSupplementalLabelAndControl {
    box-sizing: border-box;
    font-size: 90%;
    padding: .45em 0 0 .25em;
}
.formSupplementalLabelAndControl * 
{
    vertical-align: middle;
}
.formSupplementalLabelAndControl *[type="checkbox"] 
{
    display: inline-block;
    margin-top: -.5px;
}

.formLabelShort 
{
    font-weight: bold;
    font-size: 90%;
    float: left;
    padding: 5px 0 0 0;
    width: 75px;
}
.formLabelShortAboveControl 
{
    font-weight: bold;
    font-size: 90%;
    padding: 5px 0 0 0;
    width: 75px;
}
.formHeader
{
	width: auto;
	margin: 0 0 2px 0;
}
.formControl
{
	float: left;
	margin: 0 0 0 5px;
	width: 150px;
}
.formControlLarge
{
	float: left;
	margin: 0 0 0 5px;
	width: 250px;
}
.shortLabel
{
	font-weight: bold;
	font-size: 90%;
}
#loginForm .formColumn, #loginForm .formField
{
	width: 285px;
}
.formLabelText
{
	font-weight: bold;
}
.listForModal {
	height: 220px;
	overflow-y: auto;
	overflow-x:hidden;
}

.checkBoxWithLabel
{
	font-size: 90%;
}
.fundManagementContainer .formColumn
{
	width: 735px;
}

.fundManagementContainer .formField, .approveRejectForm .formField
{
	width: 720px;
}
.fundManagementContainer .formLabel, .approveRejectForm .formLabel
{
	width: 150px;
}
.fundManagementContainer .formControl, .approveRejectForm .formControl
{
	width: 500px;
}
.fundManagementContainer .formControl .formLabel
{
	width: 115px;
}
.fundManagementContainer .formControl .formValueLabel
{
	font-size: 90%;
	float: left;
	padding: 5px 0 0 0;
	width: 115px;
}
.fundManagementContainer .formControl .formControl
{
	width: 165px;
	margin-left: 0;
}
.inlineSearchFields .formColumn
{
	margin: 3px 0 0 0;
}
.payeeSelectListBoxTemplate
{
	padding: 10px;
	border: 1px solid #000;
	margin: 5px 0;
}
.formTitleLabel
{
	font-weight: bold;
}
.commitmentComment .formColumn
{
	width: auto;
}

.payeeSelectListBoxTemplate .formField, .commitmentComment .formField
{
	width: auto;
	margin: 0;
}
.payeeSelectListBoxTemplate .formLabel, .commitmentComment .formLabel
{
	padding: 0;
	margin: 0 0 0 10px;
}
.payeeSelectListBoxTemplate .formValueLabel
{
	padding: 0;
	width: 550px;
	font-size: 90%;
}

.payeeSelectListBoxTemplate .formControl, .commitmentComment .formControl
{
	width: 615px;
	margin: 0 0 5px 0;
}
.commitmentCost
{
	width: auto;
	display: block;
}

.commitmentDetails,
.claimDetails
{
    font-size: 90%;
}
.commitmentDetails .formColumn,
.claimDetails .formColumn
{
    width: 400px;
    margin: 0 0 0 5px;
}
.commitmentDetails .formValueLabel,
.claimDetails .formValueLabel
{
    padding: 5px 0 0 0;
}


.addressBox, .commentBox
{
	background: #FFF;
	border: 1px solid #000;
	padding: 2px;
}

.commentBox {
    padding: 1.5em 1em;
}

.addressBox .formField
{
	margin: 0;
	width: 380px;
}
.addressBox .formLabel, .addressBox .formValueLabel
{
	padding: 0;
}
.addressBox .formValueLabel
{
	width: 280px;
	float: left;
}
.addressBox .formLabel
{
	width: 100px;
}
.commentRow {
	width: 810px;
}
.commentRow .formLabel, .commentRow .formValueLabel ,.commentRow .gridContainer{
	width: 400px;
	display: block;
	clear: both;
	margin: 0;
}

.commentRow .formValueLabel 
{
	padding: 5px;
	background: #FFF;
	min-height: 40px;
	margin: 0 0 15px 0px;
	width: 390px;
}
.commitmentDetailsTitleRow
{
	margin: 10px 0 0 0;
}
.gridRadioButtonList
{
	float: left;
	width: 85px;
}
.gridControlSpacer
{
	margin: 2px 0 2px 0;
}
.approveRejectForm
{
}
.formRow
{
	clear: both;
}
.formRow .formValueLabel
{
	padding: 5px 0 0 0;
	font-size: 90%;
}
.formFieldWide
{
	width: 500px;
}
.formFieldWide .formValueLabel
{
	padding: 5px 0 0 0;
	font-size: 90%;
	margin-left: 5px;
	float: left;
}
.formRow .formFieldWide
{
	width: auto;
}
.mediaGridPanel
{
	width: 650px;
	float: left;
}
.mediaEditPanel
{
	float: left;
	width: 360px;
	margin: 0 0 0 15px;
}
.mediaEditPanel .formField
{
	width: 360px;
}
.mediaEditPanel .formControl
{
	width: 200px;
}

.dashFilters .formColumn
{
	width: 510px;
}
.dashFilters .formField
{
	width: 510px;
}
.dashFilters .formControl
{
	width: 365px;
}
.dashFilters .formLabel
{
	width: 125px;
}
.dashFilters .rightColumn
{
	margin: 0 0 0 5px;
}
.dashFilters .rightColumn .formControl
{
	width: 375px;
}
.modalFormWrapper .commentRow
{
	width: 420px;
}
.modalFormWrapper .commentRow .formFieldWide
{
	width: 420px;
}
.modalFormWrapper .commentRow .formFieldWide .formLabel, .modalFormWrapper .commentRow .formFieldWide .formControl
{
	width: 420px;
}
.selectedItemsBlock
{
	background: #FFF;
	border: solid 1px #007cc1;
	padding: 5px;
	font-size: 90%;
}
.selectedItemsBlockHeader {
	font-weight: bold;
	margin: 0 0 5px 0;
}
.selectedItemsBlock ul {
	padding: 0;
	margin: 0;
}
.selectedItemsBlock ul li 
{
	list-style: none;
}
.auditBody .formColumn {
	margin: 0 20px 0 0;
}
.auditBody .formColumn,.auditBody .formField {
	width: 315px;
}
.auditBody .formControl {
	width: 195px;
}
#invoiceNumberDiv .formControl {
	width: 133px;
}
.selectedItemsBlock .formLabel {
	width: 255px;
}
.selectedItemsBlock .formControl {
	width: 40px;
}
.auditFormContainer .formValueLabel {
	padding: 5px 0 0 0;
	font-size: 90%;
	margin: 0 0 0 5px;
	width: 150px;
	float: left;
}
.mediaEditPanel .formLabel {
	width: 140px;
}

.commitmentControlHeightOverFlow {
	height: 400px;
	width: 850px;
	overflow-x: hidden;
overflow-y: scroll;
}

.commitmentDetailsSkinnedPanel .formLabel {
    width: 110px;
}

.commitmentDetailsSkinnedPanel .formValueLabel {
    width: 280px;
}

.commitmentDetailsSkinnedPanel .formField {
    width: 396px;
}

.fileDropZone {
    background: #9cb6c5;
    padding: 12px 0;
    color: #fff;
    font-weight: bold;
    text-align: center;
    width: 208px;
    margin: 8px 0;
    border-radius: 4px;
}

.fileDropZone.dropHover {
    background-color: #007cc1;
}

.fileDropZone p em {
    font-style: normal;
    font-weight: normal;
    color: #d0dde4;
}

.ruDropZone {
    visibility: hidden !important;
}