@charset "utf-8";

/* CSS Document */





/* --- Main ---------------------------------------------------------------------------------------------------------------------------------------------------- */

body{margin:0; padding:0; font:14px Arial, Helvetica, sans-serif; color:#313131; background:#282D33 url(../images/bkgd-main.jpg) repeat;}

.hiddenImage{position:absolute; top:0; left:0; width:200px; height:100px;}

#clear, .clear{clear:both; height:0; margin:0; padding:0;}

#left, .left{float:left; margin:3px 15px -5px 0;}

.onlyLeft{float:left;}

#right, .right{float:right;}

h1, h2, h3, h4, h5{margin:0; padding:0;}

h1{color:#f48466; font-size:36px; line-height:36px;}

h2{color:#f48466; font-size:18px; background:url(../images/tilde.jpg) no-repeat 0 3px; padding-left:14px;}

h3{color:#f48466; font-size:18px;}

h4{color:#00467f; font-size:24px; line-height:26px;}

h5{color:#f48466; font-size:14px;}

.small{color:#f48466; font-size:24px;}

.large{font-size:18px; line-height:22px;}

a:hover{color:#D8684A;}

img{border:0;}

p{margin:16px 0;}

#breadcrumbs, #breadcrumbs a{font-weight:bold; color:#00467F; font-size:11px; text-decoration:none; margin-bottom:15px;}

#breadcrumbs a:hover{text-decoration:underline;}

a{color:#0006ff; font-weight:bold; text-decoration:none;}

.validator{color:red; padding-left:5px;}

#line, .line{clear:both; background:#333; height:1px; width:100%; margin:25px 0; padding:0;}

.series{width:100%; margin-bottom:10px; clear:both;}

.caption{font-weight:bold; font-size:12px; text-align:center;}

.hotel{float:left; margin:4px 10px 20px 0; border:1px solid #2B3036;}

.mapBoxes{float:left; margin-top:3px;}

.number{font-weight:bold; color:#030;}

.numberImg{float:left; margin:3px 20px 20px 0; border:1px solid #CCC;}

.socialmedia{margin:50px 15px 0 15px; position:absolute; right:0; z-index:50;}

.searchSite{position:absolute; right:18px; top:15px; padding:0; margin:0; z-index:50;}

.searchInput{position:absolute; top:2px; padding:5px; margin:0; left:34px; background:#E6DBCA;}

#interactive{position:absolute; top:305px; left:400px;}

.interactiveRight{float:right; padding:10px; border:1px solid #2F343A; margin:0 0 15px 15px;}

#chapterArrows{border-top:1px solid #CCC; padding:15px 0;}





/* --- Layout -------------------------------------------------------------------------------------------------------------------------------------------------- */

#container{position:relative; margin:0 auto; width:959px;}

#content{position:relative; line-height:20px; margin:0; padding:15px 15px 0 0px; background:#FFF url(../images/bkgd-content.jpg) repeat-y;}

#contentShadow{background:url(../images/bkgd-shadow-content.png) repeat-x; height:20px; margin:-15px -15px 0 -15px;}

.contentWrapper{width:929px; padding-left:15px;}

#columnBoth{padding:25px 45px 10px 45px;}

#columnLeft{float:left; width:272px; padding:25px 45px 10px 45px; font-weight:bold; font-size:12px;}

.columnLeft{float:left; width:272px; padding:25px 45px 10px 45px; font-weight:bold; font-size:12px;}

#columnLeft img.botPadding{padding-bottom:15px;}

#columnLeft.wider{width:800px; text-align:left; font-weight:normal;}



#columnLeft ul{border:1px solid #2C3135; width:270px; background:#E6644E; list-style:none; padding:0; display:block;}

#columnLeft ul ul{border:0; background:#eb7662;}

#columnLeft ul ul li a{padding:0 5px 0 25px;}

#columnLeft ul li{display:block; border-bottom:1px solid #ed8e7e;}

#columnLeft ul li.last{display:block; border-bottom:0;}

#columnLeft ul li a{display:block; color:#fff; padding:0 10px;}

#columnLeft ul li a:hover{background:#024981;}

ol.chapters{line-height:20px; font-weight:bold; padding-left:25px;}



#columnRight{float:right; width:505px; padding:25px 45px 10px 0;}

.columnRight{float:right; width:505px; padding:25px 45px 10px 0;}

#columnLeft p, #columnRight p{margin-top:0;}

#columnLeftSmall{float:left; width:390px; padding:0 25px 10px 45px;}

#columnLeftSmall p, #columnRightSmall p{margin:0 0 15px 0; padding-left:15px;}

#columnRightSmall{float:right; width:390px; padding:0 45px 10px 0;}

.columnRightSmall{float:right; width:390px; padding:0 45px 10px 0;}

#concierge{margin:0 55px 45px 55px;}

#privacyPage{float:left;  padding:0px 45px 10px 45px;}



#callToAction{margin:0 auto; width:480px; min-height:63px; background:url(../images/phone.jpg) no-repeat; padding-left:78px; font-size:18px; font-weight:bold;}

#callToAction.home{padding-bottom:30px;}

#callToAction p, .callToActionLarge{margin:0; color:#00467f;}

.callToActionLarge{font-size:34px; line-height:37px;}





/* --- Home Page (index.php) ----------------------------------------------------------------------------------------------------------------------------------- */

#homeTriple{position:absolute; top:204px; width:250px; font-weight:bold; font-size:16px; color:#00467f;}

#homeTriple ul{margin:0; padding-left:20px; list-style:url(../images/bullet.jpg); font-size:14px;}

#homeTriple ul a{text-decoration:none; color:#0018ff;}

#homeTriple ul a:hover{color:#D8684A;}

.first{left:20px; z-index:50;}

.second{left:340px; z-index:50;}

.third{left:665px; z-index:50;}



#ie6Fix{margin:0; width:900px; height:255px;}

.homeRightBkgd{position:absolute; right:63px; top:253px;}

.head{position:absolute; right:63px; top:352px; z-index:200; height:48px; width:92px;}

.homeLargeButtons{position:absolute; left:0; top:0; z-index:5; margin:0; width:960px; height:300px;}

.callToActionPhoneHome{float:left; margin:2px 0 0 25px; text-align:center;}



#homeColumnLeft{padding-top:15px; width:590px; margin:88px 0 0 15px;}

#homeColumnRight, #homeColumnRightRSS, #homeColumnRightLibrary{position:absolute; top:288px; right:0; padding:159px 25px 0 25px; width:261px; height:526px; color:#fcfcfc; line-height:17px; 

	background:url(../images/dr-gary-kraus.png) no-repeat;}

#homeColumnRightRSS{background:url(../images/rss.png) no-repeat; height:115px; padding-top:90px; width:261px; top:970px;}

.rss{width:260px; height:90px;}

.rssLink{position:absolute; top:15px; height:60px; width:260px;}

#homeColumnRight a{color:#fff; text-decoration:underline;}

#homeColumnRight a:hover{color:#D8684A;}

#homeColumnRightRSS img{position:absolute; left:15px; top:13px; width:281px; height:69px;}

#homeColumnRightLibrary{background:none; height:115px; padding:0; top:1167px; right:50px;}



#homeCallOutBox{background:#F58466 url(../images/bkgd-calltoActionBox.jpg); font-size:13px; position:absolute; top:305px; left:490px; width:122px; height:82px; 

	text-align:center; font-weight:bold; padding:5px; line-height:normal;}

#homeCallOutBox a{color:#fff;}

#homeCallOutBox a:hover{color:#00467F;}

#newsletter{float:right; width:133px; height:55px; border:1px solid #999; padding:10px 5px; background:#D9684A url(../images/bkgd-calltoActionBox.jpg) repeat-x;}



.slideshow{width:959px; height:275px; margin:-348px 0 0 -15px;}





/* --- Banner and Menu ----------------------------------------------------------------------------------------------------------------------------------------- */

#header{margin:15px 0 0 0;}

#banner{width:959px; height:275px; position:relative;}

#menu{height:58px; position:relative; z-index:10;} 

#menu ul{list-style:none; display:inline-block; margin:0; padding:0;}

#menu ul li{display:inline-block; margin:0; padding:0; float:left;}

.rollover{position:absolute; top:1px;}

.rolloverButton{position:absolute; height:58px; top:0;}



#dropdownColumns{float:left; width:215px;}



#dropSurgical, #dropNonSurgical, #dropPain, #dropConditions{position:absolute; z-index:100; margin:0; padding:30px 0 10px 0; top:333px; visibility:hidden;}

#dropSurgical{background:url(../images/bkgd-drop-surgical.png) no-repeat; left:159px; height:267px;}

#dropNonSurgical{background:url(../images/bkgd-drop-non-surgical.png) no-repeat; left:245px; height:153px;}

#dropPain{background:url(../images/bkgd-drop-pain.png) no-repeat; left:333px; height:183px;}

#dropConditions{background:url(../images/bkgd-drop-conditions.png) no-repeat; left:420px; height:314px;}



#dropSurgical ul, #dropNonSurgical ul, #dropPain ul, #dropConditions ul{font-size:13px; margin:0; padding-left:15px; font-weight:bold; color:#5fb7ff; list-style:disc;}

#dropSurgical ul a, #dropNonSurgical ul a, #dropPain ul a, #dropConditions ul a{font-size:12px; color:#addaff; text-decoration:none;}

#dropSurgical ul a:hover, #dropNonSurgical ul a:hover, #dropPain ul a:hover, #dropConditions ul a:hover{color:#5fb7ff;}



#dropdownLeft{float:left; padding-right:15px; width:212px;}

#dropdownRight{float:left; padding-right:25px; width:202px;}





/* --- Form ---------------------------------------------------------------------------------------------------------------------------------------------------- */

form{width:380px;}

.formTitle{float:left; width:150px; font-weight:bold; padding:1px 0; margin:4px 0;}

.formInput, .formSubmit{float:left; vertical-align:top; padding:4px; margin:4px 0;}

.formSubmit{clear:both; margin:10px 0 15px 150px; width:80px; background:#CCC; font-weight:bold;}

textarea, input, select{border:1px solid #999999; margin:0; padding:2px 0; color:#666666; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}

.checkbox{margin-left:20px; border:0;}



.getStarted{border:2px solid #999999; margin:30px 0 30px 25px; padding:8px; width:300px; background:#F48365; color:#034579; font-size:20px; font-weight:bold;}

.questionDiv{position:absolute; float:left; }

.answer{margin:10px 10px 0 20px; border:0;}

.getPrognosis{margin:10px 10px 0 20px;}





/* --- Admin ---------------------------------------------------------------------------------------------------------------------------------------------------- */

.tableHeader{font-weight:bold; font-size:18px; background:#999; height:30px; border-bottom:1px solid #000; margin-bottom:10px;}

.tableRowName{font-weight:bold;}

.tableImg{padding-top:4px;}

.hrAdmin{margin:15px 0;}





/* --- Footer -------------------------------------------------------------------------------------------------------------------------------------------------- */

#footer{clear:both; color:#5fb7ff; margin:0 auto; margin-bottom:0; padding:50px 8px 30px 9px; background:#00050F url(../images/bkgd-footer.jpg) no-repeat; 

	width:942px; text-align:center; font-weight:bold; position:relative;}

#footer ul{padding-left:15px; color:#addaff; margin:0;}

#footer a{font-size:12px; color:#addaff; text-decoration:none;}

#footer a:hover{color:#5fb7ff;}

#footerMag{color:#2C3137; margin:-1px 24px 0 0; float:right;}

#footer a.mag{color:#004781;}

#footer a.mag:hover{color:#F58466;}



#footerMid{margin-top:20px; font-size:13px; color:#fffefe; font-weight:normal; height:195px;}

#footerMid a{color:#f48466; text-decoration:none; font-weight:bold; padding-left:8px;}

#footerMid a:hover{color:#f48466; text-decoration:underline;}

#footerAddressWestHouston, #footerAddressNorthwest, #footerAddressWestUniversity, #footerAddressMemorial, #footerAddressHumble, #footerAddressWoodlands{ position: absolute; top: 200px; }

#footerAddressWestHouston{left:50px;}

#footerAddressNorthwest{ left: 500px; }

#footerAddressWestUniversity{left:700px;}

#footerAddressMemorial{top:300px; left:50px;}

#footerAddressHumble{top:300px; left:700px;}

#footerAddressSugarland {position:absolute; top:300px; left: 380px;}

#footerAddressWoodlands { left: 280px}



#footerBot{text-align:left;}

.footerLine{clear:both; margin:30px 0;}

#footerSpacing{clear:both; padding-top:40px;}



#footerColumn{float:left; width:207px; padding-right:40px;}

#footerColumnSmall{float:left; width:190px; padding-left:10px;}

#footerColumnSmall ul{color:#5fb7ff;}

#footerColumnSmall ul a{color:#5fb7ff;}

#footerColumnSmall ul a:hover{color:#addaff;}



#footerSub{margin-top:-20px;}

#footerSub a{color:#fffefe; margin-top:-100px; padding:0 10px; font-size:12px; text-decoration:none;}

#footerSub a:hover{color:#fffefe; text-decoration:underline;}





/* --- Tabbed Panel -------------------------------------------------------------------------------------------------------------------------------------------- */

.TabbedPanels{margin:20px 0; padding:0;}

.TabbedPanelsTabGroup{margin:0; padding:0;}



.TabbedPanelsTab, .TabbedPanelsTabLast{position:relative; float:left; font-weight:bold; color:#fff; margin:0; text-align:center; list-style:none; cursor:pointer; 

	background:#DA6843; -moz-user-select:none; -khtml-user-select:none; padding:8px 10px; border-top:1px solid #333; border-left:1px solid #333;}

.TabbedPanelsTabLast{border-right:1px solid #333;}

.TabbedPanelsTabHover, .TabbedPanelsTabSelected{background:#336C99;}



.TabbedPanelsContentGroup{clear:both; background:#e8e8e8; border:1px solid #333; padding:25px;}



.tabLeft{float:left; width:300px;}

.tabRight{float:left; width:450px;}





/* --- Accordion and Collapsible Panel ------------------------------------------------------------------------------------------------------------------------- */

.Accordion{border-right:1px solid #000; border-bottom:1px solid #000; border-left:1px solid #000; overflow:hidden; margin:15px 0; font-size:14px; line-height:normal;}

.AccordionPanel{margin:0; padding:0;}

.AccordionPanelTab{border-top:1px solid #000; background:#DA6843; font-weight:bold; color:#fff; margin:0; padding:3px 6px; cursor:pointer; -moz-user-select:none; -khtml-user-select:none;}

.AccordionPanelContent{margin:0; padding:5px 15px; overflow:auto;}

.AccordionPanelOpen .AccordionPanelTab, .AccordionPanelTabHover, .AccordionPanelOpen .AccordionPanelTabHover{background:#336C99;}

.CollapsiblePanelTab{cursor:pointer;}





/* --- Lightbox ------------------------------------------------------------------------------------------------------------------------------------------------ */

#lightbox{position:absolute; left:0; width:100%; z-index:100; text-align:center; line-height:0;}

#lightbox img{width:auto; height:auto;}

#lightbox a img{border:none;}



#outerImageContainer{position:relative; background:#fff; width:250px; height:250px; margin:0 auto;}

#imageContainer{padding:10px;}



#loading{position:absolute; top:40%; left:0%; height:25%; width:100%; text-align:center; line-height:0;}

#hoverNav{position:absolute; top:0; left:0; height:100%; width:100%; z-index:10; }

#imageContainer>#hoverNav{left:0;}

#hoverNav a{outline:none;}



#prevLink, #nextLink{width:49%; height:100%; background-image:url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display:block;}

#prevLink{left:0; float:left;}

#nextLink{right:0; float:right;}

#prevLink:hover, #prevLink:visited:hover{background:url(../lightbox/images/prevlabel.gif) left 15% no-repeat;}

#nextLink:hover, #nextLink:visited:hover{background:url(../lightbox/images/nextlabel.gif) right 15% no-repeat;}



#imageDataContainer{font:10px Verdana, Helvetica, sans-serif; background:#fff; margin:0 auto; line-height:1.4em; overflow:auto; width:100%;}



#imageData{padding:0 10px; color:#666;}

#imageData #imageDetails{width:70%; float:left; text-align:left;}

#imageData #caption{font-weight:bold;}

#imageData #numberDisplay{display:block; clear:left; padding-bottom:1.0em;}

#imageData #bottomNavClose{width:66px; float:right; padding-bottom:0.7em; outline:none;}	 	



#overlay{position:absolute; top:0; left:0; z-index:90; width:100%; height:500px; background:#000;}