/************ GLOBALS ************/

	body {
        background: #FFF url(/images/knowledge/bg_fade.jpg) repeat-x;
	}
	
	a {
        color: #a13806;
	}
	
	a:hover {
	    color: #000;
	}
	
	#frameMain h1 {
		background: url(/images/knowledge/title_bg.png) repeat-x bottom;
		height: 56px;
		border: none;
		margin: 0;
	}
	
	h2 {
		color:#699E70;
		font: normal 22px georgia;
		letter-spacing:-1px;
		line-height:normal;
	}
	h2, h3 {
		padding: 0;
		margin: 20px 0 0 0;
		font-size: 22px;
	}

/************* CANVAS ***************/

    #canvas {
    	background: url(/images/knowledge/bg_main.jpg) no-repeat top center;
    }
    
    #main {
    	min-height: 1000px;
    }
    
    #logo {
    	margin-top: 20px;
    	
    }
    
    #crumbs {
    	font-size: 11px;
    }
    
    .notice {
		background: #ffc;
		border:1px solid #fc6;
		color: #666;
		padding: 10px;
		margin: 15px 0 0 0;
		text-align:left;
		font: italic 14px/18px "Lucida Sans","Lucida Sans Unicode","Lucida Grande",Verdana,Arial,sans-serif;
		-moz-border-radius: 12px;
		-webkit-border-radius: 12px;
	}
    
/************ TOOLBAR ************/
    
    #toolbar li {
    	background: url(/images/knowledge/prim_btn_left.jpg) no-repeat bottom left;
    }
    
    #toolbar li a {
    	background: url(/images/knowledge/prim_btn_right.jpg) no-repeat bottom right;
    	color: #82a584;
    }
    
    #toolbar li a:hover {
    	color: #0d3f6f;
    }
    
    #toolbar li a.active {
    	background: url(/images/knowledge/prim_btn_left_active.jpg) no-repeat bottom left;
    	color: #fff;
    }
    
    #toolbar li a.active span {
    	background: url(/images/knowledge/prim_btn_right_active.jpg) no-repeat bottom right;
    }
    
/************ PRIMARY NAV ************/


/************ SEC NAV ************/

	#secNav {
		margin: 0;
		padding: 0;
		height: 20px;
		float: right;
	}
	
	#secNav li {
		float: left;
		padding: 5px 7px 0 0;
	}
	
	#secNav li a {
		display: block;
		padding: 2px 12px;
		background: #eee;
		border: 1px #ccc solid;
		border-bottom: none;
		-moz-border-radius-topleft: 6px;
		-moz-border-radius-topright: 6px;
		-webkit-border-radius-topleft: 6px;
		-webkit-border-radius-topright: 6px;
		font-size: 12px;
		text-decoration: none;
		font-weight: bold;
		color: #666;
	}
	
	#secNav li.active a,
	#secNav li.active a:hover {
		background: #d6d6d6;
		border: 1px #aaa solid;
		border-bottom-color: #d6d6d6;
		color: #369;
	}
	
	#secNav li a:hover {
		background: #c9e0f7;
		border-color: #a8c1d9;
		color: #369;
	}

/************ HEADER ************/

	#header {
		height: 99px;
	}

/************ SEARCH ************/

	#search_box {
		float:right;
		margin-top: 10px;
		width: 662px;
		height: 50px;
		background: url(/images/knowledge/search_bg.png) no-repeat;
		padding: 10px;
	}
	
	#search_box label {
		font: italic 16px "lucida sans", arial;;
		letter-spacing: -1px;
		color: #fff;
		margin: 0 0 5px 0;
		display: block;
	}
	#search_box #search{
		width: 561px;
		border-color: #c3875f;
		padding: 3px 6px;
	}
	
	#search_box .button,
	#frameMain dd input[type="submit"],
	#frameMain .filterBar input[type="submit"] {
		width: 77px;
		height: 32px;
		background: url(/images/knowledge/search.png) no-repeat;
		border: none;
		cursor: pointer;
		color: #fff;
		font: bold 14px arial;
	}
	
	#search_box .button:hover {
		background-position: bottom;
	}
  
	#search_box ul {
		margin: 0;
		padding: 0;
	}
	#search_box li {
		float: left;
		margin-right: 24px;
		font-size: 16px;
		color: #999;
	}
	
	#search_box li a {
		color: #f3c4ab;
		text-decoration: none;
		background-position: 0 2px;
		background-repeat: no-repeat;
		padding-left: 22px;
		font-weight: bold;
	}
	
	#search_box li a:hover {
		color: #fff;
	}
	
	#search_box #search_diagnostic 	{ background-image: url(/images/knowledge/icon_diag.png); }
	#search_box #search_spine 		{ background-image: url(/images/knowledge/icon_spin.png); }
	#search_box #search_faq 		{ background-image: url(/images/knowledge/icon_faq.png); }
	
/************ FRAMES ************/    
    
	#frameCol {
		padding: 25px 0 0 25px;
	} 
	
    #frameCol h2 {     
        background: url(/images/knowledge/tab_header.jpg) no-repeat left center;
        color: #fff;
		height: 25px;
        padding: 5px 15px;
        font-family: georgia;
    }
    
    #frameCol ul {
    	background: none;
    	margin: 0 0 15px 0;
    	padding: 0;
    }
    
    #frameCol li {
    	border-bottom: 1px #bbb dotted;
    }
    
    #frameCol li a {
        color: #999;
        font-size: 14px;
        padding-left: 35px;
        background: url(/images/knowledge/list.png) no-repeat 10px 8px;
        letter-spacing: 0;
    }
    
    #frameCol li a:hover {
        color: #000;
        border-left-color: #a13e12;
        padding-left: 32px;
        background: #fff url(/images/knowledge/list.png) no-repeat 7px 8px;
    }
    
    #frameMain {
    	padding: 25px 20px 40px 25px;
		width:650px;
    }
    
    #frameMain .question {
    	font: italic 16px "lucida sans";
    }
    
    /****** FAQ QUESTION BOX **********/
    
    #frameMain ul.faq {
    	margin: 15px 0;
    	padding: 10px 0 10px 20px;
    	border: 1px #fc6 solid;
    	-moz-border-radius-topleft: 14px;
    	-moz-border-radius-topright: 14px;
    	-webkit-border-radius-topleft: 14px;
    	-webkit-border-radius-topright: 14px;
    	-moz-border-radius-bottomleft: 14px;
    	-moz-border-radius-bottomright: 14px;
    	-webkit-border-radius-bottomleft: 14px;
    	-webkit-border-radius-bottomright: 14px;
    	background: #ffc;
    }
    
    #frameMain div.similar {
    	padding-top: 50px;
    	background: url(/images/knowledge/similar_questions.png) no-repeat;
    	margin: 15px 0 0 0;
    }
    
    #frameMain div.similar ul.faq {
    	margin: 0;
    	padding: 0 0 10px 20px;
    	-moz-border-radius: 0;
    	-webkit-border-radius: 0;
    	-moz-border-radius-bottomleft: 14px;
    	-moz-border-radius-bottomright: 14px;
    	-webkit-border-radius-bottomleft: 14px;
    	-webkit-border-radius-bottomright: 14px;
    	border: 1px #fc6 solid;
    	
    	border-top: none;
    }
    
    #frameMain ul.faq li {
    	background: url(/images/knowledge/list_faq.png) no-repeat 0 4px;
    	padding: 0 15px 0 24px;
    	line-height: normal;
    	font-size: 13px;
    }
    
    #frameMain ul.faq li a {
    	color: #5c7d9e;
    	margin: 0;
    	padding: 4px 0;
    	display: block;
    }
    
    #frameMain ul.faq li a:hover {
    	color: #900;
    }    
    
    #frameMain ul.faq li.more {
    	background: none;
    	text-align: right;
    }
    
    #frameMain ul.faq li.more a {
    	display: inline;
    	color: #666;
    	padding-bottom: 0;
    	text-decoration: none;
    	font-weight: bold;
    }
    
    #frameMain ul.faq li.more a:hover {
    	color: #900;
    }

    #frameMain .faqForm {
    	height: 50px;
    	background: url(/images/knowledge/ask_box.png) no-repeat;
    	padding: 18px 0 0 180px;
    }
    
    #frameMain .faqForm input[type="text"] {
    	width: 360px;
    	height: 18px;
    	border-color: #C3875F;
    	font-size: 14px;
    }
    
    #frameMain .faqForm input[type="submit"] {
		background: url(/images/knowledge/ask_btn.png) no-repeat;
		color:#fff;
		cursor:pointer;
		font: bold 14px arial;
		height:32px;
		line-height:normal;
		width:77px;
		border: none;
		margin: -3px 0 0 0;
		position: absolute;
    }
    
    #frameMain .faqForm input[type="submit"]:hover {
    	background-position: center bottom;
    }
    
    #frameMain .faqForm .error {
    	color: #fff;
    	font-size: 14px;
    	position: absolute;
    	margin-top: 27px;
    	width: 340px;
    	padding: 0 8px 2px 28px;
    	-moz-border-radius-bottomleft: 10px;
    	-moz-border-radius-bottomright: 10px;
    	-webkit-border-radius-bottomleft: 10px;
    	-webkit-border-radius-bottomright: 10px;
    	background: #900 url(/images/knowledge/error.png) no-repeat 7px 5px;
    }
    /******** PAGINATION *******/
    
    #frameMain .pagination {
    	height: 50px;
    	background: url(/images/knowledge/pagination.png) no-repeat;
    	padding: 18px 10px 0 10px;
    	text-align: right;
    	color: #fff;
    	font-size: 12px;
    	font-weight: bold;
    }
    
    /******** DL DT DD *******/
    
    #frameMain dl {
    	margin: 30px 0 0 0;
    }
    
    #frameMain dt, #frameMain dd {
    	margin: 0;
    	padding: 0;
    	height: 45px;
    	float: left;
    }
    
    #frameMain dt {
    	width: 150px;
    	font-size: 14px;
    	font-weight: bold;
    }
    
    #frameMain dd,
    #frameMain dd input[type="text"],
    #frameMain dd textarea {
    	width: 300px;
    }
    
    #frameMain dd label {
    	font-size: 14px;
    }

    /******** TABLE ********/
    
    #frameMain table {
    	padding: 0;
    	margin: 0;
    	border: 1px #ccc solid;
    	border-collapse: collapse;
    }
    
    #frameMain th {
    	width: 33%;
    	background: #ddd;
    	font-size: 14px;
    	border-bottom: 1px #ccc solid;
    }
    
    #frameMain td {
    	width: 33%;
    	font-size: 14px;
    	background: #fff;
    	border-right: 1px #ccc solid;
    }
    
    #frameMain td p {
    	padding: 0 0 0 25px;
    	margin: 0 0 12px 0;
    	line-height: normal;
    	background: url(/images/knowledge/bullet_black.png) no-repeat 0 1px;
    }
    
    #frameMain td p .term {
    	font-weight: normal;
    	color: #A13806;
    	border: none;
    }
    
    /******** FILTER BAR *********/
    
    #frameMain .filterBar,
    #frameMain .filterBar td {
    	border: none;
    	font-weight: bold;
    	background: none;
    }
    
    #frameMain .filterBar input,
    #frameMain .filterBar select {
    	font-size: 14px;
    	width: 100%;
    	display: block;
    	font-weight: normal;
    }
    
    #frameMain .filterBar input[type="submit"]{
    	margin: 20px 0 0 15px;
    }

    /***** GLOSSARY *******/
    
    #frameMain .glossary {
    	margin-top: 10px;
    }
    #frameMain .glossary table {
    	border: none;
    }
    #frameMain .glossary  td {
    	background: none;
    	padding: 0;
    	border: none;
    }
    
    #frameMain .glossary ul {
    	width: 175px;
    	float: left;
    	margin: 0 15px 15px 0;
    	padding: 10px;
    	border: 1px #ccc solid;
    	-moz-border-radius: 12px;
    	-webkit-border-radius: 12px;
    	background: #fff url(/images/knowledge/glossary_bg.png) repeat-x;
    	font-size: 13px;
    }
    
    #frameMain .glossary h3 {
    	margin: 0;
    }
    
    #frameMain .glossary ul li {
    	background: url(/images/knowledge/bullet_black.png) no-repeat -3px 4px;
    	padding: 0 0 0 15px;
    }
    
    #conditionsListing {
        margin: 0px;
        padding: 0 0 0 0px;
    }
    
    #conditionsListing li {
        padding: 0 0 25px 0;
        margin: 0 0 25px 0px;
        border-bottom: 0px #999 solid;
        /*background: url(/images/listing_icon.png) no-repeat;*/
        background: url(/images/knowledge/condition_listing.png) repeat-x;;
        list-style: none;
    }
    
    /******** BANNERS ***********/
    
    #frameMain a.banner {
    	width: 310px;
    	height: 258px;
    	float: left;
    	margin-top: 7px;
    }
    
    #frameMain a.banner {
    	background-position: left top;
    }
    
    #frameMain a.banner:hover {
    	background-position: right top;
    }
    
    #frameMain a.bannerCol {
    	margin-right: 30px;
    }
    
    #banner_biscup 		{ background-image: url(/images/knowledge/ad_biscup.png); }
    #banner_mri 		{ background-image: url(/images/knowledge/ad_mri.png); }
    #banner_diagnostic 	{ background-image: url(/images/knowledge/ad_diagnostic.png); }
    #banner_spine 		{ background-image: url(/images/knowledge/ad_spine.png); }


	#jCaptureTrigger { 
		display: block;
		width: 293px;
		height: 45px;
		background: url(/images/knowledge/sd_btn.png) no-repeat bottom;
	}
	
	#jCaptureTrigger:hover {
		background-position: top;	
	}
	
/************ CONDITIONS LISTING ************/
    
    #conditionsListing li p {
        margin: 0 15px 0 55px;
    }
    
    #conditionsListing h2 {
        font-size: 22px;
        margin: 0px;
    }
    
    #conditionsListing h2 a {
        padding: 8px 0 10px 55px;
        background: url(/images/listing_icon.png) no-repeat 5px 5px;
        display: block;
        text-decoration: none;
    }
    
    #conditionsListing .aka{
        font-size:12px;
        color:#999;
        line-height: normal;
        margin-bottom: 20px;
    }
    
    #conditionsListing span {
        display: block;
    }
    
    #conditionsListing p.buttons{
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #conditionsListing p.buttons a{
        float:left;
        text-decoration:none;
        text-transform:uppercase;
        display:block;
        border:1px solid #eee;
        margin-right:10px;
        font-size:12px;
        padding:2px 10px;
        background-color:#d4d4d4;
    }    
    
/************ BOXES ************/

    #boxes .boxFrame {
        background: url(/images/knowledge/box.png) no-repeat center;
    }
    
    #boxes h2 {
        color: #813227;
    }    
    
    #boxes p {
        color: #585858;
    }
     
     #boxes .boxButton a {
         background: url(/images/knowledge/box_button.jpg) no-repeat top;
     }
    
     #boxes .boxButton a:hover {
         background: url(/images/knowledge/box_button.jpg) no-repeat bottom;
     }
           
/************ FOOTER ************/       
       
    #footer {
        color: #c2a29d;
    }
    
    #footer ul {
        color: #81413a;
    }
       
    #footer a {
        color: #a13806;
    }
    
    #footer a:hover {
        color: #000;
    }
		
		
/*************** TABLE STUFF *********************/

.treatment_tab td {
	border-bottom:1px dotted #ccc;
	width:66% !important;
}

.treatment_tab td.left_col {
	width:33% !important;
}