#mainContent {
    height: 1500px;
}

#newMeasure {
    width: 900px;
    height: 800px;
    margin: 25px auto 0 auto;
}

#newMeasure h1 {
    font-size: 20px;
}

#newMeasure #programSelection {
    width: 100%;
    height: 40px;
    color: #30416F;
    font-weight: bold;
    padding-top: 1px;
    float: left;
    margin: 10px 0;
}

#newMeasure #programSelection #programList {
    height: 40px;
    float: left;
}

#newMeasure #programSelection #programList span {
    display: block;
    float: left;
}

#newMeasure #programSelection #programList select {
    width: 150px;
    height: 22px;
    float: left;
    margin: 0 0 0 20px;
    border: 1px solid #30416F;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #30416F;
    background-color: #E6EAF7;
}

#newMeasure #programSelection #programSelected {
    max-height: 40px;
    width: 600px;
    float: left;
}

#newMeasure #programSelection #programSelected #programNameSelected {
    background-image: url('../../../images/community/common/pencil_go.png');
    background-repeat: no-repeat;
    background-position: left center;
    cursor: pointer;
    padding: 0 0 0 25px;
}

#newMeasure #programSelection #newProgram {
    clear: both;
    height: 40px;
    width: 100%;
    float: left;
}

#newMeasure #programSelection #newProgram #newProgramLabel {
    display: block;
    float: left;
    margin: 3px 0 0 0;
}

#newMeasure #programSelection #newProgram input {
    width: 150px;
    height: 22px;
    float: left;
    margin: 0 0 0 20px;
    border: 1px solid #30416F;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #30416F;
    background-color: #E6EAF7;
}

#newMeasure #programSelection #newProgram #newProgramSave {
    float: left;
    width: 16px;
    height: 16px;
    background-image: url('../../../images/community/common/accept.png');
    background-repeat: no-repeat;
    margin: 3px 0 0 25px;
    cursor: pointer;
}

#newMeasure #programSelection #newProgram #newProgramCancel {
    float: left;
    width: 16px;
    height: 16px;
    background-image: url('../../../images/community/common/cancel.png');
    background-repeat: no-repeat;
    margin: 3px 0 0 25px;
    cursor: pointer;
}

#newQuantityMeasure,
#newProcessMeasure,
#newResultMeasure {
    clear: both;
    height: 40px;
    width: 100%;
    float: left;
}

#newQuantityLabel,
#newProcessLabel,
#newResultLabel {
    display: block;
    float: left;
    margin: 3px 0 0 0;
}

#newQuantityMeasure input,
#newProcessMeasure input,
#newResultMeasure input {
    width: 150px;
    height: 22px;
    float: left;
    margin: 0 0 0 20px;
    border: 1px solid #30416F;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #30416F;
    background-color: #E6EAF7;
}

#newQuantityMeasureSave,
#newProcessMeasureSave,
#newResultMeasureSave {
    float: left;
    width: 20px;
    height: 20px;
    background-image: url('../../../images/community/common/btngraph_addMd.png');
    background-repeat: no-repeat;
    margin: 3px 0 0 25px;
    cursor: pointer;
}

#newQuantityMeasureCancel,
#newProcessMeasureCancel,
#newResultMeasureCancel {
    float: left;
    width: 20px;
    height: 20px;
    background-image: url('../../../images/community/common/btngraph_cancelMd.png');
    background-repeat: no-repeat;
    margin: 3px 0 0 25px;
    cursor: pointer;
}

.open {
    background-image: url('../../../images/community/common/arrow_down.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

.closed {
    background-image: url('../../../images/community/common/arrow_right.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#newMeasure .group {
    width: 100%;
    float: left;
    padding: 10px 0 0 15px;
}

#newMeasure #quantityGroup {
    height: 400px;
}

#newMeasure .group .groupHeader {
    font-weight: bold;
    width: 410px;
    margin: 0 0 20px 0;
    padding: 0 0 0 25px;
}

#newMeasure .group .groupItem {
    height: 40px;
    margin: 10px 0 0 25px;
}

#newMeasure .group .groupItem .label {
    width: 270px;
    float: left;
}

#newMeasure .group .groupItem .input {
    width: 250px;
    float: left;
}

#newMeasure .group .groupItem .input select {
    width: 150px;
    height: 22px;
    float: left;
    border: 1px solid #30416F;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #30416F;
    background-color: #E6EAF7;
}

#newMeasure .group .groupItem .input .styled {
    width: 150px;
    height: 22px;
    float: left;
    border: 1px solid #30416F;
    -moz-border-radius: 5px;
    border-radius: 5px;
    color: #30416F;
    background-color: #E6EAF7;
}

#newMeasure .currentIndicators {
    width: 880px;
    float: left;
    padding: 10px;
    margin: 0 0 15px 0;
}

#newMeasure .currentIndicators .currentIndicatorsHeader {
    background-color:#E8F0FB;
	font-weight: bold;
	width: 855px;
	height: 20px;
	padding: 15px 20px 13px;
	margin: 0 0 10px 0;
	font-size: 16px;
	border-bottom: thin solid #CCC;
}

#newMeasure .currentIndicators .indicatorBox {
    width: 860px;
    float: left;
    border-bottom: 1px solid #CCCCCC;
    margin: 0 0 10px 10px;
}

#newMeasure .currentIndicators .indicatorBox .buttonColumn {
    width: 30px;
    float: left;
}

#newMeasure .currentIndicators .indicatorBox .buttonColumn .editButton {
    background-image: url('../../../images/community/common/pencil_go.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    cursor: pointer;
}

#newMeasure .currentIndicators .indicatorBox .buttonColumn .deleteButton {
    background-image: url('../../../images/community/common/cancel.png');
    background-repeat: no-repeat;
    background-position: left center;
    width: 16px;
    height: 16px;
    cursor: pointer;
    margin: 10px 0 0 0;
}

#newMeasure .currentIndicators .indicatorBox .row {
    width: 830px;
    height: 25px;
    float: left;
}

#newMeasure .currentIndicators .indicatorBox .row .indicatorType {
    width: 100px;
    height: 30px;
    float: left;
    font-weight: bold;
}

#newMeasure .currentIndicators .indicatorBox .row .indicatorUnitType {
    max-width: 530px;
    height: 18px;
    float: left;
    overflow: hidden;
    font-weight: bold;
}

#newMeasure .currentIndicators .indicatorBox .row .indicatorTargetValue {
    width: 190px;
    height: 30px;
    float: left;
    margin: 0 0 0 10px;
}

#newMeasure .currentIndicators .indicatorBox .row .indicatorActive {
    width: 100px;
    height: 30px;
    float: left;
}

#newMeasure .currentIndicators .indicatorBox .row .indicatorPublic {
    width: 100px;
    height: 30px;
    float: left;
}

#newMeasure .currentIndicators .indicatorBox .row .indicatorFrequency,
#newMeasure .currentIndicators .indicatorBox .row .indicatorReminder {
    width: 300px;
    height: 30px;
    float: left;
}