/* A css file for generic enterprise object list, detail and form views
The objective is to have something basic that can be used with semantic HTML.
Ian or Tom can override this to style the HTML later to their own desire
Kieran */

/* Base styling - resets some of the undesirable workbench defaults */
.genericeo h1 {
    font-size: 153.9%;
    line-height: 1.8em;
}


/* EO List View
We will use table for tabular listing of enterprise objects */
.genericeo table.list {
    width: 100%;

}

.genericeo table.list th {
    font-weight: bold;
}

.genericeo {
	text-align: left;
}

.genericeo dl {
	margin: 0;
}



/* ---------------------------------------------------------------------------------------------------------------- */
/* EO Edit Form
 Styling of attribute/value and form label/field elements
use dl for the list of label-value pairs, use dt (definition term) for the label
and dd (definition data) for the value field or widget and wrap in a styled dl to configure relative layout */

/* Form labels */
.genericeo dl dt {
    font-weight: bold;
 }

/* horizantal layout is default */
.genericeo dl dt {
    clear: both;
    float: left;
    width: 30%;
    padding: 0.4em 1em 0.4em 0;
    text-align: left;

     }

.genericeo dl dd {
    float: left;
    padding: 0.4em 1em 0.4em 0;
    width: 60%;
 }

.genericeo dl.stacked dt {
    clear: both;
    float: none;
    padding: 1em 0 0.2em 0em;
    text-align: left;
    width: auto;
 }

.genericeo dl.stacked dd {
	clear: both;
	float: none;
    padding: 0.2em 0 0.5em 0em;
    text-align: left;
    line-height: 1.4em;
 }

.genericeo .clearcenter {
    clear: both;
    text-align: center;
 }

/* Use of BDRadioButtonList in forms */
.genericeo ul.BDRadioButtonList li {
    padding: 0 0 0.5em 0;
}

.genericeo ul.BDRadioButtonList li input {
    padding: 0.5em 0.5em 0 0;
}

.validation-error-message {
    font-size: 77%;
    color: red;
 }


div.validation-error-page-panel {
    text-align: left;
    margin: 0.5em 1em 0.5em 1em;
    padding: 0.5em 1em 0.5em 1em;
    color: red;
    border: red 1px solid;
    background-color: #FFF2C4;
}

div.validation-error-page-panel h4 {
    font-weight: bold;
    padding: 0.25em 0em 0.25em 0em;
}

div.validation-error-page-panel ul {
    padding: 0.25em 0 0.25em 0;
}

div.validation-error-page-panel li {
    list-style-type: disc;
    margin-left: 1.5em;
}