/* Web All Forms Styles - Online Appointment, Contact Us, Testimonials and Feedback */
.web-form, .address-block, #connect-sblock, .multimedia1_border{ border: 1px solid #999; width: 99.5%; margin: 0 auto; float: left; color: #666666; }
.web-form h2, .address-block h2{ background:#580227; clear: both; color: #fff !important; font-size: 16px; margin: 0 auto 10px; padding: 5px 0 8px 10px;}
.formhead{ background:#5f1635; font-size:18px; clear: both; color: #FFF; margin: 0 auto 10px; padding: 5px 0 8px 10px; }
.web-form ul{ padding-left:30px; }
.web-form ul li{ padding: 15px 0; margin: 0 30px 0 0; }
.web-form ul.cols-2 li{ float:left; list-style: none outside none;	width: 45%; }
.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; }
.web-form ul li textarea{ width: 98%; }
.web-form ul li.captcha-input{ width:17%; padding:0 0 15px; }
.web-form ul li.online-submit{ clear:both; }
.web-form ul li.online-submit input, .web-form .online-submit input{ background: #580227; border:none; color:#fff; padding: 6px 14px; float:left; margin-right:10px !important; cursor:pointer; }
.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 #999; font-family:Verdana, Geneva, sans-serif; color:#000; font-size:12px; }
.web-form ul li.online-submit input:hover{ background:#C3A46A; }
.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: 286px; position: relative; width: 33%; }
.web-form ul.cols-3 li{ float: left; width: 28%; list-style:none;}
.web-form ul li.width-100{ width:97% !important; }
.preffered {
  width: 19% !important;
  margin: 5px 5px 0 0!important;
}
.web-form > h2 {
  font-size: 18px;
}

/*** Tell a Friend Styles ***/
#tell-friend{ bottom: 81px; display: none; position: fixed; width: 100%; z-index: 200000000; }
#tell-friend div.form{ width:40%; margin:auto; position:relative; }
#tell-friend .web-form { width:350px; margin:auto; 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:1% 0; width:82%; vertical-align:middle; }
#tell-friend .web-form .wpcf7-captchac, .web-form .online-submit input, #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{ border:1px solid #666; }
.contact-us{ font-size: 24px; padding: 10px 0 0 10px; }
#tell-friend .web-form textarea{ width:82%; padding: 6px 8px; border:0; }
.web-form .online-submit input{ background:#999; }
.close{ position:absolute; top:15px; right:40%; }
.close a{ color:#000; }
#tell-friend .online-submit{ left:0; width:54%; }

/*** Contact Address Block Styles ***/
.address-block{ color:#000; }
.address{ float:left; padding:25px 2% 10px 5%; width:25%; line-height:22px; }
.map-icon{ float:right; padding:0px 0% 10px 0%; width:65%; text-align:center; }
.map-icon ul li{ float:left; margin-left:5px; list-style:none !important; width:48.5%; }
#connect-sblock{ background:none; margin:15px 0; padding:15px 0px 0px 0px;}
#connect-sblock ul li{ float: left; padding: 15px 0 15px 15px; width: 45%; list-style:none !important; }
#connect-sblock ul li.phone{ background:url(/images/contact-icons.png) 14px -125px no-repeat; padding:0 0 5px 34px;}
#connect-sblock ul li.fax{ background:url(/images/contact-icons.png) 0px 0px no-repeat; padding:0 0 5px 20px;}
#connect-sblock ul li.mail{ background:url(/images/contact-icons.png) 15px -47px no-repeat; }
#connect-sblock ul li a.website{ background:url(/images/contact-icons.png) 0 -193px no-repeat; }
#connect-sblock ul li a{ padding:0 0 5px 20px; }
#connect-sblock a, .address-block a{ color:#666; }

/** Usefull-links styles **/
.use-full-banner{ border:1px solid #999; padding:25px 0 10px 4%; width:65%; border-radius:10px; margin-bottom:10px; }
.use-full-banner ul, .use-full-banner ul li{ padding:0; margin:0; }
.use-full-banner ul li{ float:left; margin:0 0 15px; width:50%; }

/* Patient Form Styles */
ul.patient-forms{ padding:0; }
ul.patient-forms li{ list-style:none !important; padding:0; }
ul.patient-forms li a{ background:url(/images/pdf-icon.png) no-repeat 0 0px; display:inline-block; padding:0px 0 0 25px; margin-top:15px; color:#000; }
.dotted-border{ border-bottom:1px dotted #999; }
.patient-form-footer-content{ padding:10px 0 0 0; color:#666; font-size:11px; }

/* Testimonials styles */
a.testimonials{ display:block; float:right; padding:7px 10px 7px 10px; background:#580227; color:#fff !important; margin-top:-86px; }
a.testimonials:hover{ background:#B8985A; color:#000; margin-top:-86px; }


/* blog page navigation styles */
.navigation ul{float:left; margin-top:2%;  width:100%; padding-top:10px;}
.navigation ul li{float:left; list-style:none;}
.navigation ul li a{ color:#000; font-size:14px; padding:5px;}
.navigation ul li a:hover{ color:#580227;}



/* 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 ul{ width:100%; height:auto; list-style:none !important; float:left; padding:0 !important;}
.more-links ul li{list-style:none !important;}
.more-links ul li a{ width:115px; height:27px; margin:0px 10px  0px 0; float:left; list-style:none;padding:5px 0px 0px 35px; color:#fff; text-decoration:none;}
.more-links > ul li a{ margin-bottom: 10px;}
.more-links ul li.video a{ background:#580227 url(/images/video_icon.png) no-repeat 8px 6px; color:#fff;}
.more-links ul li.print a{ background:#580227 url(/images/pdf-icon.png) no-repeat 8px 8px; color:#fff;}
.more-links ul li.info a{  background:#580227 url(/images/patient-icon.png) no-repeat 8px 5px;color:#fff; }
.more-links ul li a:hover{ color:#000;}
.more-links ul li.video a:hover{ background:#B8985A url(/images/video_icon.png) no-repeat 8px 6px;}
.more-links ul li.print a:hover{ background:#B8985A url(/images/pdf-icon.png) no-repeat 8px 8px; }
.more-links ul li.info a:hover{  background:#B8985A url(/images/patient-icon.png) no-repeat 8px 7px; }


ul.tabs, ul.rev{width:100%; float:left; }
ul.tabs li, ul.rev li {width:31%; float:left; list-style:disc !important; margin-left:2%;}
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:49%;}
.con-hip-replace ul li, .hip-resurface ul li{ list-style:none;}
.hip-resurface{ float:right;}

/*ADD for elbow*/
.elbow { color:#fff;text-decoration:none;text-align:left;margin:0px !important;padding:0px !important;list-style:none; clear:both;}
.elbow li {list-style:none;width:150px;float:left;padding:0px !important;margin:10px 60px 15px 0px !important;}
.efracture  a {background:url(/images/elbow-fracture.jpg) no-repeat 5px 3px #ffffff !important;padding:25px 0px 4px 70px !important; }
.egolfers  a {background:url(/images/golfers-elbow.jpg) no-repeat 5px 3px #ffffff !important;padding:25px 0px 4px 70px !important; }
.esprain  a {background:url(/images/elbow-sprain.jpg) no-repeat 5px 3px #ffffff !important;padding:25px 0px 4px 70px !important; }
.elbow li a {color:#111111;display:block;text-align:center;text-decoration:none;line-height:15px;width:120px;height:40px; border:1px solid #d5d5d5;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:4px 0px 4px 15px;}
.elbow li a:hover {text-decoration:none;color:#5773ff;border:1px solid #c3c3c3;}.con-hip-replace{ float:left; width:49%;}



/* ADD for spine*/
 .spine_left{ float:left; width:49%;}
 .spine_right{ float:right; width:49%;}
 .spine_left img , .spine_right img{ vertical-align:middle;}
 .spine_left ul , .spine_right ul{ list-style:none;}
 .spine_left ul li, .spine_right ul li{ margin-bottom:2%; border:1px solid #76808a; font-size:15px; width:250px; padding:1% 2% 1% 2%; background:#FFF; list-style:none !important;}
 .spine_left ul li a , .spine_right ul li a, .use-full-banner ul li{ list-style:none !important; }


/* multimedia patient education */
.multimedia1 {	margin: 0 0 10px 0;	width:100%; float:left; }
.multimedia1 a { background: url(/images/movie-off.gif) no-repeat 20px 7px; padding: 7px 0px 5px 54px; }
.multimedia1 a:hover { background: url(/images/movie-on.gif) no-repeat 20px 7px; padding: 7px 0px 5px 54px; color: #000; }
.multimedia1_width { border-top: none; padding: 5px 0 5px 0; 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; }

@media only screen and ( min-width:768px ) and (max-width:979px){
.web-form ul.cols-2 li{ width:43.5%; }
.web-form ul.cols-3 li{ margin:0 25px 0 0; }
#tell-friend .web-form{ width:100%; }
.close{ right:2%; }
.use-full-banner ul li{ margin:0 3% 15px 0; width:45%; } 
.web-form ul.label-input-inline li.online-submit{ left:45%; width:41%; }
.more-links ul li a{ margin:0px 10px  10px 0; }
}
@media only screen and ( min-width:480px ) and (max-width:767px){
.web-form ul.label-input-inline li.online-submit{ left:45%; }
.close{ right:2%; } 
#tell-friend .web-form{ width:100%; }
.web-form ul li.captcha-input{ width:25%; }
.web-form ul.cols-2 li{ width:44%; margin:0 20px 0 0; }
.web-form ul.cols-3 li{ margin:0 20px 0 0; }
.more-links ul li a{ margin:0px 10px  10px 0; }
.web-form ul.label-input-inline li.online-submit{ width: 50%;}
.map-icon ul li{  width: 94%;}
.multimedia1_width{ width:94%; }
.use-full-banner ul li{ margin:0 3% 15px 0; width:45%; }
}

@media only screen and (max-width:609px){
	#connect-sblock ul li.fax{ background:url(/images/contact-icons.png) 12px 1px no-repeat; padding:0 0 2px 36px;}
	#connect-sblock ul li.phone{padding:0 0 15px 34px}
	#connect-sblock ul li{padding:13px 0 4px 15px}
	#connect-sblock ul li a{padding:0 0 5px 24px}
}
@media only screen and (max-width:479px){
.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%; }
#tell-friend div.form{ width:100%; }
#tell-friend .web-form{ width:100%; }
.close{ right:2%; } 
.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: 4% !important;width:72% !important}
#connect-sblock ul li{ width: 65%;}
.address{ float:none; width:100%; }
.map-icon{ float:none; width:100%; }
.multimedia1_width{ width:94%; }
.use-full-banner ul li{ margin:0 3% 15px 0; width:45%; }
.web-form ul{ padding:0 2%; }
}