/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(colorbox/images/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(colorbox/images/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(colorbox/images/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(colorbox/images/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(colorbox/images/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(colorbox/images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(colorbox/images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(colorbox/images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(colorbox/images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(colorbox/images/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(colorbox/images/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(colorbox/images/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(colorbox/images/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(colorbox/images/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/includes/css/colorbox/images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}
/* Self Clearing Floats */
/* ---------------------------------------- */

/* effective yet slightly paranoid clearfix hack */
/*
.clearfix:after {
	visibility: hidden;
	font-size: 0.1em;
	display: block;
	line-height: 0;
	height: 0.1px;
    	content: " ";
	clear: both;
	}
* html .clearfix { display: inline-block; }
*/

.clearfix {
  overflow: auto;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.Raleway {font-family: 'Raleway', sans-serif;}
.Cairo   {font-family: 'Cairo', sans-serif;}
.Mina    {font-family: 'Mina', sans-serif;}
.saira1 {font-family: 'Saira', sans-serif;font-weight:100;font-size:1.5rem;}
.saira2 {font-family: 'Saira', sans-serif;font-weight:200;font-size:1.5rem;}
.saira3 {font-family: 'Saira', sans-serif;font-weight:300;font-size:1.5rem;}
.saira4 {font-family: 'Saira', sans-serif;font-weight:400;font-size:1.5rem;}
.saira5 {font-family: 'Saira', sans-serif;font-weight:500;font-size:1.5rem;}
.saira6 {font-family: 'Saira', sans-serif;font-weight:600;font-size:1.5rem;}
.saira7 {font-family: 'Saira', sans-serif;font-weight:700;font-size:1.5rem;}
.saira8 {font-family: 'Saira', sans-serif;font-weight:800;font-size:1.5rem;}
.saira9 {font-family: 'Saira', sans-serif;font-weight:900;font-size:1.5rem;}
.h1{font-size:1.8rem; font-weight:bold;}

a:focus{outline:none;}

.hidden{Xdisplay:none;position:relative;left:-10000px;}
.gone{display:none;}

sup{font-size:.75em;}
.center{text-align:center;}

/* END COMMON STYLES */

body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#777777;
margin:0px 0 0px 0;
background: url(../../images/bg.jpg) repeat-x #fff;}

img{border:0px;}
form{margin:0px; padding:0px;}
#header p{margin:0px; padding:0px;}
.alignleft{float:left;}
.alignright{float:right;}
.clear{clear:both; margin:0px; padding:0px;}
.textalignright{text-align:right;}
.textalignleft{text-align:left;}
.textaligncenter{text-align:center;}

.headerH1,
.headerH2,
.headerH3,
h1, h2{
	font-family: 'Saira', sans-serif;
	line-height:1.5rem;
	letter-spacing:-.04em;
}
h1{
	margin-top:0px; padding:0px;
	color:#da2f01;
	font-size:1.8em;
	border-bottom:dotted 1px #bbbbbb; padding-bottom:3px;
	font-weight:400;
}
h1 a{text-decoration:underline; color:#da2f01;}
h1 a:hover{text-decoration:none; color:#6598c5;}

h2{font-size:1.3em;text-transform:titlecase;font-weight:600;}

h3{color:#da2f01; border-bottom:dotted 1px #bbbbbb; padding-bottom:3px;}
h3 a{text-decoration:underline; color:#da2f01;}
h3 a:hover{text-decoration:none; color:#6598c5;}

#main_div{width:98%; max-width:1008px; width:1008px; margin:auto;}


/*Header-Part*/
#header{/* height:206px !important; */ margin-top:-25px;padding-top:25px;}
#header a{text-decoration:none;}
#header img{border:none;}
X.header_div{height:210px; /* background:url(../../images/header_bg.png) repeat-y; padding:13px 32px 0px 32px; padding:0; */}
.header_left {display:inline-block; /* float:left; */ width:186px; padding:10px 0 0 30px;}
.header_right{display:inline-block; /* float:left; */ width:748px; color:#a3d2fb;position:relative;top:-35px;}

.Xicon_div{height:38px; padding-left:590px;}
.XheadT1{float:left; width:105px; padding-top:6px; font-weight:bold; font-size:11px;}

.header_text1{display:inline-block; /* float:left; */ width:482px; text-align:right; padding:3px 17px 7px 0px;}
.header_text2{display:inline-block; /* float:left; */ width:225px; border-left:solid 1px #6a8095; text-align:left; padding:7px 0px 5px 13px;}

.headerH1{font-size:26px; font-weight:400; padding-bottom:5px; letter-spacing:-1px;}
.headerH2{font-size:18px; font-weight:400;}
.headerH3{font-size:18px; font-weight:100;opacity:.6;}

.navigation_div{height:61px; background:url(../../images/navi_bg.png) no-repeat;}
.top_navigation{width:944px; margin:auto; letter-spacing:normal; font-size:11px; font-weight:bold;}
.top_navigation ul{margin:0px;padding:0px;list-style-type:none;text-align:center;}
.top_navigation li{margin:0px;padding:0px 0px 0px 0px;display:inline-block;}
.top_navigation a{float:left; text-decoration:none; color:#cee8ff; display:inline-block; height:31px; padding:25px 11px 0px 11px;}
.top_navigation a:hover{color:#fff; background: url(../../images/navi_arrow.png) no-repeat center top;}

/*
#home .home a,
#about .about a,
#drhayes .drhayes a,
#treatments .treatments a,
#faq .faq a,
#about_medications .about_medications a,
#suboxone_program .suboxone_program a,
#office_policies .office_policies a,
#insurance .insurance a,
#new_patient .new_patient a,
#contact .contact a,
 */
a.top_navigation_act
{color:#fff; background:url(../../images/navi_arrow.png) no-repeat center top;}

/* Drop Down menus */
	#nav ul ul{top: 177px;}/* position drop down from top of page */
	#nav ul ul a:hover {text-decoration:underline;filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}
	#nav ul ul{
		clear:both;
		margin: 0;
		padding: 0;
		padding:10px 0 3px 10px;
		margin-top:0px;
		display: block;
		position: absolute;
		z-index: 999;
		width: 240px;
		display: none;
		Xleft: 0;
		text-align:left;
		border:solid 1px #473527;
	/*
		border-left:solid 1px #7D664F;
	*/
		border-top:none;
		background:#048;
		-moz-border-radius-bottomright:4px;
		-moz-border-radius-bottomleft:4px;
		-webkit-border-bottom-right-radius:4px;
		-webkit-border-bottom-left-radius:4px;
		border-bottom-right-radius:4px;
		border-bottom-left-radius:4px;
		-webkit-box-shadow:3px 3px 10px #000;
		-moz-box-shadow:3px 3px 10px #000;
		box-shadow:3px 3px 10px #000;
		filter:alpha(opacity=90);-moz-opacity:0.8;opacity:0.8;
	}
	#nav ul ul ul{left:160px;top:-12px;padding-bottom:1em;border-top:solid 1px #473527;Xwidth:auto;filter:alpha(opacity=100);-moz-opacity:1.0;opacity:1.0;}
	#nav ul ul li{
		margin: 0;margin-bottom:.8em;
		padding: 0;
		float: none;
		position: relative;
		list-style: none;
		display: block;
		text-align:left;
		padding-left:10px;
	}
	#nav ul ul li a{
		float:none;
		background:none !important;
		display: inline;
		color:#FFF;
		text-align:left;
		border:none;
		Xwhite-space:nowrap;
		text-indent:0;
		Xheight:20px;
		padding:0;
	}
	#nav ul ul ul li{margin-bottom:.8em;}
	#nav ul ul ul li a{white-space:normal;display:inline;}

/* END Drop Down menus */

.btn {display:inline-block; border-radius:10px; box-shadow: 1px 1px 8px rgba(0,0,0,.5);padding:4px 8px;color:#00529B;text-decoration:none;font-weight:bold;}
.btn:hover {color:#da2f01;}

.btn-appointment a{display:block;background:url(../../images/appointment.png) no-repeat;text-indent:-9999px;text-align:left;width:206px;height:40px;position:relative;}
.btn-appointment a:hover{background-position:left -50px;}

#header .btn-appointment a{top:-3px;left:790px;}
#hp_callouts .btn-appointment a{top:1.5em;left:40px;}

/*Header-Part*/



/*Footer-Part*/
#footer{background:url(../../images/footer_bg.png) no-repeat center top; padding:23px 0px 85px 0px;}

.foot_navi{width:750px; margin:auto; letter-spacing:normal; color:#607588;}
.foot_navi ul{margin:0px;padding:0px;list-style-type:none;text-align:center;}
.foot_navi li{margin:0px;padding:0px 0px 0px 0px;display:inline-block;}
.foot_navi a{text-decoration:none; color:#b4c4d2; display:inline-block; padding:0px 10px 0px 10px;}
.foot_navi a:hover{color:#fff; }

.footer_text{font-size:11px; color:#8e8e8e; text-align:center; padding-top:33px;}
.footer_text a{text-decoration:none; color:#8e8e8e;}
.footer_text a:hover{text-decoration:underline;}
/*Footer-Part*/


/*Middle-Part*/
.two_col{
	column-count: 2;
	column-gap: 4rem;
	column-rule: 1px solid #ccc;
}
.two_col .nobreak{break-inside: avoid;}


#middle{padding:3px 0px 9px 0px;}
.middle_div{background:url(../../images/mid_bg.png) repeat-y; padding:20px 40px 28px 40px; line-height:17px;}
.mid_left{float:left; width:610px;}
.mid_left p{margin:1em 0;}
#home .middle_div a{font-weight:bold;}
.mid_right{float:right; width:297px;padding-left:1.5em;}

.text1{font-weight:bold; color:#4599e3; font-size:12px;}
.text2{font-weight:bold; color:#6598c5; font-size:11px;}

.content_div1{width:863px; margin:auto; text-align:center; font-weight:bold;}/*25-8-11*/
.content_div1 span{color:#da2f01;}
.content_div1 a{text-decoration:underline; color:#777777;}
.content_div1 a:hover{text-decoration:none;}

.contentL{float:left; width:377px; margin-right:52px; padding:16px 0px 16px 0px; font-weight:normal; text-align:left;}


.contentL1{width:350px; border:dotted 1px #bbbbbb; margin-right:12px; padding:16px 0px 16px 17px; font-weight:bold;}/*25-8-11*/

 /*Form*/
.contentR{float:left; width:400px; font-weight:normal; text-align:left;}
.row{margin-bottom:15px; font-weight:bold;}
.row_left{width:150px; float:left;}
.row_right{width:250px; float:left;}
.textbox{width:240px; height:20px; border:1px solid #d0d1d1;}
.textbox:hover{border:1px solid #a9c9d4;}
.textarea{width:385px; border:1px solid #d0d1d1;}
.textarea:hover{border:1px solid #a9c9d4;}

.content_div2{/* width:770px; margin:auto; */ text-align:center; font-weight:bold;}
.content_div2 p{margin-bottom:0;}
.content_div2 span{color:#da2f01;}
.content_div2 a{text-decoration:underline; color:#777777;}
.content_div2 a:hover{text-decoration:none;}
.contentL2{display:inline-block; width:377px; border:dotted 1px #bbbbbb; margin:0 auto; padding:16px 0px 16px 0px;}
.contentR2{float:left; width:377px; border:dotted 1px #bbbbbb; padding:16px 0px 16px 0px;}


 /*LIGHTBOX*/


body.lightbox{padding:1em;line-height:1;}
body.lightbox form{margin:0 auto;width:400px;}
.form_buttons{text-align:center;}
.form_buttons input{padding:1em;}

.lightbox form .row{margin-bottom:10px; font-weight:bold;width:405px;}
.lightbox form .row_left{position:relative;top:5px;}
.lightbox form p{margin:1em 0;}
.lightbox-appointment{
	background: #FFF;/* url(../../skin/body-bg.jpg);*/
	text-align:right;
	width:520px;
	height:350px;
}
/*
.cb_close{
	position:absolute;
	display:block;
	border:solid 2px #900;
	color:#900;margin:3px;
	margin-left:478px;
	width:1.4em;
	text-align:center;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-bottom-radius:3px;
}
.cb_close:hover{background:#B3B2AD;color:#C00;border-color:#C00;}
*/

/*Middle-Part*/


/*Inner-Pages*/
.in_spes{border-bottom:dotted 1px #bbbbbb;}
.inL1{float:left; width:682px;}
.inR1{float:right; width:225px;margin:0 0 1em 1em;}

.inL2{float:left; width:300px; line-height:27px;}
.inR2{float:left; width:200px;}

.in_link a{color:#4599e3; text-decoration:underline;}
.in_link a:hover{color:#4599e3; text-decoration:none;}

.content1{line-height:17px;}
.content1 a{color:#777777; text-decoration:none;}
.content1 a:hover{color:#4599e3;}
.content1 p{background:url(../../images/bullat.jpg) no-repeat 0px 4px; margin:0;padding-left:25px; padding-bottom:8px;}


.pdf_div{width:555px; margin:auto; font-weight:bold;}
.pdf{float:left; width:185px; text-align:center;}
.pdf a{color:#777777; text-decoration:none;}
.pdf a:hover{color:#4599e3;}

.ultra1{ font-weight:bold; color: #FF8000;}


/* HOME PAGE CALLOUTS */
#hp_callouts{margin:1.5em 0 2.5em;background:url(../../images/callout_bg.jpg);line-height:1.4;}
#hp_callouts h3{border:0;margin-top:0px;padding-bottom:.5em;margin-bottom:1em;border-bottom:solid 1px #CDF;}
#hp_callouts .callout{float:left;width:270px;padding:20px;}
#hp_callouts .callout img{float:right;padding:0 0 3px 8px;}
#hp_callouts #callout3{margin:0;width:275px;padding-right:0;}


a.Next{
	clear:both;
	color:#000;
	display:table-cell;
	width:900px;
	vertical-align:middle;
	height:26px;
	font-size:13px;
	padding-right:20px;
	font-weight:bold;
	Xtext-decoration:none;
	text-align:right;
	background: url(../../images/btn_next.png) no-repeat right top;
	margin:1em 0;
}
a.Next:hover{background-position: right -50px;}

.bread_crumbs{margin-top:-.7em;margin-bottom:2em;}
.bc_sep{padding:0 .5em;}


.probuphine{width:30%;padding:.5em;float:right;margin-left:1em;box-shadow: 2px 2px 10px rgba(0,0,0,.5);border-radius:8px;position:relative;top:-1.5em;z-index:99;background:#FFF;}
.probuphine img{float:right;width:102px;margin-left:1em;}
.probuphine h3{text-align:center;margin:0;border:0;padding:.5em;font-size:18px;}