@charset "utf-8";
/* CSS Document */


/**********************/ 
/* Global Form Styles */
/**********************/

body {

	}
	
	
form {
	font-size: 0.875em;
	}

form p {
    font-size: 0.875em;
}	

.form-size {
	cols="40" !important;
	rows="3" !important;
}

/*span.attention {
  	color: red;
  	font-style: italic;
  	font-size: 12px;
  	font-weight: bold;
	padding-left: 15px;
}*/


span.attentiontwo {
  	color: red;
  	font-style: italic;
  	font-size: 12px;
  	font-weight: bold;
}


label {
	display: block;
	margin-top: 10px;
}


label.error {
  	color: red;
	margin-top: -10px;
}

label#DOB_input-error {
	margin-top: 15px;	
	color: red;
}

label#Message_12-error {
	margin-top: 15px;	
	color: red;
}

/* Styles for form Radios, checkboxes and dropdowns without sprite images - Lovemore - 11/23/15 */

.blue-selectbox select {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    box-shadow: none;
    color: #000;
    height: 38px;
    width: 100%;
}

.blue-selectbox {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid #999;
    box-shadow: none;
    height: 38px;
    margin-bottom: 15px;
    width: 50%;
}

.blue-selectbox select:hover { background: #fff;}
.blue-selectbox select:focus, .blue-selectbox select:active {background: #999;}

.blue-selectbox select option {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #000;
    display: block;
    padding: 5px 6px;
    width: auto;
}

.validate-forms .row {
    padding-left: 20px;
}

.validate-forms > .row > p > input {
    margin-left: 0;
}

.custom-box {
    font-size: 12px !important;
    vertical-align: middle;
}


/* Styles for form Radios, checkboxes and dropdowns end here - Lovemore - 11/23/15 */



input[type=date], input[type=text], input[radio],input[type=tel], input[type=email], input[type=number] {
	line-height: 12px;
	height: 38px;
	color: #414042;
	margin: 0 7px 0 0;
	padding: 0 0 0 10px;
	border-radius: 4px;
	border: 1px solid #999;
	width: 50%;
	box-shadow: none;
	font-size: 14px;
}

form input:focus, textarea:focus {background: #f1f1f1;}

span.asterick {
  	color: red;
}


input[type="radio"] {
	display: block !important; 
	visibility: visible !important;
	}


input[type=submit], input[type=reset] {
  	margin-top: 10px;
  	background-color: #165295;
  	color: #ffffff;
  	padding: 7px 15px;
  	border: 0px;
  	border-radius: 4px;

  	cursor: pointer;
  	margin-right: 10px;
    font-size:14px;
}


input[type=submit]:hover {
  	background-color: #003366;
}


input[type=reset]:hover {
  	background-color: #003366;
}


textarea, textarea#reso {
  	margin-top: 5px;
  	border-radius: 4px;
	width: 50%;
        font-size: 14px;
}


hr {
  	margin-bottom: 30px;
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 10px;
}


h2#smsr-h2 {
	margin-left: 20px;
}


/**************************************************/ 
/************ BEGIN UNIQUE FORM STYLES ************/ 
/**************************************************/ 

/*************************/ 
/* Complex Form Styles */
/*************************/

h2 {
   	color: #000000;
   	font-size: 1.5em;
	margin: 10px 0px 0px;
}


input#other-info {
  	width: 150px;
  	padding: 2px;
}


input#service-team-radio {
	display: inline-block !important;
    	visibility: visible !important;
}


label#serv {
  	line-height: 25px;
  	margin-bottom: 30px;
}


span.colon {
  	font-weight: bold;
}

.form-input-span {
    display: inline-flex;
	display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    margin-top: 10px;
}

.form-input-span > p {
    margin: 2px 0 0 5px;
}


label#reach-member {
  	margin-bottom: 5px;
}


input#cf-membership {
	display: inline-block !important;
	visibility: visible !important;
	}


form#sms-requests.pop-up-form > div.radio.selected, div.radio {
	display: none;
	}


form#sms-requests.pop-up-form > select {
	line-height: 12px;
	color: #414042;
	margin: 0 7px 0 0;
	padding: 8px 10px 5px; 
	border-radius: 4px;
	border: 1px solid #999;
	width: 110px;
	box-shadow: inset 0 2px 4px -1px rgba(0,0,0,0.2);
	visibility: visible !important; 
	top: 0px;
}


form#sms-requests.pop-up-form > input#email-check, input#phone-check, input#email-check-two, input#phone-check-two, input#email-check-three, input#phone-check-three {
	visibility: visible !important; 
	display: inline !important;
	}
	

form#sms-requests.pop-up-form > div.checkbox.selected, div.checkbox {
	display: none;
	}
	

form#sms-requests.pop-up-form > input#smsr-checkboxes {
	visibility: visible !important;
	display: inline !important;
	}
	
	
form#sms-requests.pop-up-form > span#smsr-span {
	position: relative;
	top: -6px;
	}



input#st {
  	width: 50px;
}


select#day {
  	width: 65px;
}


select#year {
  	width: 85px;
}


label#sct {
  	margin: 20px 0px 10px;
}


label#communication-type {
  	margin: 20px 0px -10px;
}


select#sctc {
  	width: 28%;
}


label#second-contact-date, label#third-contact-date {
  	margin-top: 25px;
}


label#notes {
  	margin-top: 25px;
}


label#itn {
  	margin-top: 15px;
  	margin-bottom: 5px;
}


label#membername {
  	margin-top: 15px;
  	margin-bottom: 5px;
}


form#sms-requests.pop-up-form > input#other {
  	width: 25%;
  	padding: 2px;
	position: relative;
	top: -6px;
}


label#resolution {
  	margin-top: 15px;
  	margin-bottom: 5px;
  	line-height: 1.3em; 
}


textarea#reso {
  	margin-top: 10px;
  	margin-bottom: 5px; 
	width: 50%; 
}


label#smsr {
  	line-height: 1.3em; 
  	margin-bottom: 5px; 
}

.left-form-td {
    display: none;
}

#Optin4 select {
    top: 0;
    visibility: visible;
}


/*************************/ 
/* Questions Form Styles */
/*************************/


label#comment {
	font-size: 1.0em;
  	padding-top: 20px;
	line-height: 20px;	
}


/*****************************/ 
/* Ask CareFirst Form Styles */
/*****************************/


label#membership {
  	margin-bottom: 30px;
}


input#tweet-input {
  	margin-top: 5px;
	margin-bottom: 20px;
}


label#memberidnumber {
	margin-bottom: 5px;
	}


span.twitter-q {
	line-height: 20px;	
	}


label#memberidnumber > span.midplanname-info {
	margin-bottom: 30px;
  	line-height: 20px;	
	}
	
	
input#birthdate {
	line-height: 12px;
	color: #414042;
	margin: 0 7px 0 0;
	padding: 8px 10px 5px; 
	border-radius: 4px;
	border: 1px solid #999;
	width: 55%;
	box-shadow: inset 0 2px 4px -1px rgba(0,0,0,0.2);
	}	
	

label#birthdate {
	margin-top: 20px; 
	margin-bottom: 5px; 
	}

label#member > input#yes, input#no {

	/*display: inline-block !important;  */
	visibility: visible !important;
}
	

/*****************************/ 
/* Aon Ask CareFirst Form Styles */
/*****************************/

div#show-hidden-inputs {
	display: none;
	}


input#birthdate {
	width: 50%;
	}

/*****************************/ 
/* Member Feedback */
/*****************************/

label#midname {
	margin-bottom: 2px;
}

label#bday {
	margin-bottom: 2px;
	}

/*****************************/ 
/* General Form Styles Added by Lovemore 7-16-15 */
/*****************************/

.validate-forms select {
    border: 1px solid #999;
    border-radius: 4px;
    box-shadow: none;
    height: 38px;
    padding: 5px;
    top: 0;
    visibility: visible;
	width: 52%;
    font-size:14px;
  color:#707070;
}

.validate-forms input[type="checkbox"] {
    display: inline !important;
    margin-left: -15px;
    vertical-align: middle;
    visibility: visible;
}

.radio-text {
    padding-left: 45px;
	font-weight:200;
}

.validate-forms input[type="radio"] {
  margin-left: -25px;
    margin-bottom: -16px;
	opacity: 1;
	margin-top: 10px;
}

.validate-forms input[type="checkbox"]:checked + label, input[type="checkbox"] + label {
    background-image: none;
    background-position: 0 -22px;
   /* padding-left: 5px; Shahina */
    vertical-align: middle;
	font-weight: 200;
}

.validate-forms input[type="radio"] + label {
    background-image: none;
    margin-left: -35px;
    margin-top: 7px;
}

.forms-top-section {width: 95% !important; margin-left:0 !important;}

/*****************************/ 
/* Employer Non-responsive form button style - Added by Lovemore 10-6-16 */
/*****************************/ 

.btn-primary, .btn-primary:visited, .btn-audio, .btn-audio:visited, .btn-default, .btn-default:visited {
    background-image: linear-gradient(to bottom, #397ee6 0%, #1a58b0 100%);
    background-position: center center;
    background-repeat: repeat-x;
    border: none;
    border-radius: 4px;
    padding: 6px 12px;
    color: #FFF;
    white-space: nowrap;
}

.g-recaptcha {
    margin-top: 15px;
}


/*****************************/ 
/**** BEGIN MEDIA QUERIES ****/
/*****************************/

@media only screen 
and (max-width: 990px) {
	
	form {
	width: 100%;
	} 
	
	
	textarea, textarea#reso {
	width: 95%;	
		}
	
	}


@media only screen 
and (max-width: 736px) {
	
	
	hr {
		margin-left: 0px;
		width: 95%;
		}
	input[type=text], input[type=tel], input[type=email], input[type=number] {
		width: 95%;	
		}	
    .validate-forms select {width: 95%;}	
		
	}


@media only screen 
and (max-width: 480px) {
	textarea, textarea#reso {
		width: 100%;
		}			
			
	}


@media only screen 
and (max-width: 320px) {
			
	textarea, textarea#reso {
		width: 95%;
		}
	.validate-forms select {width: 100%;}	
		
	label#resolution {
		margin-right: 10px;
		}
	}



/*****************************/ 
/**** END MEDIA QUERIES ****/
/*****************************/
    .pop-up-form .btn-primary {
    	width:auto !important;
    }

