/* 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, 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; font-size: 100%; vertical-align: baseline; background: transparent; }
body { line-height: 1;}
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;}
/* Clearing Floats */
.clearfix { display: inline-block; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear { clear:both; height:1px; width:100%; margin-bottom:-1px; font-size:0px; line-height:0; }
.hidden { display:none; }
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
body { background-color:#fff; font-size:1em; font-family:Arial, Verdana, Helvetica, sans-serif; }
#wrap { width:943px; margin:0px auto; background:#fcfcfc url(../img/backgrounds/border-background.png) 0 0 repeat-x; padding:6px 6px 10px 6px;}
#header { width:943px; height:68px; position:relative; z-index:10; background:url(../img/backgrounds/main-heading.jpg) no-repeat 0 0;}
#header h1 { width:409px; height:48px; text-indent:-9999em; position:absolute; top:10px; left:10px; background:transparent url(../img/headings/healthcarebookingscom-beta.png) 0 0 no-repeat; }
#header h1 a { width:409px; height:43px; display:block; }
#header .utilities { position:absolute; right:19px; top:15px; }
#header .utilities a:link, #header .utilities a:active, #header .utilities a:visited { color:#fff; text-decoration:none}
#header .utilities a:hover { color:#fff; }
#header .utilities a#register { width:116px; height:36px; display:block; float:right; text-indent:-9999em; background:transparent url(../img/buttons/register.png) 0 0 no-repeat; }
#header .utilities a#register:hover { background-position:0 -36px; }
#header .utilities a#login { width:60px; height:30px; display:block; float:right; margin:3px 0 0 10px; display:block; font-size:.875em; text-align:center; line-height:30px; background: transparent url(../img/buttons/login.gif) right 0 no-repeat; }
#header .utilities a#login:hover { background-position:0 -30px; }
#header .utils-loggedin { position:absolute; right:19px; top:19px; font-size:0.75em; background:url(../img/backgrounds/utils-loggedin-left.png) no-repeat; }
#header .utils-loggedin a:link, #header .utils-loggedin a:active, #header .utils-loggedin a:visited { color:#fff; text-decoration:none}
#header .utils-loggedin a:hover { color:#d0e6f4; }
#header .utils-loggedin p b { font-weight:normal; color:#6699cc; padding:0 5px; }
#header .utils-loggedin p { padding:9px 12px 12px 12px; color:#fff; background:url(../img/backgrounds/utils-loggedin-right.png) no-repeat top right; }
#nav { width:935px; height:36px; margin:6px 4px 0 4px; position:relative; background:#dfdfdf url(../img/backgrounds/solid-nav.png) 0 0 no-repeat; }
#nav ul { float:left; margin:0; height:36px; padding:0; border-right:1px solid #f6f6f6; }
#nav ul li { float:left; margin:0; height:36px; }
#nav ul li a { display:block; text-align:center; font:bold .75em/36px Arial, Helvetica, sans-serif; color:#255391; text-decoration:none;
background:transparent url(../img/backgrounds/repeating-nav.png) 0 0 repeat-x;}
#nav ul li span { display:block; padding:0 17px 0 20px; background:transparent url(../img/backgrounds/nav-separator.gif) 0 0 no-repeat; }
#nav ul li.first a span { background:transparent url(../img/backgrounds/nav-round-corner.gif) 0 0 no-repeat; padding:0 35px 0 35px; }
#nav ul li a:hover,
#nav ul li.highlighted a,
#nav ul li.first a:hover span { background-position:0 -36px;}
#nav ul li.highlighted a { color:#25914e; }
#nav .date { float:right; margin:0 5px 0 0; font:bold .75em/36px Arial, Helvetica, sans-serif; color:#666; }
#feedback { display:block; float:right; width:200px; height:36px; margin:0; text-indent:-9999em; font-size:0px; line-height:1px; background:url(../img/buttons/feedback.png); }
#feedback:hover { background-position:0 -36px; }
#subnav { width:935px; height:39px; margin:0 4px; position:relative; clear:left; }
#subnav ul { width:920px; float:left; margin:0; padding:0 0 0 15px; background:#fff url(../img/backgrounds/subnav-solid-bottom.png) 0 bottom no-repeat;}
#subnav ul li { float:left; margin:0; height:39px; }
#subnav ul li a { display:block; font:.6875em/39px Arial, Helvetica, sans-serif; color:#255391; text-decoration:none; padding:0 18px 0 10px;
background:transparent url(../img/backgrounds/subnav-separator.gif) 100% 0 no-repeat; }
#subnav ul li a:link, #subnav ul li a:active, #subnav ul li a:visited { text-decoration:none}
#subnav ul li a:hover { color:#25914e; }
#subnav ul li.highlighted { }
#subnav ul li.highlighted a { color:#25914e; }
#subnav ul li.last a { background:none; }
#subnav ul li.highlighted ul { margin:3px 0 0 0; padding:0 0 5px 10px; background-color:#fff; background-image:none; border:none }
#subnav ul li ul li { font-size:100%; background-color:#fff; background-image:none; border:none}
#subnav ul li ul li.last { border-bottom:none}
#subnav ul li.highlighted ul li { background-image:none}
#subnav ul li.highlighted ul li a { font-weight:normal; background:none }
#subnav ul li.highlighted ul li.highlighted a { font-weight:bold; background:url(../img/sub-subnav-arrow.gif) no-repeat center left}
#subnav ul li.highlighted ul li.highlighted ul li a { font-weight:normal}
#subnav ul li.highlighted ul li.highlighted ul li.highlighted a { font-weight:bold}
#footer { width:915px; margin:0 auto; background-color:#fff; height:20px; display:block; padding:30px 10px 0 10px; font-size:0.75em; color:#999999}
#footer p { float:left; }
#footer ul { float:right; margin:0 10px 0 0}
#footer li { display:inline; margin:0 0 0 20px; text-align:right}
#footer li a:link,
#footer li a:active,
#footer li a:visited { color:#255391; text-decoration:none; }
#footer li a:hover { text-decoration:underline; }
/*** Common Content Stuff ***/
.c { display:block; background:#fff; margin:0 4px; }
.c .content { float:left; margin:0 0 0 45px; display:inline; position:relative; }
.c .has-col { width:500px;}
.c .no-col { width:620px;}
.c .full-width { width:845px;}
.content h1#pageName { font-size:2em; color:#000; margin:20px 0 20px 0; line-height:1.2; border-bottom:1px solid #bebebe; min-height:20px; padding:0 0 5px 0; }
.has-col .content h1#pageName { width:500px; }
.no-col .content h1#pageName { width:620px; }
.full-width .content h1#pageName { width:845px; }
.content h1 { font-size:1.5em; color:#000; line-height:1.2; font-weight:normal; margin:0 0 8px 0;}
.content h2 { font-size:1.25em; color:#333; line-height:1.2; font-weight:normal; margin:0 0 8px 0;}
.content h3 { font-size:1.125em; color:#333; line-height:1.2; font-weight:normal; margin:0 0 5px 0;}
.content h4 { font-size:1em; color:#666; line-height:1.2; font-weight:bold; margin:0 0 5px 0;}
.content h5 { font-size:1em; color:#666; line-height:1.2; font-weight:normal; margin:0 0 5px 0;}
.content h6 { font-size:0.875em; color:#666; line-height:1.2; font-weight:normal; margin:0 0 5px 0;}
.content p { font-size:0.75em; color:#333; line-height:1.4; margin:0 0 10px 0;}
.content p.intro { font-size:0.75em; color:#000; background-color:#edf8fe; border:1px solid #d0e6f4; padding:5px; line-height:1.3; margin:0 0 10px 0;}
.content .imgflr { border:1px solid #d0e6f4; float:right; margin:0 0 10px 0;}
.content .imgfll { border:1px solid #d0e6f4; float:left; margin:0 10px 10px 0;}
.content .imgcentre { border:1px solid #d0e6f4; margin:0 0 10px 0;}
.content .media-wrap { float:right; margin:0 0 10px 10px; }
.content a:link,
.content a:active,
.content a:visited { color:#255391; text-decoration:underline}
.content a:hover { color:#1e753f; text-decoration:none}
.content em { font-weight:normal; font-style:italic}
.content strong { font-weight:bold}
.content ul { margin:0 0 10px 0; font-size:0.75em; color:#000}
.content ul li { list-style:none; background:url(../img/icons/bullet.gif) no-repeat left 5px; padding:0 0 0 10px; margin:0 0 5px 0; line-height:1.2 }
.content ul li ul { font-size:100%; margin:5px 0 }
.content ol { margin:0 0 10px 0; font-size:0.75em; color:#000}
.content ol li { list-style:decimal; list-style-position:inside; margin:0 0 5px 0; line-height:1.2}
.content ol li ol { font-size:100%; margin:5px 0 5px 15px}
.content dl { margin:0 0 10px 0; font-size:0.75em; line-height:1.2}
.content dt { font-weight:bold; line-height:1.3}
.content dd { line-height:1.3}
.content dd.endDD { margin:0 0 5px 0}
.content .pdf-link { padding:2px 0 2px 18px; background:url(../img/icons/mini-pdf.gif) no-repeat 0 2px; display:block}
.content .doc-link { padding:2px 0 2px 18px; background:url(../img/icons/mini-doc.gif) no-repeat 0 2px; display:block}
.content .xls-link { padding:2px 0 2px 18px; background:url(../img/icons/mini-excel.gif) no-repeat 0 2px; display:block}
.content .txt-link { padding:2px 0 2px 18px; background:url(../img/icons/mini-txt.gif) no-repeat 0 2px; display:block}
.content .page-link { padding:2px 0 2px 18px; background:url(../img/icons/page.gif) no-repeat 0 2px; display:block}
.content .is-pdf { background:url(../img/icons/mini-pdf.gif) no-repeat 0 0}
.content .is-doc { background:url(../img/icons/mini-doc.gif) no-repeat 0 0}
.content .is-web { background:url(../img/icons/mini-web.gif) no-repeat 0 0}
.content .is-other { background:url(../img/icons/mini-txt.gif) no-repeat 0 0}
.content table.contentTable { border-collapse:collapse; margin:0 0 10px 0; font-size:0.75em; }
.content.has-col table.contentTable { width:500px; }
.content.no-col table.contentTable { width:620px; }
.content.full-width table.contentTable { width:100%; }
.content table.contentTable { border-collapse:collapse; margin:0 0 10px 0; font-size:0.75em; }
.content table.contentTable th { background:#20477c url(../img/backgrounds/table-header-repeat.png) repeat-x 0 0; font-weight:normal; font-size:1.167em; color:#fff; padding:7px 6px; text-align:left; border:1px solid #40679c; border-width:0 1px 0 1px;}
.content table.contentTable td { padding:7px 5px; text-align:left; border:1px solid #d0e6f4; background-color:#fff}
.content table.contentTable tfoot td { background-color:#edf8fe; }
.content table.zebra_table .alt td { background-color:#f3fafe}
.content .contentTable caption { text-align:left; padding:3px 5px 7px 0; margin:0; color:#255391; font-size:1.4em; }
.content .contentTable caption a { margin:0; padding:0 0 5px 0; font-size:0.8em; font-weight:bold; }
.content table#results thead tr { background:#20477c url(../img/backgrounds/table-header-full.png) 0 0 no-repeat; }
.content table#results thead th { background:#20477c url(../img/backgrounds/table-header-full.png) -5px 0 repeat-x; }
.content table#results thead th.first { background:#20477c url(../img/backgrounds/table-header-full.png) 0 0 no-repeat; border-left:0;}
.content table#results thead th.last { background:#20477c url(../img/backgrounds/table-header-full.png) 100% 0 no-repeat; border-right:1px solid #fff;}
.content table#results thead th a { color: #ffffff;}
.content table#results tfoot td input { float:left; }
.content table#results tfoot td a { display:block; margin:0 0 0 120px; padding:10px 0 0 0; width:20em; font-size:1.333em;}
.content input, .content select, .content textarea { font-family:Arial, Helvetica, sans-serif}
.content .regForm { display:block; margin:0 0 10px 0}
.content .regForm .regFormCta { color:#000; border:1px solid #d0e6f4; padding:8px; background-color:#edf8fe; display:block; margin:0 0 10px 0; font-size:1.083em;}
.content .regForm .regFormCta p { color:#000; line-height:1.2; margin:0}
.content .regForm .ErrorLabel { color:#e44e35; border:1px solid #ecceca; padding:8px; background-color:#f3e6e4; display:block; margin:0 0 10px 0; font-size:.8125em;}
.content .regForm fieldset { border:1px solid #d0e6f4; padding:5px; margin:0 0 10px 0}
.content .regForm legend { padding:3px 5px 5px 5px; margin:0; color:#255391; font-size:1em}
.content .regForm legend a { margin:0; padding:0 0 5px 0; font-size:0.8em; font-weight:bold; }
.content .regForm .formIntro { border:1px solid #d0e6f4; background:#edf8fe url(../img/form-intro-bg.gif) repeat-x 0 0; padding:5px 8px; color:#000; font-weight:bold; margin:0 10px 10px 10px}
.content .regForm .formline { display:block; min-height:20px; clear:both; background:#fff url(../img/formline.gif) repeat-x bottom left; padding:5px 10px }
.content .regForm .formline label { font-size:0.8125em; width:160px; display:block; float:left; text-align:right; margin-right:20px; padding:5px 0 5px 0; }
.content .regForm .formline input { font-size:0.8125em; outline:1px solid #c0c0c0; border:2px solid #f3f3f3; padding:5px 1px 6px 5px; }
.content .regForm .formline textarea { font-size:0.8125em; outline:1px solid #c0c0c0; border:2px solid #f3f3f3; font-family:Arial, Helvetica, sans-serif; padding:5px 1px 6px 5px}
.content .regForm .formline select { font-size:0.8125em; outline:1px solid #c0c0c0; border:2px solid #f3f3f3; padding:4px 1px 3px 5px; height:30px; }
.content .regForm .captcha img { display:block; margin:0 0 10px 0; border:2px solid #f3f3f3}
.content .regForm .captcha input { margin-left:180px;}
.content .regForm .formError span.validator { display:block!important; margin:3px 0 0 178px; color:#e44e35!important; padding:8px 0 9px 28px; font-size:0.6875em; background:url(../img/icons/exclamation.gif) no-repeat 0 3px}
.content .regForm .formError label { color:#e44e35; }
.content .regForm .formError input,
.content .regForm .formError select,
.content .regForm .formError textarea { outline:1px solid #e44e35; border:2px solid #ffdbd3; }
.content .regForm .boxwrap { width:180px; float:left}
.content .regForm .checkboxes input,
.content .regForm .file input,
.content .regForm .radiobuttons input { display:inline; margin-right:2px; outline:none; border:none; }
.content .regForm .formtextonly label { padding: 0px; height: 15px; }
.content .regForm .formtextonly span { font-size:0.8125em; margin: 0px; height: 10px; }
.content .regForm .checkboxes span,
.content .regForm .radiobuttons span { width:auto; display:inline; margin:0; padding:0; font-size:0.8125em; border:none; background:none; color:#000;}
.content .regForm .formInfo { margin-left:180px;}
.content .regForm .formInfo p { margin:5px; font-size:0.8125em; color:#000; }
.content .regForm .formInline { padding:5px 10px; margin-left:180px; }
.c .content .regForm .formInline input { display:inline; margin-right:5px; outline:none; border:none}
.c .content .regForm .formInline label { display:inline; float:none; width:auto; margin-left:15px; }
.content .regForm .buttonline { display:block; min-height:50px; clear:both; background-color:#edf8fe; padding:8px 10px; text-align:left; }
.content .regForm .buttonline input { font-size:0.8125em; padding:5px 3px; margin:0 0 0 175px; float:left; }
.content .regForm .buttonline a.cancel { display:block; padding:15px 0 0 0; width:5em; margin:0 0 0 290px}
.content .regForm .buttonline a.forgotPassword { display:block; padding:15px 0 0 0; margin:0 0 0 270px; font-size: 80%;}
.content .regForm .info { display:block; margin:3px 0 0 178px; color:#dd7200; padding:8px 0 9px 28px; font-size:0.6875em; background:url(../img/icons/information.gif) no-repeat 0 3px}
.content .regForm .formtips { display:block; margin:3px 0 0 178px; color:#666; font-style:italic; padding:3px 0 2px 0; font-size:0.8125em; }
.content .regForm .multiSelect .dmy label { display:none}
.content .regForm .multiSelect .dmy select { margin:0 10px 0 0}
.s50 input, .s50 select { width:50px;} .s75 input, .s75 select { width:75px;} .s100 input, .s100 select { width:100px} .s125 input, .s125 select { width:125px} .s150 input, .s150 select { width:150px;} .s175 input, .s175 select, .s175 textarea { width:175px} .s200 input, .s200 select, .s200 textarea { width:200px} .s225 input, .s225 select, .s225 textarea { width:225px;} .s250 input, .s250 select, .s250 textarea { width:250px}
.content .regForm .formcallback { float:left; width:300px; font-size:0.8125em; outline:1px solid #c0c0c0; background:#f3f3f3; padding:5px 5px 6px 5px; }
.c .right-col { float:right; width:330px; margin:10px 10px 0 0; padding:10px 10px 0 0; display:inline; }
.c .right-col .cta-wrap { width:330px; display:block; margin:0 0 20px 0;}
.c .right-col .cta-wrap ul { width:330px; }
.c .right-col .cta-wrap li { padding:7px 20px 8px 8px; margin:0 0 5px 0; font-family:Arial, Verdana, Helvetica, sans-serif; color:#000; font-size:0.75em; text-decoration:none; border-bottom:1px solid #d0e6f4; }
.c .right-col .cta-wrap li a:link,
.c .right-col .cta-wrap li a:active,
.c .right-col .cta-wrap li a:visited { background-position:0 0; color:#255391; text-decoration:none}
.c .right-col .cta-wrap li a:hover { background-position:0px -25px; color:#25914e; text-decoration:none}
.c .right-col .imgflr { border:1px solid #d0e6f4; float:right; margin:0 0 10px 0; }
.c .right-col .imgfll { border:1px solid #d0e6f4; float:left; margin:0 10px 10px 0; }
#related-links { list-style:none; display:block; padding:10px 0 0 0; margin:0; border-top:1px solid #d0e6f4 }
#related-links h3 { margin:0 0 10px 0}
#related-links ul { margin:0}
#related-links li { list-style:none !important; padding:0 !important; background:none !important; line-height:1.5; margin:3px 0px !important}
#related-links li a { padding:1px 0px; margin:0px}
#related-links .mini-pdf { padding-left:18px; background:url(../img/icons/mini-pdf.gif) no-repeat 0 0}
#related-links .mini-doc { padding-left:18px; background:url(../img/icons/mini-doc.gif) no-repeat 0 0}
#related-links .mini-xls { padding-left:18px; background:url(../img/icons/mini-excel.gif) no-repeat 0 0}
#related-links .mini-txt { padding-left:18px; background:url(../img/icons/mini-txt.gif) no-repeat 0 0}
#related-links .mini-url { padding-left:18px; background:url(../img/icons/mini-web.gif) no-repeat 0 0}
#related-links .mini-audio { padding-left:18px; background:url(../img/icons/sound.gif) no-repeat 1px 1px}
#related-links .mini-film { padding-left:18px; background:url(../img/icons/film.gif) no-repeat 1px 0}
#related-links .mini-link { padding-left:18px; background:url(../img/icons/page.gif) no-repeat 1px 1px}
#stepBar { min-height:31px; margin:5px 0 15px 0; padding:0; }
#stepBar p { font-size:1.125em; }
#stepBar .appStep { float:left; height:31px; width:125px; background:transparent url(../img/backgrounds/step-bar.gif) 0 0 no-repeat; color:#fff; margin:0 10px 0 0; display:inline; }
#stepBar .appStep strong { display:block; height:28px; padding:3px 7px 0 10px; font-weight:normal; }
#stepBar .appStage { display:block; height:31px; width:475px; margin:0 0 0 135px; }
#stepBar .appStage strong { display:block; padding:3px 10px 0 0; font-weight:normal; }
.stepInside { width:620px; background:#fff url(../img/backgrounds/step-bar-full.png) right bottom no-repeat;}
.stepLong { width:845px; background:#fff url(../img/backgrounds/step-bar-845.png) right bottom no-repeat;}
/************************/
/* Booking Confirmation */
/*255391*/
#booking h2 { font-size:1.75em; color:#255391; }
#booking p.intro { font-size:0.75em; color:#fff; background:#1e743f url(../img/backgrounds/booking-confirm-repeat.png) 0 0 repeat-x; border:none; padding:10px; line-height:1.3; margin:0 0 10px 0; }
#booking p.alertp, #generic p.alertp { font-size:0.75em; color:#fff; cursor:pointer; background:#ff9a01 url(../img/backgrounds/booking-alert.png) 0 0 repeat-x; border:none; padding:10px 40px 10px 10px; line-height:1.3; margin:0 0 10px 0; }
.full-width p.alertp { background-image: url(../img/backgrounds/booking-alert-full.png) !important; }
#booking p.summary { font-size:1em; padding:10px; margin:0 0 10px 0; }
#booking a.print { position:absolute; display:block; width:140px; height:30px; margin:0; padding:0; text-indent:-9999em; z-index:20; right:-2px; font-size:0px; line-height:1px; background:#fff url(../img/buttons/print-itinerary.png) 0 0 no-repeat; }
#booking a.print:hover { background-position:0 -30px; }
#booking .bkng-tabs { display:block; background:#fff url(../img/backgrounds/booking-tabs-box-repeat.png) repeat-x 0 100%; margin:0 0 10px 0; float:left;}
#booking .cal { width:845px; }
#booking .bkng-tabs ul { margin:0; padding:0; list-style:none}
#booking .bkng-tabs li { float:left; background:none; padding:0; margin:0 }
#booking .bkng-tabs li a { color:#666; display:block; font-weight:bold; min-height:25px; padding:12px 10px 0 10px; text-align:center; position:relative; background:#fff url(../img/backgrounds/tab-off.png) no-repeat 0 0;}
#booking .bkng-tabs li a:link,
#booking .bkng-tabs li a:active,
#booking .bkng-tabs li a:visited { color:#666; text-decoration:none}
#booking .bkng-tabs li a:hover { color:#000; text-decoration:none}
#booking .bkng-tabs li a span { display:block; padding-bottom:8px}
#booking .bkng-tabs li.ui-tabs-selected a { border-bottom:0; z-index:10; background:#fff url(../img/backgrounds/tab-on.png) no-repeat 0 0; }
#booking .bkng-tabs li.ui-tabs-selected a span { background:#fff repeat-x bottom left; display:block; padding-bottom:8px; }
#booking .bkng-tabs li.ui-tabs-selected a:link,
#booking .bkng-tabs li.ui-tabs-selected a:active,
#booking .bkng-tabs li.ui-tabs-selected a:visited,
#booking .bkng-tabs li.ui-tabs-selected a:hover { color:#000; text-decoration:none}
#booking .bkng-tabs #bkng-tab-1 { width:199px; margin:0 0 0 0; }
#booking .bkng-tabs #bkng-tab-2 { width:199px; margin:0 0 0 2px; }
#booking .bkng-tabs #bkng-tab-1day { width:199px; margin:0 0 0 0; }
#booking .bkng-tabs #bkng-tab-5day { width:219px; margin:0 0 0 1px; }
#booking .bkng-tabs #bkng-tab-7day { width:219px; margin:0 0 0 1px; }
#booking .bkng-tabs #bkng-tab-month { width:204px; margin:0 0 0 1px; }
#booking .bkng-tab-content { border:1px solid #cccccc; padding:24px; width:572px; margin:-1px 0 0 0; }
#booking .bkng-tab-content img.imgfll { border-color:#6c95a9; margin:0 15px 20px 0;}
#booking .bkng-tab-summary { float:left; margin:0 0 20px 0; width:528px; min-height:98px; padding:20px; border:1px solid #d0e6f4; background:#daf0fa url(../img/backgrounds/booking-confirmation-tab-info-section.jpg) 100% 0 no-repeat; }
#booking .noimg .bkng-tab-summary { width:528px; }
#booking .hasimg .bkng-tab-summary { width:393px; }
#booking .bkng-tab-summary a { display:block; margin:25px 0 0 0; }
#booking .bkng-tab-summary h3 { font-size:1.5em; font-weight:normal; }
#booking .bkng-tab-summary h4 { font-size:1em; font-weight:normal; color:#000; }
#booking .bkng-tab-content ul { clear:left; margin:10px 0 0 20px; }
#booking .bkng-tab-content .noimg ul { margin:10px 0 0 20px; }
#booking .bkng-tab-content .hasimg ul { margin:10px 0 0 155px; }
#booking .bkng-tab-content .noimg .bkng-tab-info { margin:10px 0 0 20px; }
#booking .bkng-tab-content .hasimg .bkng-tab-info { margin:10px 0 0 155px; }
#booking .bkng-tab-content ul li { float:none; clear:left; margin:0; padding:.42em 0; }
#booking .bkng-tab-content ul li a { display:inline; font-weight:normal; padding:0; text-align:left; position:static; background-image:none; }
#booking .bkng-tab-content ul li a:link,
#booking .bkng-tab-content ul li a:active,
#booking .bkng-tab-content ul li a:visited { color:#255391; text-decoration:underline; }
#booking .bkng-tab-content ul li a:hover { color:#1e753f; text-decoration:none; }
#booking .bkng-tab-content ul strong { float:left; width:7em; margin:0 10px 0 0; }
#booking .bkng-tab-content .bkng-tab-info h4 { color:#000; font-size:0.875em; }
#booking .bkng-tab-content .bkng-tab-info p { color:#000; }
#booking .bkng-tab-row { display:block; padding:2px 0;}
#booking .bkng-tab-row label { float:left; width:120px; line-height:1.2}
#booking .bkng-tab-row .textarea-wrap { padding:2px; background-color:#ede7d3; width:372px; display:block; float:left}
#booking .bkng-tab-row textarea { font-family:Arial, Helvetica, sans-serif; font-size:0.75em; padding:5px; border:1px solid #b6ae94; width:368px; height:130px; overflow:visible}
#booking .bkng-tab-row .formError { display:block; color:#e44e35; margin-left:140px; padding:6px 0 5px 20px; font-size:0.6875em; background:url(../img/icons/exclamation.gif) no-repeat 0 3px}
#booking .ui-tabs-hide { display: none; }
#booking .bkng-finish p { display:block; text-align:center; margin:0 auto}
#booking .bkng-finish, #booking .bkng-start { font-size:1em; clear:left; background-color:#edf8fe; border:1px solid #d0e6f4; padding:5px; line-height:1.3; margin:0 0 10px 0;}
#booking .bkng-finish a { margin:0 10px; float:left; line-height:36px; }
#booking a.done { width:76px; height:36px; text-indent:-9999em; line-height:1px; background:#fff url(../img/buttons/done.png) 0 0 no-repeat; }
#booking a.done:hover { background-position:0 -36px; }
#booking a.cancel-app { width:195px; height:36px; background:url(../img/buttons/cancel-appointment.png) no-repeat 0 0;text-indent:-9999em}
#booking a.cancel-app:hover { background-position:0 -35px}
#booking a.change-times { width:139px; height:36px; background:url(../img/buttons/change-times.png) no-repeat 0 0; text-indent:-9999em;}
#booking a.change-times:hover { background-position:0px -35px}
#booking .bkng-finish .button { display:inline; float:left }
#booking #cal-box-1,
#booking #cal-box-2,
#booking #cal-box-3,
#booking #cal-box-4 { width:795px; }
#booking .bkng-tabs #bkng-tab-1day a { background:#fff url(../img/backgrounds/tab-off-1day.png) no-repeat 0 0; text-align:left; padding-left:40px; }
#booking .bkng-tabs #bkng-tab-1day.ui-tabs-selected a { background:#fff url(../img/backgrounds/tab-on-1day.png) no-repeat 0 0; }
#booking .bkng-tabs #bkng-tab-5day a { background:#fff url(../img/backgrounds/tab-off-5day.png) no-repeat 0 0; text-align:left; padding-left:40px; }
#booking .bkng-tabs #bkng-tab-5day.ui-tabs-selected a { background:#fff url(../img/backgrounds/tab-on-5day.png) no-repeat 0 0; }
#booking .bkng-tabs #bkng-tab-7day a { background:#fff url(../img/backgrounds/tab-off-7day.png) no-repeat 0 0; text-align:left; padding-left:40px; }
#booking .bkng-tabs #bkng-tab-7day.ui-tabs-selected a { background:#fff url(../img/backgrounds/tab-on-7day.png) no-repeat 0 0; }
#booking .bkng-tabs #bkng-tab-month a { background:#fff url(../img/backgrounds/tab-off-month.png) no-repeat 0 0; text-align:left; padding-left:40px; }
#booking .bkng-tabs #bkng-tab-month.ui-tabs-selected a { background:#fff url(../img/backgrounds/tab-on-month.png) no-repeat 0 0; }
#booking ul.cal-nav { background-color:#edf8fe; border:1px solid #d0e6f4; padding:5px 10px 10px 10px; margin:0 0 10px 0; height:25px;}
#booking .bkng-tab-content ul.cal-nav li { margin:0; padding:0; float:left; clear:none; }
#booking .bkng-tab-content ul.cal-nav li a { margin:0; padding:0; display:block; background-color:#edf8fe; text-decoration:none; }
#booking .bkng-tab-content .cal-nav-prev a { width:190px; line-height:30px;}
#booking .bkng-tab-content .cal-nav-this a { width:390px; text-align:center; font-size:2em; line-height:30px; }
#booking .bkng-tab-content .cal-nav-next a { width:190px; text-align:right; line-height:30px;}
/* Pagination Control */
.pagination { background: #edf8fe; display:block; padding: 10px 0; }
.pagination ul { line-height: 1; margin-bottom: 0 !important; margin-left: auto; margin-right: auto; text-align: center; }
.pagination li { background: transparent none repeat scroll 0 0 !important; display:inline; list-style-image: none; list-style-position: outside; list-style-type: none; padding: 0; margin-right: 2px; }
.pagination li#pagFirst { margin-right: 15px; }
.pagination li#pagNext { margin-left: 15px; }
.pagination li#pagLast { margin-left: 15px; }
.pagination li#pagFirst a { background:transparent url(../img/icons/first.gif) no-repeat scroll left 4px; padding-left: 20px; }
.pagination li#pagPrevious a { background:transparent url(../img/icons/previous.gif) no-repeat scroll left 4px; padding-left: 18px; }
.pagination li#pagNext a { background: transparent url(../img/icons/next.gif) no-repeat scroll right 4px; padding-right: 18px; }
.pagination li#pagLast a { background: transparent url(../img/icons/last.gif) no-repeat scroll right 4px; padding-right: 20px; }
.pagination #pagInfo { margin: 0 25px 0 40px; }
.pagination #pagGoTo { padding: 5px 40px 5px 6px; }
.pagination #pagGoTo label { margin-right: 3px }
.pagination #pagGoTo select { border: 1px solid #d0e6f4; color: #000000; font-size: 0.8125em; padding: 2px; }
/* Option Lists */
.horizontalOptionList { }
.horizontalOptionList li { display:inline;list-style-type: none; background: transparent; background-image: none!important; padding: 0px!important; margin: 0px; color: #999999;}
.horizontalOptionList li.label { font-weight: bold; color: #000000; margin-right: 5px; }
.horizontalOptionList li.highlighted a { color: #25914e; }
/* Additional Form Elements */
.formLink { margin-left: 180px; font-size: 0.8125em; }
.searchline .search-button { font-size:0.8125em; padding:0px!important; width: auto; border: 0px!important; outline-style: none!important; height: 36px; position: relative; top: -2px;}
.searchline label { font-size:0.8125em; width:160px; display:block; float:left; text-align:right; margin-right:20px; padding:5px 0 5px 0; }
.searchline input { font-size:0.8125em; outline:1px solid #c0c0c0; border:2px solid #f3f3f3; padding:5px 1px 6px 1px; margin: 0; position:relative; top: -16px; }
.photoUpload { display:none; margin-top: 10px; margin-bottom: 10px;}
#linkChangePhotoToggle { display: block; margin-top: 3px; width: 200px;}
.singleCheckbox { margin-left: 180px; margin-bottom: 5px;}
.formPhoto img { display: block;margin-left: 180px;}
.suspendedStatus { color: #000; }
.removedStatus { color: #000; }
.approvedStatus { color: #000; }
.activeStatus { color: #25914E; }
.inactiveStatus { color: #999999; }
.pendingStatus { color: #E6584D; }
.loadingPanel { padding-bottom: 5px; background: #EDF8FE; display:none; }
.loadingPanel img { margin-left: 190px; }
.loadingPanel span { color:#255391; font-size: 0.8125em; position:relative; top: -10px;}
label.tips { font-weight: bold; }
/* Date Picker */
table.jCalendar {
background: #fff;
border-collapse: separate;
border-spacing: 2px;
}
table.jCalendar th {
background: #255391;
color: #fff;
font-weight: bold;
padding: 3px 5px;
}
table.jCalendar td {
background: #fff;
color: #000;
padding: 3px 5px;
text-align: center;
}
table.jCalendar td.other-month {
background: #edf8fe;
color: #255391;
}
table.jCalendar td.today {
background: #255391;
color: #fff;
}
table.jCalendar td.selected {
background: #f66;
color: #fff;
}
table.jCalendar td.selected.dp-hover {
background: #f33;
color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
background: #fff;
color: #000;
}
table.jCalendar tr.selectedWeek td {
background: #f66;
color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
background: #e9e8e8;
color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
background: #bbb;
color: #888;
}
/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */
div.dp-popup {
position: relative;
background: #d0e6f4;
font-size: 10px;
font-family: arial, sans-serif;
padding: 2px;
width: 171px;
line-height: 1.2em;
}
div#dp-popup {
position: absolute;
z-index: 199;
}
div.dp-popup h2 {
font-size: 12px;
text-align: center;
margin: 2px 0;
padding: 0;
}
a#dp-close {
font-size: 11px;
padding: 4px 0;
text-align: center;
display: block;
}
a#dp-close:hover {
text-decoration: underline;
}
div.dp-popup a {
color: #000;
text-decoration: none;
padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
position: absolute;
top: 2px;
left: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-prev a {
float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
cursor: default;
}
div.dp-popup div.dp-nav-next {
position: absolute;
top: 2px;
right: 4px;
width: 100px;
}
div.dp-popup div.dp-nav-next a {
float: right;
}
div.dp-popup a.disabled {
cursor: default;
color: #aaa;
}
div.dp-popup td {
cursor: pointer;
}
div.dp-popup td.disabled {
cursor: default;
}
a.dp-choose-date {
float: left;
width: 29px;
height: 30px;
padding: 0;
margin: 0 3px 0;
display: block;
text-indent: -2000px;
overflow: hidden;
background: url(../img/icons/calendar.png) no-repeat;
}
a.dp-choose-date.dp-disabled {
background-position: 0 -20px;
cursor: default;
}
/* makes the input field shorter once the date picker code
* has run (to allow space for the calendar icon
*/
input.dp-applied {
width: 140px;
float: left;
}
/* 020409 */
#booking .inline-button { display:inline-block; margin:0 5px; border:1px solid #25914e; background:#25914e url(../img/buttons/inline-button-bg.png) repeat-x; text-decoration:none; padding: 5px 10px 6px 10px; color:#fff; }
#booking a.inline-button:hover { background:#64b181 url(../img/buttons/inline-button-bg-hover.png) repeat-x; }
#booking .bkng-finish .formline,
#booking .bkng-start .formline { background:none; padding:5px 0; float:left; clear:right;}
#booking .bkng-finish .applyfrom label { width:140px; text-align:right; margin:0 5px 0 0; }
#booking .bkng-finish .applyfrom .formtips { display:block; margin:3px 0 0 145px; }
#booking .bkng-finish .applyfrom span.validator {margin: 0px 0px 0px 140px; }
#booking .bkng-finish .applyto label { width:5px; }
#booking .bkng-finish .applyto .formtips { display:block; margin:3px 0 0 25px; }
#booking .bkng-finish .applyto span.validator {margin: 0px; }
#booking .bkng-finish .inline-button { line-height:16px; float:none; }
#booking .bkng-finish p.nextstep { float:right; padding:10px 0; }
#booking .bkng-start { padding:5px 5px 0 5px; }
#booking .bkng-start p.firststep { float:left; padding:10px 5px; }
#booking .bkng-start .gotodate { float:right; }
#booking .bkng-start .gotodate label { margin:0 10px; }
#booking .bkng-start .formtips { float:left; margin:0; padding:5px; }
#booking .bkng-start .inline-button { line-height:16px; float:none; font-size:.875em; }
#cleardays td { border:0; padding:0 1px 0 0; }
#cleardays td a { border:1px solid #cc0000; display:block; padding:3px 6px 4px 20px; color:#fff; text-decoration:none; background:#cc0000 url(../img/buttons/close-bg.png) repeat-x; }
#cleardays td a:hover { background:#db4b4b url(../img/buttons/close-bg-hover.png) repeat-x; }
/* 030409 - Homepage */
#home-top { width:870px; margin:0 auto; padding:30px 0 0 0: }
#home-top-01 { float:right; }
#home-mid { width:870px; margin:0 auto; background:url(../img/home/mid-sep.png) no-repeat 427px 0; height:360px; }
#home-mid img { display:block; }
#home-patients { float:left; }
#home-providers { float:right; padding:0 15px 0 0; }
#home-info { float:right; padding:0 15px 0 0; }
#home-providers, #home-patients, #home-info { width:405px; height:257px; margin:25px 0 0 0; background:url(../img/home/end-bg.png) no-repeat bottom left; }
#home-providers a.learnmore { display:block; float:left; width:126px; height:36px; margin:9px 4px 0 7px; text-indent:-9999em; font-size:0px; line-height:1px; background:url(../img/home/learn-more.png); }
#home-providers a.learnmore:hover { background-position:0 -36px; }
#home-providers a.register { display:block; float:left; width:126px; height:36px; margin:9px 4px 0 0; text-indent:-9999em; font-size:0px; line-height:1px; background:url(../img/home/register.png); }
#home-providers a.register:hover { background-position:0 -36px; }
#home-providers a.login { display:block; float:left; margin:16px 10px 0 6px; color:#255391; }
#home-providers a.login:hover { text-decoration:none; }
.booking-type { display:block; float:left; margin:13px 0 0 10px; padding:5px 4px 6px 4px; width:293px; border:1px solid #999; font-size:0.75em; font-family:Arial, Helvetica, sans-serif; height:30px; }
#home-patients .homenext { display:block; float:right; margin:9px 7px 0 0; }
#dashboard { width:870px; display:block; padding:20px 0 0 0; margin:0 0 0 40px; font-size:1em !important; float:none !important; }
#dashboard #pageName { font-size:2em; color:#000; margin:20px 0 50px 0; line-height:1.2; border-bottom:1px solid #bebebe; min-height:20px; padding:0 0 5px 0; }
#dashboard .staff-icon { display:block; position:absolute; top:30px; right:10px;}
#dashboard .actions { display:block; width:630px; margin:0 0 20px 0; padding:0; float:left }
#dashboard .actions li { border-top:1px solid #dedede; margin:0 !important; padding:8px 0 8px 35px; background:none; list-style-type:none; line-height:1}
#dashboard .actions li em { color:#255391; font-size:1.5em; font-style:normal; margin-right:10px; float:left}
#dashboard .actions li span { font-size:1.16em; float:left; margin:5px 0 0 0}
#dashboard .actions .calendar { background:url(../img/icons/dash-cal.gif) no-repeat 0 10px;}
#dashboard .actions .clock { background:url(../img/icons/dash-clock.gif) no-repeat 0 8px;}
#dashboard .actions .clipboard { background:url(../img/icons/dash-booking.gif) no-repeat 0 10px;}
#dashboard .actions .directory { background:url(../img/icons/dash-contacts.gif) no-repeat 0 9px;}
#dashboard .actions .machines { background:url(../img/icons/dash-microscope.gif) no-repeat 0 8px;}
#dashboard .actions .house { background:url(../img/icons/dash-house.gif) no-repeat 0 8px;}
#dashboard .actions .money { background:url(../img/icons/dash-money.gif) no-repeat 0 8px;}
#dashboard .actions .speech { background:url(../img/icons/dash-speech.gif) no-repeat 0 8px;}
#dashboard .actions .users { background:url(../img/icons/dash-users.gif) no-repeat 0 8px;}
#dashboard .actions .add { background:url(../img/icons/add.gif) no-repeat 0 8px}
#dashboard .actions .contacts { background:url(../img/icons/contacts.gif) no-repeat 0 6px}
#dashboard .actions .cancel { background:url(../img/icons/cancel.gif) no-repeat 0 6px}
#dashboard .actions .next-arrow-active { background:url(../img/icons/green-arrow-right.gif) no-repeat 0 8px}
#dashboard .actions .prev-arrow-active { background:url(../img/icons/green-arrow-left.gif) no-repeat 0 8px}
#dashboard .actions .next-arrow-inactive{ background:url(../img/icons/p-green-arrow-right.gif) no-repeat 0 8px}
#dashboard .actions .prev-arrow-inactive{ background:url(../img/icons/p-green-arrow-left.gif) no-repeat 0 8px}
#dashboard .actions .lastlink { border-bottom:1px solid #dedede;}
#dashboard .next-5-days { float:right; display:block; padding:3px 0 3px 20px; width:160px; border-left:1px solid #dedede;}
#dashboard .next-5-days h1 { color:#255391; font-size:1.5em; font-weight:normal}
#dashboard .next-5-days ul { font-size:1em}
#dashboard .next-5-days ul li { list-style-type:none; padding:1px 0 3px 0px; font-size:0.875em; margin:0 0 3px 0; clear:both;}
#dashboard .next-5-days ul li em { color:#fff; margin:0 10px 0 0; width:25px; text-align:center; font-style:normal; float:left; display:block}
#dashboard .next-5-days ul li span { float:left; display:block}
#dashboard .next-5-days ul li.today { font-weight:bold}
#dashboard .next-5-days ul li.red-light { background:url(../img/icons/red-light.gif) no-repeat 0 0}
#dashboard .next-5-days ul li.blue-light{ background:url(../img/icons/blue-light.gif) no-repeat 0 0}
#dashboard .next-5-days ul li.green-light { background:url(../img/icons/green-light.gif) no-repeat 0 0}
#dashboard .green-alert { font-size:0.75em; color:#fff; background:#1e743f url(../img/backgrounds/booking-confirm-repeat.png) 0 0 repeat-x; border:none; width:610px; padding:10px; line-height:1.3; margin:0 0 10px 0;}
#dashboard #next-apps { width:630px;}
#dashboard table#next-apps thead tr { background:#20477c url(../img/backgrounds/table-header-full.png) 0 0 no-repeat; }
#dashboard table#next-apps thead th { background:#20477c url(../img/backgrounds/table-header-full.png) -5px 0 repeat-x; }
#dashboard table#next-apps thead th.first { background:#20477c url(../img/backgrounds/table-header-full.png) 0 0 no-repeat; border-left:0;}
#dashboard table#next-apps thead th.last { background:#20477c url(../img/backgrounds/table-header-full.png) 100% 0 no-repeat; border-right:1px solid #fff;}
#dashboard table#next-apps tbody td input { text-align:center; margin:0 0 0 20px}
#dashboard table#next-apps tfoot td input { float:left; }
#dashboard table#next-apps tfoot td a { display:block; margin:0 0 0 120px; padding:10px 0 0 0; width:20em; font-size:1.333em;}
#patient-steps { width:845px; display:block; position:relative; margin:0 0 10px 0; }
/* root element for tabs */
#patient-steps ul.tabs { margin:0 !important; padding:0; z-index:10; }
/* single tab */
#patient-steps ul.tabs li { float:left; padding:0; margin:0 1px 0 0; list-style-type:none; background:none; }
#patient-steps ul.tabs li a { float:left; display:block; width:148px; height:27px; padding:10px 10px 0; color:#666; font-weight:bold; position:relative; background: transparent url(../img/steps/step-tab.gif) no-repeat 0 0; }
#patient-steps ul.tabs li a:link,
#patient-steps ul.tabs li a:active,
#patient-steps ul.tabs li a:visited { color:#666666; position:relative; text-decoration:none; z-index:10; }
#patient-steps ul.tabs li a.current { color:#25914E; cursor:default; background-position:0 -37px; }
#patient-steps ul.tabs li a:hover { color:#25914E; }
#patient-steps ul.tabs li.last-tab { margin:0; }
#patient-steps div.panes { border:1px solid #ccc; padding:30px 40px; width:765px; top:-1px; position:relative; }
#patient-steps .p-step { min-height:100px; }
#patient-steps .p-step h2 { color:#255391; font-size:2em; font-weight:normal; display:block; margin:0 0 25px 0}
#patient-steps .p-step .overview-tab { padding:0 10px 0 100px; background:url(../img/steps/step-clock.gif) no-repeat 10px 5px}
#patient-steps .p-step .reg-tab { padding:0 10px 0 100px; background:url(../img/steps/step-clipboard.gif) no-repeat 10px 7px}
#patient-steps .p-step .price-tab { padding:0 10px 0 100px; background:url(../img/steps/step-credit-card.gif) no-repeat 0px 7px}
#patient-steps .p-step .booking-tab { padding:0 10px 0 100px; background:url(../img/steps/step-calendar.gif) no-repeat 10px 5px}
#patient-steps .p-step .cancel-tab { padding:0 10px 0 100px; background:url(../img/steps/step-cancel.gif) no-repeat 10px 5px}
#patient-steps .p-step img { margin:0 30px 0 10px; float:left}
#patient-steps .p-step-info { float:right; width:370px;}
#patient-steps .p-step-info p { font-size:0.875em; line-height:1.3}
#patient-steps .p-step-info p a:link, #patient-steps .p-step-info p a:active, #patient-steps .p-step-info p a:visited { color:#255391; text-decoration:none}
#patient-steps .p-step-info p a:hover { color:#255391; text-decoration:underline}
#patient-steps .p-step .p-step-next { width:94px; height:34px; display:block; float:left; margin:10px 10px 0 0; background:url(../img/steps/next-btn.png) no-repeat 0 0; text-indent:-9999em; cursor:pointer; }
#patient-steps .p-step .p-step-reg { width:135px; height:35px; display:block; background:url(../img/steps/register-btn.png) no-repeat 0 0; text-indent:-9999em; cursor:pointer; }
#patient-steps .p-step-info a:link, #patient-steps .p-step-info a:active, #patient-steps .p-step-info a:visited { color:#255391; text-decoration:none}
#patient-steps .p-step-info a:hover { color:#255391; text-decoration:underline}
#patient-steps .p-step-info ul { margin:0 0 20px 0; font-size:0.875em;}
#patient-steps .p-step-info ul li { padding-left:12px; background:url(../img/doc-steps/bullet.gif) no-repeat 0 5px}
#patient-steps .ui-tabs-hide { display: none; }
#patient-steps .p-step-info .big-nums { display:block; margin:0 0 20px 0; font-size:0.8725em}
#patient-steps .p-step-info .big-nums li { background-position:0 2px; background-repeat:no-repeat; list-style:none; padding:2px 0 2px 26px; line-height:1.5; list-style-position: outside; }
#patient-steps .p-step-info .big-nums li#no1 { background-image:url(../img/doc-steps/num-1.gif);}
#patient-steps .p-step-info .big-nums li#no2 { background-image:url(../img/doc-steps/num-2.gif);}
#patient-steps .p-step-info .big-nums li#no3 { background-image:url(../img/doc-steps/num-3.gif);}
#patient-steps .p-step-info .big-nums li#no4 { background-image:url(../img/doc-steps/num-4.gif);}
#patient-steps .p-step-info .big-nums li#no5 { background-image:url(../img/doc-steps/num-5.gif);}
#patient-steps #step-arrows input { display:block; width:61px; height:67px; }
#patient-steps #step-arrows #step-left { position:absolute; left:-30px; top:180px;}
#patient-steps #step-arrows #step-right { position:absolute; right:-30px; top:180px;}
#patient-steps .p-step .p-step-pdf { width:195px; height:46px; display:block; float:left; background:url(../img/buttons/download-pdfs.png) no-repeat 0 0; text-indent:-9999em; cursor:pointer; }
#patient-steps .p-step .p-step-pdf:hover { background-position:0 -46px; }
.content .p-steps-learnmore { display:block; width:845px; height:40px; background:url(../img/steps/step-cta.gif) no-repeat 0 0; position:relative; margin:0 0 20px 0}
.content .p-steps-learnmore p { padding:10px 0 0 0}
.content .p-steps-learnmore p span { padding:0 0 0 395px;}
.content .p-steps-learnmore p em { display:none}
.content .p-steps-learnmore a { display:block; width:124px; height:30px; position:absolute; top:3px; right:3px; background:url(../img/steps/learn-more.png) no-repeat 0 0; text-indent:-9999em}
#doctor-steps { width:845px; display:block; position:relative; margin:0 0 10px; }
/* root element for tabs */
#doctor-steps ul.tabs { margin:0 !important; padding:0; z-index:10; }
/* single tab */
#doctor-steps ul.tabs li { float:left; padding:0; margin:0 1px 0 0; list-style-type:none; background:none; }
#doctor-steps ul.tabs li a { float:left; display:block; width:120px; height:27px; padding:10px 10px 0; color:#666; font-weight:bold; position:relative; background: transparent url(../img/doc-steps/tab-bg.gif) no-repeat 0 0; }
#doctor-steps ul.tabs li a:link,
#doctor-steps ul.tabs li a:active,
#doctor-steps ul.tabs li a:visited { color:#666666; position:relative; text-decoration:none; z-index:10; }
#doctor-steps ul.tabs li a.current { color:#25914E; cursor:default; background-position:0 -37px; }
#doctor-steps ul.tabs li a:hover { color:#25914E; }
#doctor-steps ul.tabs li.last-tab { margin:0; }
#doctor-steps div.panes { border:1px solid #ccc; padding:30px 40px; width:765px; top:-1px; position:relative; }
/* tab pane */
#doctor-steps .d-step { min-height:100px; }
#doctor-steps .d-step h2 { color:#255391; font-size:2em; font-weight:normal; display:block; margin:0 0 25px 0}
#doctor-steps .d-step .overview-tab { padding:0 10px 0 100px; background:url(../img/steps/step-clock.gif) no-repeat 10px 5px}
#doctor-steps .d-step .reg-tab { padding:0 10px 0 100px; background:url(../img/steps/step-clipboard.gif) no-repeat 10px 7px}
#doctor-steps .d-step .price-tab { padding:0 10px 0 100px; background:url(../img/steps/step-credit-card.gif) no-repeat 0px 7px}
#doctor-steps .d-step .booking-tab { padding:0 10px 0 100px; background:url(../img/steps/step-calendar.gif) no-repeat 10px 5px}
#doctor-steps .d-step .cancel-tab { padding:0 10px 0 100px; background:url(../img/steps/step-cancel.gif) no-repeat 10px 5px}
#doctor-steps .d-step img { margin:0 30px 0 10px; float:left}
#doctor-steps .d-step-info { float:right; width:360px; margin:0 10px 0 0}
#doctor-steps .d-step-info p { font-size:0.875em; line-height:1.3}
#doctor-steps .d-step-info a:link,
#doctor-steps .d-step-info a:active,
#doctor-steps .d-step-info a:visited { color:#255391; text-decoration:none}
#doctor-steps .d-step-info a:hover { color:#255391; text-decoration:underline}
#doctor-steps .d-step-info ul { margin:0 0 20px 0; font-size:0.875em;}
#doctor-steps .d-step-info ul li { padding-left:12px; background:url(../img/doc-steps/bullet.gif) no-repeat 0 5px}
#doctor-steps .d-step-info .big-nums { display:block; margin:0 0 20px 0; font-size:0.8725em}
#doctor-steps .d-step-info .big-nums li { background-position:0 2px; background-repeat:no-repeat; list-style:none; padding:2px 0 2px 26px; line-height:1.5; list-style-position: outside; }
#doctor-steps .d-step-info .big-nums li#no1 { background-image:url(../img/doc-steps/num-1.gif);}
#doctor-steps .d-step-info .big-nums li#no2 { background-image:url(../img/doc-steps/num-2.gif);}
#doctor-steps .d-step-info .big-nums li#no3 { background-image:url(../img/doc-steps/num-3.gif);}
#doctor-steps .d-step-info .big-nums li#no4 { background-image:url(../img/doc-steps/num-4.gif);}
#doctor-steps .d-step-info .big-nums li#no5 { background-image:url(../img/doc-steps/num-5.gif);}
#doctor-steps .d-step .d-step-next { width:94px; height:34px; display:block; float:left; margin:10px 10px 0 0; background:url(../img/steps/next-btn.png) no-repeat 0 0; text-indent:-9999em; cursor:pointer; }
#doctor-steps .d-step .d-step-reg { width:135px; height:35px; display:block; float:left; margin:10px 10px 0 0; background:url(../img/steps/register-btn.png) no-repeat 0 0; text-indent:-9999em; cursor:pointer;}
#doctor-steps .ui-tabs-hide { display: none; }
#doctor-steps #step-arrows input { display:block; width:61px; height:67px; }
#doctor-steps #step-arrows #step-left { position:absolute; left:-30px; top:180px;}
#doctor-steps #step-arrows #step-right { position:absolute; right:-30px; top:180px;}
#doctor-steps .d-step .step-lcol { width:340px; float:left; padding:0 0 0 20px}
#doctor-steps .d-step .step-rcol { width:340px; float:right; padding:0 20px 0 0}
#doctor-steps .d-step .pro-pkg { padding:5px 0 10px 65px; margin:0 0 15px 0; background:url(../img/doc-steps/pro-icon.gif) no-repeat 0 0}
#doctor-steps .d-step .ent-pkg { padding:5px 0 10px 65px; margin:0 -20px 15px 0; background:url(../img/doc-steps/enterprise-icon.gif) no-repeat 0 0}
#doctor-steps .d-step h3 { color:#255391; font-weight:normal; font-size:1.25em; margin:0 0 20px 0}
#doctor-steps .d-step .step-lcol ul,
#doctor-steps .d-step .step-rcol ul { margin:0 0 20px 0; font-size:0.875em;}
#doctor-steps .d-step .step-lcol ul li,
#doctor-steps .d-step .step-rcol ul li { padding-left:12px; background:url(../img/doc-steps/bullet.gif) no-repeat 0 5px}
#doctor-steps .d-step .d-step-pdf { width:195px; height:46px; display:block; float:left; background:url(../img/buttons/download-pdfs.png) no-repeat 0 0; text-indent:-9999em; cursor:pointer; }
#doctor-steps .d-step .d-step-pdf:hover { background-position:0 -46px; }
/* Print */
#printheader, #printnote { display:none; }
/* Scroller */
.scrollerwrap { border:1px solid #d0e6f4; height:150px; overflow:auto; }
.scroller { padding:10px; }
.scrollerend { padding:5px 10px 0 10px; margin:0 0 10px 0; background-color:#edf8fe; border:1px solid #d0e6f4; }
.scrollerend label { font-weight:bold; }
.button .yesbutton { font-weight:bold; padding:5px 40px; }
.details fieldset p { margin-left: 5px; }
.details fieldset p span.key { font-weight:bold; float:left; width: 150px; }
.noteForm textarea { width: 600px; height: 60px; font-size: 12px; border: 1px solid #cfcfcf!important;}
.noteForm .note { border: 1px solid #D0E6F4; float:left; width: 98%; margin: 5px; background: #ffffff; }
.noteForm .note p { text-align: left!important; float:left; width: 100%; padding: 5px; color: #000; }
.noteForm .note p a { float:none!important; line-height:normal!important; margin: 0px!important; }
.noteForm .note p.noteDate { color: #666666;}
.noteForm h3 { margin: 5px}
.noteForm span.validator { color: #E44E35 !important; float:left; width: 100%; margin-left: 5px; text-align:left;}
.noteForm p.buttons { text-align:left!important; width: 98%; margin-left: 5px;}
.noteForm p.buttons a { float:none!important; line-height:normal!important; margin: 0px!important;}
.referral-code { color: #214A81 !important; background:#FFE9CF; padding: 3px; border: 1px solid #EBEAEA; }