/***** ModalDialog Classes *****/
.modalDialog {
    background-color: rgba(255,255,255,.25);
    padding: 10px;
    border-radius: 5px;
    text-align: left;
    /*min-width: 450px;*/
}

div[id*=PersonnelModalDialog] {
    position: absolute !important;
}


div[id*=PersonnelApprovalModalDialog] {
    /*position: absolute !important;
    left: 300px !important;
    top: 100px !important;*/
	min-width:550px;
}


div[id*=IgnoreModalDialog] {
    /*position: absolute !important;
    left: 300px !important;
    top: 100px !important;*/
	min-width:auto;
}

div[id*=GroupPersonnelsModalDialog] {
    position: absolute !important;
    left: 5px !important;
    top: 5px !important;
}

div[id*=MeterSelectorPanel] {
    position: absolute !important;
}

/*div[id*=ProbeModalDialog]
{
	position: absolute !important;
}*/

div[id*=EventModal].modalDialog .field,
div[id*=EventModal].modalDialog .caption,
div[id*=EventNotSeenModal].modalDialog .field,
div[id*=EventNotSeenModal].modalDialog .caption {
    margin-bottom: 5px;
}

div[id*=EventModal].modalDialog .header,
div[id*=EventNotSeenModal].modalDialog .header,
div[id*=EventModal].modalDialog .content,
div[id*=EventNotSeenModal].modalDialog .content,
div[id*=EventModal].modalDialog .footer,
div[id*=EventNotSeenModal].modalDialog .footer {
    padding: 25px 4%;
}

div[id*=EventModal].modalDialog .content,
div[id*=EventNotSeenModal].modalDialog .content {
    padding-top: 0;
}

div[id*=EventModal].modalDialog .modal-close-button,
div[id*=EventNotSeenModal].modalDialog .modal-close-button {
    float: right;
}

div[id*=EventModal].modalDialog .description, div[id*=EventNotSeenModal].modalDialog .description {
    margin-bottom: 0;
}

.modalDialog .ObjectSubTitle {
    min-height: 16px;
}

.modalDialog .content {
    background-color: White;
    padding: 25px;
}

.modalDialog .rule {
    background-color: White;
    padding-top: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e0e0e0;
}

.modalDialog .header {
    background-color: White;
    font-size: 200%;
    padding: 25px 15px 0 25px;
    font-family: RamblaRegular, Calibri, Sans-Serif;
    color: black;
}

.modalDialog .content .row{
	padding-bottom:15px;
}

.modalDialog .content .thinRow{
	padding-bottom:5px;
}

.modalDialog .content .description {
    color: #444;
    margin-bottom: 10px;
}

.modalDialog .footer {
    color: #444;
    padding: 0 15px 25px 25px;
}

.modalDialog .content *[class*=caption] {
    padding-top: 4px;
    float: left;
    width: 150px;
    text-align: right;
    text-transform: uppercase;
    padding-right: 1%;
    font-family: RamblaRegular, Calibri, Sans-Serif;
    color: #999999;
    clear: left;
}

.modalDialog .content .captionWide {
    float: none;
    width: auto;
    text-align: left;
}

.modalDialog .content *[class*=field] {
    /*margin-bottom: 15px;*/ /*moved to row*/
    /*float: left;*/
    color: #333;
    font-family: Calibri, Sans-Serif;
    padding-top: 2px;
}

.modalDialog .content .fieldWide {
    float: none;
}

.modalDialog .content *[class*=field] .validationMessage {
    padding-left: 1%;
    /*margin-left:150px;
    clear: left;*/
    float: left;
}

.modalDialog .content .fieldWide .validationMessage {
    padding-left: 0;
    margin-left: 0;
    float: none;
    clear: left;
}

.modalDialog .content .fieldWide > * {
    display: block;
}

.modalDialog .content *[class*=field] input[type=text], .modalDialog .content *[class*=field] select {
    border: 1px solid #aaa;
    padding: 5px;
}

.modalDialog .content .field select {
    /*font-size: 110%;*/
}

.modalDialog .content .action {
    /*padding-bottom: 15px;*/ /*too much padding on user approval*/
}

.modalDialog {
    /*position:absolute !important;*/
}

    .modalDialog > .ObjectTable {
        background-color: White;
        padding: 1%;
    }

    .modalDialog .footer {
        clear: both;
        background-color: White;
        /*padding: 0 5% 5% 5%;*/
        /*padding: 0 5% 5% 5%;*/
    }

.modalContent {
    background-color: White;
}

.modalDialog .subHeader
{
	color: #77A4C6;
	font-size: 110%;
}