#sub-header { margin-bottom: 18px; height: 42px;} #sub-header a.logo { background-image: url("/images/portfolio-sprite.png"); float: left; height: 42px; width: 264px;} #sub-header a.logo span { display: block; left: -9999px; position: absolute; } /*SIGN IN */ #login {text-align:left; clear:none;float:none;margin:20px auto;overflow:hidden;width:500px;} #login h2 {border-bottom:1px solid #000000;color:#000000;line-height:1.5em;} #login fieldset {margin:0;padding:0;} #login div.sign-in {float:left;margin-right:20px;width:240px;} #login div.sign-in div.user, #login div.sign-in div.pass {margin-bottom:0; overflow: hidden;} #login label {display:block;font-size:1.2em;font-weight:bold;line-height:1.6em;} #login div.register {float:left;width:240px;} #login div.institution {background:none repeat scroll 0 0 #F1F1F1;float:left;margin-top:10px;padding:5px;width:230px;} #login div.institution h2 {font-size:1.4em;margin:0;} #login input.text { margin:0 0 6px 0; border-color:#B7C4CC !important;} #login input.text:focus { border: 1px solid #B7C4CC !important;} #login div.user input.text { width: 222px; } #login div.pass { width: 100%; } #login div.pass input.text { width: 150px; } #login div.button a.athens { font-size:11px; padding-right:16px; background: url("https://resources.bmj.com/repository/images/icon-athens.gif") repeat-y scroll right center white; border: 1px solid #E07534 !important; color: #874014 !important;} #login div.shibboleth p { margin-bottom:0; margin-top:10px; } #login p.error { background: none repeat scroll 0 0 #FFE6E6; border: 1px solid #FF8080; color: #7F0000; font-size: 13px !important; font-weight: bold !important; margin: 10px; padding: 10px; } button.ui-button img { background-image:url('https://portfolio.bmj.com/portfolio/images/portfolio-sprite.png');font-size:0;vertical-align:middle;padding:0;} .ie6 button.ui-button img { background-image:url('https://portfolio.bmj.com/portfolio/images/portfolio-sprite.gif'); } button.add-tag img { background-position:-28px -43px; height:13px; width:13px; } .ie6 button.add-tag img { margin:0 2px; } .ie7 button.add-tag img { margin-top:-7px; } /* Processing popup */ .dataTables_processing { position:absolute;top:50%;left:50%;width:250px;height:30px;margin-left:-125px;margin-top:-15px;padding:14px 0 2px;text-align:center;font-size:15px;font-weight:bold;z-index:20000;background-color:#FFF7AD;background-image:-moz-linear-gradient(top, #FFF7AD,#FFEB7E);background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF7AD), to(#FFEB7E));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFF7AD, endColorStr=#FFEB7E);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFF7AD, endColorStr=#FFEB7E)";border:1px solid #FFCC00;} .popup_processing { position:absolute;top:50%;left:50%;width:250px;height:30px;margin-left:-125px;margin-top:-15px;padding:14px 0 2px;text-align:center;font-size:15px;font-weight:bold;z-index:20000;background-color:#FFF7AD;background-image:-moz-linear-gradient(top, #FFF7AD,#FFEB7E);background-image:-webkit-gradient(linear, left top, left bottom, from(#FFF7AD), to(#FFEB7E));filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFF7AD, endColorStr=#FFEB7E);-ms-filter:"progid:DXImageTransform.Microsoft.Gradient(startColorStr=#FFF7AD, endColorStr=#FFEB7E)";border:1px solid #FFCC00;} /* RESOURCE */ #resource { border: 10px solid white; width:742px; margin:0 auto; background-color:#fff; overflow:visible; text-align:left; } #resource h2 { background:#7F9DB9; color:#fff; line-height:22px; padding-left: 5px;} #resource dt { float:left; text-align:right; padding:5px 0 1px 0; color:#324658; line-height:20px; font-weight:bold; width:90px; ;} #resource dd { float:left; padding:6px 10px 0; width:242px; } #resource fieldset { border-bottom: 1px solid #A2B1BD; border-left: 1px solid #A2B1BD; border-right: 1px solid #A2B1BD; background-color:#ffffff;} #resource div.add-resource fieldset { background-color:#EDF0F2; } #resource #item-details, #resource #structured-notes, #resource #evaulate-impact { background-color:#EDF0F2; overflow: hidden; padding-top: 6px;} #resource ul.tabNav li a.current { background-color:#EDF0F2; } #resource input.text, #resource input.search, #resource input.file, #resource textarea.textarea { font-family: arial, sans-serif; } #resource input.text, #resource input.search, #resource textarea.textarea { border:1px solid #BFCEDC;background:#fff; } #resource select { font-family:arial, sans-serif; padding:0; vertical-align: top; border: 1px solid #BFCEDC; text-transform: lowercase;} #resource input#status { width: 572px; } #resource input.invalid { color:#f00; } #resource p.note { padding: 9px 100px; width: 540px; } #resource dd.id { width:247px; color:#748A9C; font-weight:bold; text-shadow:2px 0 #fff; } #resource dd.date-modified { width:216px; color: #748A9C; font-weight: bold; text-shadow: 2px 0 #FFFFFF; } #resource dt.name, #resource dt.id, #resource dt.title, #resource dt.notes, #resource dt.start-date, #resource dt.upload, #resource dt.tags { clear:left; } #resource dd.name { width:406px !important; padding-bottom:2px; } #resource dd.name input { width:404px !important; padding-left: 2px;} .ie6 #resource dd.name { padding-top:4px} .ie7 #resource dd.name { padding-top:4px} #resource dt.type { width:41px; } #resource dd.type { width:140px; } #resource #dynamicContainer { position:relative; clear:both; overflow:hidden; } #resource dt.status { width:55px; } #resource dd.notes { width:630px; } .ie6 #resource dd.notes { width:500px; } #resource dd.notes textarea { width:572px; height:60px; padding-left:2px; } #resource dd.notes textarea.default { color:#45637B; } #resource dt.url { } #resource dd.url { overflow: hidden; padding-bottom: 2px; white-space: nowrap; width: 420px; color:#45637B; text-shadow:2px 0 #fff;} #resource dd.url input { width:440px; padding-left: 2px;} #resource dd.cpd-pts { width:40px; padding-bottom:2px; } #resource dd.cpd-pts input { width:30px; padding-left:2px;} #resource dd.cpd-hrs { width:80px; padding-bottom:2px; } #resource dd.cpd-hrs input { width:20px; padding-left:2px; float:none;} #resource dd.supervisor { width:622px; padding-bottom:2px; } #resource dd.supervisor input { width:288px; height:16px; padding-left:2px; } #resource div.set-date { border-bottom: 1px solid #BFCEDC; border-top: 1px solid #BFCEDC; clear: both; float: left; margin:6px 0; padding: 0; width: 100%; } #resource dt.start-date { margin-top:0; padding-bottom:8px; padding-top:8px; } #resource dt.start-date span { display:block; overflow:hidden; } #resource dd.start-date { margin-top: 0; padding: 8px 0 8px 10px; position:relative; width:105px;} #resource dt.set-end-date { display:none; } #resource dd.set-end-date { margin-top: 0; padding: 8px 20px; position:relative; width:105px; } #resource dd.set-end-date input { display: inline; vertical-align:text-bottom; } #resource dd.set-end-date p { display: inline; font-size: 1em; line-height: 20px; margin: 8px 0; vertical-align:text-bottom; } .ie6 #resource dd.start-date { padding:6px 0 5px 10px; } .ie7 #resource dd.start-date { padding:6px 0 5px 10px; } #resource dt.end-date { margin-top:0; padding-bottom:8px; padding-top:8px; width:74px; } #resource dd.end-date { margin-top:0; padding-bottom:8px; padding-top:8px; position:relative; width:273px; } #resource input.date-picker { background-image: url("https://portfolio.bmj.com/portfolio/images/portfolio-sprite.png"); background-position:89px -241px; background-repeat:no-repeat; border:1px solid #A2B1BD; height:16px; width:100px;} #resource dd.status { width:102px; } #resource dd.status select#status { width:100px; text-align:left; } #resource dd.upload { width:624px; padding-top: 4px; padding-bottom: 6px; overflow:hidden;} #resource dd.upload div.fileinputs { position:relative; width:240px; float:left; } #resource dd.upload div.fileinputs input { width:240px; padding-left:2px; } #resource dd.upload div.fileinputs a.reset { color: #748A9C; font-weight: bold;font-size: 0.9em; vertical-align: top; text-shadow: 2px 0 #FFFFFF; } #resource dd.upload div.delete-attachement-item { float: left; overflow: hidden; width: 383px;} #resource dd.upload div.fakefile { position:absolute; top:0px; left:0px; z-index:-1;} #resource dd.upload div.fakefile button { height: 19px; padding:0 5px; vertical-align:baseline; } #resource dd.upload input.file { position:relative; text-align:right; -moz-opacity:0; filter:alpha(opacity:0); opacity: 0; z-index:2;cursor:pointer;cursor:hand;} #resource dd.upload button.delete span { display:block; margin-left:-9999px } #resource dd.upload a#deleteAttachment { background-image: url("https://portfolio.bmj.com/portfolio/images/portfolio-sprite.png"); background-position:-140px -57px; display:inline-block; height:16px; vertical-align: middle;vertical-align:text-top; width: 16px; } #resource dd.upload a#deleteAttachment:hover, #resource dd.upload a#deleteAttachment:focus { background-position:-156px -57px; } #resource dd.upload a#deleteAttachment:active { background-position:-172px -57px; } #resource dd.upload a#deleteAttachment span { position:absolute; margin-left:-9999px } #resource dd.upload a img { background-image: url("https://portfolio.bmj.com/portfolio/images/portfolio-sprite.png"); background-position:0 -264px; height:16px; margin-right:3px; vertical-align:middle; width:16px; } #resource dd.upload a[href $='.doc'] img, #resource dd.upload a[href $='.docx'] img, #resource dd.upload a[href $='.rtf'] img { background-position:-16px -264px; } #resource dd.upload a[href $='.xls'] img, #resource dd.upload a[href $='.xlsx'] img { background-position:-32px -264px; } #resource dd.upload a[href $='.pdf'] img { background-position:-48px -264px; } #resource dd.upload a[href $='.ppt'] img, #resource dd.upload a[href $='.pptx'] img { background-position:-64px -264px; } #resource dd.upload a[href $='.gif'] img, #resource dd.upload a[href $='.jpg'] img, #resource dd.upload a[href $='.png'] img, #resource dd.upload a[href $='.tif'] img { background-position:-80px -264px; } #resource dd.upload a[href $='.zip'] img { background-position:-96px -264px; } #resource #type-tags { } #resource #curricular-tags { } #resource dt.tags { padding-top:4px; background-image: url("https://portfolio.bmj.com/portfolio/images/portfolio-sprite.png"); background-position:-543px -192px; background-repeat: no-repeat; } .ie6 #resource dt.tags { background-image: url("../images/portfolio-sprite.gif"); } #resource dd.tags { padding-top:4px; width:622px;} #resource dd.tags div.indicator { background-image: url("https://portfolio.bmj.com/portfolio/images/portfolio-sprite.png"); background-position: -282px -42px; height: 11px; left: -1px; position: relative; top: 1px; width: 22px; z-index: 100;} .ie6 #resource dd.tags div.indicator { background-image: url("../images/portfolio-sprite.gif"); } #resource dd.tags div.indicator span { display:block; position:absolute; margin-left:-9999px !important; } #resource dd.tags div.tag-container { border:1px solid #BFCEDC; background:#fff; width:571px; overflow: hidden;} #resource dd.tags div.tag-container span{ display:block; margin:0 0 0 10px; } #resource dd.tags div.tag-container ul#tag-names { padding: 5px; width:562px; min-height:45px; } #resource dd.tags div.tag-container ul#tag-names li { margin:0 5px 5px 0; padding:3px 2px 3px 5px; line-height: 1em; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; background:#E1E7EA;} #resource dd.tags div.tag-container ul#tag-names li { display:inline-block; display:-moz-stack} .ie6 #resource div.tag-container dd.tags ul#tag-names li, .ie7 #resource div.tag-container dd.tags ul#tag-names li { display:inline; zoom: 1;} #resource dd.tags div.tag-container a.remove-tag { background-image: url("https://portfolio.bmj.com/portfolio/images/portfolio-sprite.png"); background-position:-140px -57px; display:inline-block; height:16px; vertical-align: middle;vertical-align:text-top; width: 16px; } #resource dd.tags div.tag-container a.remove-tag:hover, #resource dd.tags div.tag-container a.remove-tag:focus { background-position:-156px -57px; } #resource dd.tags div.tag-container a.remove-tag:active { background-position:-172px -57px; } #resource dd.tags div.tag-container a.remove-tag span { position:absolute; margin-left:-9999px } #resource dd.tags div.tag-input { background-color:#EDF0F2; border-top: 1px solid #B7C1CA; float:left;} #resource dd.tags div.tag-input span.my-tag { display:inline !important; margin: 0 10px 0 0 !important; line-height: 1.2em;} #resource dd.tags div.tag-input p.add-tags-tip { color: #375066; font-size: 0.8em; line-height: 1.3em; margin: 18px 0 9px 10px; width: 360px;float:left; } #resource dd.tags div.tag-input span#tags-heading { color: #324658; font-size: 0.9em; font-weight: bold; margin-left: 0; padding: 5px 0 0 10px; text-transform: uppercase;} #resource dd.tags div.tag-input div#my-tags { margin:2px 0 5px 10px; } #resource dd.tags div.tag-input span#curricula-tags select { width:346px } #resource dd.tags div.tag-input div.type-tags { border-bottom:1px solid #B7C1CA; float:left; padding-bottom:9px; width:180px;} #resource dd.tags div.tag-input div.curricula-tags { border-bottom:1px solid #B7C1CA; float:left; padding-bottom:9px; width:391px;} #resource dd.tags div.tag-input div.my-tags { float:left; padding-bottom:3px; } #resource dd.tags div.tag-input div.my-tags div.add-tags-input { float:left; width:180px; } #resource dd.tags div.tag-input div.my-tags div.add-tags-input span.add-tag-box input { border: 1px solid #BFCEDC; width: 131px;} #resource dd.tags div.tag-input dd.recommended-tags h3 { line-height:1.2em; } #resource dd.tags div.tag-input dd.recommended-tags li#tabs li { display:inline; padding:5px; } #resource dd.tags div.tag-input dd.recommended-tags li#tabs li.selected { border:1px solid #7F9DB9; border-bottom:0; background:#fff; } #resource dd.tags div.tag-input dd.recommended-tags li.panel-rec { border:1px solid #7F9DB9; background:#fff; padding:5px; width:562px; } #resource dd.tags div.tag-input dd.recommended-tags ul.tag-list li { display:inline; padding-right:5px; } #resource dd.tags button.add-tag { display: inline; height: 19px; padding: 2px; vertical-align: top;} .ie6 #resource dd.tags button.add-tag { margin-top:1px; padding:0;} .ie7 #resource dd.tags button.add-tag { margin-top:1px; } #resource dd.tags button span { position: absolute; left:-9999px; } #resource dd.tags div.my-tags div.tag-bunch { display:inline; } #resource dd.tags div.my-tags a.more-tag { clear: both; display: block; font-size: 0.9em; font-style: italic; margin: 2px 0; overflow: hidden; } #resource dd.start-date select.invalid { color:#f00; } #resource dd.end-date select.invalid { color:#f00; } #resource dd.start-date div.invalid { background-image:url("https://portfolio.bmj.com/portfolio/images/portfolio-sprite.png"); background-position:-245px -43px; height:16px; overflow:visible; position:absolute; right:2px; top:7px; width:16px; } #resource dd.start-date div.invalid img { width:16px; height:16px;} #resource dd.end-date div.invalid { background-image:url("https://portfolio.bmj.com/portfolio/images/portfolio-sprite.png"); background-position:-245px -43px; height:16px; overflow:visible; position:absolute; right:68px; top:7px; width:16px; } #resource dd.end-date div.invalid img { width:16px; height:16px;} #resource dd.upload button.delete { color:white; height:19px; padding:2px; position:relative; text-align:left; top:2px; width: 21px;} #resource .ie6 dd.upload button.delete { overflow:hidden;} #resource div.impact-score { clear: both; float: left; width: 100%; } #resource dd.impact-hrs { width:100px; padding-bottom:2px; } #resource dd.impact-hrs input { width:30px; padding-left:2px; float:none;} #resource dd.impact-pts { width:100px; padding-bottom:2px; } #resource dd.impact-pts input { width:30px; padding-left:2px;} #resource div.submit { background: none repeat scroll 0 0 #EDF0F2; float: left; overflow: visible; padding: 9px 100px; width: 540px; } #resource div.submit button.submit { float:left; width:75px; margin-bottom:9px} #resource div.submit a.cancel { border-left: 1px solid #B7C1CA; float:left; font-size:1.1em; margin:6px 0 0 10px; padding-left: 7px; } .ie6 #resource div.submit { display:inline; } /*alert/confirm css */ #alert_holder { border:10px solid white; min-width:300px; max-width:600px; background-color:#EDF0F2; } #alert_header {font-weight:bold;font-size:1.8em; color:#fff;line-height:1.75em;background:#7F9DB9;padding:0 0 0 15px;margin:0} #alert_content {padding:15px 15px;margin:0;color:#324658;} #alert_panel {text-align:center;margin:1em 0 0 1em} #alert_message h4 { text-align:left; font-size: 1.5em; line-height: 1.5em; margin: 0 0 9px;} #alert_message p { text-align:left; font-size: 1.2em; line-height: 1.5em; margin: 0 0 9px;} #alert_message ul { list-style-type:disc; margin-left: 15px; } #alert_message li { text-align:left; } #alert_panel a.ui-button { font-size:1.2em } #popup_overlay {position:absolute;z-index:99998;top:0;left:0;width:100%;background:#000;opacity:0.3}