﻿/* Styles for validation helpers
-----------------------------------------------------------*/


.field-validation-error {
    color: #f00;
    display: block;
    text-align: right;
}

.field-validation-valid {
    display: none;
}

input.ui-input-text.ui-body-b.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #f00;
}

.validation-summary-valid {
    display: none;
}


/* jQuery mobile styles
-----------------------------------------------------------*/

/* Make listview buttons fill the whole horizontal width of the screen */
.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
    padding-right: 15px;
}

.ui-bar-a, .ui-body-a, .ui-btn-up-a, .ui-btn-hover-a, .ui-btn-down-a,
.ui-bar-b, .ui-body-b, .ui-btn-up-b, .ui-btn-hover-b, .ui-btn-down-b,
.ui-bar-c, .ui-body-c, .ui-btn-up-c, .ui-btn-hover-c, .ui-btn-down-c,
.ui-bar-d, .ui-body-d, .ui-btn-up-d, .ui-btn-hover-d, .ui-btn-down-d,
.ui-bar-e, .ui-body-e, .ui-btn-up-e, .ui-btn-hover-e, .ui-btn-down-e,
.ui-btn-active  {
    text-shadow: none;
}
.display-field { color: #006400}
.content-secondary { width: 150px; padding-right: 20px; }

.menu_btn {
    display: inline-block;
    height: 144px;
    width: 144px;
    margin: 5px; 
    text-decoration: none;  
}
.menu_btn:active{
    position: relative;
    top: 2px;
    left: 1px;
}
.home_btn { background: url("images/action_icon_lt_grey_edge.png") center center transparent; }
.profile_btn { background: url("images/patient_info_icon_lt_grey_edge.png") center center transparent; }
.actions_btn { background: url("images/Core_Measures_icon_lt_grey_edge.png") center center transparent; }
.followup_btn { background: url("images/calendar_icon_lt_grey_edge.png") center center transparent; }
.perscription_btn { background: url("images/medication_icon_lt_grey_edge.png") center center transparent; }
.bloodpressure_btn { background: url("images/blood_pressure_icon_lt_grey_edge.png") center center transparent; }
.diet_btn { background: url("images/diet_apple_icon_lt_grey_edge.png") center center transparent; }
.exercise_btn { background: url("images/exercise_icon_lt_grey_edge.png") center center transparent; }
.glucose_btn { background: url("images/glucose_icon_lt_grey_edge.png") center center transparent; }
.o2_btn { background: url("images/O2_icon_lt_grey_edge.png") center center transparent; }
.other_btn { background: url("images/other_icon_lt_grey_edge.png") center center transparent; }
.temperature_btn { background: url("images/temp_icon_lt_grey_edge.png") center center transparent; }
.weight_btn { background: url("images/weight_icon_lt_grey_edge.png") center center transparent; }
.patientsignature_btn { background: url("images/signature_icon_lt_grey_edge.png") center center transparent; }

#usersList .ui-grid-b .ui-btn { margin-top: -0.25em; float: right; }
#usersList .ui-grid-b .ui-block-a { display: block; padding: 0 5px; height: 20px; }
#usersList .ui-grid-b .ui-block-b, .ui-block-c { float: right; width: 30px; height: 20px; min-width: 25px; }

#dischargeInstructionViewDialog .ui-dialog-contain { max-width: 700px;margin: 30px auto 15px auto;}
#patientDischargeInstruction {border: 2px solid #6CF;background-color: white;}
