/* MISC */
#d_Main_Logo {background:url('../images/logos/intuitiverecovery.png') no-repeat; top:0;height:90%;}

#d_Nav {border-bottom:10px solid #524264;}

#a_Courses {background:#524264 url('../images/main/bar_hover_rings.png') no-repeat 50%; background-size:50%;}

.d_Content_Wrap {width: 90%;height: 100%;padding: 10px;padding-left: 20px;}

#cb_Voucher_Treatment_Exit { float:left; width:30px; margin-top:0px;}
#cb_Voucher_Treatment_Exit + label {float:left;margin-top:0px;}
#rfv_Voucher_Treatment_Exit {float:right;margin-right:45px;margin-top:0;}
#tb_Voucher_Treatment_Exit {margin-top:-30px;}
#rev_Voucher_Treatment_Exit {float:right;margin-right:30px;}

/* SELECTION TILES */
.d_Active_Selection {background: url('../images/main/bar_hover_rings.png') no-repeat 50%; background-size:50%;}

.d_Pay_By_Selection {width:100%; margin-bottom:15px;height:355px;position:relative;}
    #d_Pay_By_Card {background-color:#6e7587}
    #d_Pay_By_Voucher {background-color:#666666}
    #d_Pay_By_Card .d_Content_Wrap img:first-of-type {margin-right:5px;margin-top:10px;}
    .d_Pay_By_Selection .d_Content_Wrap h2 {color:#fff;margin:0;}
    .d_Pay_By_Selection .d_Content_Wrap p:first-of-type {margin-top:20px; }
    .d_Pay_By_Selection .d_Content_Wrap p {color:#fff;margin-top:15px; }
    .d_Pay_By_Selection .d_Content_Wrap a:last-of-type {position: absolute;right: 30px;bottom: 10px;margin: 0;color: #fff;background-color: #ec9038;text-align: center;width: 100px;height: 25px;font-family: 'MyriadPro-Semibold';padding-top:5px;}

/* FORM WRAPS */
#d_Course_Card_Form_Wrap, #d_Course_Voucher_Form_Wrap {background-color:#e2e2e2;width:100%;float:left;}
#d_Course_Card_Form_Wrap {padding-top:10px;height:auto;display:none;padding-bottom:45px;}
#d_Course_Voucher_Form_Wrap {overflow-y:auto;height:auto;min-height:540px;padding-bottom:0;display:none;padding-bottom:10px;position:relative;}

.h2_Form_Title {margin-left:20px;}

/* VOUCHER FORM POP UP - CONFIRM SUCCESS */
#d_Voucher_Email_Notification_Check {display: none;height: auto;z-index: 1001;position: absolute;background-color: #f6f6f6;margin-top: -200px;top: 50%;padding: 15px;width:400px;left:50%;margin-left:-200px;}
#span_Voucher_Notification_Close {float: right;color: #ec9038;font-size: 30px;font-weight:bold;cursor: pointer;}
#d_Voucher_Email_Notification_Check p {margin-top:45px;}
#d_Voucher_Email_Notification_Check a {color:blue;}

/* VOUCHER FORM SECTION 1 */
    #d_Course_Voucher_Form_Wrap_Section_1 {float:left;background-color:#f2f2f2;margin-bottom:0;}  
        #d_Course_Voucher_Form_Wrap_Section_1 textarea {margin-bottom:20px !important;}

/* VOUCHER FORM SECTION 2 */
    #d_Course_Voucher_Form_Wrap_Section_2 {float:left;background-color:#e2e2e2;margin-bottom:0;}
        #d_Script_Header {width:100%;padding:15px;height:auto;margin-top:10px;}
            #d_Voucher_Script_Header p:first-of-type {width:39%;margin-left:0%;text-align:left;clear:both;}
            #d_Voucher_Script_Header p {width:92px;margin-left:2px;float:left;text-align:center;}
            #d_Voucher_Script_Header p:last-of-type {margin-left:0%;}
            .p_Label_RBL {width:200px;margin:0;float:left;padding-top:7px}
            #d_Voucher_Script_Wrap table {display:inline-table;width:400px;}
            #d_Voucher_Script_Wrap td {width:90px;margin-bottom: 10px;height: 30px;overflow: hidden;display:inline-block;margin-right:0;}
            #d_Voucher_Script_Wrap input[type="radio"]{ height: 35px;width: 25px;float: none;display:block;margin: 0 auto;}
            #hl_Continue_Voucher{bottom:-120px; line-height:35px;}            
            #d_Voucher_Script_Wrap  #tbl_Voucher_Script_Header_Desktop tr td{text-align:center;}
            #d_Voucher_Script_Wrap table label{display:none;}

/* VOUCHER FORM SECTION 3 */
    #d_Course_Voucher_Form_Wrap_Section_3 {float:left;background-color:#d8d8d8;margin-bottom:0;} 
        #d_Course_Voucher_Form_Wrap_Section_3 .d_Row:last-of-type {margin-bottom:-5px;}
        .d_Row_After_Table {margin-top:-50px;}
        .d_Row_Cbl_Margin_Bottom {margin-bottom:-25px;}

/* VOUCHER FORM SECTION 4 */  
    #d_Course_Voucher_Form_Wrap_Section_4 {float:left;background-color:#cccccc;margin-bottom:0;}  
        #d_Course_Voucher_Form_Wrap_Section_4 .d_Row:first-of-type {margin-bottom:-20px;}
        .d_Parent_Select {display:none;}
        .d_Row_After_Select {margin-bottom:-10px;}
        .d_Row_Cb_After {margin-top:-50px;}
        .d_Row_After_Text_Area {margin-top:-20px;margin-bottom:-5px;}
        #d_Other_State_Benefit_Wrap {margin-bottom: 35px;width: 100%;float: left;}

/* VOUCHER FORM SECTION 5 */
    #d_Course_Voucher_Form_Wrap_Section_5 {float:left;background-color:#e0e0e0;margin-bottom:0;}
        #d_How_Many_Children_Slide_Down_Voucher {margin-bottom:-20px;}

/* VOUCHER FORM SECTION 6 */
    #d_Course_Voucher_Form_Wrap_Section_6 {float:left;background-color:#ededed;padding-bottom:40px;margin-bottom:0;}
        .d_Last_Form_Row {padding-bottom:0;margin-bottom:0;}

/* VOUCHER FORM INPUT ELEMENTS */
    /* LABELS/ TITLES */
    .p_Label {float:left;width:40%;clear:both;margin-top:5px;min-width:135px;}
    .p_Label_Block {width:100%;clear:both;padding-top:15px;}
    .p_Label_Block_Without_Padding {width:100%;clear:both;}
    #d_Course_Voucher_Form_Wrap h2 {margin-top:15px;}
    .d_Content_Wrap td label {float: left;display: inline-block;margin-top: 8px;width: 63%;height: 85px;}
    .p_Label_Cb_Block {margin-top:17px;height:28px;}
    .p_Label_Cb_Block_DLA {margin-top:17px;height:28px;}

    /* INPUT ELEMENTS */
    .d_Content_Wrap  input, select {width:53%;float:left;height:20px;margin-bottom:10px;}
        .d_Content_Wrap input[type=image] {position: absolute;right: 30px;bottom: 10px;width: auto;height: 40px;}
    input[type="text"], input[type="number"], select {text-indent:5px;background-color:#8a9197 !important;border:0;padding:0;color:#fff !important;}
    .d_Content_Wrap select { -moz-appearance:none; -webkit-appearance: none; -webkit-border-radius:0; -moz-border-radius:0; border-radius: 0;  border: medium none; background-image: url('../images/icons/form_drop_down_icon.png'); background-repeat: no-repeat; background-position: 94%; text-transform:none; cursor:pointer; width:57%;}
    .d_Content_Wrap select option { margin-bottom: 10px; }
    .d_Content_Wrap table {width:100%;}
    .d_Content_Wrap td {margin-right: 2%;width: 22%;height: auto;min-height: 50px;overflow: hidden;float: left;}
    #cbl_Employment_Related_Benefits td {margin-right: 2%;width: 47%;height: auto;min-height: 50px;overflow: hidden;float: left;}
    #cbl_Voucher_Housing_Situation td {margin-right: 2%;width: 47%;margin-bottom: 10px;height: auto;min-height: 50px;overflow: hidden;float: left;}
    .d_Content_Wrap td input {float: right;width:25%;height:25px; }
    .tb_New_Line {clear:both;float:right !important;}
    
    textarea {background-color:#8a9197;width:65%;float:left;margin-right:1%;height:120px;margin-bottom:25px;color:#fff;font-family:Arial;border:none;}
    .d_Text_Area_Small_Height .d_Content_Wrap textarea {background-color:#8a9197;width:85%;float:left;margin-right:1%;height:75px;margin-bottom:5px;color:#fff;font-family:Arial;}
        
    .cb_Block {clear:both;float:right;width:30px;margin-top:7px;}
    .cb_Block input {width:25px;height:25px !important;}
    .p_Label_Agree {width: 90%;margin-top: 5%;margin-left: 6%;}
    .cb_Agree {float:left;width:30px;margin-top:7px;}
    .cb_Agree input {width:25px;height:25px !important;}

    /* SUBMIT BTNS */
    .btn_Card_Form_Continue {position: absolute;right: 20px;bottom: -40px;margin: 0;color: #fff;background-color: #ec9038 !important;text-align: center;width: 105px !important;height: 35px !important;font-family: 'MyriadPro-Semibold';cursor:pointer; border:0;font-size:16px;line-height:35px;}
    .btn_Voucher_Form_Continue {position: absolute;right: 0px;top: 165px;bottom: 0px;margin: 0;color: #fff;background-color: #ec9038 !important;text-align: center;width: 105px !important;height: 35px !important;font-family: 'MyriadPro-Semibold';cursor:pointer;border:0;font-size:16px;}

    /* VALIDATION */
    .span_Required_Field {height:20px;clear:both;margin-top:-10px;margin-bottom:15px;}
    .span_Required_Field_Message { height:20px;clear:both;margin-top:-15px;margin-bottom:15px;}
    .span_Required_Field_Voucher_CBL {margin-bottom: 30px;margin-top: -30px; height: 20px;clear: both;}
    .span_Required_Field_Select {height:20px;clear:both;margin-top:-5px;margin-bottom:15px;}
    .span_Required_Field_New_Line {height:20px;clear:both;margin-top:10px;margin-bottom:5px;}
    #lbl_Voucher_Script_Feedback {color:red;clear:both;float:none;margin-bottom: 30px;margin-top: -15px;}
    #lbl_Card_Form_Feedback {float:left;margin-top:0px;margin-bottom:15px;}
    #lbl_Voucher_Form_Feedback {float:left;margin-top:10px;z-index:1;left:0;}


/* CARD FORM */
.d_Card_Continue_Pop_Up {display:none;height:auto;width:400px;z-index:1001;margin-left:-200px;position:fixed;background-color:#f6f6f6;left:50%;margin-top:-200px;top:50%;padding:15px;}
#hl_Cancel_Card_Submission {color: #fff;background-color: #ec9038;text-align: center;width: 100px;height: 35px;font-family: 'MyriadPro-Semibold';display:block;border:0;line-height:35px;font-size:16px;cursor:pointer;float:left;}
.hl_Card_Form_Continue_Pop_Up {-webkit-appearance:none; -moz-appearance:none; color: #fff;background-color: #ec9038;text-align: center;width: 100px;height: 35px;font-family: 'MyriadPro-Semibold';display:block;border:0;line-height:35px;font-size:16px;cursor:pointer;float:right;}
#span_Card_Pop_Up_Desktop {display:inline-block;}

/*NEW DOB*/
#ddl_Card_Year, #ddl_Voucher_Year {width:19%;}
#ddl_Card_Month, #ddl_Voucher_Month {width:18%; margin-right: 1%;}
#ddl_Card_Day, #ddl_Voucher_Day {width:18%;margin-right: 1%;}

@media (max-width: 959px) {
    /* MISC */
    #d_Main_Logo_Mobile {background: url('../images/logos/intuitive_recovery_logo_mobile.png');background-repeat: no-repeat;height: 142px;width: 100%;display: block;background-position: 50%, 0%;background-position-x: 50%;background-position-y: 0%;background-size: contain;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/logos/intuitive_recovery_logo_mobile.png',sizingMethod='scale');}
    .d_Content_Wrap {padding-left:20px;}

    .d_Active_Selection {background:none !important;}
    #d_Pay_By_Voucher {height:auto; padding-bottom:40px;}
    #d_Course_Voucher_Form_Wrap {height:auto; padding-bottom:40px;}

    #d_Course_Card_Form_Wrap {padding-bottom:50px;}
    #d_Pay_By_Card{height:auto; padding-bottom:50px;}
    #hl_Continue_Voucher{bottom:-125px; line-height:35px;}
    
    /* FORM LABELS/ TITLES */
    .p_Label {width:20%;}
    .d_Pay_By_Selection .d_Content_Wrap p:first-of-type {margin-left:-0px;}

    /* INPUT ELEMENTS */
    #d_Course_Card_Form_Wrap input[type=text] {width:72%;}
    #d_Course_Voucher_Form_Wrap input[type=text] {width:72%;}

    .d_Content_Wrap select { width:74%;}    

    /* SUBMIT BTNS */
    #btn_Card_Form_Continue {margin-right:9%;bottom:-45px;}

    /* VALIDATION */
    #lbl_Card_Form_Feedback {clear:both; margin-top:0px;}

    /* CARD FORM */
    .d_Card_Continue_Pop_Up {width:96%;margin-left:0px;left:0%;margin-top:0px;top:50%; padding:2%;}
    #span_Card_Pop_Up_Desktop {display:none;}

    /*NEW DOB*/
    #ddl_Card_Year, #ddl_Voucher_Year {width:24%; margin-right: 1%;}
    #ddl_Card_Month, #ddl_Voucher_Month {width:24%; margin-right: 1%;}
    #ddl_Card_Day, #ddl_Voucher_Day {width:24%;}
}

@media (max-width: 840px) {
    #btn_Card_Form_Continue {margin-right:7%;}
}

@media (max-width: 770px) {
    /* LABEL */
    .p_Label {width:22%;}

    /*NEW DOB*/
    #ddl_Card_Year, #ddl_Voucher_Year {width:22%; margin-right: 1%;}
    #ddl_Card_Month, #ddl_Voucher_Month {width:22%; margin-right: 1%;}
    #ddl_Card_Day, #ddl_Voucher_Day {width:24.5%;}

    /* LABEL */
    .p_Label {width:24%;}
    #d_Course_Card_Form_Wrap input[type=text] {width:68%;}
    #d_Course_Voucher_Form_Wrap input[type=text] {width:68%;}
    .d_Content_Wrap select { width:70%;}   
}

@media (max-width: 750px) {
    #btn_Card_Form_Continue {margin-right:6%;}
    .d_Content_Wrap td{float:none; display:block; width:100%;}
    .d_Content_Wrap td label{height:auto;}
    .tb_New_Line{float:left !important;}
    #cbl_Voucher_Housing_Situation td{display:block; width:100%;}
    #cbl_Employment_Related_Benefits td{display:block; width:100%;}
    .cb_Agree{margin-right:20px;}
}

@media (max-width: 700px) {
    #p_Perscription_Header {display:none;}
    #d_Voucher_Script_Wrap #tbl_Voucher_Script_Header_Desktop{display:none;}    
    .p_Label_RBL{float:none;}
    #d_Voucher_Script_Wrap table{display:block; width:100%;}
    #d_Voucher_Script_Wrap table tr td{position:relative; height:60px; width:100px;}
    #d_Voucher_Script_Wrap table tr td label, #d_Voucher_Script_Wrap table tr td input{display:block; position:absolute; left:0; right:0; margin:0 auto; text-align:center;}
    #d_Voucher_Script_Wrap table tr td label{font-style:italic; top:0px;}
    #d_Voucher_Script_Wrap table tr td input{top:20px;}
}

@media (max-width: 650px) {
    #btn_Card_Form_Continue {margin-right:4% ;}
    .p_Label {width:26%;}
    #d_Course_Card_Form_Wrap input[type=text] {width:66%;}
    #d_Course_Voucher_Form_Wrap input[type=text] {width:66%;}
    
    /*NEW DOB*/
    #ddl_Card_Year, #ddl_Voucher_Year {width:22%; margin-right: 1%;}
    #ddl_Card_Month, #ddl_Voucher_Month {width:22%; margin-right: 1%;}
    #ddl_Card_Day, #ddl_Voucher_Day {width:22.5%;}
}

@media (max-width: 600px) {
    #btn_Card_Form_Continue {margin-right:4% ;}
    .p_Label {width:28%;}
    #d_Course_Card_Form_Wrap input[type=text] {width:64%;}
    #d_Course_Voucher_Form_Wrap input[type=text] {width:64%;}
    .d_Content_Wrap select { width:66%;}    

    /*NEW DOB*/
    #ddl_Card_Year, #ddl_Voucher_Year {width:21%; margin-right: 1%;}
    #ddl_Card_Month, #ddl_Voucher_Month {width:21%; margin-right: 1%;}
    #ddl_Card_Day, #ddl_Voucher_Day {width:22.9%;}
}

@media (max-width: 570px) {
    #btn_Card_Form_Continue {margin-right:4% ;}
    .p_Label {width:32%;}
    #d_Course_Card_Form_Wrap input[type=text] {width:60%;}
    #d_Course_Voucher_Form_Wrap input[type=text] {width:60%;}

    .d_Content_Wrap select { width:62%;}    

    /*NEW DOB*/
    #ddl_Card_Year, #ddl_Voucher_Year {width:20%; margin-right: 1%;}
    #ddl_Card_Month, #ddl_Voucher_Month {width:20%; margin-right: 1%;}
    #ddl_Card_Day, #ddl_Voucher_Day {width:20.9%;}
}

@media (max-width: 550px) {
    /* INPUT ELEMENTS*/
    #btn_Card_Form_Continue {margin-right:6% ;}
}

@media(max-width:499px) {
    h1 {font-size:20px;}
    #d_Voucher_Email_Notification_Check {width:calc(100% - 30px);left:0;margin-left:0;}
}

@media (max-width: 430px) {
    /*NEW DOB*/
    #ddl_Card_Year, #ddl_Voucher_Year {width:64%; margin-right: 0%;}
    #ddl_Card_Month, #ddl_Voucher_Month {width:64%; margin-right: 0%;}
    #ddl_Card_Day, #ddl_Voucher_Day {width:64%;}
    .d_Content_Wrap select { width:64%;}    
}