/*** YPO Common Styles - Pages included: Appointment, Contact Us, Feedback, Multimedia, Useful Links***/

/*** Online Appointment Styles ***/

#online-appointment, #feedback-block {
	border: 1px solid #01203D;
	margin-bottom: 18px;
	margin-left: 0%;
	width: 99%;
	float: left;
	border-radius: 5px;
	margin: 10px 0 0 0;
}
#online-appointment h3, #feedback-block h3, .submit-but input {
	background: #01203D!important;
	border-radius: 0px 0px 0px 0px!important;
}
#online-appointment h3 {
	background: #01203D!important;
	clear: left;
	text-indent: 15px;
}
#online-appointment h3.one-com {
	border-radius: 0px 0px 0px 0px!important;
}
#online-appointment ul {
	margin: 0px 0px 8px 0px!important;
}
.required {
	color: #ff0000;
}
#online-appointment h3, #feedback-block h3 {
	font-weight: normal!important;
	margin: 0px 0px 5px 0;
	padding: 8px 0px 8px 0px;
	color: #fff;
}
#online-appointment ul:after, .clearFix:after, .services-list:after, .services-other:after, .service-info ul:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
#online-appointment .text {
	padding-bottom: 15px;
	padding-left: 20px!important;
}
#online-appointment ul.cols-1 li {
	width: 100%;
	margin-right: 2%;
}
#online-appointment ul.cols-4, #online-appointment ul.cols-1, #online-appointment ul.cols-2 {
	width: 100%;
}
#online-appointment ul.cols-2 li {
	width: 44%;
	float: left;
}
#online-appointment ul.cols-4 li {
	width: 19%;
	float: left;
	margin-right: 2%;
}
#online-appointment ul.cols-4 li.last-1 {
	width: 100%;
}
#online-appointment ul li.w100 {
	width: 100%;
}
#online-appointment ul.cols-3 li {
	width: 25%;
	float: left;
	margin-right: 2%;
}
#online-appointment ul li {
	list-style: none;
	background: none!important;
	padding: 5px 0px!important;
	margin-left: 20px;
}
.submit-but input {
	color: #fff;
	font-weight: normal;
	width: auto!important;
	border: none;
	padding: 3px 10px;
	cursor: pointer;
	margin-bottom: 10px;
}
.submit-but input:hover {
	background: #ff3f0a!important;
	color: #fff;
}
.wpcf7-captchar {
	width: 20%!important;
}
#captchac input {
	width: 88% !important;
}
select, input[type="text"], input[type="password"], input[type="tel"], input[type="email"], area, textarea {
	-moz-box-sizing: border-box;
	-moz-border-radius: 2px;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0, 0, 0, 0.2);
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #aaa;
	border-bottom-color: #ccc;
	border-radius: 2px;
	margin: 0;
	outline: none;
	padding: 6px 8px;
	vertical-align: middle;
	width: 88%;
}
select {
	height: auto;
	width: 100%;
}
area:focus, input:focus, textarea:focus {
	border: 1px solid #6cf;
}
textarea {
	width: 91%;
}
li.appoinment textarea {
	width: 92%;
}
input[type='text'], input[type='password'] {
	cursor: text;
}
.wpcf7-captchac {
	border: 1px solid #ccced0;
}
/*** Feedback Page Styles ***/

#feedback-block {
	padding: 10px 0px;
}
#feedback-block ul {
	margin-left: 0px;
}
#feedback-block ul li {
	background: none!important;
	padding: 5px 0px!important;
	list-style-type: none;
}
#feedback-block ul li label {
	float: left;
	width: 38%;
	font-weight: normal;
	margin-left: 35px;
}
#feedback-block ul li input, #feedback-block ul li textarea, #feedback-block ul li select {
	width: 55%;
}
/*** Contact Us Styles ***/

#wp-realtime-sitemap-pages h3, .home h1.post-title {
	display: none;
}
#wp-realtime-sitemap-pages ul {
	margin-left: 15px;
}
#contact-locations {
	margin-bottom: 20px;
}
#contact-locations ul li h3 {
	background: #31618e;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-moz-border-top-left-radius: 10px;
	-moz-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
}
#contact-locations ul li p {
	padding-left: 15px;
}
#contact-locations ul li {
	float: left;
	list-style-type: none;
	width: 30%;
	margin: 0px 10px;
}
#contact-locations img {
	vertical-align: top;
}
#online-appointment .address {
	padding: 0px 20px 10px 20px;
}
/*** Usefull LInks Styles ***/

.services-other {
	background: #fff;
	border: 1px solid #ccc;
	width: 100%;
	float: left;
	padding: 10px;
}
.services-other ul li {
	list-style-type: none;
	float: left;
	width: 50%;
	text-align: center;
}
#online-appointment .new {
	width: 100%;
	margin: 0 auto;
}
#online-appointment .new li {
	width: 80%;
	margin: 0 auto;
}
/*** Multimedia Styles***/



.multimedia-common {
	color: #0b6abb;
	line-height: 16px;
	text-decoration: none;
	text-align: justify;
	background: #ffffff;
	border-radius: 0px;
	margin: 0 0 10px 0;
}
.multimedia-common a {
	font-family: Arial, Helvetica, sans-serif;
	background: url("/images/movie-off.gif") no-repeat 10px 7px;
	font-size: 12px;
	font-weight: normal;
	padding: 5px 0px 5px 45px;
	text-decoration: none;
	float: left;
}
.multimedia-common a:hover {
	background: url("/images/movie-on.gif") no-repeat 10px 7px scroll;
	padding: 5px 0px 5px 45px;
	text-decoration: underline;
}
.formHead {
	color: #fff;
	background: #01203d;
	padding: 0 5px;
	font-weight: bold;
	line-height: 30px;
}
.formHead a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #ffffff;
}
.formHead a:hover {
	color: #fff;
}
.formHead span {
	color: #fff;
	background: #783c5e;
	padding: 0 5px;
	font-weight: bold;
	line-height: 30px;
}
.formHead span a {
	color: #fff;
	text-decoration: none;
}
.formHead span a:hover {
	text-decoration: underline;
}
.multimedia_width {
	float: left;
	width: 50%;
 *width:300px;
	border-top: none;
	text-align: left;
}
.multimedia_border {
	border: solid 1px #01203D;
	float: left;
	margin-top: 10px;
	width: 96%;
	border-radius: 5px;
}
#testimonial-form .req {
	color: #ff0000!important;
}
.showcase {
	border: 1px solid #033163;
}
.showcase table {
	margin-top: 0px;
}
.showcase table tr td {
	vertical-align: middle;
}
/*** Footer Styles ***/

#menu-footer-menu li {
	display: inline;
}
ul li.w500 {
	width: 100%!important;
}
/* =Header Menu (Primary)

-------------------------------------------------------------- */

ul li.textimonials-600 textarea {
	width: 98%!important;
}
ul li.textimonials-700 textarea {
	width: 94%!important;
}
 @media all and (max-width: 911px) {
#online-appointment ul.cols-4 li {
	width: 90%;
}
#online-appointment ul.cols-2 li {
	width: 93%;
}
}
 @media all and (max-width: 750px) {
#online-appointment ul.cols-3 li {
	width: 90%;
}
}

article .article-data .data .useful-links {
	background: #fff;
	float: left;
	width: 100%;
	border: 1px solid #d8d8d8;
	padding-bottom: 10px;
	margin-bottom: 18px;
}
article .article-data .data .useful-links ul {
	width: 100%;
	float: left;
}
article .article-data .data .useful-links ul li {
	list-style-type: none;
	float: left;
	text-align: center;
	width: 45%;
}
.textarea-116 .wpcf7-textarea {
	width: 94%;
}
.captcha-302 .wpcf7-captchar {
	width: 100% !important;
}
.contact_class {
	width: 100%;
	border: 1px solid #01203D;
	border-radius: 5px;
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #66667D;
	float: left;
}
.contact_class a {
	text-decoration: none;
	color: #000;
}
.contact_class a:hover {
	text-decoration: underline;
}
.contact_class h3 {
	font-family: Arial, Helvetica, sans-serif!important;
	color: #FFF!important;
	font-weight: normal!important;
	text-indent: 10px;
	background: #01203D;
	padding: 10px 0px;
}
.contact_class h3 a {
	color: #FFF;
}
.contact_class img {
	float: right;
	margin: 10px;
	border: 1px dashed #01203D;
}
.contact_details{padding:10px;}
.contact_details ul li{width:28%;
				float:none;}
.contact_details img {
  border: medium none;
  float: left;
  margin: 0 !important;
  padding: 5px 10px 0 10px;
}
.email_web{padding:10px;}
.email_web ul li{width:33%;
				float:left;}
					
article .use-full-links {
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  float: left;
  margin-bottom: 10px;
  margin-top: 5px;
  width: 100%;
  padding:1%;
}
article .use-full-links ul {
	width: 96%;
	float: left;
	list-style: none!important;
}
article .use-full-links ul li {
  float: left;
  text-align: center;
  width: 46%;
}
article .moreinfo {
	width: 99%;
	margin-top: 0px;
	margin-bottom: 15px;
	float: left;
}
article .moreinfo #button-1 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #A00000;
	border-radius: 5px;
	float: left;
	margin: 5px 5px 0px 0px;
	display: block;
}
article .moreinfo #button-1:hover {
	background: #640000;
}
article .moreinfo #button-1 a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 5px 15px;
}
article .moreinfo #button-1 a img {
	padding-right: 5px;
	vertical-align: middle;
}
article .moreinfo #button-2 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	background: #A00000;
	border-radius: 5px;
	float: left;
	margin: 5px 5px 0px 0px;
	display: block;
}
article .moreinfo #button-2:hover {
	background: #640000;
}
article .moreinfo #button-2 a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 5px 15px;
}
article .moreinfo #button-2 a img {
	padding-right: 5px;
	vertical-align: middle;
}
article .moreinfo #button-3 {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #A00000;
	border-radius: 5px;
	float: left;
	margin: 5px 5px 0px 0px;
	display: block;
}
article .moreinfo #button-3:hover {
	background: #640000;
}
article .moreinfo #button-3 a {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 5px 15px;
}
article .moreinfo #button-3 a img {
	padding-right: 5px;
	vertical-align: middle;
}
div.wpcf7-validation-errors {
	clear: both!important;
}
div.wpcf7-validation-errors {
	clear: both!important;
}
div.wpcf7-mail-sent-ok {
	clear: both!important;
}
/*.testimonials-button {
	background: #01203D;
	border: 1px solid #01203D;
	border-radius: 5px;
	clear: both;
	float: right;
	margin: -64px 0 10px 400px;
	width: 240px;
}*/
.testimonials-button {
  background: none repeat scroll 0 0 #01203D;
  border: 1px solid #01203D;
  border-radius: 5px;
  clear: both;
  float: right;
  margin-top: -36px;
  width: 148px;
}
.testimonials-button a {
	color: #FFFFFF!important;
	display: block;
	padding: 5px 10px;
	text-align: center;
	text-decoration: none!important;
}
.testimonials-button:hover {
	background: #01203D;
}
.body-section .section-container article h3 a {
	color: #FFF!important;
	text-decoration: none!important;
}
.body-section .section-container article h3 a:hover {
	color: #FFF!important;
	text-decoration: none!important;
}
.body-section .section-container article .email {
	width: 26px;
	height: 16px;
	float: left;
	margin: 0px 10px;
}
.body-section .section-container article .wb {
	width: 26px;
	height: 21px;
	float: left;
	margin: 0px 10px;
}
.content_img {
	margin: 10px 10px;
	border: solid 2px #783c5e;
	float: left;
}
.banner10 {
	width: 60%;
	float: left;
	list-style: none!important;
	border: solid 1px #5f6d78;
	background: #ffffff;
	margin: 10px 0 0% 0 !important;
	padding: 0 1% 0 1%;
	border-radius: 5px;
}
.banner10 li {
	width: 40%;
	list-style: none !important;
	float: left;
	margin: 0 0 3% 3%;
	padding: 0px;
}
.banner10 li img {
	max-width: 100%;
	margin: 0 0 3% 3%;
}
.moreinfo {
	width: 99%;
	margin-top: 0px;
	margin-bottom: 25px;
	float: left;
}
.moreinfo #button1, .moreinfo #button2, .moreinfo #button3 {
	color: #FFF;
	background: #01203d;
	border-radius: 5px;
	float: left;
	margin: 5px 8px 0px 0px;
	display: block;
	width: 134px;
}
.moreinfo #button1:hover, .moreinfo #button2:hover, .moreinfo #button3:hover {
	background: #196aa2;
}
.moreinfo #button1 a, .moreinfo #button2 a, .moreinfo #button3 a {
  background: url("/images/video_icon.png") no-repeat scroll 10px 7px rgba(0, 0, 0, 0);
  color: #FFFFFF;
  display: block;
  font-size: 14px;
  padding: 5px 0px 5px 35px;
  text-decoration: none;
}
.moreinfo #button2 a {
	background: url(/images/patient-icon.png) no-repeat 10px 7px;
}
.moreinfo #button3 a {
	background: url(/images/pdf-icon.png) no-repeat 10px 7px;
}
.external_links {
	clear: left;
}
.external_links ul li {
	margin: 0 0 0 3%;
}
@media screen and ( max-width:720px) {
article ul li {
	margin: 0 0 7px 6%;
}
.external_links ul li {
	margin: 0 0 0 6%
}
}
@media all and (max-width:600px){
.contact_details ul li {
  float: none;
  width: 44% !important;
}	
.email_web ul li {
  float: left;
  width: 51%;
}
}
 @media screen and ( max-width:450px) {
article ul li {
	margin: 0 0 7px 9%;
}
.external_links ul li {
	margin: 0 0 0 9%
}
}
#form-message {
	left: 24%;
	min-height: 100px;
	position: fixed;
	text-align: center;
	top: 22%;
	width: 33%;
	z-index: 99999;
	display: none;
}
#form-message .wpcf7-validation-errors {
	background: #FAFAFA;
	border: 2px solid #FF0000;
	border-radius: 5px;
	color: #7C7C7C;
	min-height: 50px;
	padding: 20px 10px 10px;
}
#form-message .close {
	position: absolute;
	right: 16px;
	top: 25px;
}
div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
}
#form-message .wpcf7-mail-sent-ok {
	border: 2px solid #398F14;
	background: #FAFAFA;
	border-radius: 5px;
	color: #7C7C7C;
	min-height: 50px;
	padding: 20px 10px 10px;
}

article ul.rev {
    margin-left: 50px;
}
article ul.rev li {
  float: left;
  list-style: none outside none;
  padding: 10px;
}
article ul.rev li.rh{ width:100%; float:left;}
