﻿.alignleft{ float:left; margin:0px 20px 20px 0px; }
.alignright{ float:right; margin:0px 0px 20px 20px; clear:both; }
.aligncenter{ margin:20px auto;	clear: both; display: block; text-align:center; }
.content-button ul{ padding:0; }
.content-button ul li{ float:left; list-style: none; margin: 0 0% 10px 0; padding:0px;}
.content-button ul li a{ padding: 5px 14px 5px 25px !important; background-position:5px 6px; background-repeat:no-repeat; }
.content-button ul li a.patient-contact{  } 
.content-button ul li a.appointment-contact{ background-image:url(../images/appointment_icon1.png); color: #fff !important;}
.content-button ul li a.appointment-contact-us{ background-image:url(../images/contact-icon.png); background-position: 5px 7px; color: #fff !important;}

/* Web All Forms Styles - Online Appointment, Contact Us, Testimonials and Feedback */
.web-form, .address-block, #connect-sblock, .multimedia1_border{ border: 1px solid #d6dadd; width: 99.5%; margin: 0 auto; float: left; color: #666666;  text-align:left;}
.web-form{ margin:0 auto 12px; padding:0 0 60px 0; }
.web-form h2, .address-block h2, .formhead{ background:#000080; clear: both; color: #fff; font-size: 16px; margin: 0 auto 10px; padding: 5px 0 8px 10px;}
.web-form h2 a, .address-block h2 a{color: #fff; }
.web-form h2 a:hover, .address-block h2 a:hover{color: #fff; text-decoration:underline;}
.web-form ul{ padding-left:4%; }
.web-form ul li{ padding: 15px 0 !important; margin: 0 5% 0 0; background:none; }
.web-form ul.cols-2 li{ float:left; list-style: none outside none;	width: 45%; text-align:left; }
.web-form select{ width:98% !important; }
.web-form select, .web-form input[type=text], .web-form input[type=password], .web-form input[type=email], .web-form area, .web-form select, textarea { width: 94%; padding: 6px 8px; }
.mandatory{ color:#F66; }
.web-form ul.cols-1 li{ list-style: none outside none; clear:both; }
.web-form ul li textarea{ width: 97%; }
.web-form ul li.captcha-input{ width:25%; padding:0 0 15px; }
.web-form ul li.captcha-input input { width: 50%; }
.web-form ul li.online-submit{ clear:both; width:100% ; }
.ie7 .web-form ul li.online-submit img{ float:left; }
.web-form ul li.online-submit input, .web-form .online-submit input, .content-button ul li a{ border:none; padding: 6px 14px; float:left; margin-right:10px !important; cursor:pointer; border-radius:0; color: #fff;}
.web-form ul li.online-submit input, .web-form .online-submit input, .content-button ul li a, .blog-readmore a, .post a.readmore, .form-submit > input, .comment-reply-link{ background-color:#000080; color: #fff !important; text-decoration:none; }
.web-form select, .web-form input[type=text], .web-form input[type=password], .web-form input[type=email], .web-form area, .web-form ul li textarea, #tell-friend .web-form textarea{ border:1px solid #d6dadd; font-family:Verdana, Geneva, sans-serif; color:#4C4B4B; font-size:12px; }
.web-form ul li.online-submit input:hover, #tell-friend .web-form input[type=submit]:hover, #tell-friend .web-form input[type=reset]:hover, .content-button ul li a:hover, .blog-readmore a:hover, .post a.readmore:hover, .form-submit > input:hover, .comment-reply-link:hover{ background-color:#5151D9; color:#000; text-decoration:none; }
.web-form ul.label-input-inline li{ padding:0; margin:0; list-style:none; }
.web-form ul.label-input-inline li label{ clear: left; float: left; padding: 7px 0 0; width: 45%; }
.web-form ul.label-input-inline li input, .web-form ul.label-input-inline li textarea, .web-form ul.label-input-inline li select{ margin: 8px 0; width: 40% !important; padding:6px 8px; }
.web-form ul.label-input-inline li select{ width:43% !important; }
.web-form ul.label-input-inline li.online-submit{ clear: both; float: none; left: 45%; position: relative; width: 35%; }
.web-form ul.cols-3 li{ float: left; width: 28%; list-style:none;}
.web-form ul li.width-100{ width:97% !important; }

/*** Tell a Friend Styles ***/
#tell-friend{ top: 0px; display: none; position: fixed; width: 100%; z-index: 200000000; left:0;  background:rgba(118,128,138,0.8); height:100%; }
#tell-friend div.form{ width:300px; margin:25px auto 0; position:relative; }
#tell-friend .web-form { background:#ccc; }
.form-container{ margin:0px auto; text-align:center; }
#tell-friend .web-form select, #tell-friend .web-form input[type=text], #tell-friend .web-form input[type=password], #tell-friend .web-form input[type=email], #tell-friend .web-form area, #tell-friend .web-form textarea{ background-color:#fff; margin:2px 0; width:82%; vertical-align:middle; }
#tell-friend .web-form input[type=submit], #tell-friend .web-form input[type=reset]{ margin:8px 0; }
.contact-us{ font-size: 24px; padding: 10px 0 0 10px; }
#tell-friend .web-form textarea{ width:82%; padding: 6px 8px; }
.close{ position:absolute; top:7px; right:10px; }
.close a{ color:#fff; }
#tell-friend .online-submit{ width:88%; border-radius:0; }
.ie7 #tell-friend .online-submit img{ float:left; }
#tell-friend .captcha-input{ width:87.5%; margin:auto; }
#tell-friend .captcha-input .captchac-img{ float:left; width:25%; margin:4px 0 0 3%; }
#tell-friend .captcha-input span{ float:left; margin:0 0 0 1%; width:71%; }

/*** Contact Address Block Styles ***/
.address-block{}
.address {
  float: left;
  line-height: 22px;
  padding: 0 2% 10px 4%;
  width: 35%;
}
.map-icon {
  float: left;
  padding: 0 0 10px;
  text-align: center;
  width: 59%;
}
.map-icon ul li{ float:left; margin-left:5px; list-style:none !important; width:47%; padding:0px; background:none;}
#connect-sblock{ background:none; margin:15px 0; }
#connect-sblock ul li{ float: left; padding: 15px 0 20px 25px; width: 40%; list-style:none !important; color:#000; margin:0 0 0 5%; }
#connect-sblock ul li.phone{ background:url(../images/contact-icons.png) 0 -108px no-repeat; }
#connect-sblock ul li.fax{ background:url(../images/contact-icons.png) 0 19px no-repeat; }

#connect-sblock ul li.mail{ background:url(../images/contact-icons.png) 0 -45px no-repeat; }
#connect-sblock ul li.website{ background:url(../images/contact-icons.png) 0 -173px no-repeat; }

/** Usefull-links styles **/
.use-full-banner{ border:1px solid #999; padding:10px 0 10px 0%; width:63%; border-radius:10px; margin-bottom:10px; }
.use-full-banner ul, .use-full-banner ul li{ padding:0 1%; margin:0%; }
.use-full-banner ul li{ float:left; margin:0 0 15px; width:48%; }

/* Patient Form Styles */
ul.patient-forms-page{ padding:0; font-weight:bold; }
ul.patient-forms-page li {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  list-style: outside none none;
  padding: 0;
}
ul.patient-forms-page li a{ background:url(../images/pdf-icon.png) no-repeat 0 0px; display:inline-block; padding:0px 0 0 25px; margin-top:15px; color:#5c5c59; }
.dotted-border{ border-bottom:1px dotted #999; }
.patient-forms-page-footer-content{ padding:10px 0 0 0; color:#666; font-size:11px; }

/* Testimonials styles */
a.testimonials-page {
  background:#000080 none repeat scroll 0 0;
  color: #fff;
  display: block;
  float: right;
  margin-top: -104px;
  padding: 7px 10px;
  text-decoration: none;
  width: 160px;
}
a.testimonials-page:hover{ background: #5151D9; color:#fff; margin-top:-104px; text-decoration:none; }


/* blog page navigation styles */
.navigation ul{float:left; margin-top:2%; width:100%; padding-top:10px;}
.navigation ul li{float:left; list-style:none; background:none; padding:0px;}
.navigation ul li a{ color:#000; font-size:14px; padding:5px;}
.navigation ul li a:hover{ color:#000;}

.date, .category, .tag{ float:left; font-size:13px; font-style:italic; color:#79797c; }
.date{ width:23%; margin:0 16% 0 0; }
.category{ width:31%; margin:0 16% 0 0; }
.tag{ margin:0; width:14%; }
.blog-readmore{ border-bottom:1px dashed #59595c; }
.blog-readmore a, .post a.readmore{ float:right; color:#fff; padding:3px 5px; margin:0 0 10px; }

.comment-form-author, .comment-form-email, .comment-form-url{ float:left; width:30%; }
.comment-form-author, .comment-form-email{ margin:0 5% 0 0; }
#commentform label{ line-height:23px; }
#commentform input[type=text], #commentform input[type=password], #commentform input[type=tel], #commentform input[type=email]{  background: none repeat scroll 0 0 #fcfcfa; border: 1px solid #d5d5d5; border-radius: 2px; box-sizing: border-box; color: #424242; font-family: Arial,Helvetica,sans-serif; font-size: 14px; margin: 0; outline: medium none; padding: 6px 8px; vertical-align: middle; width: 90%; }
#commentform textarea { background: none repeat scroll 0 0 #fcfcfa; border: 1px solid #d5d5d5; font-family: Arial,Helvetica,sans-serif; font-size:14px; }
.form-submit > input { border: none; border-radius: 4px; color: #ffffff; float: right; font-style: italic; margin: 4% 6% 0 0; padding: 5px 0; width: 130px; cursor:pointer; }
.form-allowed-tags{ display:none; }
.comment-author img{ float:left; margin:0 5% 0 0; }
cite{ font-size:18px; }
.comment-meta.commentmetadata{ margin:5px 0 0; }
.comment-body{ clear:both; }
.comment-body > p { clear: both; margin: 0; padding: 15px 0; }
.comment-reply-link { border-radius: 2px; color: #fff; float: right; padding: 3px 10px; margin:0 0 15px; border-radius:0; }
ul.children{ padding:0 0 0 20px; margin:10px 0 0; list-style:none; clear:both; }
ul.children li{ list-style:none; padding:0; margin:0; }
.comment-respond{ clear:both; border-top:1px dotted #59595c; }

/* Orthopaedic Pages Styles */
 ul, li, p{ margin:0; padding: 0;}
/*.list-row { border-bottom: 1px dashed #000; float:left; width:100%; margin-bottom:3%; }*/
.more-links { margin-bottom: 3%; }
.more-links-border{ border-bottom: 1px dashed #000; }
.more-links ul{ width:100%; height:auto; list-style:none !important; float:left; margin:0; }
.more-links ul li{list-style:none !important; margin:0 10px 10px 0; padding:0; float:left; width:130px; }
.more-links ul li a{ display:block; list-style:none;padding:5px 0px 5px 31px; color:#fff; text-decoration:none;}
.more-links > ul li a{ margin-bottom: 10px;}

.more-links ul li.print a {
  background: #000080 url("../images/pdf-icon.png") no-repeat scroll 8px 6px;
}
.more-links ul li.print a:hover{background:#5252DA url("../images/pdf-icon.png") no-repeat scroll 8px 6px; color:#000;}
.list-item{ border: 1px solid #666; margin: 20px 20px 20px 0; padding: 20px; float:left; width:93%; }
.list-item ul { float: left; margin: 0 6% 0 0; }
.list-item ul li{ padding: 5px 0; background:none; list-style-type:disc;}
ul.tabs, ul.rev{width:100%; float:left; margin:15px 0 0 0; }
ul.tabs li, ul.rev li {width:31%; float:left; list-style:disc !important; margin-left:2%; background:none; padding:0px;}
ul.rev{ list-style:none; padding:0; }
ul.rev li{ list-style:none !important; padding:0; margin:0 0 10px 2%; }

/*ADD for hip pages*/
.con-hip-replace{ float:left; width:41%;}
.con-hip-replace ul li, .hip-resurface ul li{ list-style:none;}
.hip-resurface{ float:right;}

/* multimedia patient education */
.multimedia1 {	margin: 0 0 10px 0;	width:100%; float:left; }
.multimedia1 a { padding: 7px 0px 5px 54px; display:inline-block; }
.multimedia1 a:hover {  padding: 7px 0px 5px 54px; color: #000; }
.multimedia1_width { border-top: none; float: left; width: 50%; }
.multimedia1_border { margin: 10px 0 0 0; }
#toTop{background:none repeat scroll 0 0 #032c6c;border-radius:5px 0px 0 5px;width:100px;bottom:210px;color:#ffffff;cursor:pointer;display:none;font-size:12px;padding:7px 5px;position:fixed;right:0px;text-align:center;}
div.wpcf7-mail-sent-ok{clear:both;}
div.wpcf7-mail-sent-ng{clear:both;}
div.wpcf7-spam-blocked{clear:both;}
div.wpcf7-validation-errors{clear:both;}
#smoothup{height:40px;width:40px;position:fixed;bottom:50px;right:100px;text-indent:-9999px;display:none;background:url(../images/top_icon.png) no-repeat 0px 0px;-webkit-transition-duration:0.4s;-moz-transition-duration:0.4s;transition-duration:0.4s;}
#smoothup:hover{-webkit-transform:rotate(360deg)}

@media only screen and (max-width:979px){
.web-form ul.label-input-inline li.online-submit{ left:45%; width:45%; }
.more-links ul li a{ margin:0px 10px  10px 0; }
.address {
  padding: 25px 2% 10px 4%;
  width: 90%;
}
.map-icon{ width: 100%;}
.map-icon ul li{ width: 48%;}
.list-item ul{ margin: 0 1% 0 0;}
.list-item{ margin: 20px 0;} 
}
@media only screen and (max-width:767px){
.web-form ul.label-input-inline li.online-submit{ left:45%; }
.close{ right:2%; } 
.web-form ul li.captcha-input{ width:25%; }
.more-links ul li a{ margin:0px 10px  10px 0; }
.web-form ul.label-input-inline li.online-submit input{ width:36% !important; }
.address {
  padding: 25px 2% 10px 12%;
  width: 85%;
}
.map-icon ul li {
  width: 97%;
  margin: 0 0 20px 0;
}
.multimedia1_width{ width:94%; }
.use-full-banner ul li{ margin:0 3% 15px 0; width:45%; }
ul.tabs li, ul.rev li {
width: 50%;
}
}

@media only screen and (max-width:639px){
.date { margin: 0 13% 0 0; width: 26%; }
#smoothup{ display:none !important;}
}

@media only screen and (max-width:479px){
.web-form ul li{ margin:0 13px 0 0; }
.web-form ul.cols-2 li{ float:none;	width: 100%; }
.web-form ul.label-input-inline li label{ width: 100%; }
.web-form ul.label-input-inline li input, .web-form ul.label-input-inline li textarea, .web-form ul.label-input-inline li select{ width: 94% !important; }
.web-form ul.cols-3 li{ float: none; width: 100%; }
.web-form ul li.captcha-input{ width:40%; }
.web-form ul.label-input-inline li.online-submit{ left:0; width:65%; }
.web-form ul.label-input-inline li.online-submit input{ width:30% !important; }
.map-icon ul li{  width: 94%;}
.address{ margin-left: 18%;}
#connect-sblock ul li{ width: 65%;}
.address{ float:none; width:100%; }
.map-icon{ float:none; width:100%; }
.multimedia1_width{ width:94%; }
.use-full-banner{ width:100%; }
.web-form ul{ padding:0 2%; }
.address {
  margin-left: 0;
  padding: 0 7%;
  width: 86%;
}
#logoslider{ width: 98%;}
}