/*Styles for the Center for Hip & Knee Replacement
http://hipnknee.org
----------------------------------
Web Design Studio
Columbia University Medical Center
603 West 168th Street
New York, NY 10032
212.305.0198
dr2205@columbia.edu
----------------------------------*/ 

body, td {font-family: Verdana, Arial, sans-serif; font-size:84%; color:#003; margin: 0px; }
p, address {line-height: 20px; font-family: Verdana, Arial, sans-serif; font-size:1.1em; color:#003; margin: 8px; padding: 0px; text-align:justify; font-style: normal;}
a:link { color: #930d0a; text-decoration: none;}
a:visited { color: #312d5f; text-decoration: underline; }
a:hover { color: #930d0a; text-decoration: underline; background-color:#fff;}
a:active { color: #312d5f; text-decoration: underline; }

a:link.home { color: #930d0a; font-weight: bold; background-color: #fff; text-decoration: none; padding: 3px 6px; }
a:hover.home { color: #930d0a; font-weight: bold; background-color: #fff; text-decoration: none; padding: 3px 6px; }
a:active.home { color: #930d0a; font-weight: bold; background-color: #fff; text-decoration: none; padding: 3px 6px; }
a:visited.home { color: #930d0a; font-weight: bold; background-color: #fff; text-decoration: none; padding: 3px 6px; }

a:link.footer_link {font-size: 10px; color: #ffffff; text-decoration: underline; font-weight: normal;}
a:hover.footer_link {font-size: 10px; color: #ffffff; text-decoration: underline; font-weight: normal;}
a:active.footer_link {font-size: 10px; color: #ffffff; text-decoration: underline; font-weight: normal;}
a:visited.footer_link {font-size: 10px; color: #ffffff; text-decoration: underline; font-weight: normal;}

a:link.title_link { color: #76513c; font-weight: bold;}
a:hover.title_link { color: #76513c; font-weight: bold;}
a:active.title_link { color: #76513c; font-weight: bold;}
a:visited.title_link { color: #76513c; font-weight: bold;}

.btitle { font-size:15px; color:#5f320d; font-weight: bold; line-height: 1.5em; }
.title { font-size:12px; color:#ac0f03; line-height: 1.5em; }
.title2 { font-size:16px; color:#13257d; text-transform: uppercase; word-spacing: 0.1em; letter-spacing: 0.07em; border-bottom: 1px solid #9abed6; }
.subtitle { font-size:13px; color:#3a366a; font-weight: bold; line-height: 1.5em; }
.footer { font-size:10px; padding-top: 6px; padding-bottom: 5px; padding-left: 12px; }
.table_text {  color:#003; line-height: 1.5em; text-align: justify; padding:6px 12px 6px 25px; }
.table_pad {
	color:#003;
	line-height: 1.5em;
	text-align: justify;
	padding:6px 25px;
	margin: 0 10px 0 0;
}
#con { line-height: 1.4em; padding: 5px 12px; }
.flash_bg{ background-image: url(../images/bg.gif); background-repeat: repeat-x; }
.fas_title { font-size:12px;  color:#336699; font-weight:bold;}
.fas_contact { font-size:11px; line-height:1.5em; }
.bluelist { margin-left:0;padding-left:0;list-style:none; }

.message { font-size:12px; color: #312d5f; font-weight: normal; padding: 6px 8px; }
.box_text { font-size:12px; color:#4d4f53; font-weight: normal; line-height: 1.2em; background-position: 10px 12px; padding-right: 3px; padding-left: 3px; }
.home_text {font-size:11px; color:#4d4f53; line-height: 1.5em; padding:10px 12px 15px; }
.home_title { font-size:15px; color:#4b4d2b; padding:4px 0 4px 12px; border-bottom: 1px solid #336799; }
.home_profiles { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#312d5f; line-height: 1.4em; padding: 5px 3px 3px 12px; }

.clsHeadBkgd {background-color: #27225C; }
.wdsfooter { color: #006; font-size: 9px; font-family: Verdana, Arial; line-height: 10pt; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; }
.footer_text {font-family: verdana, arial, sans-serif; color: #ffffff; font-size: 10px;}
.footer { margin-left: 15px; font-family: verdana, arial, sans-serif; padding-bottom: 8px; color: #2e2a63; font-size: 11px; padding-bottom: 3px;}
.back_top_btn {padding:5px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; background-color:#fff; border:1px solid #ccc;}


.line_body { border-right: 1px solid #bdbcbc; border-left: 1px solid #bdbcbc; }
.line_message { border: solid 1px #929292; }
.line_footer { border-right: 1px solid #bdbcbc; border-bottom: 1px solid #bdbcbc; border-left: 1px solid #bdbcbc; }

/* ----------- Doctors Bios Section Specific Styles -------------------------- */

.image {float:left; border:1px solid #312d5f; padding:3px;}
.image_thumb {float: left; border:1px solid #312d5f; padding:3px; margin-right: 10px; margin-bottom: 45px;}
.image_thumb2 {float: left; border:1px solid #312d5f; padding:3px; margin-right: 10px; margin-bottom: 10px;}
.image_thumb3 {border:1px solid #312d5f; padding:3px; margin:3px;}


h1 {font-size:1.6em; color:#312d5f; line-height:1.2em; text-align: left;}
h2 {padding-left: 8px; font-size: 1.4em; line-height: 20px; color:#312d5f; text-align: left;}
h3 {color: #000; padding-left: 8px; font-size: 1.1em; line-height: 0.8em; color: #312d5f;}
h4 {font-size:0.9em; color:#06c; padding-left: 8px;}
.heading {font-size:1.1em; line-height:0.1em; color:#fff; background-color:#172959; background-position: 0 0; padding:9px; }

div.caption_wrap {float:right;}
.box {width: 170px; height:35px; background-color: #fff; border: 1px solid #312d5f; padding: 8px;}
div.box_caption {text-align: left; width: 250px; background-color: #fff; margin: 0 0 5px 10px; border: solid 1px #312d5f; padding: 8px;}
div.box_caption a:hover {background-color: #ccc;}
.image_caption_level2 {padding:8px; margin-top:50px; margin-right: 0px; margin-left: 15px; margin-bottom: 15px; background-color: #fff; float:right; border:1px solid #312d5f;}


.bio {padding:0px;}
.education, .training, .board, .license, .associations {padding:8px;}
.special_info {background-color: #f9f4e8; padding-top:8px; padding-left: 8px; padding-bottom: 8px; padding-right: 20px;}
ul {list-style:none; text-align: left;}
ul li a:hover {background-color: #ccc;}
.anchor_nav {background-color: #f9f4e8; padding-top:1px; padding-bottom:1px;}
.anchor_nav a {text-decoration:underline;}
.show {font-weight: bold;}
.show_link{font-style: italic;}

/*-------------Surgery Guide Section Specific Styles------------*/
.leftNav {margin: 10px 5px 5px; padding: 10px; background-color: #fff; float:left; border: solid 1px #312d5f; font-size: 1.1em;}
.leftNav a:hover {background-color: #ccc;}
.leftNavSubsection, .leftNavSubSubSection {list-style: square;}

.image_caption_level3 {background-color: #fff; float:right; margin: 0 0 10px 10px; border:solid 1px #312d5f;}
.image_caption_level3_leftFloat {background-color: #fff; float:left; margin: 0 10px 0 0; border:1px solid #312d5f;}

.bkgHighlight {background-color: #f9f4e8; margin: 0; padding: 10px 20px 10px 10px; border: solid 1px #fff;}

.listPreop{font-size: 12px; list-style: square;}
.list {font-size: 12px;}
.box_guide {width:300px; background-color: #fff; border: solid 1px #312d5f; padding: 5px;}
strong {color: #3e5686;}

/*MyPyramid Table*/.foodTable{width:700px; border:0px; background-color: #ccc; font-size: 1.2em;}
/*MyPyramid Cell Background Color*/.td_bkgColor{text-align: left; background-color: #fff; border: 0px; vertical-align: top;}

.fontBox {margin: 0; padding: 0 0 0 8px; list-style:none; background-color:transparent; display: inline; float:left;}
.guideNavWrap{float: left; width:320px;}

/*-----------------"Center" Pages--------------------*/
.mapContainer {width:271px; float:right; margin-left:20px;}
.GmapContainer {float:right; border:1px solid #000; margin-top:10px;}

/*--Testimonials -- HTMLHttpRequest.js Layers--*/
#blindArea22, #blindArea75, #blindArea35, #blindArea55, #blindArea82 {clear: both ;padding: 0.5em 1.5em; margin-bottom: 2em; background-color:#f9f4e8; border: solid 1px #fff; overflow: auto;}
#blindNormalHip, #blindArthriticHip, #blindReplacedHip {position: absolute; clear: both; z-index: 10000; background-color: #fff;}


/*---------------"FAQ" Page----------------------*/
p.q {font-size: 1.1em; font-weight: bold;}
p.a {font-size: 1.1em;}
p.q:first-letter {font-size: 1.2em; font-weight: bold; color: red;}
p.a:first-letter {font-size: 1.2em; font-weight: bold; color:#243f79;}

/*---Request an Appointment form---*/
form {font-size:1.1em; background-color: #f9f4e8; margin: 0; padding: 10px 20px 10px 10px; border: solid 1px #fff; font-family:Arial, Helvetica, sans-serif;}
.input_long {display: block; width: 250px; float: left; margin-bottom: 10px; border:1px solid #ccc;}
.input_short {display: block; width: 50px; float: left; margin-bottom: 10px; border:1px solid #ccc;}
label {display: block; text-align:left; width:50px; padding-right: 20px; float: left; margin-bottom: 10px; font-family:Arial, Helvetica, sans-serif; font-style:italic;}
.long_label {width:240px;}
.textArea {text-align:left; width:380px; margin-top: 20px;}
textarea {width:400px; height:200px; border: 1px solid #ccc; text-align:left;}
.btn {border:1px solid #ccc; background-color:#fff; color:#ff0000;}
br {clear: left;}

/*---JS Index Page News Scroller---*/
#scroller {position: relative; width:200px; height:80px; overflow:hidden; margin:5px; font-size: 1.4em; font-family:Arial, Helvetica, sans-serif; text-align: left;}
#scroller a {color: #930d0a; text-decoration: none;}
#scroller a:hover {color: #930d0a; text-decoration: underline; background-color:#fff;}