﻿/* define styles here related to  */

/*
    COLORS WITHIN COLOR SCHEME
    ===============================
    faux black: #2F191A;
    lt gray: #eeeeee
    mediumgray #dadada
    dark blue #323b46
    med blue #335163
    red: #a82314
    canvas: #DED6A8
*/

.e-section {/* contains an .e-block and an optional .e-title */
    width: 600px;
    margin: 30px auto;
    /*background-color: #323b46;*/
    background-color: #d0d0d0;
    padding: 12px 9px;
    padding-top: 2px;
    border-radius: 0px;
}

.e-section.notitle {
    padding-top: 12px;
}

.e-section.wide {
    width: 750px;
}

.e-input-panel {/* use as an alternate to an e-section for a smaller input panel with rounded corners */
    width: 500px;
    margin: 8px auto;
    background-color: #777777;
    padding: 7px 6px;
    padding-top: 2px;
    border-radius: 5px;
}

.e-title, .e-subtitle {
    color: #eeeeee;
    color: #0a526b;
    text-align: center;
}

.e-title { /* section title */    
    font-size: 12pt;
    font-weight: bold;
}

.e-subtitle { /* subtitle within an e-block */
    margin-top: 20px;
    clear: both;
    font-size: 10pt;
    font-weight: bold;
    background-color: #0a526b;
}

.e-block {/* contains .e-rows */
    border-radius: 0px;
    background-color: #eeeeee;
    padding: 8px 0;
    overflow: hidden; /*clear floats of inner .rows*/
}

.e-subsection {
    
}

.e-block .e-row {/* surrounds one prompt and answer */
    padding: 3px 5px;
    clear: both;
}

.e-block .e-row.e-full {
    padding-left: 20px;
}

.e-block .e-row.e-center {
    text-align: center;
}
.e-block .pr {/* prompt */
    padding-right: 5px;
    padding-left: 0px;
    /*padding-top: 3px;*/
    float: left;
    width: 150px;
    text-align: right;
    color: #335163;
}

.e-block .ans { /* answer */
    padding-right: 1px;
    padding-left: 1px;
    width: 300px;
    float:left;
    text-align: left;
    vertical-align: middle;
}

.e-block .ans input[type=text], .e-block .ans input[type=password] {
    width: 280px;
}

.e-block .button-row {
    text-align: right;
    padding-right: 30px;
}

.e-block .button-row input {
    height: 20px;
    font-weight: bold;
    font-size: 11px;    
}

.e-input-panel .e-block .pr {
    width: 200px;    
}

.e-input-panel .e-block .ans {
    width: 290px;
}

.e-section .note {
    padding: 1px 5px;
    background-color:  #eeeeee;
}


.grey-content {
    background-color: #FCFBED; /*#f8f8f8;*/
    padding: 5px;
    border: 1px solid #cccccc;
}

.ui-widget {
margin-top:7px;
margin-bottom:7px;
}

.ui-widget-content {
padding:5px;
}

.ui-accordion .ui-accordion-content {
padding: 15px 15px;
}

fieldset.contact {
    margin: 8px 0px;
    padding: 5px 0;
    background-color: #FCFBED;
}

fieldset.contact legend {
    font-size: 14px;
}


.pr-ans-row-1, .pr-ans-row-2, .pr-ans-row-3 {
    width: 100%;
    padding: 0;
    display: table;
    border-bottom: 1px dashed #e8e8e8;
}
/*
		.pr-ans-row-1:after, .pr-ans-row-2:after, .pr-ans-row-3:after {
			content:"";
			display:table;
			clear:both;
		}
		*/
.pr-ans-row-1>div, .pr-ans-row-2>div, .pr-ans-row-3>div {
    text-align:right;
    font-weight:bold;
    padding-right:3px;
    padding-top:2px;
    padding-bottom:2px;
    /* float:left; */
    background-color:#f8f8f8;
    display: table-cell;
}
		
.pr-ans-row-1>span, .pr-ans-row-2>span, .pr-ans-row-3>span {
    text-align:left;
    padding-left:3px;
    padding-top:2px;
    /*
			float:left;
			display:block;
			*/
    display: table-cell;
    background-color:#fff;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width:0;
}
		
.pr-ans-row-1>div {
    width:50%;			
}
		
.pr-ans-row-1>span {
    width:48%;			
}
		
.pr-ans-row-2>div {
    width:15%;			
}
		
.pr-ans-row-2>span {
    width:34%;			
}
		
.pr-ans-row-3>div {
    width:10%;			
}
		
.pr-ans-row-3>span {
    width:19%;			
}
