/* known glitch in datepicker UI div should not be visible */

.Entry #ui-datepicker-div
{
    display: none;
}

.Entry .comboBox {
    max-width: 150px;
}

.main {
    padding: 0px !important;
    margin: 0px !important;
}

.mainReport {
    max-width: 960px;
    margin: auto;
}

/*The table that holds the arrangement of all the fields*/

.Entry .templateTable td{
    border-style:solid !important;
    border-width:2px !important;
    border-color:#FFFFFF !important;
    background-color: #F0F8FF !important;
    vertical-align: top !important;
}



/*Field Table contains a single field lable and error message*/
.Entry .fieldTable {
    width:440px;
    height:20px;
    border-style:none;
    border-width:0px;
}

.Entry .fieldTable td{
    border-style:none !important;
}


/*the td that contains the input*/
.Entry .fieldTable .fieldInput
{
    width:225px;
    vertical-align:central;
    max-height:10px !important;
}

.Entry .errorMessage a
{
    /*font-size: 12px !important;*/
    padding-left: 10px;
    line-height: 15px !important;
    margin-bottom: 0px !important;
    margin-right: 0px !important;
    font-weight:bold;
    color:red;
    float: right;
}
.Entry .errorMessage {
    font-weight:bold;
    color:red;
    overflow: hidden;
    /*margin-top: 2px;*/
}

.Entry .metrouicss .input-control {
    margin-bottom: 0px !important;
    padding: 0px 0px 0px 0px !important;
    margin-right: 0px !important;
}

label {

}

.Entry .reportHeaderPanel {
    background-color: #e1e1e1;
    padding: 10px;
}

.Entry .reportFooterPanel {
    background-color: #f8f8f8;
    padding: 5px;
    border-top: 1px solid #dadada;
    text-align: center;
}

.Entry .headerLabels {
    float:left;
}

.Entry .reportButtons {

}

.Entry .reportHeaderPanel label {
    font-size: 12px !important;
}

.Entry .reportHeaderPanel .data {
    font-size: 12px !important;
    color: black;
    font-weight: bold;
    padding:0px;
    margin:0px;
}

.Entry .reportSidePanel {
    width:35px;
    background-color: #dce7ff;
    border-top: 6px solid #FFFFFF;
}

.Entry .reportMainPanel {
    background-color: #f8f8f8;
    /*padding:10px;*/
    padding: 10px 0 0 30px;
    margin:0px;
}

.Entry .indented
{
    margin-left:0px !important;
}

.Entry .templateContainerReport {
    /*background-color:aliceblue;*/
    padding:0px;
    margin:0px;
}

.Entry .templateElement{
    float:left;
    background-color: #f8f8f8 !important;
    vertical-align: top !important;
    /*margin: 0 10px 0 10px;*/
}

.Entry .emptyTextTemplateElement{
    float:left;
    background-color: #f8f8f8 !important;
    padding: 0px;
    width:440px;
    height:40px;
}

.Entry .emptyTextAreaTemplateElement{
    float:left;
    background-color: #f8f8f8 !important;
    padding: 0px;
    width:414px;
    height:130px;
}

.Entry .templateFooter{
    /*float:left;
    border-right: solid !important;
    border-top : solid !important;
    border-width: 4px !important;
    border-color:#FFFFFF !important;
    background-color: #F0F8FF !important;
    vertical-align: top !important;
    padding: 5px 5px 0 5px ;
    width:828px;
    height:49px;*/
    clear: both;
}

.Entry .emptyChoiceTemplateElement {
    float: left;
    border-right: solid !important;
    border-top : solid !important;
    border-width: 4px !important;
    border-color: #FFFFFF !important;
    background-color: #F0F8FF !important;
    vertical-align: top !important;
    padding: 5px 5px 5px 5px;
    width: 414px;
    min-height:49px;
    font-size:12px;
}

.Entry .transactionActivityTemplateElement {
    float: left;
    border-right: solid !important;
    border-top : solid !important;
    border-width: 4px !important;
    border-color: #FFFFFF !important;
    background-color: #F0F8FF !important;
    vertical-align: top !important;
    padding: 5px 5px 5px 5px;
    width: 855px;
}



.Entry .reportHeaderFields .textField {
    width: 452px;
}
.Entry .reportHeaderFields .comboField {
    width: 452px;
}
.Entry .reportHeaderFields .textField input {
    width: 260px !important;
}

.Entry .reportHeaderFields .comboField select {
    width: 262px !important;
}

.Entry .NewObjectSection .reportHeaderFields .templateElementCollection.reason .textareaField textarea{
    width: 884px !important;
}
.Entry .NewObjectSection .reportHeaderFields .templateElementCollection.action .textField input {
    width: 888px !important;
}

/*TEXT FIELD*/
.Entry .textField {
    float:left;
    width:440px;
    height: 40px;
}

.Entry .textField .fieldLabel {
    float:left;
    width:175px;
    height: 20px;
}
.Entry .textField .fieldInput {
    float:left;
    font-size: 12px;
}
.Entry .textField .errorMessage {
    float:left;
    width:440px;
    height: 18px;
}

.Entry .textField input{
    width: 248px !important;
    height: 20px;
    padding: 0px;
    margin: 0px;
    border: 1px solid #dadada;
}
.Entry .textField .fieldLabel label{
    font-weight: bold !important;
}


/*DECIMAL FIELD*/
.Entry .decimalField {
    float:left;
    width:440px;
    height: 40px;
}
.Entry .decimalField .fieldLabel {
    float:left;
    width:175px;
    height: 20px;
}
.Entry .decimalField .fieldInput {
    float:left;
    font-size: 12px;
}
.Entry .decimalField .errorMessage {
    float:left;
    width:440px;
    height: 18px;
}

.Entry .decimalField input{
    width: 248px !important;
    height: 20px;
    padding: 0px;
    margin: 0px;
    text-align: right;
    border: 1px solid #dadada;
}
.Entry .decimalField .fieldLabel label{
    font-weight: bold !important;
}

/*BOOLEAN FIELD*/
.Entry .booleanField {
    float:left;
    width:440px;
    height: 40px;
}
.Entry .booleanField .fieldLabel {
    float:left;
    width:175px;
    height: 20px;
}
.Entry .booleanField .fieldInput {
    float:left;
    font-size: 12px;
}
.Entry .booleanField .errorMessage {
    float:left;
    width:440px;
    /*height: 18px;*/
}

.Entry .booleanField input{
    max-width: 20px !important;
    padding: 0px;
    margin: 0px;
}
.Entry .booleanField .fieldLabel label{
    font-weight: bold !important;
}


/*COMBO BOX*/
.Entry .comboField {
    float:left;
    width:440px;
    height: 40px;
}
.Entry .comboField select {
    width: 248px !important;
    height:20px !important;
    font-size: 12px;
    /*border: 1px solid #dadada;*/
}

.Entry .comboField .fieldLabel {
    float:left;
    width:175px;
    height: 20px;
}
.Entry .comboField .fieldLabel label{
    font-weight: bold !important;
}

.Entry .comboField .errorMessage {
    float:left;
    width:440px;
    height: 20px;
}

/*TEXT AREA*/
.Entry .textareaField {
    float:left;
    width:440px;
}
.Entry .reason .textareaField,
.Entry .action .textField,
.Entry .action .fieldLabel {
    width:850px;
}
.Entry .textareaField textarea {
    /*width: 318px !important;*/
    width: 95%;
    border: 1px solid #dadada;
}

.Entry .textareaField .fieldLabel {
    float: left;
    /*width: 100px;*/
    height: 20px;
}
.Entry .textareaField .fieldLabel label{
    font-weight: bold !important;
}



.Entry .NewObjectSection .templateElementCollection.reason .textareaField textarea{
    width: 860px !important;
    /*height: 70px !important;*/
    height: 70px;
}
.Entry .NewObjectSection .templateElementCollection.action .textField input{
    width: 863px !important;
}

.Entry .NewObjectSection .templateElementCollection.action {
    background-color: #f8f8f8 !important;
    width: 100%;
    height: 50px;
}

.Entry .NewObjectSection .templateElementCollection.reason {
    background-color: #f8f8f8 !important;
    width: 100%;
    /*height: 100px;*/
}

.Entry .NewObjectSection .templateElementCollection.action {
    margin-bottom: 10px;
}

.Entry .textareaField .errorMessage {
    width:440px;
    height: 20px;
}

.Entry .templateElementCollection.textArea .textareaField textarea {
    width: 792px !important;
    margin-left: 30px;
    min-height: 130px;
}

.Entry .templateElementCollection.input .textField input {
    width: 792px !important;
    margin-left: 30px;
}
.Entry .templateElementCollection.input .textField {
    width: 100%;
    height: 60px;
}

/*COLLECTION*/

.Entry .templateElementCollection{
    float:left;
    background-color: #e9e9e9;
    vertical-align: top !important;
    width: 890px;
    margin: 1px 0px;
}

.Entry .collectionLabelSection {
    /*position: absolute;*/
    margin-left: 15px;
}

.Entry .templateElementChoice{
    /*float:left;
    border-right: solid !important;
    border-top : solid !important;
    border-width: 4px !important;
    border-color:#FFFFFF !important;
    background-color: #F0F8FF !important;
    vertical-align: top !important;
    padding: 5px 5px 15px 5px ;
    width: 890px;*/
    float:left;
    background-color: #e9e9e9 ;
    margin: 1px 0px;
    width: 890px;
}

.Entry .templateTransactionCollection{
    /*float:left;
    border-right: solid !important;
    border-top : solid !important;
    border-width: 4px !important;
    border-color:#FFFFFF !important;
    background-color: #F0F8FF !important;
    vertical-align: top !important;
    padding: 5px 5px 0 5px ;
    width: 855px;*/
    float:left;
    background-color: #e9e9e9;
    vertical-align: top !important;
    width: 890px;
    margin: 1px 0px;
}

.Entry .mainForm .templateElementChoice{    
    background-color: none;    
}

.Entry .collectionField .collectionLabel{
    font-size: 12px;
    padding-right: 5px;
    padding-top:5px;
    font-weight: bold !important;
}

.Entry .CollectionAddButton{
    float:left !important;
    background-image: url('../goaml4/images/add.png') !important;
    background-repeat:no-repeat;
    width:16px !important;
    height:16px !important;
    background-color:transparent !important;
    min-height:16px !important;
    min-width:16px !important;
    max-width:16px !important;
    margin-top: 5px;
}

.Entry .CollectionAddButton[disabled]{
    float:left !important;
    background-image: none !important;
    background-repeat:no-repeat;
    width:16px !important;
    height:16px !important;
    background-color:transparent !important;
    min-height:16px !important;
    min-width:16px !important;
    max-width:16px !important;
}

.Entry .deleteLink {
    background-image: url('../../Images/DeleteItem.png');
}

/*to use metrouicss tables add the class "metro" in a div immediately before it */

.Entry .metro table {
    /*border-style: solid;
    border-width: 2px;*/
    margin-top: 5px;
    margin-left: 16px;
    border-color:#dadada;
    /*min-width: 650px;*/
    border-collapse:collapse;
    table-layout:fixed;
}

.Entry .metro table td,
.Entry .metro table th,
.Entry .metro table tr.disabled td,
.Entry .metro table tr.disabled:hover td {
    border-style: solid;
    border-width: 1px;
    border-color: #dadada;
    padding: 3px;
    text-align:center;
    width: 150px;
    background-color: #f8f8f8;
    cursor: auto;
}

.Entry .metro table td {
    background-color: #f8f8f8;
}

.Entry .metro table th:last-child,
.Entry .metro table td:last-child {
    max-width: 40px !important;
    width: 40px !important;
}

.Entry .metro table tr:hover td {
        background-color: lightblue;
        cursor: pointer;
        /*border-bottom: 2px solid darkblue;
        border-top: 2px solid darkblue;*/
}

.Entry .metro table .selected td {
    background-color: lightgreen;
}

.Entry .checkbox {
   background-image: url('images/unchecked-checkbox.png');
   background-repeat:no-repeat;
}

.Entry .checkbox.selected {
   background-image: url('images/checked-checkbox.png');
   background-repeat:no-repeat;
}

.Entry .metro #attachmentsTable th {
    width: 200px;
}

.Entry .metro #transactionsTable td:first-child,
.Entry .metro #transactionsTable th:first-child {
    width: 50px !important;
    max-width: 50px !important;
}

.Entry .metro.indicatorTable {
    /*height: 240px;*/
    overflow-y: auto;
}

.Entry .metro.indicatorTable thead {
    display: block;
}
.Entry .metro.indicatorTable tbody {
    display: block;
    overflow-y:scroll;
    overflow-x:hidden;
    max-height: 210px;
}

.Entry .metro.indicatorTable tbody td,
.Entry .metro.indicatorTable thead th{
    word-wrap: break-word;
    max-width: 150px !important;
    width: 150px !important;
    min-width: 150px;
}

.Entry .metro.indicatorTable thead th.indicatorColumn,
.Entry .metro.indicatorTable tbody td.indicatorColumn {
    max-width: 450px !important;
    width: 450px !important;
    min-width: 450px;
}

.Entry .metro.indicatorTable thead th:last-child,
.Entry .metro.indicatorTable tbody td:last-child {
    max-width: 15px !important;
    width: 15px !important;
    min-width: 15px !important;
}


.Entry .metro.indicatorTable table th:hover{
        background-color: #52a3b2;
        cursor: pointer;
}

.Entry .attachmentsIcon,
.Entry .submitIcon,
.Entry .saveIcon
{
    font-size:30px; 
    float:right;
    color:black;
    margin: 10px;
}

.Entry .generateIcon {
    font-size:20px;
    color:black;
    margin-left:10px;
}

.Entry .attachmentsIcon {
    margin-right:0px;
}

.Entry .saveIcon {
    margin-top:12px;
}

.Entry .attachmentsIcon:hover,
.Entry .submitIcon:hover,
.Entry .saveIcon:hover,
.Entry .generateIcon:hover {
    color:blue;
}

.Entry .attachmentsIcon:disabled,
.Entry .submitIcon:disabled,
.Entry .saveIcon:disabled {
    color:white;
}

.Entry .headerLabels
{
    font-weight:bold;
    /*margin-top:10px;
    margin-bottom:10px;*/
}

.Entry .reportHeaderPanel label.headerInfo {
    float:right;
    margin-right:80px;
    margin-top:15px;
    font-size:25px !important;
    color:green;
    font-weight:bold;
}
label.subheaderInfo {
    float:right;
    margin-right:80px;
    margin-top:15px;
    font-size:10px !important;
    color:green;
    font-weight:bold;
}
label.regheaderInfo {
    float:left;
    margin-right:80px;
    margin-top:15px;
    font-size:20px !important;
    color:green;
    font-weight:bold;
}
label.regsubheaderInfo {
    float:left;
    margin-right:80px;
    margin-top:15px;
    font-size:20px !important;
    color:green;
    font-weight:bold;
}

.Entry .mainTable {
    border-spacing:0px;
    width: 100%;
    border: 1px solid darkgray;
}

.Entry .attachmentsPanel {
    display:none;
    height:20px;
    opacity: 1.0;
    position: fixed;
    width: 500px;                 
    height: 300px;    
    z-index: 10000;
    margin-top: -210px;
    margin-left: -250px;
    background-color: #FFFFFF;
    border: 15px solid lightblue !important;
    top: 50%;
    left: 50%;
}

#menuh {
    max-height: 26px;
    height: 26px;
}

.Entry input[disabled],
.Entry select[disabled] {
    background-color: lightgrey;
}


/* autocomplete */
.ui-helper-hidden-accessible {
    display:none;
}
.ui-autocomplete {
    max-width: 248px !important;
    width: 248px !important;
    z-index: 99999999 !important;
    background-color: white;
    list-style-type: none !important;
    padding: 2px !important;
    border-width: 0px 1px 1px 1px;
    border-color: lightgrey;
    border-style: solid;
}

.bottomPadding
{
    margin-bottom:20px;
}

.CollectionAddButton{
    background-color: transparent;
    text-decoration: underline;
    border: none;
    color: blue;
    cursor: pointer;
}
.CollectionAddButton:disabled{
    text-decoration:line-through;
}

.Attachments {
    background-color: white;
}

#SupBodyAssocInfo thead th { border-bottom: solid 0.25em black; }

.reportHeaderFields {
    margin: 0 auto;
    width: 100%
}
.reportHeaderFields:after { 
   content: " ";
   display: block; 
   height: 0; 
   clear: both;
}

/*radio buttons*/
.Entry .booleanField input[type="radio"],
.Entry .templateElementChoice input[type="radio"] {
    display: none;
}

.Entry .booleanField,
.Entry .templateElementChoice {
    font-weight: bold;
}


.Entry .booleanField label[for],
.Entry .templateElementChoice label[for] {
    /*background-color: #52a3b2;*/
    /*background-color: #aee5e8;*/
    background-color: #ecf3f4;
    display: inline-block;
    color: #000000;
    font-family: Verdana;
    font-size: 13px;
    font-weight: normal;
    padding: 2px 15px 2px 25px;
    text-decoration: none;
    background-image: url('images/unchecked-radio.png');
    background-repeat:no-repeat;
    background-position: 5px 3px;
    border: 1px solid #dadada;
}

.Entry .nobackgroundColor .booleanField label[for] ,
.Entry .nobackgroundColor .templateElementChoice label[for] {
    /*background-color: #52a3b2;*/
    /*background-color: #aee5e8;*/
    background-color: transparent;    
}
.Entry .mainForm .templateElementChoice label[for] {    
    background-color: #f8f8f8;   
}
.Entry input[type="radio"]:checked + label {
    /*background-color: #209aad;*/
    background-color: #ffffff;
    background-image: url('images/checked-radio.png');
}
.Entry .mainForm  input[type="radio"]:checked + label {    
    background-color: #ffffff;
    background-image: url('images/checked-radio.png');   
}
.Entry .booleanField label[for]:hover,
.Entry .templateElementChoice label[for]:hover {
	/*background-color: #0094AA;*/
    background-color: #ffffff;
}
.Entry .booleanField label[for]:active,
.Entry .templateElementChoice label[for]:active {
	position:relative;
	top:1px;
}

.choiceLabel {
    display: block;
    float: left;
    min-width: 120px;
    margin: 0 5px 0 0;
}

#GreyOutDiv,
#GreyOutDivForDialog
 {
    position: fixed;
    height: 2000px;
    width: 2000px;
    background-color: #000000;
    top: 50%;
    left: 50%;
    margin-top: -1000px;
    margin-left: -1000px;
    opacity: 0.3;
    display: none;
}

.ValidationError {
    background: #ffe5ea;
    background-color: #ffe5ea !important;
    border-color: red !important;
}

.CollectionValidationError {
    background: #ffd9df;
    background-color: #ffd9df !important;
    border-color: red !important;
}