/* RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent;}
body { line-height: 1.4em;}
ol, ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
/* remember to define focus styles! */
:focus { outline: 0; }
/* remember to highlight inserts somehow! */
ins { text-decoration: none; }
del { text-decoration: line-through; }
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }
/* for understanding browsers */
#content {
min-height:500px;
height:auto;
}
/* for Internet Explorer */
/*\*/
* html #content {
height: 500px;
}
/**/
html[xmlns] .clearfix {
display:block;
}
* html .clearfix {
height:1%;
}
#mast-head { padding:20px; padding-bottom: 10px; width:768px;}
#logo { width:600px; padding:0;}
#logo img { margin-top:3px;}
#global-body { margin-top:-70px; }
body { color:#222; }
div.button a { border:1px solid #629998; }
#content { min-height:400px;}
span.loading { background:#00AEEF; color:#fff; font-weight:bold; font-size:1.1em; padding:1px 10px; }
div.loading { padding:13px 0 5px 30px; }
span.error { display:block; margin:0 0 10px 0; color:#f00; line-height:1em;}
a.reflink { margin:0 2px; }
#local-body { width:808px; float:left; overflow:hidden;}
#global-body { float:left; }
#global-body { margin-top:0; }
#content div.body-copy { margin:20px; }
a:link { color:#00AEEF; text-decoration:none; }
a:visited { color:#00AEEF; text-decoration:none; }
a:hover { color:#f0f; text-decoration:none; }
a:focus { color:#f0f; background:#ffffcc; text-decoration:none; }
a:active { color:#00AEEF; text-decoration:none; }
input.text:focus { background-color:#ffffcc !important; border-style:inset !important;}
textarea:focus { background-color:#ffffcc; }
select:focus { background-color:#ffffcc; }
/* FONTS */
#content h1 { font-size:2.1em; }
#content h2 { font-size:1.8em; }
#content h3 { font-size:1.5em; border-bottom:1px solid #222; }
#content th, #content td { font-size:1.2em; }
#content li p { font-size:1em }
#content div.top { float:right; font-size:1.1em; font-weight:bold; margin-right:10px; }
#content table dt { font-size:1em; }
#content table dd { font-size:1em; }
#content p { font-size:1.3em; }
#content span.moredetails { font-size:1.3em; color:#cc0000; }
#content input.submit { display:block; margin-top:10px;}
#content.register div.intro { overflow:hidden; width:658px; overflow:hidden; margin:0 0 0 65px; }
#content.moredetails div.intro { overflow:hidden; width:638px; overflow:hidden; margin:10px 0 0 65px; padding:15px 10px 10px 10px; background:transparent url(../images/bg-intro.gif) no-repeat scroll left top; }
#content.view div.intro,
#content.edit div.intro { overflow:hidden; width:638px; overflow:hidden; margin:10px 0 15px 65px; padding:15px 10px 10px 10px; background:transparent url(../images/bg-intro.gif) no-repeat scroll left top; }
#content.view div.intro p,
#content.edit div.intro p { margin:0 0 0 10px; }
#content.view div.intro div.edit-button { position:relative; width:300px; margin:0 auto; }
#content div.intro a.edit-button { background:transparent url(../images/bg-button-edit.gif) no-repeat scroll left top; border:0 none; color:#333; cursor:pointer; display:inline; float:left; text-align:center; font-size:14px; font-weight:bold; width:300px; height:20px; margin:0; padding: 12px 0; position:relative; cursor: pointer; }
#content div.intro a.edit-button:focus { background-position:0 -44px; border:0 !important;}
#content div.intro a.edit-button:hover { background-position:0 -44px; color:#f0f;}
#content div.intro a.edit-button:active { background-position:0 -88px; border:0 !important; }
#content span.required { display:inline; line-height:12px; font-size:1.2em; color:#cc0000; }
#content div.box { position:relative; display:block; padding-top:7px; position:relative; width:658px; margin:30px 0 15px 65px; background:transparent url(../images/bg-box-top.gif) no-repeat scroll left top; }
#content.moredetails div.box { position:relative; display:block; padding-top:7px; position:relative; width:658px; margin:0 0 15px 65px; background:transparent url(../images/bg-box-top.gif) no-repeat scroll left top; }
#content.register div.box { margin:0 0 15px 65px; }
#content div.box ul.tabNavigation { position:absolute; margin-top:-39px; }
#content div.box ul.tabNavigation li { padding:0; margin:0; display:block; float:left; height:35px; }
#content div.box ul.tabNavigation a { text-align:center; font-size:1.1em; font-weight:bold; padding:5px 0 2px 0; line-height:35px; float:left; display:block; height:35px; background-image:url(../images/bg-nav.gif); background-repeat:no-repeat;}
#content div.box ul.tabNavigation a:hover { color:#80D7F7;}
#content div.box ul.tabNavigation li.personal-information a { width:220px; background-position:0 -100px; }
#content div.box ul.tabNavigation li.personal-information a.selected { background-position:0 0; color:#000; }
#content div.box ul.tabNavigation li.personal-information a#first.thirdOn { background-position:0 -200px; }
#content div.box ul.tabNavigation li.notifications a { width:218px;background-position:-220px 0; }
#content div.box ul.tabNavigation li.notifications a.selected { background-position:-220px -100px; color:#000; }
#content div.box ul.tabNavigation li.subscriptions { width:220px; background-image:url(../images/bg-nav.gif); background-repeat:no-repeat; background-position:-438px 0; height:36px; }
/* THREE TAB STYLING
#content div.box ul.tabNavigation li.subscriptions a { width:168px;background-position:-220px 0; }
#content div.box ul.tabNavigation li.subscriptions a.selected { background-position:-220px -100px; color:#000; }
#content div.box ul.tabNavigation li.subscriptions a#second.thirdOn { background-position:-220px -200px !important; }
#content div.box ul.tabNavigation li.notifications a { width:170px;background-position:-438px 0px; }
#content div.box ul.tabNavigation li.notifications a.selected { background-position: -438px -200px; color:#000; }
*/
#content div.box ul.tabNavigation a { color:#fff; }
#content div.box ul.tabNavigation a:focus { background-color:transparent; }
#content div.box ul.tabNavigation a.edit { display:inline; padding:0; }
#content div.box div.box-wrapper { display:block; padding-bottom:7px; background:transparent url(../images/bg-box-bottom.gif) no-repeat scroll left bottom; }
#content.moredetails div.box div.box-content dl { overflow:hidden; border-bottom:none; padding:5px 0; _margin:20px 0; _padding:0; }
#content div.box div.box-content { overflow:hidden; display:block; padding:4px 24px; background:transparent url(../images/bg-box-middle.gif) repeat-y scroll left top; }
#content div.box div.box-content dl { overflow:hidden; border-bottom:1px dotted #ccc; padding:10px 0; _margin:20px 0; _padding:0; }
#content div.box div.box-content dt { border-bottom:0; margin:0;float:left; clear:both; display:block; font-weight:bold;text-align:right;width:190px;color:#828282;}
#content div.box div.box-content dd { float:left; display:block; width:380px; }
#content div.box div.box-content dd p { position:relative; font-size:1.1em; }
#content div.box div.box-content dl.view dd { font-weight:bold; color:#000; }
#content div.box div.box-content dd span { display:block; }
#content div.box div.box-content dd span.null { color:#ccc; font-weight:normal; }
#content div.box div.box-content p,
#content div.box div.box-content h2 { background:#fff; }
#content div.box div.box-content dl.view dd { font-size:1.3em; line-height:34px; margin:0 5px; }
#content div.box div.box-content dt { font-size:1.3em; line-height:34px; margin:0 5px; white-space:nowrap; overflow:hidden;}
#content div.box div.box-content dd { font-size:1.3em; line-height:34px; margin:0 5px; }
#content div.box div.box-content dl.error { margin:0; padding:0; border:0; }
#content div.box div.box-content dl.error dt { line-height:1.6em; }
#content div.box div.box-content dl.error dd { line-height:1.6em; }
#content div.box div.box-content dl.error span { margin:0; padding-left:10px; }
#content div.box div.box-content dl.no-bottom-line { border-bottom:none; padding-bottom:0; }
#content div.box div.box-content dd.profession button { border:0; background-color:#fff; width: 150px;}
#content div.box div.box-content dd.profession span { width:130px; margin:0; }
#content div.box div.box-content dd.professions { padding-bottom:10px; }
#content div.box div.box-content dd.professions span { line-height:1.2em; }
#content div.box div.box-content dd.professions small { line-height:1em; padding-top:1.1em; color:#999; font-size:0.85em; font-weight:normal; display:block; }
#content div.box div.box-content dd.specialty span#autobox-specialty-value { display:inline-block; line-height:1em; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; margin-top:8px;}
#content div.box div.box-content dd.magicDropdown span#autobox-nhsPct-value { display:inline-block; line-height:1em; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: 1px solid #CAD8F3; background: #DEE7F8; padding: 1px 5px 2px; margin-top:8px;}
#content input.text { margin:6px 0; padding:2px 3px; }
#content div.box div.box-content select { margin:7px 0 7px 0; }
#content div.login div.box-content dl { border-bottom:0; margin:0; }
#content select.list { overflow:hidden; }
#content select.country { overflow:hidden; }
#content input.text { overflow:hidden; border-top:1px solid #ccc; border-right:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; border-left:1px solid #ccc; }
#content input.error { overflow:hidden; border:1px inset #f00; padding:2px 5px; background:#FFD9D9;}
#content input#title-text { width:150px; }
#content input#first-name-text { width:150px; }
#content input#last-name-text { width:150px; }
#content input#email-text { width:300px; }
#content input#password-text { width:100px; }
#content input#confirm-password-text { width:100px; }
#content input#country-text { width:300px; }
#content input#speciality-select { width:300px; }
#content input#autobox-specialty-select { width:250px; }
#content input#nhsPct-select { width:250px; }
#content input#autobox-nhsPct-select { width:250px; }
#content input#profession-text { width:250px; }
#content input#bma-number-text { width:100px; }
#content input#gmc-number-text { width:100px; }
#content input#department-text { width:300px; }
#content input#organisation-name-text { width:300px; }
#content input#address-line-one-text { width:200px; }
#content input#address-line-two-text { width:200px; }
#content input#address-line-three-text { width:200px; }
#content input#address-line-four-text { width:200px; }
#content input#town-text { width:150px; }
#content input#county-text { width:150px; }
#content input#postcode-text { width:75px; }
#content input#phone-number-text { width:100px; }
#content input#place-of-study-text { width:300px; }
#content input#country-of-study-text { width:300px; }
#content input#graduation-year-text { width:50px; }
#content input#specialty-text-text { width:300px; }
#content input#nhsPct-text-text { width:300px; }
#content input#doc2doc-screen-name-text { width:150px; }
#content input#subject-text { width:300px; }
#content select#product-text { width:250px; }
#content select#category-text { width:250px; }
#content textarea#description-text { width:300px; height:100px; }
#content div.save { overflow:hidden; width:300px; margin:0 auto; }
#content input.button-save { background:transparent url(../images/bg-button-save.gif) no-repeat scroll left top; border:0 none; color:white; cursor:pointer; display:inline; float:left; font-size:14px; font-weight:bold; width:300px; height:44px; margin:0; padding: 6px 12px 12px 14px; position:relative; cursor: pointer; }
#content input.button-save:focus { background-position:0 -44px; border:0 !important;}
#content input.button-save:hover { background-position:0 -44px;}
#content input.button-save:active { background-position:0 -88px; border:0 !important; }
#content div.activate { overflow:hidden; width:300px; margin:0 auto; }
#content a.button-activate { color:#fff; background:transparent url(../images/bg-button-save.gif) no-repeat scroll left top; cursor:pointer;display:inline;float:left;font-size:14px;font-weight:bold;height:20px;margin:0;padding:12px 0;position:relative;text-align:center;width:300px;}
#content a.button-activate:focus { background-position:0 -44px; border:0 !important;}
#content a.button-activate:hover { background-position:0 -44px;}
#content a.button-activate:active { background-position:0 -88px; border:0 !important; }
#content div.box div.box-content select.hospital-trust { width:400px; }
#content div.box div.box-content em { color:red; font-style:normal; }
#content div.box div.box-content ol label { width:300px;font-size:1em; }
#content div.box div.box-content ol li { display:inline;float:none;font-weight:bold; }
#content div.box div.box-content ul.speciality,
#content div.box div.box-content ul.profession { margin:0 0 3px 0; }
#content div.box div.box-content ul.speciality li,
#content div.box div.box-content ul.profession li { font-weight:bold; font-size:1.1em; padding-left:6px; background-image:none; }
#content div.box div.box-content input.address-line { width:250px; }
#content div.box div.box-content p.more { font-size:1.5em; font-weight:bold; margin-left:184px; }
#content div.box div.box-content p.less { font-size:1.5em; font-weight:bold; margin-left:184px; }
#content div.box div.box-content p.show { margin:3px 0 0 6px; }
#content div.box div.box-content a.expand { padding-right:10px; background:transparent url(../images/icon-arrow-down.gif) no-repeat scroll right 7px; }
#content div.box div.box-content a.collapse { padding-right:10px; background:transparent url(../images/icon-arrow-up.gif) no-repeat scroll right 7px; }
#content div.box div.box-content ul.profession-list { margin:0 0 0 200px; background:#fff; }
#content div.box div.box-content ul.profession-list ul { overflow:hidden; padding:0 0 0 35px; margin:0; }
#content div.box div.box-content ul.profession-list ul ul { padding:0 0 0 35px; margin:0; }
#content div.box div.box-content ul.profession-list li { margin:0; padding:0; background-image:none;font-weight:bold; }
#content div.box div.box-content ul.profession-list li li { border-bottom:1px dotted #ccc; font-weight:normal; margin:0 5px; padding-left:0; }
#content div.box div.box-content ul.profession-list li.end { border-bottom:none; margin-bottom:15px; }
#content div.box div.box-content ul.profession-list li li li { font-size:0.9em; border-bottom:none; }
#content div.box div.box-content dd.profession-list ul { overflow:hidden; padding:6px 0 0 0; margin:0; }
#content div.box div.box-content dd.profession-list ul ul { padding:0 0 0 35px; margin:0; }
#content div.box div.box-content dd.profession-list li { margin:0; padding:0; background-image:none;font-weight:bold; }
#content div.box div.box-content dd.profession-list li li { border-bottom:1px dotted #ccc; font-weight:normal; margin:0 5px; padding-left:0; }
#content div.box div.box-content dd.profession-list li.end { border-bottom:none; margin-bottom:15px; }
#content div.box div.box-content dd.profession-list li li li { font-size:0.85em; border-bottom:none; }
#content div.box div.box-content #notifications { min-height:400px;}
#content div.box div.box-content #notifications li { padding-left:20px; line-height:2em; background-position:0 3px;}
#content div.box div.box-content #notifications li.tick { background-image:url(../images/icon-tick.gif); }
#content div.box div.box-content #notifications li.cross { background-image:url(../images/icon-cross.gif); }
/* FUNKY LIST TYPE - NEEDS IE SORTING
#content div.box div.box-content ul.profession-list ul { margin:0 5px 4px 0; border: 1px solid #999; overflow: hidden; height: auto !important; height: 1%; }
*:first-child+html #content div.box div.box-content ul.profession-list ul { padding-bottom: 2px; }
* html #content div.box div.box-content ul.profession-list ul { padding-bottom: 2px; }
#content div.box div.box-content ul.profession-list li li li { float:left; font-size:11px; list-style-type:none; margin:2px; padding:0 5px 0 0; position:relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; background:#f1f1f1 none repeat scroll 0 0; border:1px solid #efefef;}
*/
#content div.box div.box-content div.specialty { float:left; width:33%; font-size:1.2em;}
#content div.box div.box-content div.specialty ul { margin:0;}
#content div.box div.box-content div.specialty li { font-size:1em; margin:0; padding:0; background-image:none;}
#content div.box div.box-content div.nhsPct { float:left; width:33%; font-size:1.2em;}
#content div.box div.box-content div.nhsPct ul { margin:0;}
#content div.box div.box-content div.nhsPct li { font-size:1em; margin:0; padding:0; background-image:none;}
/* COLLAPSABLE ELEMENTS */
#content span.collapsed { line-height:2.5em; background:transparent url(../images/icon-arrow-right.gif) no-repeat scroll 0 13px; color:#00AEEF; padding-left:10px;}
#content span.expanded { line-height:2.5em; background:transparent url(../images/icon-arrow-down.gif) no-repeat scroll 0 9px; color:#00AEEF; padding-left:10px;}
/* TABLES */
#content table.default { width:100%; border-collapse: collapse; margin:10px 0;}
#content table.default caption { display:none; }
#content table.default tr { border-spacing:10px; }
#content table.default th { padding:5px; color:#777; font-size:1.2em; border-bottom:1px solid #000;}
#content table.default td { padding:5px; font-size:1.2em; vertical-align:top; }
#content table.default ul { margin:0 !important; }
#content table.default li { font-size:1em !important; }
#content table.default p { font-size:1em !important; }
#content table.default .align-right { text-align:right; }
#content table.default .align-center { text-align:center; }
/* ORDER BASKET */
#content table.order-basket a.delete { height:16px; display:block; background:transparent url(../images/icon-delete.gif) no-repeat scroll 50% 50%; }
#content table.order-basket a.delete:hover { display:block; background:transparent url(../images/icon-delete-hover.gif) no-repeat scroll 50% 50%; }
#content table.order-basket a.delete span { margin-left:-9999px; }
#content table.order-basket tr.tabletotal th,
#content table.order-basket tr.tabletotal td { border-top:1px solid #000; }
#content table.order-basket th.promotion-code { background:#f1f1f1; width:100px; border-left:1px dotted #ccc; }
#content table.order-basket td.promotion-code { background:#f1f1f1; width:100px; border-left:1px dotted #ccc; }
#content table.order-basket input.promo-code { width:80px; }
#content table.order-basket th.quantity { background:#f1f1f1; width:50px; border-right:1px dotted #ccc; }
#content table.order-basket td.quantity { background:#f1f1f1; width:50px; border-right:1px dotted #ccc; }
#content table.order-basket input.quantity { width:30px; text-align:right; }
#content table.order-basket th.refresh { background:#f1f1f1; border-right:1px dotted #ccc; border-left:1px dotted #ccc; }
/* ORDER CHECKOUT */
#content table.checkout { border-bottom:0; margin-bottom:30px; }
#content table.checkout th.total-exc-tax span,
#content table.checkout th.total-inc-tax span { white-space:nowrap; font-size:0.9em; font-weight:normal; }
#content table.checkout th.price,
#content table.checkout td.price { width:50px; }
#content table.checkout th.total-exc-tax,
#content table.checkout td.total-exc-tax { width:50px; background:#efefef; }
#content table.checkout th.tax,
#content table.checkout td.tax { width:50px; background:#efefef;}
#content table.checkout th.total-inc-tax,
#content table.checkout td.total-inc-tax { width:50px; background:#efefef; }
#content table.checkout tr.tabletotal th,
#content table.checkout tr.tabletotal td { border-top:1px solid #000; }
#content table.checkout th.shipping-address { color:#000; border-bottom:0; font-size:1.4em;}
/* TOTAL */
#content table.total { border:0; }
#content table tr.tabletotal { text-align:right; }
#content table tr.tabletotal td.total { vertical-align:baseline; }
#content table tr.tabletotal td { font-size:2.1em; font-weight:bold; padding:10px 5px;}
#content table tr.tabletotal td span { font-size:0.6em; }
#content table tr.tabletotal th { border:0; color:#000; padding:10px 5px; }
#content table.total td.total-exc-tax { width:50px; background:#efefef; }
#content table.total td.tax { width:50px; background:#efefef; }
#content table.total td.total-inc-tax { width:50px; background:#efefef; }
#content div.controls { float:right; margin-top:20px}
#content div.shipping-address { float:left; width:608px; font-size:1.2em;}
#content div.currency { float:right; text-align:right; width:160px; }
#content div.agree { margin:20px 0; }
#content div.agree p { margin:5px 0; text-align:right; }
#content div.voucher { overflow:hidden; float:right; width:300px;}
#content div.voucher p { margin-bottom:0; font-weight:bold;}
#content div.voucher input.voucher { width:180px;}
#footer div.legal { width:808px; }
#nhsPct-select {width:300px;}
* + html .magicDropdown #nhsPct-select {width:400px;}
/** + html .magicDropdown {clear:both;}*/
/* because of worldpay issue order-basket confirmation page requires a slightly modified version of these */
#content div.box div.box-content-confirmation { display:block; padding:4px 24px; background:transparent url(../images/bg-box-middle.gif) repeat-y scroll left top; }
#mast-head-confirmation {padding:20px; padding-bottom:10px;}