/* @override http://ratzman.slingshotcommerce.com/css/default.css */

/*html elements*/
body{
	font: .8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}

/*web site elements*/
#frame{
	background: #fff url("../images/main-bg.jpg") no-repeat center 0;
}
#site_wrapper{
	padding: 19px 0 20px 50%;
}
#wrapper{
	width: 920px;
	border: 1px solid #7F8D99;
	padding-top: 4px;
	margin-left: -460px;
}
#middle_wrapper{
	float: left;
	width: 910px;
	margin: 0 5px 5px;
	background: #fff url("../images/body-text-bg.jpg") repeat-x right bottom;
}
#header{
	padding-right: 4px;
	padding-left: 4px;
}
#header_img{
	height: 153px;
	background-color: #fff;
	position: relative;
}

#header_img #board #name{
	color: #404040;
	/*border: 1px solid red;*/
	font-size: 1.7em;
	font-family:  "Gill Sans MT" , "Gill Sans", "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	/*font-family: Georgia, serif;*/
	display: block;
	position: absolute;
	bottom: 45px;
	/*left: 25px;*/
	left: 145px;
}

#header_img #board #certs{
	/*border: 1px solid red;*/
	display: block;
	text-align: center;
	width: 400px;
	color: #000000;
	font-size: .9em;
	font-family:  "Gill Sans MT" , "Gill Sans", "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	position: absolute;
	bottom: 10px;
	left: 80px;
	font-style: italic;
	/*font-weight: bolder;*/
}
#header_img #pain_relief_btn{
	position: absolute;
	right: 0px;
	top: 108px;
	font-size: 1.1em;
}

#header_img #pain_relief_btn a{
	padding: 5px 35px;
}

#navigation{
	float: left;
	width: 158px;
	margin-top: 5px;
}
#navigation_list li{
	height: 35px;
	margin-bottom: 4px;
}
#navigation_list li a{
	color: #eee;
	text-decoration: none;
	background: url("../images/nav-bg.jpg") no-repeat 0 -40px;
	display: block;
	width: 100%;
	height: 30px;
	padding-top: 10px;
	text-align: left;
	padding-left: 15px;
	font-size: .9em;
}
#navigation_list li a:hover{
	background: url("../images/nav-bg.jpg") no-repeat 0 0;
}
#navigation_list li a.current_page{
	background: url("../images/nav-bg.jpg") no-repeat 0 0px;
}
#navigation #search_form{
	width: 163px;
	font-size: .9em;
	margin: 10px 0px;
	padding: 5px 5px;
	ackground: #FF5600 url("../images/search-bg.jpg") repeat 0 0;
		background: #ffcc99; /* Old browsers */
background: -moz-linear-gradient(top,  #ffcc99 0%, #ff9933 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc99), color-stop(100%,#ff9933)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffcc99 0%,#ff9933 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffcc99 0%,#ff9933 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffcc99 0%,#ff9933 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffcc99 0%,#ff9933 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc99', endColorstr='#ff9933',GradientType=0 ); /* IE6-9 */
}
#navigation #search_form #search_site{
	color: #999;
}
#navigation #address{
	color: #273b44;
	padding-left: 6px;
	margin-left: 6px;
	line-height: 1.5em;
}
#navigation #address *{
	padding-bottom: 6px;
}

#address h4{
	font-size: .8em;
}

#navigation #address h4 span.office_name{
	font-size: 1em;
}

#content{
	float: right;
	width: 731px;
	margin-top: 5px;
}

/* home page specific styles */

.hero {

}

#hero_back-pain {
	background: transparent url("../images/doctor-back-pain-management.jpg");
	width: 342px;
	height: 215px;
	position: relative;
	margin-bottom: 4px;
}

#hero_back-pain-help {
	background: transparent url("../images/indianapolis-back-pain-help.jpg");
	width: 342px;
	height: 278px;
	position: relative;
}

#hero_back-pain-help .img_service_btn {
	position: absolute;
	bottom: 0%;
	left: 50%;
	transform: translate(-50%, -50%);
}

#hero_back-pain-help .img_service_btn a {
	padding: 3px 12px;
	border: 1px solid #ff9933;
	border-radius: 5px;
	background: #ffcc99; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffcc99 0%, #ff9933 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc99), color-stop(100%,#ff9933)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #ffcc99 0%,#ff9933 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #ffcc99 0%,#ff9933 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #ffcc99 0%,#ff9933 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #ffcc99 0%,#ff9933 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc99', endColorstr='#ff9933',GradientType=0 ); /* IE6-9 */

}

#hero_indianapolis_top_doctors {
	background: transparent url("../images/indianapolis-top-doctors-2023.jpg");
	width: 385px;
	height: 497px;
}

#hero-image{
	background: #ffffff url("../images/dr-ratzman-pain-doc-ind.jpg");
	height: 288px;
	width: 731px;
	position: relative;
}

#schedule-appointment{
	background: #ffffff url("../images/schedule-appointment.jpg");
	height: 288px;
	width: 354px;
	position: relative;
	margin-left: -6px;
}

#schedule-appointment p.img_text{
	width: 225px;
	margin: 38px 0 0 28px;
}

#schedule-appointment #app_img{
	position: absolute;
	right: 166px;
	top: 84px;
	height: 30px;
	width: 162px;
}

#schedule-appointment #app_img a{
	padding: 7px 0px;
}

#healthcare_professionals{
	background: #ffffff url("../images/healthcare-professionals.jpg");
	height: 288px;
	width: 383px;
	position: relative;
	margin-left: -6px;
}

#healthcare_professionals p.img_text{
	width: 180px;
	margin-left: 18px;
	margin-top: 38px;
}

#healthcare_professionals #img_refer_btn{
	position: absolute;
	top: 138px;
	left: 16px;
}

#healthcare_professionals #img_refer_btn a{
	padding: 5px 18px 5px 18px;
}

#healthcare_professionals #img_learn_btn{
	position: absolute;
	top:176px;
	left:16px;
}

#healthcare_professionals #img_learn_btn a{
	padding: 2px 15px 2px 15px;
}

#back_pain{
	background: #ffffff url("../images/main-middle-left.jpg") no-repeat;
	width: 266px;
	height: 205px;
	position: relative;
}

#back_pain p.img_text{
	width: 160px;
	color: #dddddd;
	margin-top: 32px;
	margin-left: 20px;
}

#back_pain #img_service_btn{
	position: absolute;
	top: 100px;
	right: 56px;
}

#back_pain #img_service_btn a{
	padding: 3px 12px;
	border: 1px solid #ff9933;
	border-radius: 5px;
	background: #ffcc99; /* Old browsers */
background: -moz-linear-gradient(top,  #ffcc99 0%, #ff9933 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc99), color-stop(100%,#ff9933)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffcc99 0%,#ff9933 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffcc99 0%,#ff9933 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffcc99 0%,#ff9933 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffcc99 0%,#ff9933 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc99', endColorstr='#ff9933',GradientType=0 ); /* IE6-9 */

}

#success_stories{
	background: #ffffff url("../images/main-middle-left-05.jpg") no-repeat;
	width: 266px;
	height: 205px;
	position: relative;
}

#success_stories p.img_text{
	width: 200px;
	color: #dddddd;
	margin-top: 32px;
	margin-left: 16px;
	line-height: .9em;
}

#success_stories #img_success_btn{
	position: absolute;
	top: 100px;
	left: 14px;
}

#success_stories #img_success_btn a{
	padding: 3px 6px;
	border: 1px solid #ff9933;
	border-radius: 5px;
	background: #ffcc99; /* Old browsers */
background: -moz-linear-gradient(top,  #ffcc99 0%, #ff9933 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffcc99), color-stop(100%,#ff9933)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffcc99 0%,#ff9933 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffcc99 0%,#ff9933 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffcc99 0%,#ff9933 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffcc99 0%,#ff9933 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc99', endColorstr='#ff9933',GradientType=0 ); /* IE6-9 */

}

.o_btn{
	color: black;
}

.b_btn{
	color: white;
}

.i_btn{
	font-size: .9em;
	text-decoration: none;
	text-align: center;
	display: block;
	font-weight: 800;
}

.img_text{
	font-size: 1.1em;
	color: #666666;
}

#content_top .bottom{
	clear: left;
	padding-top: 5px;
}

#back_pain,#success_stories {
	width: 266px;
	padding-right: 2px;
	float: left;
}
#blog{
	width: 194px;
	float: right;
	height: 205px;
	overflow: hidden;
}
#blog ul{
	padding-right: 10px;
	padding-left: 10px;

}
#blog ul li{
	border-bottom: 1px dotted #999;
	padding-bottom: 5px;
	padding-top: 5px;
}
#blog #post_3{
	border-bottom: none;
}
#blog ul li.last_blog_line{
	border: none;
}
#blog .blog_title{
	color: #303030;
	display: block;
	text-decoration: underline;
}
#blog .blog_author{
	font-size: .8em;
}
.content_main{
	margin-top: 5px;
	padding: 20px 15px;
}
.content_main h1, #content_main p{
	padding-bottom: 10px;
}
.content_main h1{
	color: #273B44;
	font-size: 1.2em;
}

.content_main p,
.content_main ul{
	line-height: 1.5em;
	color: #606060;
}

.content_main ul li{
	list-style-type: disc;
	margin: 5px 0 5px 50px;
}

#footer{
	clear: both;
}
#footer ul{
	background-image: url("../images/footer-bg.jpg" );
	height: 56px;
	padding-left: 10px;
	font-size: .8em;
}
#footer ul li{
	float: left;
	border-left: 1px dashed orange;
	margin-top: 26px;
	padding-left: 15px;
	margin-right: 10px;
}
#footer ul li:first-child{
	border: none;
}
#footer ul li a{
	color: #eee;
	text-decoration: none;
}
#footer #footer_logo{
	float: right;
	width: 154px;
	margin-top: -56px;
	margin-right: 85px;
}
/* site-wide classes */
.u{
	text-decoration: underline;
}
.clear-b{
	clear: both;
}
.right{
	float: right;
}
.left{
	float: left;
}
.errors{
	color: red;
	background-color: #ffc9ca;
	padding-left: 5px;
}
.errors p{
	padding: 5px 0px;
}

.bold{
	font-weight: bold;
}

/*all front form forms*/

.front_form p.required_fields{
	margin: 10px 10px 10px 100px;
	font-size: .85em;
	color: #606060;
}

.front_form{
	width: 475px;
	margin-bottom: 10px;
}

.front_form .form_element{
	padding-bottom: 10px;
}


.front_form .form_element label {
	width: 110px;
	text-align: right;
	padding-right: 6px;
	display: inline-block;
	color: #273B44;
}

.front_form .element_error label{
	color: #F00;
}


/* style for the form helper text */
.front_form .form_help{
	color: #a9a9a9;
	font-size: .9em;
	margin-left: 130px;
}

.front_form .form_element input,
.front_form .form_element textarea,
.front_form .form_element select{
	vertical-align: middle;
	margin: 0 0 3px 10px;
}

/* re-adjust the phone input areas */

.front_form .form_element .form_phone input{
	margin-left: 3px;
	margin-right: 3px;
}

.front_form .form_element .form_phone{
	margin-left: 10px;
}

.front_form textarea{
	width: 344px;
}

.front_form .element_error input,
.front_form .element_error textarea{
/*border: 1px solid #F00;*/
}

.front_form .error{
	color: #000;
	background: #ffb8b9 url("../images/error.png") no-repeat 5px center;
	padding: 5px 5px 5px 26px;
	margin: 2px 0 2px 125px;
	text-align: left;
}

.front_form .submit_button input{
	border: 1px solid #9CF;
	font-size: 1.5em;
	color: #FFF;
	background-color: #147;
	margin-left: 120px;
	padding: 5px;
}

/* refer_form and refer_a_patient_form specific styling */
#refer_form, 
#refer_a_patient_form{
	width: 675px;
}

#register_form p.required_fields,
#refer_form p.required_fields,
#refer_a_patient_form p.required_fields{
	margin: 10px 10px 10px 200px;
	font-size: 1em;
	color: #606060;
	font-weight: bolder;
}

#refer_form .form_element label,
#refer_a_patient_form .form_element label {
	width: 210px;
}

#refer_form .submit_button input,
#refer_a_patient_form .submit_button input {
	margin-left: 220px;
}

#refer_form .form_help,
#refer_a_patient_form .form_help {
	margin-left: 230px;
}

#refer_form .error, 
#refer_a_patient_form .error {
	margin-left: 225px;
}

#login_box #register_message{
	text-align: center;
}

/* The Registration Form */
#register_form{
	width: 675px;
}

#register_form .form_section_title{
	margin: 10px 10px 10px 10px;
	padding-left: 10px;
	font-size: 1em;
	color: #606060;
	font-weight: bolder;
	border-bottom: 1px solid #606060;
}

div.form_help{
	float: left;
}

#register_form .form_element{
	margin-top: 10px;
	clear: left;
}

#register_form .form_element label{
	width: 200px;
}

#register_form .submit_button input{
	margin-left: 210px;
}

#register_form .form_help{
	margin-left: 220px;
}

#register_form .error{
	margin-left: 215px;
}

#register_form .street_2{
	display: block;
	margin-left: 206px;
}

#register_form div.form_help{
	margin-bottom: 10px;
}

#register_form .form_help p.mi{
	margin-left: 110px;
}

#register_form .form_help p.last_name{
	margin-left: 20px;
}

#register_form .form_help p.state{
	margin-left: 145px;
}

#register_form .form_help p.zip{
	margin-left: 100px;
}

/* 
 * =================================
 * Parent: Address Class
 * Children: 
 * 		#office_info
 * 		.office_location
 * --------------------------------
 * Contact Us Page 
 * Request An Appointment Form
 * =================================
 */
.address{
	width: 162px;
	float: right;
}

.address h4{
	font-size: .9em;
	margin-bottom: 20px;
}

.address p{
	padding: 0;
	color: #0c0c0c;
}

.address #office_info p{
	margin-bottom: 15px;
}

.address #office_info p strong{
	font-weight: 900;
}

.address .office_location{
	margin-top: 10px;
}

/*
 * =============================
 * Parent: captcha_element
 * Children:
 * 		#captchaImage
 * 		#captcha_refresh
 * ----------------------------
 * Contact Us Page
 * Request An Appointment Form
 * =============================
 */

.captcha_element{
	position: relative;
}

.captcha_element #captchaImage{
	margin-left: 126px;
	margin-bottom: 5px;
	width: 180px;
	height: 50px;
	border: 1px solid #000;
}

.captcha_element #captcha_refresh{
	position: absolute;
	text-align: center;
	top: 8px;
	right: 80px;
}

/*
 * =============================
 * GrandParent: captcha_element
 * Parent: captcha_element_2
 * Children:
 * 		#captchaImage
 * 		#captcha_refresh
 * ----------------------------
 * See Also: captcha_element_3
 * ----------------------------
 * Refer A Patient
 * Refer Form
 * Register Form
 * =============================
 */

.captcha_element_2 #captchaImage{
	margin-left: 226px;
}

.captcha_element_2 #captcha_refresh{
	right: 180px;
}

/*
 * =============================
 * GrandParent: captcha_element
 * Parent: captcha_element_3
 * Children:
 * 		#captchaImage
 * 		#captcha_refresh
 * ----------------------------
 * See Also: captcha_element_2
 * ----------------------------
 * Refer A Patient
 * Refer Form
 * Register Form
 * =============================
 */

.captcha_element_3 #captchaImage{
	margin-left: 215px;
}

.captcha_element_3 #captcha_refresh{
	right: 169px;
}

.captcha_element_4 #captchaImage{
	margin-left: 124px;
}

.captcha_element_4 #captcha_refresh{
	right: 80px;
}

/*
 * =============================
 * Parent: #appt_request
 * ----------------------------
 * /request-an-appointment
 * =============================
 */

#appt_request{
	text-align: center;
}

/*
 * ===============================
 * Parent: .aggregate_top
 * Children:
 * 	#body
 * 	.aggragate_post
 * 	.author
 * 	.body
 * 	.read_more
 * 	. category_tags
 * 		.cat
 * 		.tags
 * 			.tag
 * -------------------------------
 * /blog
 * ===============================
 */

.aggregate_top #body
{
	border-bottom: 1px dashed #999;
	padding-bottom: 10px;
	margin-bottom: 5px;
}

.aggregate_post{
	margin: 20px 0 10px 0;
	border-left: 2px solid #273B44;
	padding-left: 10px;
}

.aggregate_post h3{
	font-size: 1.2em;
}

.aggregate_post h3 a{
	color:#273B44;
	text-decoration: none;
}

.aggregate_post h3 a:hover{
	text-decoration: underline;
}

.aggregate_post p{
	line-height: 1.5em;
	color: #606060;
}

.aggregate_post h3,
.aggregate_post p.author,
.aggregate_post p.body,
.aggregate_post p.read_more,
.aggregate_post p.category_tags{
	margin-bottom: 5px;
}

.aggregate_post p.category_tags{
	border-top: 1px solid #999;
	padding-top: 5px;
}

.aggregate_post p.category_tags span.cat,
.aggregate_post p.category_tags span.tags {
	margin: 0 5px 0 5px;
}

.aggregate_post p.category_tags span.tags span.tag {
	margin: 0 3px 0 3px;
}

/*
 * ===============================
 * Grandparent: .aggregate_post
 * Parent: .post
 * Children:
 * 	
 * -------------------------------
 * /blog/#######
 * ===============================
 */

.post{
	border-left: none;
}

.post p.category_tags {
	/*border-top: 1px solid #606060;*/
	border-bottom: 1px solid #999;
	padding: 10px 0 10px 0;
	margin: 5px 0 5px 0;
}

/*
 * ================================
 * Grandparent: .content
 * Parent: .visit_page
 * Children:
 * 	.pg_title
 * 	.pg_body
 * 	.content_paper_forms
 * --------------------------------
 * **Any visit page**
 * ================================
 */

 .visit_page .content_paper_forms{
 	background: #273B44;
 	border: 2px solid #FFF;
	padding: 20px;
	float: right;
 }
 
 .visit_page .content_paper_forms h4{
  	border-bottom: 1px solid #FFF;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
 
 .visit_page .content_paper_forms,
 .visit_page .content_paper_forms a {
  	color: #eee;
	
 }
  
 .visit_page .content_paper_forms ul li{
    list-style-type: none;
 	margin: 5px 0 5px 0;
 }
 
 /*
 * ================================
 * Grandparent: .front_form
 * Parent: #login_box
 * Children:
 * 	#forgot_info
 * 	#register_message
 * --------------------------------
 * /login
 * ================================
 */
#login_box{
	width: 369px;
}

#login_box #forgot_info{
	text-align: right;
	padding-right: 40px;
	margin-top: -40px;
	margin-bottom: 30px;
}

/*
 * ================================
 * Grandparent:
 * Parent: .msg
 * Children:
 * 	#forgot_info
 * 	#register_message
 * --------------------------------
 * /login
 * ================================
 */

.msg{
	width: 200px;
	padding: 5px;
	margin: 5px;
}

 /*
 * ================================
 * Grandparent: .msg
 * Parent: .success
 * Children:
 * --------------------------------
 * /login
 * ================================
 */

 .success{
 	border: 1px solid #00aa00;
	background-color: #ccffcc;
 }

 /*
 * ================================
 * Grandparent: .msg
 * Parent: .info
 * Children:
 * --------------------------------
 * /login
 * ================================
 */

 .info{
 	border: 2px solid #FFFF00;
	background-color: #FFFF66;
 }
 
 /*
 * ================================
 * Grandparent:
 * Parent: .post_categories
 * Children:
 * 	.pg_title
 * 	.pg_body
 * 	.content_paper_forms
 * --------------------------------
 * **Any visit page**
 * ================================
 */

 .post_categories{
 	background: #273B44;
	padding: 20px;
	float: right;
	width: 150px;
	margin-top: 5px;
 }
 
 .post_categories h4{
  	border-bottom: 1px solid #FFF;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
 
 .post_categories,
 .post_categories ul li a {
  	color: #eee;
	
 }
  
.post_categories ul li{
 	margin: 5px 0 5px 0;
 }
 
.swidth {
	margin-right: 200px;
}

/*
 * ================================
 * Parent: .slingshot
 * Children:
 * 	a
 * -------------------------------
 * ALL
 * ================================
 */

.slingshot{
	text-align: center;
}

.slingshot,
.slingshot a{
	color: #606060;
	text-decoration: none;
}

.slingshot a:hover{
	text-decoration: underline;
}


#member_payment{
  }

#member_payment #screen_shot{
	float: right;
}

#member_payment #payment_form{
	margin-top: 50px;
margin-left: 50px;
}

#member_payment #credit_cards{
	margin-top: 20px;
margin-left: 120px;
}

#member_payment #instructions{
	clear: both;
margin-top: 100px;
}

#member_payment #instructions h3{
	font-size: 1.2em;
margin-bottom: 10px;
padding-left: 10px;	
}

#member_payment #instructions .m_image{
	float: left;
}

#member_payment #instructions p.text{
	margin-left: 300px;
}