﻿@charset "utf-8";
html { overflow-y: scroll; }
body { margin:0; padding:0; font-family:Tahoma; font-size:12px; color:#000000; background:#6D6760 url("images/common/BodyBkg.png") repeat-x 0px 0px; }
body.IE6 { behavior:url("csshover.htc"); }

.PageTitle { color:#5F9BAF; font-size:18px; font-weight:normal; margin:0 0 10px 0; padding:0; }
.FullTitle { font-size:0; height:0; margin:0; padding:0; visibility:hidden; }
img { border:0; }
a:focus { text-decoration:underline; }

#tab-video ul, #tab-transcript ul, #textBody ul, #tab-video ol, #tab-transcript ol, #textBody ol { padding-left:20px; }
#tab-video ul li, #tab-transcript ul li, #textBody ul li { list-style:circle url("images/common/Bullet.gif") outside; margin:0 0 .5em 0; }
#tab-video ol li, #tab-transcript ol li, #textBody ol li { margin:0 0 .5em 0; }

/* Framework */
#container { margin:0 auto; padding-bottom:10px; width:997px; }

/* Header */
#topNav { height:26px; }
#headerContent { background:transparent url("images/common/StoneCap.png") no-repeat 0px 0px; height:112px; padding:60px 24px 0 24px; position:relative; }
body.IE6 #headerContent { background-image:url("images/common/StoneCap.gif"); }
#headerWrapper { background:transparent url("images/common/StoneHeaderMain.jpg") no-repeat 0px 0px; height:112px; }
#logo { height:83px; left:45px; margin:0; position:absolute; top:79px; width:283px; }
#logo a { background:transparent url("images/common/Logo.png") no-repeat top left; display:block; height:83px; text-indent:-10000px; width:283px; }
body.IE6 #logo a { background-image:url("images/common/Logo.gif"); }
#title { background:transparent url("images/common/BackOnTrack.png") no-repeat top left; height:11px; margin:0; position:absolute; right:29px; text-indent:-10000px; top:22px; width:124px; }
body.IE6 #title { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src="/App_Themes/LowerBackPainAtoZ/images/common/BackOnTrack.png"); }

#randomImgContainer { position:absolute; top:68px; left:338px; }
#randomImgContainer div { background-color:transparent; background-repeat:no-repeat; background-position:0 0; border:1px solid #C4B2A2; display:inline-block; height:89px; vertical-align:top; width:194px; }
.IE7 #randomImgContainer div, .IE6 #randomImgContainer div { display:block; float:left; }

/* Body */
#contentContainer { background:transparent url("images/common/contentBG.gif") repeat-y 1px 0px; margin-left:24px; width:949px; }
#mainNav { float:left; width:180px; }
#mainNavFooter { background:transparent url("images/common/navFooter.jpg") no-repeat 1px 0px; height:60px; width:179px; }
#contentFull { background-color:#FFF; float:left; min-height:570px; padding:20px; position:relative; width:729px; }
body.IE6 #contentFull { height:570px; width:728px; }
#contentWBar { float:left; min-height:520px; padding:20px; position:relative; width:455px; }
#contentBar { background:transparent url("images/common/barBG.gif") no-repeat 0 0; height:auto !important; height: 259px; float:left; min-height:259px; width:273px; }

/* Footer */
#footer { margin:0 25px; padding:0; width:949px; }
#copyright { background:transparent url("images/common/CEMMLogo.gif") no-repeat 0 0; color:#FFFFFF; display:inline-block; float:right; font-family:Verdana; font-size:10px; line-height:14px; margin:17px 0 0 0; padding:0 0 0 105px; }

/**************************************** Navigation ****************************************/
/* Level 1 */
#mainNav ul { clear:both; list-style:none; margin:0; padding:0; }
#mainNav ul.L1CMSListMenuUL li { background:transparent url("images/common/NavigationBkg.gif") no-repeat 0px 0px; }
#mainNav ul.L1CMSListMenuUL a { background:transparent url("images/common/NavigationBkg.gif") no-repeat 0px  0px; color:#146c7a; display:block; font-size:11px; margin:0 1px 0 1px; padding:8px 5px 8px 17px; text-decoration:none; width:156px; }
#mainNav ul.L1CMSListMenuUL a:hover, #mainNav ul.L1CMSListMenuUL a:focus { color:#2d2b28; }
#mainNav ul.L1CMSListMenuUL a.L1CMSListMenuLinkHighlighted { font-weight:bold; }

/* Level 2 */
#mainNav ul.L2CMSListMenuUL { background-color:#5f9baf; border-top:1px solid #428399; border-bottom:1px solid #428399; margin:0 1px 0 1px; padding-bottom:5px; }
#mainNav ul.L2CMSListMenuUL li { background:none; padding:1px 0px; }
#mainNav ul.L2CMSListMenuUL a { background:none; color:#FFF; display:block; font-family:Verdana; font-size:10px; font-weight:bold; padding:5px 12px; margin:0; text-decoration:none; width:155px; }
#mainNav ul.L2CMSListMenuUL a:hover, #mainNav ul.L2CMSListMenuUL a:focus { color:#aceefa; }
#mainNav ul.L2CMSListMenuUL a.L2CMSListMenuLinkHighlighted { color:#aceefa; }

/* Level 3 */
#mainNav ul.L3CMSListMenuUL { background:#428399; }
#mainNav ul.L3CMSListMenuUL a { color:#FFFFFF; display:block; font-size:10px; font-weight:normal; padding:3px 12px; }
#mainNav ul.L3CMSListMenuUL a:hover, #mainNav ul.L3CMSListMenuUL a:focus { color:#aceefa; }
#mainNav ul.L3CMSListMenuUL a.L3CMSListMenuLinkHighlighted { color:#aceefa; }

/* Top Nav */
#topNav ul      { float:right; list-style:none; margin:8px 10px 0 0; padding:0; display:inline; }
#topNav li      { float:left; padding:0 9px 2px 9px; border-right:solid 1px #fdecc7; line-height:7px; }
#topNav li.CMSListMenuLILast, #topNav li.CMSListMenuHighlightedLILast { border:none; padding-right:0; }
#topNav a       { font-family:Verdana; font-size:10px; color:#fdecc7; text-decoration:none; }
#topNav a:hover, #topNav a:focus { color:#FFFFFF; }

/*------------------- Bottom Nav -------------------*/
.BottomNavTitle { display:none; }
#bottomNavList { float:left; margin:17px 0 0 0; width:500px; }
#bottomNavList ul { list-style:none; margin:0; padding:0; }
#bottomNavList li { border-right:solid 1px #FFF; float:left; line-height:9px; padding:0 9px 2px 9px; }
#bottomNavList li.CMSListMenuLIFirst { padding-left:0px; }
#bottomNavList li.CMSListMenuLILast, #bottomNavList li.CMSListMenuHighlightedLILast { border:none; padding-right:0; }
#bottomNavList a { color:#FFF; font-family:Verdana; font-size:10px; text-decoration:none; }
#bottomNavList a:hover { text-decoration:underline; }

/**************************************** Search ****************************************/
.searchBox { margin:12px 0 0 12px; }
.lblSearch { color:#FFF; display:block; font-size:11px; font-weight:bold; margin-bottom:5px; }
.txtSearch { background:transparent url("images/common/searchBG.gif") repeat-x; border-top:solid 1px #6D6F70; border-right:solid 1px #C6C6C7; border-bottom:solid 1px #D3D5D6; border-left:solid 1px #C9CBCC; height:18px; width:175px; }
.btnSearch { vertical-align:top; }

#search { height:89px; position:absolute; right:33px; top:68px; width:228px; }
.searchBox { margin:12px 0 0 12px; }
.lblSearch { color:#FFF; font-weight:bold; }
.txtSearch { background:transparent url("images/common/searchBG.gif") repeat-x; border-top:solid 1px #6D6F70; border-right:solid 1px #C6C6C7; border-bottom:solid 1px #D3D5D6; border-left:solid 1px #C9CBCC; float:left; height:18px; margin-top:20px; width:178px; }
.btnSearch { float:left; margin-top:20px; }

/* CEMM Library Search */
#searchBox { float:right; height:69px; margin:8px 8px 0 0; padding:10px 14px; width:201px; }

.searchBox { margin:12px 0 0 12px; }
.lblSearchBox { color:#FFF; display:block; font-size:11px; font-weight:bold; margin:0; }
.rblSearchBox { color:#FFF; font-size:11px; margin:0 0 3px 0; padding:0; width:201px; }
.rblSearchBox td { margin:0; padding:0; vertical-align:bottom; }
.rblSearchBox input { margin:0; padding:0; }
.rblSearchBox label { line-height:11px; padding:0 0 0 5px; }
.txtSearchBox { background:#fff url("images/common/searchBG.gif") repeat-x; border-top:solid 1px #6D6F70; border-right:solid 1px #C6C6C7; border-bottom:solid 1px #D3D5D6; border-left:solid 1px #C9CBCC; color:#333333; display:inline-block; font-size:11px; height:18px; line-height:18px; margin:0; vertical-align:top; width:168px; }
.txtSearchBox:hover, .txtSearchBox:focus { background-image:none; }
.btnSearchBox { background:transparent url("images/common/SearchBGSprite.gif") no-repeat 0 0; border:none; cursor:pointer; display:inline-block; height:22px; margin:0 0 0 -4px; text-indent:-10000px; vertical-align:top; width:29px; }
.IE7 .btnSearchBox, .IE6 .btnSearchBox { color:#92c5eb; font-size:0px; }
.btnSearchBox:hover, .btnSearchBox:focus { background-position:0 -22px; }
.chkPDF { color:#FFFFFF; float:right; font-size:11px; margin-top:-22px; }

body.IE7 .txtSearchBox, body.IE7 .btnSearchBox, body.IE6 .txtSearchBox, body.IE6 .btnSearchBox { margin-top:-18px; }
body.IE7 .rblSearchBox input, body.IE7 .rblSearchBox label, body.IE6 .rblSearchBox input, body.IE6 .rblSearchBox label { margin-top:-8px; }
body.IE7 .chkPDF, body.IE6 .chkPDF { margin-top:-24px; }
body.IE7 .sectionBox, body.IE6 .sectionBox { display:block; float:left; }
body.IE6 #searchBox { margin-right:5px; }

/***************************************/
/* Modal */
/***************************************/
.jqmWindow {
    display: none;
    position: fixed; top: 17%; left: 50%;
    width: 654px; margin-left: -300px; /*padding: 12px;
    border: 1px solid black; background-color: #FFFFFF;*/
}

.jqmOverlay { background-color: #000; }

/* Background iframe styling for IE6. Prevents ActiveX bleed-through (<select> form elements, etc.) */
* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;
	width: expression(this.parentNode.offsetWidth+'px');
	height: expression(this.parentNode.offsetHeight+'px');
}

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/**************************************************/
/* Grid Wrapper */
/**************************************************/
.gridwrapper {}

/* header styles */
.header { position:relative; color:#fff; }
.header .outer { background:url(images/dialog/top-right.png) right no-repeat; padding-right:6px; }
.header .inner { background:url(images/dialog/top-left.png) left no-repeat; padding-left:9px; }
.header .content { height:35px; background:url(images/dialog/top-mid.png) repeat-x; }
.header .content H2 { float:left; font-size:12pt; line-height: 11pt; font-weight:bold; color:#fff; padding-top:10px; margin:0; }
.header .content a.jqmClose {
    display:block; float:right; 
    width:35px; height:0;
    margin:4px 4px 0 0; padding-top:25px;
    overflow:hidden; display:inline;
    background:transparent url(images/dialog/close.png) no-repeat 0 0;
 }
 .header .content a.jqmClose:hover { background:transparent url(images/dialog/close.png) no-repeat 0 -25px; }

/* dialog body styles */
.body .outer { background:url(images/dialog/right.png) right repeat-y; padding-right:7px; }
.body .inner { background:url(images/dialog/left.png) left repeat-y; padding-left:7px; }
.body .content {}  

/* dialog footer styles */
.footer {}
.footer .outer { background:url(images/dialog/bottom-right.png) right top no-repeat; padding-right:9px; }
.footer .inner { background:url(images/dialog/bottom-left.png) left top no-repeat; padding-left:9px; }
.footer .content { height:7px; background:url(images/dialog/bottom-mid.png) repeat-x; }


/***************************************/
/* Content */
/***************************************/
#fontSizer { position:absolute; right:40px; top:8px; z-index:1000; }
#fontSizerTitle { color:#1c99d4; display:block; font-family:Tahoma; font-size:9px; }
.fontSizerSmaller, .fontSizerLarger { height:20px; display:inline-block; text-indent:-10000px; text-decoration:none; width:20px; }
.IE7 .fontSizerSmaller, .IE6 .fontSizerSmaller, 
.IE7 .fontSizerLarger, .IE6 .fontSizerLarger { display:block; float:left; }
.fontSizerSmaller { background:transparent url("images/common/minus.gif") no-repeat 0 0; margin-right:5px; }
.fontSizerLarger { background:transparent url("images/common/plus.gif") no-repeat 0 0; }

a.home { color:#d7e9a1; font-weight:bold; text-decoration:none; }
a.home:hover { text-decoration:underline; }
#tab-video { padding-top:40px; }
#videoThumb { margin-left:20px; }
#videoThumb a { display:block; }
#videoThumb .image { border-left:solid 1px #6d6760; }
#videoThumb .link { background:transparent url("images/common/iconVideo.gif") no-repeat 0 0; color:#DE4103; font-size:11px; text-decoration:none; padding:0 0 2px 22px; }
#videoThumb .link:hover, #videoThumb .link:focus { text-decoration:underline; }
#tab-transcript { padding-top:40px; }
.videoDescription { padding-right:16px; margin:16px 0 5px 0; }
#videoThumb .VideoImage { display:block; height:280px; text-indent:-10000px; width:420px; }


#homeTop { background:#5f9baf; color:#FFF; padding:15px 35px 20px 35px; }
#homeBottom { background:#5f9baf url("images/home/bottomBG.jpg") no-repeat 0 27px; height:441px; padding:0 0 0 8px; width:941px; }

/*div.sectionBox { display:block; float:left; margin:0 0 16px 27px; width:276px; }
body.IE6 div.sectionBox { margin-left:17px; }
.sectionBox h2 { background:transparent url("images/home/sectionHeaderBG.gif") no-repeat; color:#70112b; font-size:13px; font-weight:bold; margin:0; width:276px; }
.sectionBox a.sectionBoxH2Left { background:transparent url("images/common/sectionBoxPlayArrow.gif") no-repeat 257px 10px; display:block; height:21px; padding-top:6px; padding-left:19px; }
.sectionBox img.sectionBoxImage { border-right:solid 1px #c4b2a2; border-bottom:solid 1px #c4b2a2; border-left:solid 1px #c4b2a2; margin-left:1px; }
.sectionBox a { font-size:13px; font-weight:bold; color:#146c7a; text-decoration:none; }
.sectionBox a:hover, .sectionBox a:focus { text-decoration:underline; }*/

.sectionBox { background:transparent url("images/home/sectionHeaderBG.gif") no-repeat 0px 0px; display:block; float:left; margin:0 0 16px 27px; text-align:center; width:276px; }
.sectionBox h2 { height:27px; margin:0; padding:0; width:274px; }
.sectionBox h2 a { background:transparent url("images/common/sectionBoxPlayArrow.gif") no-repeat 263px 10px; color:#146C7A; display:block; font-size:13px; font-weight:bold; text-decoration:none; padding:5px 10px 6px 10px; text-align:left; width:254px; }
.sectionBox h2 a:hover { text-decoration:underline; }
.sectionBox p { margin:0; }
.sectionBox span { background-color:transparent; background-position:0 0; background-repeat:no-repeat; border-right:1px solid #c4b2a2; border-bottom:1px solid #c4b2a2; border-left:1px solid #c4b2a2; display:block; height:157px; margin-left:1px; text-indent:-10000px; width:273px; }


.viewFlash { margin-left:36px; }
#flashContent { background-color:#464646; }
html, body, #form1, #flashContent, #flashPresentation { height: 100%; }
#flashPresentation { width:100%; }

/* Box and related info */
.box .top { width:260px; height:4px; background:transparent url(images/common/boxTop.gif) no-repeat; }
.box .middle { width:253px; padding:1px 4px 1px 3px; background:transparent url(images/common/boxBG.gif) repeat-y; }
.box .bottom { width:260px; height:4px; background:transparent url(images/common/boxBottom.gif) no-repeat; }

.relatedInfo { margin:10px 0 8px 8px; }
.relatedInfo .middle h2
{
    margin:12px 8px; padding:0 0 9px 6px;
    font-size:11px; font-weight:bold; color:#000000;
    border-bottom:solid 1px #f3e9d9;
}
.relatedInfo .middle a { font-size:11px; color:#de4103; text-decoration:none; }
.relatedInfo .middle a:hover,.relatedInfo .middle a:focus { text-decoration:underline; }
.relatedInfo .middle li { list-style-image:url(images/common/bullet.gif); }

.pageImage { background:transparent url(images/sub/pageImageBG.gif) no-repeat 0 0; margin:12px 0px 0px 40px; }
.pageImage img { margin:4px 5px 0px 4px; border:none; width:185px; }
.pageImageBottom { background:transparent url(images/sub/pageImageBottom.gif) no-repeat 0 0; margin:-5px 0px 9px 40px; height: 9px; width: 193px; z-index:100;  }

#flashAudioContainer { margin:10px 0 5px 0px; }
#flashAudio { outline:none; }

/* Real Patient */
.realPatient { float:left; margin-bottom:25px; display:inline; }
.realPatient .image { float:left; }
.realPatient .summary { float:left; margin-left:14px; width:290px; font-family:Tahoma; font-size:12px; display:inline; }
.realPatient .summary h2 { font-family:Tahoma; font-size:12px; font-weight:bold; margin:0; }
.realPatient .quote { float:left; margin-top:10px; width:100%; font-family:Tahoma; font-size:11px; color:#9e005d; display:inline; }
#flashVideo { text-align:center; background:#ffffff; }

#pdfLink { margin:25px 0 0 12px; }
#pdfLink a { background: url(Images/Common/pdfBullet.gif) left top no-repeat; padding:12px 5px 25px 40px; text-decoration:none; color:#1997cb; font-weight:bold; outline-style:none; }
#pdfLink a:hover, #pdfLink a:focus { text-decoration:underline; }

/******************************** Tips ********************************/
.tip { background:transparent url("images/sub/pageImageBG.gif") no-repeat 0 0; font-family:Georgia; font-size:14px; height:100%; margin:12px 0px 0px 40px; overflow:hidden; padding:5px 0 1px 5px; }
.tip { _overflow:visible; }

.tip img { width:183px; }
.tipMain { background-color:#FCF2E1; float:left; color:#634d38; margin-top:-3px; padding:0 18px 0 18px; width:147px; }
.tipMain { _padding-bottom:35px; }
.tipHeader { color:#5F9BAF; font-weight:bold; font-size:16px; }
h3.tipHeader { background-position:top center; background-repeat:no-repeat; margin-top:0; margin-bottom:10px; padding-top:148px; }
.tipBody { margin-top:10px; padding:0 0 30px 0px; }

/* Clear Fix ------------------------------------------------------------------------- */
#contentContainer:after, #contentFull:after, #contentWBar:after, .relatedInfo ul:after, #footer:after { content:"."; clear:both; display:block; height:0; visibility:hidden; }
#contentContainer, #contentFull, #contentWBar, .relatedInfo ul, #footer { zoom:1; }

#contentBar ul li { list-style-image:url("images/common/BulletColumn.gif"); }


/* Resource Center */
#textBody ul.ResourceCenter { margin:0; padding:0; }
#textBody ul.ResourceCenter li { display:inline-block; list-style:none none outside; margin:10px; padding:0; vertical-align:top; width:200px; }
.IE7 #textBody ul.ResourceCenter li, .IE6 #textBody ul.ResourceCenter li { display:block; float:left; }
