/*
    vrf-style.css - CSS sheet for video request form

    Created 04/10/2017 by Nick Hitzel
    Change History -

*/

    /* For Font Styles
========================================*/

    .basictext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 22px;
        color: #000000;
        font-weight: normal;
    }

    .basictextbold {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 22px;
        color: #000000;
        font-weight: bold;
    }

    .largetext {
        color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
    }

    .largetextbold {
        color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 18px;
    }

    .mediumtext {
        color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 13px;
    }

    .mediumtextbold {
        color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 13px;
    }

    .smalltext {
        color: #000000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 11px;
    }

    .tinytext {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #000000;
    }

    .tinygreytext {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 10px;
        color: #666;
    }

    .required {
        color: #FF0000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        font-weight: normal;
    }

    .basictextred {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        line-height: 22px;
        color: #800000;
    }

    .mediumtextboldred {
        color: #800000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 13px;
    }

    .largetextboldred {
        color: #800000;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-weight: bold;
        font-size: 14px;
    }
/* For Tables


    .Etab {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        border-top-width: .5px;
        border-top-color: #999;
        height: 22px;
        background-color: #F2F4F7;
        line-height: 25px;
        text-indent: 2px;
    }

    .Etab input {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
    }

    .Etab strong {
        font-size: 11px;
    }

    .Etabwbrdr {
        font-size: 11px;
        border-top-style: solid;
        border-top-width: .5px;
        border-top-color: #999;
        height: 22px;
        background-color: #F2F4F7;
        line-height: 22px;
        text-indent: 2px;
    }

    .Etabpcr {
        border-top-width: 0.5px;
        border-top-style: solid;
        border-top-color: #999;
        border-bottom-width: 0.5px;
        border-bottom-style: solid;
        border-bottom-color: #999;
    }

    .Etabbrdr {
        border: .5px solid #999;
        font-size: 11px;
    }

    .EtabHeader {
        font-family: Arial, Helvetica;
        border-top-width: .5px;
        border-top-style: solid;
        border-top-color: #999;
        font-size: 15px;
        font-weight: bold;
        line-height: 26px;
        background-color: #C3C8DA;
        text-indent: 2px;
    }

    .EtabSubHeader {
        font-family: Arial, Helvetica;
        border-bottom-width: 0.5px;
        border-bottom-style: solid;
        border-bottom-color: #999;
        font-size: 14px;
        font-weight: bold;
        line-height: 24px;
        background-color: #E3E6EE;
        text-indent: 2px;
    }

    .EtabCourse {
        font-size: 13px;
        font-weight: bold;
        border-top-width: .5px;
        border-top-style: solid;
        border-top-color: #999;
        background-color: #CCD4E0;
        line-height: 18px;
        text-indent: 2px;
    }

    .EtabSubCourse {
        font-size: 13px;
        font-weight: bold;
        border-top-width: .5px;
        border-top-style: solid;
        border-top-color: #999;
        background-color: #E3E8EE;
        line-height: 18px;
        text-indent: 2px;
    }

    .LeftBrdr {
        border-left-width: .5px;
        border-left-style: solid;
        border-left-color: #999;
    }

    .EtabTop {
        font-size: 11px;
        border-top-width: 1px;
        border-top-style: solid;
        border-top-color: #999;
        height: 22px;
        background-color: #F2F4F7;
        line-height: 22px;
        text-indent: 2px;
    }
========================================*/

    /* REQUIRED FIELD ALERT */
        .reqalert { background-color: #FFCCCC;}
        
        .reqalert .vrf-input-text{border-color:#FFCCCC;}

        /* .reqalert .vrf-input-radio {color:red;} */

        .reqalerthdr { font-size: 14px; font-weight: bold; color: #FF0000; font-family: Verdana, Arial, Helvetica, sans-serif;}

    /* NEW STYLES FOR RESPONSIVE CONTENT */

    .vrf {
        font-family: Verdana, Arial, Helvetica, sans-serif;
        background-color: #F2F4F7;
    }

    .vrf-responsive{
        /*width:90vw;
        max-width:100%;
        margin-left:1em;*/
    }

    .vrf-errors-responsive {
        /*width:90vw;
        max-width:100%;
        margin-left:1em;*/
    }

    .vrf-errors-responsive ul{
        /*width:100%;*/
    }

    .vrf-errors-responsive li{
        /*width:100%;*/
    }

    .vrf-border{
        border: 1px solid #999;
    }

    .vrf-bottom-border{
        border-bottom: .5px solid #999;
    }

    .vrf-main-header {
        background-color:#C3C8DA;
        font-size:1.3em;
        color:black;
        font-weight:bold;
        border-bottom: .5px solid #999;
        padding:.3em;
    }

    .vrf-pc-header{
        text-align:center;
    }

    .vrf-mobile-header {
        text-align:left;
    }

    .vrf-header {
        background-color:#E3E6EE;
        color:#999;
        font-size:.75em;
        font-weight:bold;
        border-bottom: .5px solid #999;
        padding:1em;
    }

    .vrf-optional {
        color:#999;
        font-size:.75em;
        font-weight:bold;
    }

    .vrf-header-text {
        font-size: 1.5em;
        font-weight:bold;
        color:#333;
    }

    .vrf-body {
        background-color:#F2F4F7;
        padding-top:1em;
        padding-bottom:1em;
    }

    .vrf-divider {
        min-height:1.5em;
        background-color:white;
        border-bottom: .5px solid #999;
        border-top: .5px solid #999;
        padding-left:1em;
        padding-right:1em;
    }

    .vrf-footer {
        background-color:#C3C8DA;
        color:black;
        text-align:center;
        padding:.5em;
    }
	
	.vrf-label {
		font-weight: normal;
	}

    .vrf-form-cell{
        margin-top:.5em;
        margin-bottom:1em;
    }

    .vrf-question{
        font-weight:bold;
        font-size:.9em;
    }

    .vrf-answer{
        font-size:1em;
    }

    .vrf-input-text-large {
        width:95%;
    }
	
	.vrf-step-cell{
		border: .5px solid #999;
		background-color: #F2F4F7;
	}
	
	.vrf-active-cell{
		background-color:#C3C8DA;
        color:black;
        font-weight:bold;
        border: .5px solid #999;
		border-bottom:0;
	}