﻿/* MISC */

#d_Nav {border-bottom:10px solid #524264;}

#a_Courses {background:#524264 url('../images/main/bar_hover_rings.png') no-repeat 50%; background-size:50%;}

/* FORM */

    /* FORM LAYOUT */

    .d_Content_Wrap {width: 95%;height: 100%;padding: 10px;padding-left: 20px;border: none; overflow: hidden;}
    .d_Last_Form_Row {padding-bottom:0;margin-bottom:0;}

    .d_Content_Wrap select { -webkit-appearance: none; -moz-border-radius:0;-webkit-border-radius:0;border-radius: 0; border: medium none; height: 20px; background-image: url('../images/icons/form_drop_down_icon.png'); background-repeat: no-repeat; background-position: 96%; width:64%;text-transform:none; cursor:pointer; }
    .d_Content_Wrap select option { margin-bottom: 10px; }

    .d_Row_After_Select {margin-top: -30px;}

    #ddl_Referral_Year {width:22%;}
    #ddl_Referral_Day, #ddl_Referral_Month {width:20%;}

    #d_Course_Fast_Referral_Form_Wrap {background-color:#e2e2e2;width:100%;float:left;margin-top:-35px;}

    #d_Course_Referral_Form_Wrap_Section_1 {float:left;background-color:#f2f2f2;padding-top:20px;}   
    #d_Course_Referral_Form_Wrap_Section_2 {float:left;background-color:#e2e2e2;margin-top:-15px;margin-bottom:0;}   
    #d_Course_Referral_Form_Wrap_Section_3 {float:left;background-color:#d8d8d8;}

    #d_Client_Email_Wrap{display:block; height:85px;}
    #Cb_Referral_Client_Email_NA{height:20px !important; float:right; width:8%; margin:0 0 0 -1px; padding:0;}

    /* FORM INPUT ELEMENTS */

    .p_Label {float:left;width:35%;clear:both;margin-top:3px;}
    .p_Label_Block {width:100%;clear:both;padding-top:15px;}
    .d_Content_Wrap  input, select {background-color:#8a9197;width:60%;float:right;margin-right:1%;height:20px;margin-bottom:10px;}
    .tb_New_Line {clear:both;float:right !important;}
    textarea {background-color:#8a9197;width:67%;float:left;margin-right:1%;height:95px;margin-bottom:17px;}
    .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;}

    #d_Cbl_Problematic table {width:100%;}
    #d_Cbl_Problematic td {width:50%;}
    #d_Cbl_Problematic td label {float:left;}
    #d_Cbl_Problematic td input {height:20px !important;float:right;width:8%;margin-top:0;}

    /* SUBMIT BUTTON */

    .btn_Referral_Form_Continue {float: right !important;color: #fff;background-color: #ec9038 !important;text-align: center;width: 100px !important;height: 25px !important;font-family: 'MyriadPro-Semibold';margin-right: 8px !important;margin-top: 9px;cursor:pointer;border:0;font-size:16px;margin-bottom:-5px !important;}

    /* VALIDATION*/

    .p_CBL_RBL_Error_Message {  color: red;margin: 0;}
    .span_Required_Field {width:100%;height:20px;clear:both;margin-top:-10px;margin-bottom:15px;}
    #lbl_Fast_Referral_Form_Feedback { display:inline-block; }

@media (max-width:959px) {
    /* MISC */
    
    #d_Main_Logo_Mobile {background: url('../images/logos/intuitive_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_logo_mobile.png',sizingMethod='scale');}
    .d_Content_Wrap {padding-left:5px;}

    /* LABELS */

    .p_Label_Mobile {width: 32%;min-width:135px; }
    .p_Label_Mobile_Block {width:100% }

    /*INPUT ELEMENTS*/

    #d_Course_Fast_Referral_Form_Wrap input[type=text] {width:64%;}
    .d_Content_Wrap select {width:66.5%;}
    .d_Text_Area_Small_Height .d_Content_Wrap textarea {width:72%;}
    #d_Cbl_Problematic table {margin-left:25px;}
    #d_Course_Fast_Referral_Form_Wrap #tb_Message {width:70%;}
    #ddl_Referral_Day, #ddl_Referral_Month {width:21.25%;}
    
    /* SUBMIT BTN */

    #btn_Referral_Form_Continue {clear:both;}
}

/* INPUT ELEMENTS */

@media (max-width: 550px) {
    #d_Course_Fast_Referral_Form_Wrap input[type=text] {width:60% }
    .d_Content_Wrap select {width:63%;}
    #d_Course_Fast_Referral_Form_Wrap #tb_Message {width:66%;}
    .d_Text_Area_Small_Height .d_Content_Wrap textarea {width:98%;}
    #d_Cbl_Problematic table {margin-left:25px;}
    #d_Cbl_Problematic td input {margin-right:25px;}
    #ddl_Referral_Day, #ddl_Referral_Month, #ddl_Referral_Year {width:63%;}            
}
