/* Developed by ---------------------------------------------------------------------------------------- 
   Copyright 2009 Quadsimia - Internet Presence Professionals | Visit us on the web at www.quadsimia.com
   ------------------------------- Custom Software   E-Commerce   Web Design & Development   Web Hosting */
/* -----------------------------------------------------------------------------------------------------
   -- MAIN --------------------------------------------------------------------------------------------- */

body{
	margin:0;
	padding:0;
	font-family:Helvetica, Verdana, sans-serif;
	font-size:14px;
	color:#000;
	/*background-color:#D3E5F8;*/
	background-color:#BABCBE;}

div.wrapper{
	margin:0 auto;
	padding:0 5px;
	width:980px;
	overflow:hidden;}
div.mainContainer{
	width:980px;
	background-color:#FFF;}

img{border:0;}

a:link, a:visited{
	color:#0066FF;
	text-decoration:underline;
	font-weight:normal;}
a:hover, a:active{
	color:#0a317a;
	text-decoration:none;
	font-weight:normal;}

h1{ }
h2{
	margin:0 0 20px 0;
	/*color:#9B3A00;*/
	color:#31648B;}
/*body.justforpatients h2{
	color:#D35920;}*/
h3{
	margin:0;
	color:#31648B;}
p{
	margin:6px 0 20px 0;}
ul{
	margin:6px 0 20px 0;
	padding:0;
	list-style-type:none;}
ul li{
	margin:5px 0;
	padding:0 0 0 10px;
	background:url(../images/bullet_arrow.gif) no-repeat 1px 5px;}
dl{
	margin:6px 0 20px 0;}
dl dt{
	float:left;
	width:195px;
	padding:3px 0;}
dl dd{
	margin-left:195px;
	padding:3px 0;}
div.column{
	float:left;
	margin:10px;
	width:255px;
	line-height:1.3em;}
div.divider{
	border-right:1px solid #CCC;}

/* -----------------------------------------------------------------------------------------------------
   -- HEADER ------------------------------------------------------------------------------------------- */

div.header{
	margin:0;
	padding:0;
	width:980px;
	overflow:hidden;
	background:url(../images/header_bg.jpg) no-repeat top left;}
div.header h1{
	margin:25px 0 21px 50px;
	padding:0;
	width:205px;
	height:67px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/upstate_orthopedics_logo.png) no-repeat top left;}
div.header h1 a{
	display:block;
	width:205px;
	height:67px;}
div.header div.tagline{
	position:absolute;
	top:48px;
	margin-left:600px;
	width:337px;
	height:25px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/tagline.png) no-repeat top left;}

div.header div.subhead{
	height:130px;
	overflow:hidden;
	background:#FFF url(../images/orthopedics_banner.jpg) no-repeat top right;}

/* testimonial box */

div.header div.subhead div.testimonialBox{
	margin:13px 0 0 13px;
	width:435px;}
div.header div.subhead div.testimonialBox div.photo{
	float:left;
	margin:0 10px 10px 0;
	width:128px;
	overflow:hidden;
	border:2px solid #CCC7C7;}
div.header div.subhead div.testimonialBox div.testimonial{
	float:right;
	padding:0 0 16px 0;
	width:275px;
	background:url(../images/accent_boxes.gif) no-repeat bottom right;}
div.header div.subhead div.testimonialBox p{
	margin:12px 0 8px 0;
	padding:0;
	text-indent:-6px;
	font-size:14px;
	color:#131f41;}
div.header div.subhead div.testimonialBox p.more{
	margin:0;
	padding:0;
	text-indent:0;
	font-size:12px;
	font-style:italic;}


/* -----------------------------------------------------------------------------------------------------
   -- NAVIGATION MENU ---------------------------------------------------------------------------------- */

ul.nav{
	margin:0;
	padding:0;
	width:980px;
	height:35px;
	overflow:hidden;
	list-style-type:none;
	background-color:#17254E;
	background-image:none;}
ul.nav li{
	float:left;
	margin:0;
	padding:0;
	text-align:left;
	overflow:hidden;
	text-indent:-9999px;
	background-image:none;}
ul.nav li a{
	display:block;
	height:35px;}
ul.nav li.btn-home a{
	margin-left:13px;
	width:49px;
	background:url(../images/btn_home.gif) no-repeat top left;}
ul.nav li.btn-about a{
	width:48px;
	background:url(../images/btn_about.gif) no-repeat top left;}
ul.nav li.btn-orthopedics a{
	width:142px;
	background:url(../images/btn_orthopedics.gif) no-repeat top left;}
ul.nav li.btn-news a{
	width:50px;
	background:url(../images/btn_news.gif) no-repeat top left;}
ul.nav li.btn-staff a{
	width:103px;
	background:url(../images/btn_staff.gif) no-repeat top left;}
ul.nav li.btn-stories a{
	width:102px;
	background:url(../images/btn_stories.gif) no-repeat top left;}
ul.nav li.btn-specialty a{
	width:108px;
	background:url(../images/btn_specialty.gif) no-repeat top left;}
ul.nav li.btn-academics a{
	width:144px;
	background:url(../images/btn_academics.gif) no-repeat top left;}
ul.nav li.btn-bonecenter a{
	width:145px;
	background:url(../images/btn_bonecenter.gif) no-repeat top left;}
ul.nav li.btn-contact a{
	width:61px;
	background:url(../images/btn_contact.gif) no-repeat top left;}
ul.nav li a:hover{
	background-position: 0 -35px;}

/* selected */

body.about ul.nav li.btn-about a{
	background-position: 0 -70px;}
body.orthopedics ul.nav li.btn-orthopedics a{
	background-position: 0 -70px;}
body.news ul.nav li.btn-news a{
	background-position: 0 -70px;}
body.staff ul.nav li.btn-staff a{
	background-position: 0 -70px;}
body.stories ul.nav li.btn-stories a{
	background-position: 0 -70px;}
body.specialty ul.nav li.btn-specialty a{
	background-position: 0 -70px;}
body.academics ul.nav li.btn-academics a{
	background-position: 0 -70px;}
body.bonecenter ul.nav li.btn-bonecenter a{
	background-position: 0 -70px;}
body.contact ul.nav li.btn-contact a{
	background-position: 0 -70px;}

/* -----------------------------------------------------------------------------------------------------
   -- SIDEBAR ------------------------------------------------------------------------------------------ */

div.sidebarLeft{
	float:left;
	margin:0;
	padding:0;
	width:200px;
	overflow:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;}
div.sidebarLeft div.box{
	background:url(../images/box_lft_bgtile.gif) repeat-y top left;}
div.sidebarLeft div.box .heading{
	background:url(../images/box_lft_heading.gif) no-repeat top left;}
div.sidebarLeft div.boxBtm{
	background:url(../images/box_lft_btm.gif) no-repeat top left;}

div.sidebarRight{
	float:left;
	margin:0;
	padding:0;
	width:153px;
	overflow:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;}
div.sidebarRight div.box{
	background:url(../images/box_rt_bgtile.gif) repeat-y top left;}
div.sidebarRight div.box .heading{
	background:url(../images/box_rt_heading.gif) no-repeat top left;}
div.sidebarRight div.boxBtm{
	background:url(../images/box_rt_btm.gif) no-repeat top left;}

div.newsletter-signup a{
	display:block;
	margin:0 0 7px 0;
	padding:0;
	width:200px;
	height:47px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/newsletter_signup.gif) no-repeat top left;}
div.newsletter-signup a:hover{
	background-position:0 -47px;}

div.preregistration a{
	display:block;
	margin:0 0 7px 0;
	padding:0;
	width:153px;
	height:65px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/pre-registration.gif) no-repeat top left;}
div.preregistration a:hover{
	background-position:0 -65px;}

div.just-for-patients a{
	display:block;
	margin:0 0 7px 0;
	padding:0;
	width:153px;
	height:65px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/just-for-patients.gif) no-repeat top left;}
div.just-for-patients a:hover{
	background-position:0 -65px;}

div.facebook-icon{
	margin:0 auto 10px auto;
	width:108px;
	height:22px;
	overflow:hidden;
	text-align:left;
	text-indent:-9999px;
	background:url(../images/fb_icon.gif) no-repeat top left;}
div.facebook-icon a{
	display:block;
	width:108px;
	height:22px;}

/* headings */

h3.bone-joint-center{
	width:200px;
	height:32px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/heading_bone-joint-center.gif) no-repeat top left;}
h3.bone-joint-center a{
	display:block;
	width:200px;
	height:32px;}

h3.news{
	width:200px;
	height:32px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/heading_news.gif) no-repeat top left;}
h3.news a{
	display:block;
	width:200px;
	height:32px;}

h3.featured-surgeon{
	width:153px;
	height:32px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/heading_featured-surgeon.gif) no-repeat top left;}
h3.featured-surgeon a{
	display:block;
	width:200px;
	height:32px;}


/* -----------------------------------------------------------------------------------------------------
   -- BODY CONTENT ------------------------------------------------------------------------------------- */

div.box{
	padding-bottom:1px;}
div.box .heading{
	margin-top:0;
	padding-top:0;
	height:32px;
	line-height:32px;
	text-indent:10px;
	color:#131f41;}
div.box-content{
	margin:10px;}
div.boxBtm, div.boxTop{
	height:6px;}
div.boxBtm{
	margin-bottom:7px;}

div.bodyContainer{
	margin:13px 0 0 13px;
	padding:0;
	width:954px;}

div.body{
	float:left;
	margin:0 11px;
	padding:0;
	width:575px;
	overflow:hidden;}

div.body p{
	line-height:20px;
}

div.body div.box{
	background:url(../images/box_bgtile.gif) repeat-y top left;}
div.body div.boxTop{
	background:url(../images/box_top.gif) no-repeat top left;}
div.body div.boxBtm{
	background:url(../images/box_btm.gif) no-repeat top left;}
div.body h1, div.body h2 {
	margin-top:-5px;}

body.bonecenter div.body div.boxTop{
	margin-top:-10px;
	height:auto;
	background:url(../images/box_top_building.jpg) no-repeat top left;}
body.bonecenter div.body div.box-content{
	padding-top:500px;}

div.body div.staffbiobox{
	background:none;}
div.staffbiobox h4{
	font-family:Helvetica, Verdana, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	text-indent:6px;}

body.bio div.body ul{
	margin-left:35px;}


/* homepage */

body.home div.body-chart{
	float:left;
	margin:-10px 10px 0 0;
	width:240px;
	height:415px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/body_chart.jpg) no-repeat top left;}
body.home div.intro{
	float:left;
	width:300px;
	color:#17254E;
	font-size:15px;}
body.home h2.intro{
	margin-top:30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	color:#4A779C;}
body.home div.intro ul{
	margin:0;
	padding:0;
	list-style-type:none;
	font-style:italic;}
body.home div.intro ul li{
	margin:10px 0;
	padding:0;
	background-image:none;}

/* patient and surgeon stories */

div.patient-story-summary{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:2px solid #999;}
div.patient-story-summary div.photo{
	width:230px;
	height:175px;
	margin-right:12px;
	float:left;}

div.patient-story{
	margin:0 0 10px 0;
	padding:0 0 10px 0;}
div.patient-story div.photos{
	width:230px;
	margin:0 12px 0 0;
	padding:0;
	float:left;
	width: auto !important;
	max-width: 230px;}
div.patient-story div.surgeon{
	float:right;
	margin:10px;
	width:125px;
	text-align:center;}

p.more{
	text-align:center;}

div.surgeon-story{
	float:right;
	padding:0 0 0 20px;
	width:410px;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	font-size:1.1em;}

div.surgeon-story img{
	float:right;
	margin:0 10px}

/* staff list */

ul.staff li{
	float:left;
	width:125px;
	height:215px;
	text-align:center;
	font-size:11px;
	overflow:hidden;
	background-image:none;}
/** html ul.staff li{
	height:215px;}*/

ul.staff p{
	line-height:normal;}

ul.staff p .staff-name{
	font-weight:bold;}
ul.staff p .titles{
	font-style:italic;}

div.sidebarRight ul.staff{
	margin:0;
	padding:0;}
div.sidebarRight ul.staff li{
	margin:0;
	padding:0;}

div.staffbiobox{
	display:none;}
body.bio div.staffbiobox{
	display:block;}
body.bio div.featuredsurgeonbox{
	display:none;}

div.sidebarRight ul.staffSmall{
	margin:0;
	padding:0;}
div.sidebarRight ul.staffSmall li{
	float:left;
	margin:0 4px 4px 0;
	padding:0;
	width:40px;
	height:58px;
	overflow:hidden;
	background-image:none;}
div.sidebarRight ul.staffSmall li img{
	width:40px;}

/* staff bio */

div.bio h2{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:28px;
	font-weight:normal;
	color:#17254E;}
div.bio h2 .staff-position{
	font-family:Helvetica, sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#999;}
div.bio div.bio_photo{
	float:left;
	margin:0 10px 10px 0;}

/* featured surgeon */

div.featuredsurgeonbox{
	text-align:center;}
div.featuredsurgeonbox p{
	margin:4px 0 0 0;
	font-size:12px;}
div.featuredsurgeonbox p .titles{
	font-style:italic;}

/* Qtip Styles */

div.qtip-content{
	font-size:11px;}
div.qtip-content img{
	margin-top:4px;}
div.qtip-content p{
	margin:4px 0 0 0;
	padding:0;}
div.qtip-content p .titles{
	font-style:italic;}

/* specialty areas */

body.specialty h2{
	margin-left:10px;
	margin-right:30px;}

/* just for patients */

body.justforpatients h3{
	line-height:1.3em;}

body.justforpatients p.intro{
	font-size:16px;
	font-weight:bold;
	color:#31648B;
	line-height:1.3em;}

body.justforpatients h3{
	margin-top:8px;}
	
.close{
	font-size:13px;
	border-bottom:1px solid #CCC;}
.close a{
	text-indent:490px;
	padding:4px;
	display:block;
	width:100%;
	font-weight:bold;}
.close a:hover{
	background-color: #D7ECFF;}

/* academics / research */

body.academics div.body h2{
	margin-top:0;}

/* news */

div.content_item{
	padding-bottom:15px;
	border-bottom:1px solid #D0CBCB;}
div.content_item div.photos{
	margin:10px;}
div.content_item .date{
	margin-bottom:4px;
	font-size:13px;
	font-style:italic;
	color:#666666;}


/* -----------------------------------------------------------------------------------------------------
   -- FOOTER ------------------------------------------------------------------------------------------- */

div.footer{
	margin:6px 13px 13px 13px;
	padding:0 0 13px 0;}
p.copyright{
	margin:0;
	padding:0;
	text-align:center;
	font-size:11px;}


/* -----------------------------------------------------------------------------------------------------
   -- DYNAMO ------------------------------------------------------------------------------------------- */

p.error{
	font-size:16px;
	font-weight:bold;
	color:#FF3300;}

/*-- BLOG AND NEWS PHOTOS --*/

div.photos{ float:right; margin:0 0 0 20px; width: auto !important; max-width: 420px; /*width: 420px;*/ overflow: visible;}
div.photos img { margin:0; display: block;}
div.photos div{ margin:0; line-height: 0; padding:0;}
div.photos div small{ display:block;  line-height:normal;}
p.caption{ font-size:.8em; margin:0; font-weight: bold; padding: 5px 0; line-height:normal; width: auto; display: inline;}


/* -----------------------------------------------------------------------------------------------------
   -- FORMS -------------------------------------------------------------------------------------------- */

/*#commentbox{
	padding:20px;
	background-color:#FFFF99;}
#comments{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #AE2F09;}
#comments li p.name{
	margin-left:0;
	font-weight:bold;}

form fieldset{
	border:0;}
form div{
	margin:6px 0;}
form label {
	display: block;
	float: left;
	width: 100px;
	text-align: left;
	padding:0; margin:0;
}
#commentbox form label {
	width:75px;}
form em, form small{
	display:block;
	margin-bottom:6px;}
form input, form textarea{
	width:250px;}
form div.submit input, form div.d_submit input{
	width:auto;}

form div.image_verify{
	font-size:12px;}
form div.image_verify input {
	margin-right:12px;
	width:140px;}
form div.image_verify img{
	float:left;
	margin:10px 10px 20px 100px;}
#commentbox form div.image_verify img{
	float:left;
	margin:10px 10px 20px 75px;}*/

/* -----------------------------------------------------------------------------------------------------
   -- FORMS -------------------------------------------------------------------------------------------- */

/* default form styles */

form{
  margin:0;
  padding:8px;
  width:530px;
  overflow:hidden;
  font-size:12px;
  border: 2px solid #cac9b9;}
form p { margin: 0 0 5px 0; padding:0; }
form fieldset{
  border-color:#000000;
  border-width:1px 0 0 0;
  border-style:solid none none none;
  padding:10px;
  margin:0;}
form fieldset legend{
  font-size:150%;
  font-weight:normal;
  color:#000000;
  margin:0;
  padding:0 5px;}
textarea{
  overflow: auto;}
form div{
  clear:left;
  display:block;
  width:354px;
  zoom:1;
  margin:5px 0 0 0;
  padding:1px 3px;}
form fieldset div.method_heading{
  width: 450px;
  margin-top: 10px; }
form fieldset div.method_heading label{
  width: 290px;
  text-align: left;
  padding-left: 0px;
  margin-left: 0px;}
form fieldset div.method_heading input {
	margin-top: 3px;}
form fieldset div.notes{
  float:right;
  width:168px;
  height:auto;
  margin:0 0 10px 10px;
  padding:5px;
  border:1px solid #666666;
  background-color:#ffffe1;
  color:#666666;
  font-size:88%;}
form fieldset div.notes h4{
  background:url(../images/icon_info.gif) no-repeat top left;
  margin:0;
  padding:0 0 3px 15px;
  border-width:0 0 1px 0;
  border-style:solid;
  border-color:#666666;
  color:#666666;
  font-size:110%;}
form fieldset div.notes p{
  margin:3px 0 0 0;
  color:#666666;}
form fieldset div.notes p.last{
  margin:3px 0 0 0;}
form div fieldset{
  clear:none;
  border-width:1px;
  border-style:solid;
  border-color:#666666;
  margin:0 0 0 144px;
  padding:0 5px 5px 5px;
  width:197px;}
form div fieldset legend{
  font-size:100%;
  padding:0 3px 0 9px;}
form div.required fieldset legend{
  font-weight:bold;}
form div label{
  display:block;
  float:left;
  width:130px;
  padding:3px 5px;
  margin:0 0 5px 0;
  font-weight:bold;
  text-align:right;}
form div.optional label, label.optional{
  font-weight:normal;}
form div img{
  border:1px solid #000000;}
form div select, form div textarea{
  width:200px;
  padding:1px 3px;
  margin:0 0 0 0;}
form fieldset input.submit { margin-left: 140px; }



input.form_error { background-color: #fcc; }
span.error { font-size: .8em; color: #900; display: block;}
p.error { background-color: #fcc; color: #900; border: 1px solid #900; 
	padding: .8em; margin: .5em 0 1em;}
.right { float: right; }

/* required color styles */

#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #cac9b9;}
#myForm .red {
	border: 1px solid red;}
#myForm label.red {
	border: none;
	color: red;}
#myForm .customRed {
	border: none;
	color: red;}
#myForm #submit {
	margin-left: 143px;
	cursor:pointer;}
#myForm #submit a:hover {
	color:#FF0000;}
#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;}
#myForm .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;}