@import url("fonts.css");
@import url("generic.css");
@import url("font-awesome.css");
@import url("hover.css");
@import url("price_edit_modal.css");

/****************************************
	Layout
****************************************/
	.MainWrapper {
		max-width: 1000px;
		display:block;
		margin:0px auto;
		padding:0px;
		position:relative;
	}
	
	
	/*===== TOP HEADER ==*/
	#TopHead {
		width:100%;
		margin:0 0 20px 0;
		border-bottom:2px solid #3cbddc;
		background: rgba(255,255,255,1);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
		background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(240,240,240,1)));
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
		background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(240,240,240,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0 );
	}
	
	.NavBtn {
		float:left;
		cursor:pointer;
	}
	
	.NavBtn .fa {
		font-size:30px;
		line-height:30px;
		width:30px;
		text-align:center;
		color:#4b4b4d;
	}
	
	.NavLinks {
		display:none;
		position:absolute;
		left:0;
		top:44px;
		z-index:999;
		background:#fff;
		border:2px solid #fba41f;
			-moz-border-radius:6px;
			-ms-border-radius:6px;
			-o-border-radius:6px;
			-webkit-border-radius:6px;
		border-radius:6px;
		width:100%;
		padding:15px;
		color:#999;
	}
	.NavLinks a { color:#000;}
	.NavLinks a:hover { color:#555;}
	.NavLinks .fa {
		font-size:18px;
		line-height:20px;
		color:#fba41f;
		width:auto;
		margin:1px 6px 0 0;
		float:left;
	}
	
	#Logo {
		width:200px;
		margin:10px auto 50px;
	}
	
	#TopEmail {
		float:right;
		color:#4b4b4d;
		font-size:15px;
		color:#999;
	}
	#TopEmail a.moreInfo {color:#999;}
	#TopEmail a.moreInfo span {border-bottom-color:#999;}
	
	
	#TopEmail .NavBtn {
		float:right;
		margin-top:4px;
		position:relative;
	}
	#TopEmail .NavBtn .fa {
		font-size:20px;
		line-height:20px;
		width:20px;
	}
	#TopEmail .NavLinks {
		right:0;
		left:auto;
		width:170px;
		top:40px;
	}
	
	/*===== BODY CONTENTS ==*/
	.SidebarWrapper { width:30.000000000%;}
	.ContentsWrapper { width:66.000000000%;}
	
	.TopCall {
		font-family:'robotolight', Arial, Helvetica, sans-serif;
		font-size:22px;
		line-height:24px;
		color:#999;
		margin:0 0 40px 0;
	}
	.TopCall a.moreInfo {color:#000;}
	.TopCall a.moreInfo span {
		width:100%;
		border-bottom-color:#000;
		left:0;
	}
	.TopCall a.moreInfo:hover span {
		width: 0;
		left:50%;
	}
	.TopCall .fa {
		font-size:20px;
		color:#1cbb9f;
		margin:0 4px 0 0;
	}
	
	.FormField {
		width:70%;
		position:relative;
		margin:0 0 20px 0;
	}
	.FormField p { margin:0 0 10px 0;}
	
	.FormField .text_field { margin:3px 0 0 0;}
	
	.InfoBullet {
		position:absolute;
		top:32px;
		right:-26px;
		height:20px;
		width:20px;
		cursor:pointer;
		z-index:1;
	}
	
	.InfoShow {
		background:#3cbddc;
		display:none;
		color:#fff;
		width:250px;
		border-radius:10px;
		padding:15px;
		font-size:15px;
		line-height:18px;
	}
	
	.InfoBullet:hover .InfoShow { display:block;}
	
	.TitleSetPosition {
		display:inline-block;
		position:relative;
	}
	.TitleSetPosition .InfoBullet {top:-2px;}
	
	.BottomBtn {width:49.5%;}
	.BottomBtn .button {
		width:100%;
		font-family:'robotobold', Arial, Helvetica, sans-serif;
		font-size:16px;
		text-transform:uppercase;
	}
	
	/*== SideBar ==*/
	.Profile {margin:50px 0;}
	
	.Profile h2 {
		font-family:'robotoregular', Arial, Helvetica, sans-serif;
		font-size:20px;
		color:#000;
		margin:0 0 8px 0;
	}
	.Profile p { text-align:center;}
	
	.ProfPic {
		float:left;
		margin:0 15px 0 0;
	}
	.ProfPic img {
		width:110px;
		height:110px;
		border:3px solid #fba41f;
		padding:1px;
		border-radius:100%;
	}
	
	.ProfCallTime {
		font-family:'robotobold', Arial, Helvetica, sans-serif;
		font-size:18px;
		text-transform:uppercase;
		margin:0 0 10px 0;
	}
	.ProfCallTime span { color:#fba41f;}
	
	.CallPrice {
		font-family:'robotobold', Arial, Helvetica, sans-serif;
		font-size:21px;
		color:#e74e3e;
		margin:15px 0 10px 0;
		text-align:center;
	}
	
	
	#CompleteProfile { text-align:center;}

	.ComProfPic img {
		border:4px solid #fba41f;
		padding:1px;
			-moz-border-radius:25px;
			-ms-border-radius:25px;
			-o-border-radius:25px;
			-webkit-border-radius:25px;
		border-radius:25px;
	}
	
	#CompleteProfile h1 {
		font-family:'robotobold', Arial, Helvetica, sans-serif;
		font-size:30px;
		color:#000;
		margin:30px 0;
		border:none;
		text-transform:none;
	}
	#CompleteProfile h3 {
		font-family:'robotoregular', Arial, Helvetica, sans-serif;
		font-size:18px;
		line-height:14px;
		color:#ccc;
		margin:0 0 30px 0;
		text-transform:uppercase;
		border-bottom:2px dotted #ccc;
	}
	#CompleteProfile h3 span {
		background:#fff;
		padding:0 10px;
	}
	
	.CPf_Coll2 {
		width:49%;
		margin:0 0 30px 0;
		text-align:left;
	}
	
	#CompleteProfile .CPf_Coll2 .fa {
		font-size:55px;
		width:100px;
		height:100px;
		line-height:100px;
		color:#fff;
		float:left;
		text-align:center;
		margin:0 10px 0 0;
			-moz-border-radius:100%;
			-ms-border-radius:100%;
			-o-border-radius:100%;
			-webkit-border-radius:100%;
		border-radius:100%;
	}
	.Experienc { background:#1cbb9f;}
	.Specialty { background:#3cbddc;}
	.Education { background:#fba41f;}
	.Languages { background:#e74e3e;}
	
	#CompleteProfile .CPf_Coll2 h2 {
		font-family:'robotolight', Arial, Helvetica, sans-serif;
		font-size:20px;
		line-height:23px;
		color:#000;
		margin:15px 0 0 0;
	}
	#CompleteProfile .CPf_Coll2 h2 strong {
		font-family:'robotobold', Arial, Helvetica, sans-serif;
		font-size:24px;
	}
	
	#CompleteProfile .ProfCallTime { font-size:25px;}
	
	
	.FaqWrapp h2 {
		font-family:'robotoregular', Arial, Helvetica, sans-serif;
		font-size:18px;
		color:#1cbb9f;
		margin:0 0 15px 0;
		padding:0 0 4px 0;
		border-bottom:1px solid #ccc;
	}
	
	
	.MainProfile {
		border:1px solid #ccc;
		padding:1px;
			-moz-border-radius:10px;
			-ms-border-radius:10px;
			-o-border-radius:10px;
			-webkit-border-radius:10px;
		border-radius:10px;
		margin:0 0 20px 0;
	}
	.MP_Left, .MP_Right {width:50%;}
	.MP_Right {
		background:#f2f1f1;
			-moz-border-radius:0 8px 8px 0;
			-ms-border-radius:0 8px 8px 0;
			-o-border-radius:0 8px 8px 0;
			-webkit-border-radius:0 8px 8px 0;
		border-radius:0 8px 8px 0;
		min-height:176px;
	}
	
	.MainProfile h2 {
		font-family:'robotoregular', Arial, Helvetica, sans-serif;
		font-size:24px;
		line-height:26px;
		color:#000;
		margin:0 0 12px 0;
	}
	.MainProfile h3 {
		font-family:'robotobold', Arial, Helvetica, sans-serif;
		font-size:18px;
		line-height:22px;
		color:#3cbddc;
		margin:15px 0 2px 0;
	}
	
	.NotificationIcon ul {
		margin:0px;
		padding:0;
	}
	.NotificationIcon ul li {
		margin:0px 6px 0 0;
		padding:0 6px 0 0;
		border:none;
		border-right:1px solid #ccc;
		display:inline-block;
	}
	.NotificationIcon ul li:last-child {border:none;}
	
	.NotificationIcon .fa {
		font-size:30px;
		line-height:28px;
		width:30px;
	}
	
	.IconPhone { color:#e74e3e;}
	.IconWeb { color:#1cbb9f;}
	.IconMobile { color:#fba41f;}
	
	.MP_CallNumber {
		font-size:14px;
		color:#999;
	}
	
	.MP_Right .button {
		width:100%;
		font-family:'robotobold', Arial, Helvetica, sans-serif;
		font-size:16px;
		text-transform:uppercase;
		letter-spacing:1px;
	}
	
	.MP_Right h3 {
		color:#000;
		display:inline-block;
		float:right;
		text-align:right;
		line-height:18px;
		margin:0 0 15px 0;
	}
	.MP_Right h3 span {
		font-family:'robotoregular', Arial, Helvetica, sans-serif;
		font-size:14px;
		color:#555;
	}
	
	.MP_Right p {
		font-size:13px;
		line-height:18px;
	}
	
	
	/*===== FOOTER ==*/
	#Footer {
		width:100%;
		background:#4b4b4d;
		margin:30px 0 0 0;
		padding:25px 0;
		color:#fff;
		font-size:14px;
		text-align:center;
	}
	#Footer a.moreInfo {color:#afafb5;}
	#Footer a.moreInfo span {border-bottom-color:#afafb5;}
	#Footer p { margin:0 0 12px 0;}
	
	a.button { color:#fff !important;}




/****************************************
	MEDIA QUERIES
****************************************/

/***** for 1024px or less ===========*/
@media All and (max-width: 1000px) {
	.MainWrapper { margin:0px 25px;}
}



/***** for 768px or less ===========*/
@media All and (max-width: 768px) {
	.SidebarWrapper, .ContentsWrapper { width:100%; margin:0 0 30px 0;}
	
	.Profile {margin:0;}
	.Profile p, .CallPrice { text-align:left;}
}

@media All and (max-width: 765px) {
	.BottomBtn {width:100%;}
}


/***** for 650px or less ===========*/
@media All and (max-width: 650px) {
	.InfoShow {
		margin-left:-230px;
	}
}

@media All and (max-width: 600px) {
	.MP_Left, .MP_Right {width:100%;}
	
	.MP_Right {
			-moz-border-radius: 0 8px 8px 0;
			-ms-border-radius: 0 8px 8px 0;
			-o-border-radius: 0 8px 8px 0;
			-webkit-border-radius: 0 8px 8px 0;
		border-radius: 0 0 8px 8px;
		min-height: auto;
	}
	
	.CPf_Coll2 {width:100%;}
}

/*@media All and (max-width: 620px) {
	#Logo {
		text-align:center;
		width:100%;
		margin:0 0 15px 0;
		clear:both;
	}
	
	.NavBtn {
		width:100%;
		text-align:center;
		background:#f0f0f0;
	}
	.NavLinks {top:45px; text-align:left;}
	
	#TopEmail {
		width:100%;
		text-align:center;
		margin:10px 0;
	}
	
	#TopEmail .NavBtn {padding:5px 0; margin-top:10px;}
	#TopEmail .NavLinks {top:30px; width:100%;}
}
*/


/***** for 550px or less ===========*/
@media All and (max-width: 550px) {
	.TopCall .right {
		float:left;
		margin:15px 0 0 0;
		width:100%;
	}
	
	.FormField { width:90%;}
	
	.Profile, .Profile p, .CallPrice { text-align:center;}
	
	.ProfPic {
		float:none;
		margin:0 auto 20px auto;
	}
	
}

@media All and (max-width: 498px) {
	#TopEmail .TE_Address { display:none;}
	
	#Logo {margin-left:32%;}
}



/***** for 480px or less ===========*/
@media All and (max-width: 480px) {
	.MP_Right h3 {
		display:block;
		float:left;
		text-align:left;
		width:100%;
	}
}

@media All and (max-width: 320px) {
	#Logo {margin-left:26%;}
}


/***** for 320px or less ===========*/
@media All and (max-width: 320px) {
	
}

.cdc-dashboard-report {
	width: 250px;
	position: relative;
	float: right;
	margin-bottom: 20px;
	clear: both;
	font-size: 16px;
}