@charset "utf-8";
/* 
Boulder Neurological Associates - Main Style
by spineunvierse.com
7/29/08
*/


img, div { behavior: url(iepngfix.htc) }

/* 
element default styles
-------------------------
*/
body, html{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-image: url(../images/bg-pattern.gif);
	background-position: 0 0;
	background-repeat: repeat;
}
a{
	color: #0b4b74;
}
a:hover{color: #164B7D;}
img {border: 0;}
h1,h2,h3,h4,h5,h6,h7{ margin: .5em 0 0 0; padding: 0; font-family: Helvetica, Arial, Tahoma, sans-serif !important;}

h1 {margin-top: 0;}

.clear{ clear: both; font-size: 2px; line-height: 1px;}

table {
	clear: both;
	margin: 20px;
}

td {
	border: 1px solid #CCCCCC;
}

th {
	text-align: left;
}

/* 
Main section containers
-----------------------
*/
#main-container{
	width: 950px;
	margin: 25px auto;
}
#header-container{
	background-image: url(../images/header.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 140px;

}
#content-container{
	background-color: #FFFFFF;
}
#footer-container{
	clear: both;
	background-image: url(../images/footer-cap.gif);
	padding: 60px 10px;
	background-repeat: no-repeat;
	background-color: transparent;
}


/* header */
/* Changed by RW - 7/26/2010 - margin set to -160px from 10px to accomdate space for Search box */
#appointmant-callout{
	width: 250px;
	float: right;
	text-align: right;
	margin: 50px -160px 0 0;
	font-size: 11px;
}
#appointmant-callout strong{ font-size: 12px; color: #214b8c;}
#appointmant-callout img{
	float: right;
	margin-left: 5px;
}


/* homepage fold */
#home-fold{
	
	padding: 0 3px;
	line-height: normal;
}

/* 
Change by RW - 3/1/2010 - Added so that images rotate every 10 seconds on index.php
*/

#home-fold .col-1{
	float: left;
	
	background: #538993 url(../images/hp-mid-bg.jpg) no-repeat;
	margin: 0 1px 3px 0;
	padding: 0px;
	height: 240px;
	width: 677px;
	display:block;
}
#home-fold .col-12{
	float: left;
	
	background: #538993 url(../images/hp-mid-bg2.jpg) no-repeat;
	margin: 0 1px 3px 0;
	padding: 0px;
	height: 240px;
	width: 677px;
	display:block;
}
#home-fold .col-13{
	float: left;
	
	background: #538993 url(../images/hp-mid-bg3.jpg) no-repeat;
	margin: 0 1px 3px 0;
	padding: 0px;
	height: 240px;
	width: 677px;
	display:block;
}
#home-fold #col-1-inner {
	
	color:#FFFFFF;
	margin-top: 20px;
	margin-left: 382px;
	margin-right: 30px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;

}
#home-fold #col-1-inner h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:22px;
	font-weight:normal;
	margin-bottom:8px;
}
#home-fold #col-1-inner a {
	float:right;
	color:#c4dafd;
	font-size:12px;
	font-weight:bold;
	margin-top:12px;
}

/* 
Added by RW - 3/1/2010 - Different play button location for different image text
*/

#home-fold #col-1-inner .hp-play {
	padding: 0;
	margin-top:56px;
	margin-right:16px;
	margin-bottom:0;
	padding-bottom:0;
	height:1px;
	display:block;
	
}
#home-fold #col-1-inner .hp-play a {
	margin:0;
	padding:0;
}

#home-fold #col-1-inner .hp-play2 {
	padding: 0;
	margin-top:43px;
	margin-right:16px;
	margin-bottom:0;
	padding-bottom:0;
	height:1px;
	display:block;
	
}
#home-fold #col-1-inner .hp-play2 a {
	margin:0;
	padding:0;
}

#home-fold .col-2{
	width: 226px;
	float: left;
	background-color: #999999;
	display: inline;
	background-image: url(../images/hp-fold-right-image-bg.jpg);
	height: 240px;
	padding: 0 20px;
	font-size: 11px;
	color: #FFFFFF;
}
#home-fold .col-2 h4{
	padding-top: 165px;
	font-size: 17px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	color: #FFFFFF;
}

#home-fold .col-2 a {
	color: #FFFFFF;
}


/* homepage callouts */
#home-callouts{
	padding: 0 3px 3px 3px;
	clear: both;
}
.callout-col{
	width: 225px;
	float: left;
	margin-right: 1px;
}
.callout-col h3{
	background-color: #204A8B;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	background-repeat: no-repeat;
	background-position: 0 0;
	padding: 12px 11px 0 11px;
	margin-bottom: 3px;
	background-image: url(../images/hp-col-header-1.gif);
	font-size: 15px;
	height: 34px;
	margin-top: 0;
}
#research h3 {
	padding-top:4px;
	height: 42px;
}
#care h3 {background-image: url(../images/hp-col-header-2.gif);}
#trials h3{background-image: url(../images/hp-col-header-3.gif);}

.callout-col .col-padding{
	/*height: 190px;*/
	background-color: #D5D6DA;
	background-repeat: no-repeat;
	padding-top: 110px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
}
.callout-col .col-padding p{}
#home-callouts .col-padding {
	height: 190px;
}



#research .col-padding{
	background-image: url(../images/hp-col-img-1.jpg);
}
#care .col-padding{
	background-image: url(../images/hp-col-img-2.jpg);
}
#trials .col-padding{
	background-image: url(../images/hp-col-img-3.jpg);
}

.col-padding ul{
	list-style-type:none;
	padding: 10px 0;
	margin: 0;
}

.link,
.col-padding ul li{
	padding-left: 7px;
	background-image:url(../images/bul-white.gif);
	background-repeat:no-repeat;
	background-position: 0px 5px;
}


#special .col-padding ul li {
	background-image:url(../images/bul-blue.gif);
	margin-bottom: 2px;
}

.col-padding ul li a{}



/* special */

#special .col-padding {
	background-color:#f5a847;
	background-image:url(../images/hp-col-grad-orange.gif);
	background-position:center top;
	background-repeat:repeat-x;
	padding:0 10px 10px;
}
#home-callouts #special{
	width: 266px;
	margin: 0;

}
#home-callouts #special .col-padding {
	height:290px;
}
#home-callouts #special h3{
	background-image: url(../images/hp-col-header-orange.gif);
	color: #593309;

}

/* 
navigation
------------------------
*/
#navigation{
	background-image: url(../images/nav-bg.gif);
	height: 54px;
	background-repeat: no-repeat;
	background-color: #FFFFFF;
}
#navigation ul{
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;

}

#navigation ul li{
	margin: 4px 0 4px 0;
	border-right: solid 1px #abbbd3;
	display: block;
	float: left;
	font-size: 11px;
	border-left: solid 1px #1b3a68;
	height: 42px;
	line-height: 42px;
}

#navigation ul li a{
	text-decoration: none;
	font-weight: bold;
	display: block;
	padding: 0 5px;
	color: #FFFFFF;
	margin: 0;
}
#navigation ul li.over a,
#navigation ul li a:hover{
	background-color: #fff;
	color: #1D488A;
	background-image: url(../images/nav-over-bg.gif);
	background-position: 0 0;
	background-repeat: repeat-x;
}
#navigation ul li.over  li a{
	background: transparent;
}

/* top navigation
---------------------------
*/

/* Changed by RW - 3/1/2010 - 	padding: 10px 15px 0 0; to 	padding: 0px 0px 0 0; to accomodate social links below */
#top-navigation {
	list-style-type: none;
	padding: 0px 0px 0 0;
	font-size: 11px;
	display: block;
	text-align: right;
	margin: 0;
}
#top-navigation li{
	display: inline;
	margin: 0 10px 0 0;
	border-right: solid 1px #cccccc;
	padding-right: 10px;
}
#top-navigation li a{}
#top-navigation li.last { border: none;}

/* Added by RW - 7/26/2010 - to position Search box in top right corner */
#header-container .g-search { 
float:right;
display:inline;
margin: -3px 10px 0 0;
border: none;
}

#header-container .g-search input.sa { 
color: #0b4b74;
background-color: #FFFFFF;
height: 20px;
font-size: 11px;
}

#header-container .g-search input.sa-height { 
background-color: #FFFFFF;
height: 1.1em;
font-size: 11px;
}

#cse-search-results iframe { 
width:100%; 
background-color: #000000;
}

/* 
Added by RW 3/1/2010 - used for links at top of main page
*/
#header-container .links {
	display: block;
	height: 12px;
	font-size: 11px;
	color: #0b4b74;
		}

#header-container .links span {
	margin: 8px 0 0 10px;
	display: block;
	float: left;
	height: 12px;
	padding-right: 3px;
}

#header-container .links a {
	display: block;
	float: left;
	width: 12px;
	height: 12px;
	margin: 8px 0 0 2px;
	padding: 0;
	text-indent: -4000px;
	background:  transparent url(../images/social-icons.gif) no-repeat -4000px 0;
}
	#header-container .links a.facebook { background-position: -12px 0; }
	#header-container .links a.facebook:hover { background-position: 0 0; }
	#header-container .links a.flickr { background-position: -12px -12px; }
	#header-container .links a.flickr:hover { background-position: 0 -12px; }
	#header-container .links a.linkedin { background-position: -12px -24px; }
	#header-container .links a.linkedin:hover { background-position: 0 -24px; }
	#header-container .links a.gtalk { background-position: -12px -36px; }
	#header-container .links a.gtalk:hover { background-position: 0 -36px; }
	#header-container .links a.skype { background-position: -12px -48px; }
	#header-container .links a.skype:hover { background-position: 0 -48px; }
	#header-container .links a.twitter { background-position: -12px -60px; }
	#header-container .links a.twitter:hover { background-position: 0 -60px; }



 /* nav dropdown 
---------------------
*/
#navigation ul ul{
	list-style-type: none;
	margin: 0;
	padding: 0;
	/* margin-top: -3px; */
	display: none;
	font-size: 11px;
	background-color: #fff;
 	/* border: solid 1px #5B7AAA; 
	*/
	width: 230px;
	border-top: none;
	position: relative;
	
}

#navigation ul ul li{
	padding: 0;
	margin: 0;
	height: 30px;

	display: block;
	float: none;
	line-height: 30px;
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: solid 1px #B1C0D7;

}

#navigation ul ul li.last{
	border: none;
}
	
#navigation ul ul li a{
	text-decoration: none;
	font-weight: normal;
	display: block;
	/* padding: 7px 9px; */
	line-height: 30px;
	padding: 0 0 0 9px;
	height: 30px;
	color: #0f3962;
	margin: 1px;
	background: transparent;

}

#navigation ul ul li a:hover{
	background-color: #dae1ec;
	/*color: #FFFFFF;*/
}


#navigation li ul {
	position:absolute;
	float:none;
	line-height:normal;
	margin: 0;
	padding: 0;
	display: none;
}


#navigation li:hover ul, 
#navigation li.over ul { /* lists nested under hovered list items */
	display: block;
	line-height: normal;
	z-index: 1000;
}
/* /end nav dropdown
---------------------------
*/


/* left col */
#col-left {
	float: left;
	padding: 0;
}
#col-left .callout-col {
	float: none;
	width: 264px;
	margin-left: 3px;
	margin-bottom: 3px;
}
#col-left #special h3,
#col-left #contact-side h3{
	background-image: url(../images/right-side-header.gif);
	color: #593309;
	margin-top: 0;
}
#col-left #special .col-padding
#col-left #contact-side .col-padding {
	background-image: url(../images/sidegrad-orange.gif);
	background-color: #FFFFFF;
	background-position:center top;
	padding-top: 0;
	margin-top: 0;
}

/* page conetnt */

#page-content{
	width: 676px;
	float: left;
	margin-left: 3px;
	background: transparent url(../images/page-bg.gif) left top repeat-x;
	color: #333333;
}

#page-header, #page-header-athletic {
	background-image:url(../images/header_athletic.jpg);
}

#page-header-clinical {
	background-image:url(../images/header_clinical.jpg);
}

#page-header-athletic, #page-header-clinical, #page-header {
	background-repeat:no-repeat;
	height: 80px;
	color: #FFFFFF;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding: 30px 0 0 190px;
	font-size: 25px;
}

h1.two-line {
	padding-top: 10px !important;
	padding-bottom: 20px !important;
}

.page-padding { padding: 20px;}

#page-content h2{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 17px;
	margin-bottom:10px;
	color:#333333;
}



/* footer */
#footer-navigation{
	font-size: 11px;
	margin-left: 230px;
	color: #333333;
	line-height: 1.5em;
}
#footer-navigation ul{ display: inline; margin: 0; padding: 0; list-style-type:none;}
#footer-navigation ul li{
	display: inline;
	padding: 0 7px 0 0;
	border-right: solid 1px #666666;
	margin-right: 4px;
}
#footer-navigation ul li a{}
#footer-navigation ul li.last {border: none;}
#footer-disclaimer{
	font-size: 11px;
	float: left;
	width: 205px;
	color: #333333;
	padding: 0 0 0 10px;
	/*background-image: url(../images/logo-bbb.gif);*/
	background-repeat: no-repeat;
	height: 270px;
	border-right: solid 1px #666666;
}
.footer-location {
	width: 150px;
	float: left;
	margin-top: 20px;
	margin-right: 10px;
	line-height: normal;
}
.second-line {
	margin-top:8px;
}


.pdf-download {
	display: block;
	padding-left: 20px;
	margin: 10px 0 0 0;
	height: 16px;
	background: transparent url("../images/icon_pdf.gif") top left no-repeat;
	float:left;
}
.pdf-download-nofloat {
	padding-left: 20px;
	background: transparent url("../images/icon_pdf.gif") top left no-repeat;
}

.pdf-download a,
.pdf-download-nofloat a {
	line-height: 16px;
	font-size: normal;
	font-weight: normal;
	text-decoration: none;
}

.article-listing {
	padding: 10px 10px 20px 10px;
	margin: 10px;
	border-bottom: 1px solid #666666;
	clear: both;
}

.article-title {
	font-size: 14px;
	font-weight: bold;
}

.article-listing img {
	border: 1px solid #666666;
}

.award-listing {
	padding: 10px 10px 20px 10px;
	margin: 10px;
	border-bottom: 1px solid #666666;
	clear: both;
}

.left {
	float: left;
	clear: left;
	margin-right: 10px;
}

.right {
	float: right;
	clear: right;
	margin-left: 10px;
}


.clear {
	clear: both;
	height: 1px;
	line-height: 1px;
}

.caption {
	padding: 5px 10px;
	font-size: 11px;
	font-weight: normal;
	font-style: oblique;
}

.inline-definition-content {
	background-color: white;
	padding: 20px;
}

.need-content {
	color: red;
	font-size: 18px;
	font-weight: bold;
}

.hidden {
	display: none;
}

.mini-nav {
	padding: 8px;
	width: 140px;
	margin-bottom: 15px;
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

.mini-nav h3 {
	line-height: 200%;
}

.mini-nav ul, .mini-nav ul li {
	list-style-type: none;
	display: block;
	padding: 0;
	margin: 0 0 1px 0;
}

.mini-nav ul li a {
	display: block;
	padding: 6px;
	background-color: #CCCCCC;
	text-decoration: none;
	height: 20px;
	line-height: 20px;
}

.mini-nav li a.inactive, .mini-nav li a:hover {
	background-color: #0b4b74;
	color: white;
}


.fac-image {
	float:left;
	margin-right:24px;
}

.tooltip-link {
	text-decoration: none;
	border-bottom: 1px dotted #0b4b74;
}

.tooltip {
	padding: 15px;
	width: 250px;
	background-color: white;
	border: 1px solid #CCCCCC;
}

.check {
	padding-left: 16px;
	margin: 20px 100px 10px 20px;
	background: transparent url("../images/checkbox.gif") left top no-repeat;
}
/*
#accordion div {
	display: none;
	padding-bottom: 10px;
}

#accordion div ul {
	margin: 0;
}

#accordion div.active {
	display: block;
	border: 1px solid #164B7D !important;
	border-top: none !important;
	background-color: #FFFFFF !important;
	margin-top: -1px !important;
}

h4.ui-accordion-default {
	margin: 2px 0 0 0;
}

h4.ui-accordion-header {
	margin: 2px 0 0 0 !important;
	padding: 0 !important;
}

h4.ui-accordion-header a {
	display: block !important;
	padding: 5px 10px !important;
	color: #164B7D !important;
}

*/

a.head {
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	background: #F6F6F6;
	color: #164B7D !important;
}

.ui-accordion-content-active {
	border: 1px solid #CCCCCC !important;
	border-top: none !important;
	background-color: #F6F6F6 !important;
}

.ui-accordion-content-active .ui-accordion-content-active {
	border: none !important;
	background-color: #DDDDDD !important;
}

/*

.ui-state-default {
	padding: 5px 10px !important;
	margin: 2px 0 0 0 !important;
	color: #164B7D !important;
}

h4.ui-accordion-default a:hover {
	border: 1px solid #164B7D !important;
	background: #FFFFFF !important;
	color: #164B7D !important;
}

h4.ui-accordion-default a.active {
	border: 1px solid #164B7D !important;
	background: #FFFFFF !important;
	color: #164B7D !important;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-content {
	border: 1px solid #164B7D !important;
	background: #FFFFFF !important;
	color: #164B7D !important;
}

.ui-accordion-content-active {
	border: 1px solid #164B7D !important;
	border-top: none;
}

.ui-state-active a, .ui-widget-content .ui-state-active a, .ui-state-hover a, .ui-widget-content .ui-state-hover a, .ui-state-highlight a, .ui-widget-content .ui-state-highlight a {
	color: #164B7D !important;
	padding: 5px 10px !important;
}

*/

.ui-widget-content, .ui-widget-content ul {
	padding: 0;
	margin: 0;
}

.contact-side .col-padding {
	height:80px;
}