/* Cju v2 1024x800 Updated: Fri 07.18.09 @ 4 p.m. Author: Chris ----------------------------------------------------*/ /* COLORS Magenta: #e3236c Main Text: # Links: # Dark Brown Border: # lightgrey: #dedede */ /* SIDEBAR SIDEBARRIGHT SIDEBAR FORMS TABLES FOOTER */ /* RESET */ html{overflow-y:scroll;} html, body { height:100%; } a { text-decoration:none; outline:none; } a img { border:none; } body { background:#fff;background-image:url(images/layout/cju-header-bg.png); background-position:top left; background-repeat:repeat-x; height:100%; margin:0; padding:0; text-align:center; } a, a:hover { cursor:pointer; } textarea{overflow:auto;} #mobar,#m-bar{ display:none;} #mobile-menu{ display:none;} .mobile-menu-btn{ display:none;} .mobile-login-btn{ display:none;} .mobile-login-btn img{ display:none;} /* ************************* END RESET ******************** */ /* UTILITY */ #maincontent #full .magenta{color:#e3236c;} .soon { margin:150px auto; width:200px; } .clear { clear:both; } .bold { font-weight:bold; } .normal{ font-weight:normal;} .italic { font-style:italic; } .bold-ob { font-style: oblique; font-weight: bold; } .uppercase{ text-transform: uppercase; } .caps{ text-transform: capitalize; } .line { background-color: #999999; display: block; height: 7px; width: 60px; } .linewrap { border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #999; } #wrap { margin: 0 auto; text-align:left; position: relative; width: 950px; text-align: left; overflow: hidden; padding: 0 25px; } .floatright { float:right; } .floatleft { float:left; } img.imgboarder { border:1px solid #dedede; padding:2px; } .thumbwrap a { font-family: Arial, Helvetica, sans-serif; } .thumbwrap img { border: 1px solid #999; padding: 2px; } #logoprint{display:none;} .block{display:block;} .center{text-align:center;} /* ************************** END UTILITY **************** */ /* Typography */ #lMainInfo ul li{color:#000;} /* *********************************************************** FOCUS **************************************** */ /* HEADER */ #home .home, #home a.home:hover, #about .about, #about a.about:hover, #content .content, #content a.content:hover, #contact a.contact, #contact a.contact:hover, #submission a.submission, #submission a.submission:hover, #manuscript .manuscript, #manuscript a.manuscript:hover, #smallNav a:hover, #current .current, #how-i-do-it a.how-i-do-it, #how-i-do-it a.how-i-do-it:hover, #primary-care a.primary-care, #primary-care a.primary-care:hover { /*border-top:3px solid #9d9da1;*/ color:#E3236C; } /*SIDEBAR*/ #home #sidebar ul .homeside, #content #sidebar ul .contentside, #submission #sidebar ul .subside, #legend #sidebar ul .legside, #peerreview #sidebar ul .peerside, #video #sidebar ul .vidside, #supplement #sidebar ul .supside, #editorials #sidebar ul .editside, #history #sidebar ul .historyside, #clinical #sidebar ul .clinicalside, #special #sidebar ul .specialside, #about #sidebar ul .aboutside, #board #sidebar ul .boardside, #manuscript #sidebar ul .manuscriptside, #contact #sidebar ul .contactside, #current #sidebar ul .currentside, .subscribeForm #sidebar ul .subsside, #cumulative #sidebar ul .cumulative, #bookreviews #sidebar ul .bookreviewside, #how-i-do-it #sidebar ul .howiside, #primary-care #sidebar ul .primaryside { background:url(images/layout/swirl2.gif) no-repeat 0 7px; color:#E3236C; } /* ************************************************************END FOCUS *********************************** */ /* * SIDEBAR AZ AD * */ #azad p, #issue p{border:1px solid #dedede;padding:0 10px 0 12px;font-size:12px; font-family:Arial, Helvetica, sans-serif; width:140px; border-left:2px solid #fff;margin:10px 0 0 -2px; position:relative; z-index:3;} #azad span{font-size:14px; font-weight:bold;} /* **************************** END AZ AD *************************/ /* LOGIN */ #login { margin:0; padding:2px 0 0 0; font-size:10px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; display: inline; } #loginform #login fieldset { display:inline; border:none; } #loginform .log { width:450px;padding:6px 2px; margin:0; list-style:none; display:block; float:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; } #loginform a { color:#ff0000; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; } #login a:hover { color:#e3236c; } #header #loginform { float: right; padding-top: 12px; } #loginform { height: 37px; padding: 0 0 0 0; color: #292929; } /* ************************************************** END LOGIN ********************************************************* */ /* HEADER */ #header a:active, #header a:focus{outline:none;} #header { padding:0; margin: 0; float: left; width: 950px; display: inline; height: 129px; } #header img { float: left; } #logo h1 a { text-indent:-9999px; background:url(images/layout/logo.png); background-repeat:no-repeat; width:295px; height:71px; display:block; } #logo.int h1 a{ height:85px;} #indexed h2 { /*background:url(images/indexed09.png);*/ margin:-3px 0 0 0; background-repeat:no-repeat; width:117px; height:82px; display:block; text-indent:-9999px; } /* ************************************ END HEADER ************************************************** */ /* SEARCHBAR */ /*IE ALT*/ #search-form img{border: none;left:7px;margin:-10px 0 0 0;position:relative;top:14px;} /*IE ALT*/ #search { width:500px; float:right; margin: 0; } #searchnav { float: right; width: 120px; } .search-bar { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; font-weight: bold; color: #000000; background: url(images/layout/mid4.gif) repeat-x; width: 950px; float: left; height: 45px; } #search-term { width:250px; margin: 0; } .right-cap { background:url(images/layout/right-cap4.gif); height: 45px; width: 20px; background-repeat: no-repeat; float: right; background-position: top right; } .left-cap { background:url(images/layout/left-cap4.gif); background-repeat: no-repeat; width: 20px; height: 45px; float: left; } #search-form { margin: 0; padding: 0; height: 45px; } #search-form form { color: #666666; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 18px; margin: 10px 0 0 0; } #search-form label { } #search-form form fieldset { margin:0; padding:0; border:none; } /* ************************************************** SEARCHBAR ********************************************************* */ /* Results */ #content1 { font-size:12px; font-family:Arial, Helvetica, sans-serif; } #content1 a { color:#e3236c; } #content1 ol { line-height:16px; padding-bottom: 7px; } #content1 ul li { list-style:none; padding:0; margin:0; } #content1 .linewrap { margin: 0 0 6px 0; } /* ***************************** END RESULTS ************************************* */ /* HOMEPAGE */ /* WORK IN PROCRESS * */ #innercontent1 .listwrap { margin:0;} .listwrap .author { font-style: normal; line-height:18px; } .listwrap .resultwrap { font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 15px 30px 15px 20px; border:1px solid #DEDEDE; margin:0 0 20px 0;} .listwrap .resultwrap .title{font-weight:bold;font-size:13px;border-bottom:1px solid #333;padding:0 0 2px 0;} #wrap #maincontent #full #innercontent1 .listwrap .resultwrap .title { margin: 5px 0; } #wrap #maincontent #full #innercontent1 .listwrap .resultwrap .author { } .resultwrap div { margin:5px 0; } .resultwrap .link { margin-top: 10px; } #footnav a { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #525252; margin: 15px 0; padding: 15px 0 0 0; } .pagin{ text-align: center; } #how-i-do-it .news p{ line-height:1.3;} .news .outterinfo .innerinfo li{ padding:10px 0 0 0; width:235px; margin-right:35px; float:left;} #commentblock { text-align: left; } #commentblock { margin: 20px 0 0 0; } #commentblock li { border-bottom: 1px solid #333; } #loginpadding { padding:5px 0 0 0; } #legends{float:right;} #legends{overflow:auto; overflow-x:hidden; height:290px;} #legends a{ } #legends a:hover{text-decoration:underline;} .linfo{padding-top:5px;} .limg{float:left;} .school img{display:inline;} #lMain{width:250px; float:left; display:inline; margin:5px 0 0 0;} #lMain li{padding:0; margin:0; font-weight:bold; clear:left;} #lMain p{ padding:0; color:#222;} #lMainIMG { float:left; display:inline;} #lMain img {padding:2px; border:1px #dedede solid; margin:0;} #lMainInfo{float:left; line-height:12px; margin:0 0 20px 8px; display:inline; width:155px;} #lMainInfo li {clear:both; padding:0; margin:0; display:block; height:1%;} .firstLetter{margin:-12px 0 0 0; padding:0; font-size:50px; float:left; display:block; font-family:Georgia, "Times New Roman", Times, serif; width:35px; height:50px; color:#000;} li .firstLetter{margin:5px 0 0 0; height:30px; width:40px; line-height:35px; color:#000;} #legends .title, #legends .school { display: block; } #legends .innerinfo li { float: left; width: 250px; } #legends .innerinfo { margin:0; padding:0; } .legdesc { padding-top: 5px; padding-bottom: 10px; } h2.form { background-color: #f9f9f9; width: 125px; margin:15px 0 0 0; padding:5px 0 0 35px; border: 1px solid #dedede; border-bottom: 1px solid #f9f9f9; position:relative; top:1px; } #footnav #footerlinks { margin: 15px 0 0 0; font-size:12px; } #home #wrap h4 a { color: #e3236c; } #home #wrap h4 a:hover { text-decoration:none; } .news .outterinfo img { } .more { margin: 0; font-size: 10px; } #temp{width:400px; background-color:#eee; border:1px solid #dedede; font-size:18px; font-weight:bold;padding:30px; margin:30px auto;text-align:center;color:#333;} /* *************************** **************************************** */ /* MAIN */ #reg a { color:#000000; font-weight:bold; } /* SIDEBARS */ #sidebar { font-family:Verdana, Arial, Helvetica, sans-serif; width:165px; float:left; font-size:9px; margin:5px 0 0 0; } #sidebar-right-full { } #sidebar ul { padding:0 0 15px 0; margin:0; clear:both; color:#7F7F7F; list-style:none; } #sidebar ul li { } #sidebar ul a { padding:7px 15px 4px 0; text-align:right; color:#333333; text-decoration:none; display:block; height: 16px; border-bottom: 1px dotted #dedede; } #sidebar ul a:hover, #sidebar ul a:active, #sidebar ul a:focus { background:url(images/layout/swirl2.gif) no-repeat 0 -19px; } #sidebar ul #last { border-bottom:1px inset #fff; } #sidebarRight h3 { border-bottom: 1px solid #dedede; text-align:center; padding:12px 15px 5px 0; margin: 0; } #sidebar h3 { border-bottom: 1px solid #dedede; text-align:right; padding:12px 15px 5px 0; margin: 0; } /* ************************************************* END SIDEBARS ******************************* */ #topnav { height: 27px; text-align: center; float:left; margin:0; /*padding:5px 9px 5px;*/ font-family:Georgia, Times, serif; font-size:18px; font-style:normal; font-variant:normal; font-weight:normal; line-height:35px; list-style-type: none; margin:-7px 0 0 0; padding: 0; display: block; width: 940px; } #topnav a { color:#333333; text-decoration:none; padding: 10px 12px 6px; margin: 0; } #topnav a:hover { text-decoration:none; color:#e3236c; } #navtopdiv { float:left; margin: 0; padding: 10px 0 0 0; } #navline { border-bottom:1px dashed #B2B2B2; width: 600px; } #medline { width:14em; text-align: center; font-size: 12px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; line-height: 1.5em; padding-bottom: 0.833333em; padding-top: 0.833333em; border-bottom: 1px solid #dedede; } #medline a { color:#000000; } #medline span { font-style:italic; } #maincontent { float:left; width: 950px; background-color: #FFFFFF; margin-top:45px; } #content1 { padding:10px 40px 20px 25px; float: left; width: 525px; } /* ROLL OVERS */ #issue { font-size:12px; text-align: center; margin: 5px 0 0 0; padding: 0; } #issue span { font-weight:bold; font-family: Arial, Helvetica, sans-serif; } #issue img { padding: 0; border: none; } #issue a.subroll { font-size:14px; font-weight:bold; color:#e3236c; letter-spacing: 1px; font-family: arial, "Times New Roman", Times, serif; background-image:url(images/layout/subscribe.gif); background-repeat:no-repeat; height:40px; width:130px; display: block; background-position: top left; margin: 10px auto; } #issue a.subroll:hover { color:#333333; background-position: 0 -41px; } #issue a.subroll:active, a.subroll:focus { background-position: 0 -82px; outline: none; } /*#issue .viewissue{ background-image:url(images/view-issue.jpg); background-repeat:no-repeat; } */ /* ************************************************* END ROLLER OVERS ************************************** */ .tab { } #tabs a { width:107px; height:24px; background-image: url(images/layout/tabs4.gif); float: left; padding: 10px 10px 0 10px; background-repeat: no-repeat; font-size: 12px; font-weight: bold; text-align: center; margin:10px 5px 0 0; text-decoration:none; font-family: Arial, Helvetica, sans-serif; display: block; } #tabs a:hover { background-position:0 -34px; } #tabs { float: left; height: 150px; padding: 45px 0 0 65px; width: 450px; } #top { } .news h4 a{ padding-left:0; padding-bottom:0;} .news { float: left; padding: 32px 0 0 29px; font-family: arial, Helvetica, sans-serif; overflow: hidden; } .news .title, .col .title { font-weight:bold; display: block; font-size: 12px; } .howihome{font-size:12px; width:556px;} #full .title{font-size:13px;} h4 { margin:0; padding:6px 0 10px 0; font-family:Georgia, "Times New Roman", Times, serif; font-size:18px; color: #e3236c; text-decoration: none; display: block; } .news ul, #full ul, .col ul { margin: .1875em 0 0 0; padding: .125em 0 0 0; list-style: none; } .news ul, #full ul, .col ul .innerinfo { /*margin: .1875em 0 0 15px;*/ padding: .125em 0 0 0; } .news .outterinfo { margin-left:0; padding-left:0; clear: both; } .outterinfo li { border: none; } .innerinfo ul { border-bottom: 1px dotted #333; list-style-type: circle; } .news li, #full li { padding: 0 0 .4166666em 0; margin: 0 0 .4166666em 0; font-size:12px; line-height:1.6em; letter-spacing: 0.1px; } /*#news .innerinfo li, #full .innerinfo li, .col .innerinfo li { }*/ .news li img, #full li img { height: auto!important; } .news a{ text-decoration:none; color:#000; display:block; padding:0 0 8px 5px; } #full a{text-decoration:none; color:#333333;} /*.news a:hover, #full a:hover { background:#dedede; }*/ .mid1,.mid2,.mid3 { float:left; width: 590px; } .mid4 { float:left; width: 590px; padding: 0 0 0 0; } #test .col{ } .col { float:left; width: 265px; padding: 32px 0 0 29px; font-family: Arial, Helvetica, sans-serif; } .col p { margin:6px 0 0 0; padding:0 0 1em; font-size: 12px; } .legcol{width:550px;} img { padding:0 0 0 5px; border: none; } .col a { color:#000; text-decoration:none; } .col a:hover { text-decoration: underline; } /*.col span{ font-weight:bold; }*/ /*.col ul{ }*/ .col li { margin: 0 0 .4166666em 0; padding: 0 0 .4166666em 0; line-height:1.41667em; font-size:12px; color:#333; } .log { /* FOOTER */ } #footer { overflow: hidden; clear: both; margin: 0 auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } .foot-bar { font-family: Arial, Helvetica, sans-serif; font-size: 14px; text-align: center; font-weight: bold; color: #000000; background: url(images/mid4.gif) repeat-x; width: 950px; float: left; height: 45px; } #flinks { margin:15px 0 0 0; } /* ******************************* END FOOTER ****************************** */ #issue .verdana { font-family:Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; display: block; padding: 10px 0 0 0; } .sub { font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; } .subscribe { height:31px; width:120px; background-image:url(images/layout/subscribe.gif); background-repeat:no-repeat; } #wrap #maincontent #issue #subscribe { background-image: url(images/layout/subscribe.gif); height: 31px; width: 120px; } #navigation { background-image:url(images/layout/mid.gif); height: 45px; font-size: 12px; font-weight: bold; font-family: Georgia, "Times New Roman", Times, serif; float: right; } #navigation span { padding:10px 10px 0 0; display:block; } #footnav { width:950px; margin: 0 auto 40px auto; text-align: center; padding: 0 0 20px 0; } #left-foot { height:45px; background-image:url(images/layout/left-cap-foot.gif); width:33px; float:left; background-repeat: no-repeat; background-position: top left; display: inline; } #right-foot { height:45px; background-image:url(images/layout/right-cap-foot.gif); background-repeat:no-repeat; float:right; width: 39px; display: inline; } #mid-foot { height:45px; background-image:url(images/layout/mid-foot.gif); font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-position: top left; background-repeat: repeat-x; float: left; width: 698px; } #mid-foot span { display:block; padding:20px 0 0; } #searchLabel { float: left; height: 20px; width: 100px; } #search-form input { margin: 0 5px 0; } #search-form select { margin: 0 10px 0; } .search-type { width:100px; } #footwrap { width: 100%; } #search-button { font-family: Arial, Helvetica, sans-serif; font-weight: bold; } #pattern1 { position: absolute; left: 5px; } .redbar { background-color: #FFFFFF; border-bottom: 1px dotted #333; margin: 0 0 30px 0; width: 550px; } .indent { padding: 5px 0 0 0; } #logo { float: left; margin: 25px 0 0 0; } #logo.int { margin: 10px 0 8px 0; } #indexed { float: right; margin: 30px 32px 0 0; display: inline; } .pdfDownload { margin-top: 5px; display: block; } #content1 #abstract { line-height: 18px; } body#abstract .link a.btn-pdf{ display: inline-block; margin-right: 10px; background: #e2246c; padding: 10px 20px; border: 1px solid #e2246c; color: #fff!important; } body#abstract .link a.btn-pdf:hover{ background-color: #000!important; } #smallNav { float: right; list-style-type: none; font-size: 14px; font-family: Georgia, "Times New Roman", Times, serif; display:inline; padding: 6px; margin: 0 21px 0 0; } #smallNav a { text-decoration:none; color:#292929; padding:6px 8px; } #innerwrap { float: left; width: 615px; border-left: 1px solid #dedede; border-right: 1px solid #dedede; padding: 0 0 0 0; } #full { float: left; font-family: Arial, Helvetica, sans-serif; border-right: 1px solid #dedede; border-left: 1px solid #dedede; width: 615px; min-height: 700px; position: relative; } /* for Internet Explorer */ /*\*/ * html #full { height: 700px; } /**/ #full .inner { padding: 30px 25px 20px 29px; } #full .inner .linewrap { width: 559px; } #full p { font-size:12px; line-height: 16px; } #astra { font-family: Arial, Helvetica, sans-serif; font-size: 18px; font-weight: bold; list-style-type: none; } /* ******* GLOBAL STYLES ******* */ img { border:none; } #emails { } #emails a { color:#e3236c; text-decoration: underline; } #emails ul { padding:0; margin:0; } #emails li { list-style-type:none; } #contactinfo { margin: 0 0 30px 0; } #contactinfo p { padding:0; } #contactinfo .title { display:block; width:320px; } #correspondance { float: left; width: 100%; margin: 35px 0 0 0; } #correspondance p { font-size: 12px; } /* forms */ #uploadbutton { color:#333; padding: 3px; font-weight:bold; background: #fff; } #upload input, #comment input { float: left; width: 200px; border:solid 1px #aacfe4; margin:10px 0 20px 10px; } #upload label, #comment label { float: left; display: block; width: 150px; text-align: right; font-weight: bold; margin: 10px 0px 20px; font-size: 12px; color: #333333; } #full #upload { width: 410px; padding: 0; margin: 0 0 15px 0; display: block; } #upload .small, #uplaod .small { display: block; font-size: 11px; font-weight: normal; } .field { float: left; width: 400px; } #upload .field button, #comment .field button { float:right; width: 200px; margin: 0 25px 0 0; display: inline; } #upload .field textarea { height:100px; width:200px; margin:10px 0 20px 10px; } #full #upload fieldset { width: 400px; background-color: #f9f9f9; border: 1px solid #dedede; padding: 15px 0; margin: 0; } .innerfield { background-color:#ffe4c4; margin: 10px; width: 400px; } #feedback h2.form, #contact h2.form { padding-left: 20px; width: 140px; } /* comment */ #comment .field textarea { height:200px; width:350px; margin:10px 0 20px 10px; } #full #comment { width:550px; } #full #comment fieldset { margin: 20px 0; width: 525px; background-color: #ffe4c4; } /* ********************************************* END FORMS ********************************** */ .spacer { margin-top: 20px; } #smallnav2 { float: left; } #innerwrap2 { float: left; width: 600px; border-left: 1px dotted #333; } ul .dot { list-style-image:url(images/layout/buld.gif); margin: 0 0 0 0; padding:0 0 0 0; display: list-item; border-bottom:1px dotted #dedede; } .outterinfo .innerinfo { list-style: none; padding: 0 0 0 1em; margin: 0 0 0 0.1875em; } .outterinfo .innerinfo li { padding: 2px; } .outterinfo lh { list-style-image: url(images/layout/dot3.gif); } h1 { font-family: Georgia, "Times New Roman", Times, serif; font-size: 18px; color: #e3236c; padding: 5px 0; margin: 0; } #editor { padding: 25px 0 0 25px; } #editor ul { list-style-type: none; line-height: 21px; font-size: 14px; font-family: Arial, Helvetica, sans-serif; } h3 { font-size: 14px; margin: 5px 0; font-family: Georgia, "Times New Roman", Times, serif; font-weight: bold; } #manuscript h3{ font-size:16px;} .filler { height: 50px; clear: both; } h2 { font-size: 14px; padding: 0; margin: 0; } #manuscript h2{font-size:16px;} #subscribe h2{padding:0 0 5px;} #topnav li #navlast { padding-right:0; } /* results page */ .odd { background-color: #f8f8ff;} .even { background-color: #ffffff;} #innercontent1 .linewrap { margin-bottom: 3px; } #innercontent1 { margin: 0 auto; /*float: left;*/ padding: 25px 0 0 0; } #innercontent1 li { padding:5px 10px; clear: both; } #full #innercontent1 a { color:#e3236c; } #full #innercontent1 a:hover{ text-decoration: underline; } #FreeArticles #full #innercontent1 a{ /*color: #fff;*/} #FreeArticles h2{ clear:both; } .social-buttons .fb-share, .social-buttons .tt-share{ color:#fff!important; } /* ****************************************************** end results ****************************************************** */ /* VIDEOS */ #videoplay { margin-top: 20px; overflow: hidden; } .thumbwrap { float: left; } .viddesc { padding-left: 10px; width: 375px; float: left; } .vidwrap { width: 550px; float: left; margin: 7px 0 0 0; font-size: 12px; } .vidlink { margin-top: 10px; } .vidtitle { font-family:Georgia,"Times New Roman",Times,serif; margin: 0 0 5px; font-weight: bold; } .vidcell { float: left; border-bottom: 1px dotted #999; margin: 0 0 15px 0; padding: 0 0 10px 0; } .vidby { margin-bottom: 5px; line-height:1.6; } .video-thumbnail img{ padding: 0; margin: 0; display: block; } .video-thumbnail { position: relative; display: inline-block!important; cursor: pointer; margin: 0px; padding: 0; } .video-thumbnail:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); content: ""; font-family: FontAwesome; font-size: 100px; color: #fff; opacity: 0.8; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.5); } .video-thumbnail:hover:before { color: #eee; } /* ******************************************* END VIDEOS ******************************************** */ /* LEGENDS */ .ldesc { padding-left: 15px; width: 400px; float: left; } .lwrap { width: 550px; float: left; margin: 7px 0 0 0; font-size: 12px; } .llink { margin-top: 10px; } .ltitle { font-family: Arial, Helvetica, sans-serif; margin: 0 0 5px; font-weight: bold; } .lcell { float: left; border-bottom: 1px dotted #999; margin: 0 0 15px 0; padding: 0 0 10px 0; } .lby { margin-bottom: 5px; } .lblurb { padding:3px 0 6px 0; } /* ******************************************* END LEGENDS ***************************************** */ /*SidebarRight*/ #sidebarRight { width: 165px; float: left; } #sidebarRight ul { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9px; padding:0 0 5px 0; margin:0 0 20px 0; } #sidebarRight li { list-style-type:none; } #sidebarRight li a { word-spacing: normal; display: block; height: 25px; } #sidebarRight ul a { padding:7px 15px 4px; text-align:left; color:#333333; text-decoration:none; display:block; height: 16px; border-bottom: 1px dotted #dedede; } #sidebarRight ul a:hover { color:#e3236c; border-right: 5px solid #e3236c; border-bottom: 1px solid #dedede; } #sidebarRight ul #last { border-bottom:1px inset #fff; } /* **************************************************** end SidebarRight *********************************** */ .updatesbanner{background: url(images/layout/update-bar-long.png) no-repeat; width:528px; overflow:hidden; height:31px; text-indent:-999px;} /* FREE ARTICLES */ #FreeArticles p{ clear:both; font-size:14px; line-height:21px!important;} #FreeArticles #innercontent1 img{ float:left; margin:0 10px 10px 0; padding:2px; border:1px solid #333;} #FreeArticles h1 {font-family:"Times New Roman", Times, serif!important; font-size:30px;} #FreeArticles #innercontent1 h1{color:#000; font-size:1.2em;} #FreeArticles .legend-img{float:right; margin-bottom:10px;} #full a.fb-share{ display: inline-block; background-color: #354C8C; color: #fff; padding: 8px 15px 8px 10px; margin:10px 10px 10px 0; font-family: arial, sans-serif; font-size: 13px;} #full a.tt-share{ display: inline-block; color: #fff; padding: 8px 15px 8px 10px; margin:10px 10px 10px 0; background-color: #00ACEE; font-family: arial, sans-serif; font-size: 13px;} /*#FreeArticles .inner img{float:right; margin-bottom:20px; margin-left:20px;}*/ /* EDITORIALs */ .editHTML h1{ color:#000;} /*#FreeArticles .inner img{ float:none!important; margin-left:0;}*/ /* SUPPLEMENT */ .suplist{margin:20px 0 0 0;padding:0;} .suplist li { padding:0;margin:3px 0 0 0; } .suplist li a{border: 1px solid #dedede;display:block;padding:5px 10px; text-decoration:none;} .suplist li a:hover{background-color:#dedede;border:1px solid #e3236c;} .volnum{/*display:block;*/ margin:3px 0 0 0;} .suplist .title {font-weight:bold;font-size:1.1em; /*text-decoration:underline;*/} .howihome .suplist li{ float:left; width:48%; margin:3px;} /* **************************** END SUPPLEMET ********************************* */ /* ******** CLINICAL ********* */ #clinical .trials div{padding:5px 0;} .trialb .desc{font-style:italic;} /* * ************** END CLINICAL ************** * */ .linfo{float:left; display:inline; margin:0 0 0 10px;} #home #wrap #maincontent #innerwrap .mid1 .col #legends .leghome {width:260px;height: 70px;margin: 0;} /*#home #legends .leghome span {margin: 0 0 0 10px;}*/ .clinical .outterinfo li { padding:0; margin:0px 0; } /*IE alt*/ #home #maincontent #innerwrap .clinical .innerinfo { padding:0; margin:5px 0 0 15px; list-style-image: url(images/layout/buld.gif); } /*IE alt*/ .clinical .innerinfo li{ padding:3px; margin:0; border-bottom: 1px dotted #dedede; } .clinical a.clinicaldl{ display:block; margin:10px 0 0 18px; font-weight:bold; } .clinical{padding:0 0 0 29px; margin:0;} .vidopt{ font-size:14px; } #maincontent a.pdfbtn { padding: 3px; /*width: 135px;*/ border: 1px solid #999; font-weight: bold; display:block; text-align:center; font-size:14px;} #maincontent a.pdfbtn:hover{border:1px solid #e3236c;color:#e3236c;text-decoration:none;} /* SUBMISSION PASSWORD BOX */ #passup { width:400px; background-color: #eee; padding: 10px; text-align:center; margin: 60px auto; border: 1px solid #dedede;} #passup span{font-size:12px; display:block; margin:5px 0;} #passup span.passtext{ font-size:14px; font-weight: bold; margin: 10px 0; line-height:1.6em; } #passup input{ width:200px; margin:3px auto; display:block; } /* ***************** END SUBMISSION PASSWORD BOX ******************* */ .color{color:#e3236c;} /* HOW I DO IT */ p.References-1-9{ line-height:18px!important; margin-top:10px!important;} .CharOverride-1, .CharOverride-2{ line-height:17px;} /*SUBSCRIPTION FORM & PURCHASE FORM*/ .form-btn{ display: block; float: left; border: 1px solid #e6e6e6; padding: 5px 0; margin: 0 5px 0 0; background: #efefef; font-size: 15px; letter-spacing: 0px; word-spacing: 0; width: 93px; text-align: center;} #full .form-btn-purchase{ clear: left; width: 191px; background: gray; margin-top: 4px; color: #fff; border: 2px solid #e6e6e6; } #full a.form-btn-purchase:hover{background: #f5f5f5; color: #000; border: 2px solid #DB7093;} @media only screen and (min-width: 480px){} @media screen and (max-width: 600px){ #mobile-menu li{ width:auto!important; display:block!important;}} @media only screen and (max-width: 768px){ /* MOBILE MENU */ #mobile-menu{ display:none;} #m-bar{ display:block; width:100%; position:relative; position:fixed; top:0; border-bottom:1px solid #666; z-index:9999;} #mobar{ display:block; text-align:center; /*font-weight:bold;*/ letter-spacing:1px; background:#FFF; background-image: linear-gradient(bottom, rgb(222,222,222) 15%, rgb(255,255,255) 60%); background-image: -o-linear-gradient(bottom, rgb(222,222,222) 15%, rgb(255,255,255) 60%); background-image: -moz-linear-gradient(bottom, rgb(222,222,222) 15%, rgb(255,255,255) 60%); background-image: -webkit-linear-gradient(bottom, rgb(222,222,222) 15%, rgb(255,255,255) 60%); background-image: -ms-linear-gradient(bottom, rgb(222,222,222) 15%, rgb(255,255,255) 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */ background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.3, rgb(222,222,222)), color-stop(0.6, rgb(255,255,255)) ); font-size:24px!important; padding:10px; overflow:hidden; display:block; } /* EDITORIAL */ .thumbwrap{ float:none;} .viddesc{ padding-left:0!important; width:auto!important;} .vidwrap{ width:auto;} .audioBox{ float:none!important;} .jp-play, .jp-pause, .jp-mute, .jp-unmute{ background-size:148%;} #FreeArticles .legend-img{ float:none!important; margin:5px 0 5px 0!important;} /*#FreeArticles .jp-play{ background-position:0px 7px;} .jp-play:hover{ background-position:-22px 5px;} .jp-pause{ background-position:10px 6px;} .jp-pause:hover{ background-position:-23px 6px;}*/ .mobile-login-btn{ display:block; float:right; /*background:url('images/login.png'); height:40px; width:60px; z-index:88989; display:inline; position:absolute; color:#000!important; */ } .mobile-login-btn img{ display:block;} .mobile-login-btn span{/*text-indent:-999px;*/} .mobile-menu-btn{ display:block; float:left; width:66px;} #m-bar #text-up span{border-radius:0px 7px 7px 0; margin-left:1px;} #m-bar #text-down span{border-radius:7px 0px 0px 7px;} .mobile-menu-btn span,.mobile-login-btn span{ padding:6px; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.48); -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.48); -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.48); border-radius:7px; font-family:Arial, Helvetica, sans-serif; font-size:18px; /*font-weight:bold;*/ color:#333; } #mobile-menu{ text-align:center; margin:0 auto; padding:0 10px; overflow:hidden; margin-top:50px; background:#fff; } #mobile-menu li{ list-style:none; padding:7px; border:1px solid #efefef; color:#666; margin:10px; font-weight:bold; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.48); -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.48); -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.48); border-radius:7px; width:43%; display:inline-block; font-size:16px; } #mobile-menu h3{ font-size:24px; margin:18px 0 0 0;} #mobile-menu li a{ color:#666; display:block; /*border-bottom:2px solid #E3236C;*/ padding:2px 8px; } #mobile-menu ul{ overflow:hidden; width:100%; margin:0; padding:0;} /* MOBILE MENU */ html {-webkit-text-size-adjust:none} body{ font-size:14px; } .search-bar{ width:auto; float:none;} #sidebarRight{ margin: 0 auto; float: none!important; margin-bottom:40px; margin-top:40px; } #sidebar{ display:none!important;} #header{ width:auto; background-color:#e3236c!important; float:none; display:block; height:auto; padding:5px 0; margin-top:49px;} #logo{ float:none; margin:10px; width:auto;} #logo h1 a{ width:auto; float:none;} #indexed{ display:none;} #loginform{ display:none;} #navtopdiv {display:none;} body{ background:none;} #wrap{ width:auto; padding:0;} #maincontent { width:auto; float:none; margin-top:0;} #search-bar{ width:auto;float:none; } #search-form{ padding-top:1px; } #search-form input{ margin:0; width:100px;} #search-form select{ margin:0; width:auto!important;} /* Search bar */ .search-type{ width:25%!important;} #FormButton{ width:18%!important;} #SearchBox{ width:30%!important;} .left-cap{ width:14px; display:none;} .right-cap{ width:14px; display:none;} #search-form img{ display:none;} #innerwrap{ width:auto; float:none; border-bottom: 1px solid #e4e4e4;} #innerwrap2{ width:auto;float:none;} #full .inner .linewrap{ width:auto;float:none;} .outterinfo .innerinfo{ padding:0; margin-left:10px;} .mid1, .mid2, .mid3, .mid4{ clear:both; width:auto; float:none; padding-right:10px;} #loginform .log{ width:auto;float:none;} .news{ padding:32px 0 0 10px;float:none;} .news .outterinfo .innerinfo li{ float:none; width:auto; margin-right:0; overflow: hidden;} .news li, #full li{ /*font-size:16px;*/} .col{ padding:32px 0 0 10px; float:none; width:auto; } .col li{ } .foot-bar{ width:100%;} #footwrap{ width:auto;float:none;} #footnav { width:auto;float:none; background:#fff;} .howihome{ width:auto;float:none;} iframe{ /*width:auto; height:auto;*/ margin:0 auto; float:none!important;} .news ul, #full ul, .col ul .innerinfo{ padding:0; margin-left:10px;} .suplist{ margin:0!important;} .legcol{ width:auto;float:none;} .news a{ padding:0; padding-bottom:10px;} .loginform{ width:auto;float:none;} #smallNav { display:none;} #logo h1 a{ width:300px;float:none; margin:0 auto;} #indexed h2{ width:auto;float:none;} #search{ width:auto;float:none;} #searchnav{ width:auto;float:none;} #search-term{ width:auto;float:none;} .listwrap .resultwrap{ width:auto;float:none;} #lMain{ width:auto; float:none;} #lMain p{ padding:0!important;} #legends .innerinfo li{ width:auto;float:none;} #legends{ display:none; } #passup{ width:auto;} h2.form{ width:auto;float:none;} #temp{ width:auto;float:none;} #topnav{ width:auto;float:none;} #navline{ width:auto;float:none;} #content1{ width:auto;float:none;} #tabs a{ width:auto;float:none;} #tabs{ width:auto;float:none;} .subscribe{ width:auto;float:none;} #wrap #maincontent #issue #subscribe{ width:auto;float:none;} #mid-foot{ width:auto;float:none;} .search-type{width:auto;float:none;} .redbar{ width:auto;float:none;} #full{ width:auto; float:none;} #full .inner{ float:none; padding:auto 0 10px; width:auto; padding-left:10px; padding-right:10px;} #contactinfo .title{ width:auto;float:none;} #correspondance{ width:auto;float:none;} #upload input, #comment input{ width:auto;float:none;} #upload label, #comment label{ width:auto;float:none;} .field{ width:auto;float:none;} #full #upload{ width:auto;float:none;} #upload .field button, #comment .field button{ width:auto;float:none;} .viddesc{ width:auto;float:none; padding-left:0; padding-top:5px;} #legends{float:none; margin-top:15px;} .news li, #full li{float:none;} .updatesbanner{ width:auto;float:none;} .ldesc { padding-left: 0; width: auto; float: none; } .lwrap { width: auto; float: none;} .ltitle { font-family: Arial, Helvetica, sans-serif; margin: 0 0 5px; font-weight: bold; } .lcell { float: none; clear:both; } #legends .innerinfo li{ width:auto; float:none;} #legend .thumbwrap img{ margin-right:15px; height:auto; float:left;} .thumbwrap{ float:none;} #basic-accordian{ padding:0; width:auto!important; float:none!important; margin:0!important;} #full .inner .linewrap{ width:auto;} #innercontent1 li{ padding:8px 0;} .CAI{ width:auto!important; margin-left:25px!important;} #purchaseArticle .submit{ width:128px!important;} #how-i-do-it img{ width:50%!important; height:auto;} #how-i-do-it .howiads img{ width:80%!important;} .updatesbanner{ background:none; background: #feffff; /* Old browsers */ background: -moz-linear-gradient(top, #feffff 0%, #f7f7f7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#feffff), color-stop(100%,#f7f7f7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #feffff 0%,#f7f7f7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #feffff 0%,#f7f7f7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #feffff 0%,#f7f7f7 100%); /* IE10+ */ background: linear-gradient(top, #feffff 0%,#f7f7f7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feffff', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */ width:auto; border:1px solid #e4e4e4; } /* * CME PAGE * */ .cme-buttons img { width: 140px!important; } #home #wrap #maincontent #innerwrap .mid1 .col #legends .leghome{ width:auto;} #home .clinical{ display:none;} .news li, #full li{ font-size:1em;} #lMainInfo{ width:66%; float:left;} #lMainInfo li{ font-size:1em;} .news .title, .col .title {font-size:1em;} #full .title{ font-size:1.1em!important;} .linfo{ padding-top:0;} .col p,.col li,.howihome{ font-size:1em; font-family:helvetica, Arial, sans-serif} #SearchBox{ } .howihome h2{font-size:1.2em!important;} .listwrap .resultwrap .title{ font-size:1em;} .listwrap .resultwrap { font-size:1em;} .resultwrap ol{ padding-left:1em!important;} #full p{ font-size:1em; line-height:1.3em;} .lwrap{font-size:1em;} .makeitright{ height:auto!important;} #content .accordion_headings{ font-size:1.2em!important;} .howihome #suplist li{ float:none; width:auto; margin:0px; margin:3px 0;} #primary-care form#signup{ width:auto;} /* purchase */ #purchaseArticle {width:auto!important; } #purchaseArticle input{width:90%!important;} #purchaseArticle fieldset, #purchaseArticle div{ width:auto!important;} #purchaseArticle legend span{ width:100%!important; } #purchaseArticle table{ width:100%!important;} #customerInfo td{width:auto!important; } .inner #error_box{ width: auto!important;} #purchaseArticle #ccTypeMaster, #purchaseArticle #ccTypeVisa{ width:auto!important;} #purchaseArticle input, #purchaseArticle p{ width:auto!important;} #purchaseArticle legend span, #purchaseArticle h4 span{ width:auto!important; } #purchaseArticle table{ width:100%; } #customerInfo td{width:auto!!important; } #how-i-do-it iframe{ width:100%!important; height:auto!important;} #bookimg{ width:auto!important;} /* HOME */ #home #suplist br{ display:none;} #home .news .outterinfo .innerinfo li br{ display:none;} /* Free Articles */ #FreeArticles img{ float:none!important;} #FreeArticles img{ max-width:98%!important; margin:0 auto; } .readmore{ display:none;} /*PRIMARY CARE*/ .sponsors-img img{ float:none!important; padding-left:0!important;} .spon{ width:100%; height:auto;} #notice img{ width: 95%!important;} } #content ul.supplements li{ border-bottom: 1px solid #efefef; padding: 5px; } @media only screen and (min-width: 769px){ #mobile-menu{ display:none!important; } #logo.int{ margin: 21px 0;} } /* iPhone 4 ----------- */ @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and ( min--moz-device-pixel-ratio: 2), only screen and ( -o-min-device-pixel-ratio: 2/1), only screen and ( min-device-pixel-ratio: 2), only screen and ( min-resolution: 192dpi), only screen and ( min-resolution: 2dppx) { #logo h1 a{background:url(images/layout/logo-x2.png) no-repeat; background-size:295px 71px; } #logo.int h1 a{background:url(images/layout/logo-int-x2.png) no-repeat; background-size:295px 89px; height: 89px;} } @media only screen and (min-width: 1382px){} @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min-device-pixel-ratio: 1.5){}