/* ------------------------------------------------------------	*/
/* 	Global Styles for OAB Application							*/
/*	Last Updated: 09/15/2011									*/
/* ------------------------------------------------------------	*/



/* ------------------------------------------------ */
/* Page Structure 									*/
/* ------------------------------------------------ */
#page-wrapper { width:1000px; margin:auto; }
#page-wrapper #version{ text-indent:-9999px;color:#0079C1;padding:0; }
#header { position:relative; height:80px; padding:10px 20px 0px; background:url(../images/white-panel-top.png) no-repeat bottom; _background:url(../images/white-panel-top.gif) no-repeat bottom; }
#footer { color:#FFF; padding:10px 20px; background:url(../images/white-panel-bottom.png) no-repeat top; _background:url(../images/white-panel-bottom.gif) no-repeat top; min-height:28px; _height:28px;  }
#content { padding:0 20px; background:url(../images/white-panel-middle.png) repeat-y; _background:url(../images/white-panel-middle.gif) repeat-y; min-height:200px; position:relative; _position:static;  }
#content .right-col { width:260px; min-height:549px; _height:546px; padding-top:15px; float:right; background:url(../images/bg-right-column.png) no-repeat top;   }
#content .left-col { float:left; width:700px; background:url(../images/bg-left-column-top.png) no-repeat top; min-height:549px; _height:549px; }
.content-wrapper { padding:20px 25px; }

#page-wrapper { width:983px; }
#header { padding-right: 3px; }
#content { padding-right: 3px; }
#footer { padding-right: 3px; }

/* ------------------------------------------------ */
/* HTML Tags	 									*/
/* ------------------------------------------------ */
body { background:#0079C1; font-family:Arial, Helvetica, sans-serif; font-size:12px;  }
img { border:none; }
h1, h2, h3, h4 { color:#0079C1;  }
h2 { font-size:16px; }
h3 { font-size:14px; padding:0; margin-bottom:5px; margin-top:15px; }
a { outline:none; color: #003366; }
a:hover { outline:none; color: #003366; }
a:active, a:selected { border:none; outline: none; } 
input[type="text"] { border:1px solid #5392b8; }

/* ------------------------------------------------ */
/* Header Styles									*/
/* ------------------------------------------------ */
#header a.logo { display:block; width:244px; height:52px; background:url(../images/logo-bmo-here-to-help-en.png) no-repeat; _background:url(../images/logo-bmo-here-to-help-en.gif) no-repeat; position:absolute; top:15px; }
#header ul.top-links { list-style:none; position:absolute; right:20px; margin:0; padding:0; }
#header ul.top-links li { background:url(../images/bullet-arrow-white.png) no-repeat 12px 50%; padding-left:20px; }

/* ------------------------------------------------ */
/* Footer Styles									*/
/* ------------------------------------------------ */
#footer .left-links li { background:url(../images/link-seperator-line.gif) no-repeat 100% 50%; padding-right:10px; margin-right:5px; *margin-right:10px;  }
#footer .left-links li.last { background:none; } 

/* ------------------------------------------------ */
/* Content Area Styles								*/
/* ------------------------------------------------ */
#content h1 { text-indent:-1000px; background:url(../images/headline_en.png) no-repeat; display:block; height:47px; margin:10px 15px; padding:0 }
.instruction {  }
.intro { margin-right:125px; }
img.title { margin-bottom:10px; }

/* ------------------------------------------------ */
/* User Interface									*/
/* ------------------------------------------------ */

/* Steps */
ul.steps { list-style:none; margin:0; padding:0; position:relative; top:-10px; left:-3px; padding-bottom:  }
ul.steps li { display:block; float:left; background:url(../images/steps-sprite.png); height:58px;  }
ul.steps li#step1 { width:109px; background-position:-7px -116px; }
ul.steps li#step2 { width:132px; background-position:-120px -116px; }
ul.steps li#step3 { width:145px; background-position:-256px -116px; }
ul.steps li#step4 { width:126px; background-position:-403px -116px; }
ul.steps li#step5 { width:128px; background-position:-532px -116px; }
ul.steps li#step1.current { width:109px; background-position:-7px -58px; }
ul.steps li#step2.current { width:132px; background-position:-120px -58px; }
ul.steps li#step3.current { width:145px; background-position:-256px -58px; }
ul.steps li#step4.current { width:126px; background-position:-403px -58px; }
ul.steps li#step5.current { width:128px; background-position:-532px -58px; }
ul.steps li#step1.done { width:109px; background-position:-7px 0; }
ul.steps li#step2.done { width:132px; background-position:-120px 0; }
ul.steps li#step3.done { width:145px; background-position:-256px 0; }
ul.steps li#step4.done { width:126px; background-position:-403px 0; }
ul.steps li#step5.done { width:128px; background-position:-532px 0; }

/* Steps-alt */
ul.steps-alt { list-style:none; margin:0; padding:0; position:relative; top:-10px; left:-3px; padding-bottom:  }
ul.steps-alt li { display:block; float:left; background:url(../images/steps-sprite-alt.png); height:58px;  }
ul.steps-alt li#step1 { width:109px; background-position:-7px -116px; }
ul.steps-alt li#step2 { width:132px; background-position:-120px -116px; }
ul.steps-alt li#step3 { width:145px; background-position:-256px -116px; }
ul.steps-alt li#step4 { width:126px; background-position:-403px -116px; }
ul.steps-alt li#step5 { width:128px; background-position:-532px -116px; }
ul.steps-alt li#step1.current { width:109px; background-position:-7px -58px; }
ul.steps-alt li#step2.current { width:132px; background-position:-120px -58px; }
ul.steps-alt li#step3.current { width:145px; background-position:-256px -58px; }
ul.steps-alt li#step4.current { width:126px; background-position:-403px -58px; }
ul.steps-alt li#step5.current { width:128px; background-position:-532px -58px; }
ul.steps-alt li#step1.done { width:109px; background-position:-7px 0; }
ul.steps-alt li#step2.done { width:132px; background-position:-120px 0; }
ul.steps-alt li#step3.done { width:145px; background-position:-256px 0; }
ul.steps-alt li#step4.done { width:126px; background-position:-403px 0; }
ul.steps-alt li#step5.done { width:128px; background-position:-532px 0; }


/* Content Boxes */
.content_box { /*float: left;*/ width: 508px; position:relative; z-index:2; margin-bottom:20px; }
.content_box .content_box_header { height: 48px; background: url(../images/bg_content_box_header.gif) top left no-repeat; margin:0; padding:0; }
.content_box .content_box_header img { margin: 17px 0 0 12px; }
.content_box .content_box_content { /*padding: 1px 3px 15px 3px;*/ background: url(../images/content_box_bg.png) top repeat-x #FFF; border-left:1px solid #B8DEF5; border-right:1px solid #B8DEF5; margin:0 0 0 1px;  }
.content_box .content_box_footer { height: 11px; background: url(../images/bg_content_box_footer.gif) top left no-repeat; }
.content_box div.inner-content-wrapper { padding:15px; }

/* Content Boxes */
.content_box_lg { /*float: left;*/ width: 639px; position:relative; z-index:2; margin-bottom:20px; }
.content_box_lg .content_box_header { height: 48px; background: url(../images/bg_content_box_header_lg.png) top left no-repeat; margin:0; padding:0; }
.content_box_lg .content_box_header img { margin: 17px 0 0 12px; }
.content_box_lg .content_box_content { /*padding: 1px 3px 15px 3px;*/ background: url(../images/content_box_bg.png) top repeat-x #FFF; border-left:1px solid #B8DEF5; border-right:1px solid #B8DEF5; margin:0 0 0 2px;  }
.content_box_lg .content_box_footer { height: 11px; background: url(../images/bg_content_box_footer_lg.png) top left no-repeat; }
.content_box_lg div.inner-content-wrapper { padding:15px; }


/* Inner Content Box */
.inner-content-box { height:176px; }
.inner-content-box .left-cap { width:10px; overflow:hidden; background:url(../images/inner-content-box-left.png) no-repeat; _background:url(../images/inner-content-box-left.gif) no-repeat; float:left; height:176px; }
.inner-content-box .middle { width:195px; padding:15px 5px; background:url(../images/inner-content-box-middle.png) repeat-x; _background:url(../images/inner-content-box-middle.gif) repeat-x; float:left; height:146px; }
.inner-content-box .right-cap { width:10px; overflow:hidden; background:url(../images/inner-content-box-right.png) no-repeat; _background:url(../images/inner-content-box-right.gif) no-repeat; float:left; height:176px; }

/* Forms */
table.formTable{ border:0; margin:0; padding:0; border-collapse:collapse; width:100%; display:block; }
table.formTable td { padding:4px 15px; vertical-align:top; }
table.formTable td.left-formCol { width:120px; }
table.formTable td.right-formCol { width:329px; }
table.formTable tr.even { background:#e9f2fb; }
table.formTable tr.odd { background:#f6fafb; }
ul.radio-group { list-style:none; margin:0; padding:0; }
ul.radio-group li { padding:0; margin:2px 0; }
ul.radio-group li .radio { margin-right:10px; position:relative; bottom:-2px;  }
label.required { background:url(../images/required-field-indicator.png) no-repeat left 3px; padding-left:8px; display:inline-block; margin-left:-8px; }
.req-fields-text { font-size:10px; margin:0 0 10px -7px; padding:0; }
.req-fields-text img { vertical-align:text-top; }

/* Error Messaging */
.inline-error { color:#F00; display:none; padding:5px 0; }

/* Fly Outs */
.flyout { width:133px; position:absolute; z-index:-1; /*right:-133px;*/ right:1px; top:3px; display:none; }
.flyout .top { background:url(../images/fly-out-top.png) no-repeat; height:30px;  overflow:hidden;}
.flyout .middle { background:url(../images/fly-out-middle.png) no-repeat 0 50%; min-height:45px; _height:45px; padding:0 10px 5px; font-size:11px; }
.flyout .bottom { background:url(../images/fly-out-bottom.png) no-repeat; height:14px; overflow:hidden; }

#osa-flyout { top:200px; }

/* Steps */
.steps { display:block; margin-bottom:25px; }

/* Buttons (get from bmo.com) */
div.whiteButton,div.whiteButton-inactive,div.whiteButton-noArrow,div.whiteButton-noArrow-inactive,div.redButton,div.redButton-inactive,div.blueButton,div.blueButton-inactive,div.arrowLink,div.backButton,div.backButton-inactive { clear:none;}
 
/* Bottom Nav */
.prev-next-nav { margin-top:25px; }

/* Character Counter */
.character-count { text-align:right; padding:3px; }
.character-count .char-count { font-weight:bold; }
.character-count .error { color:#F00; }

/* Modal */
#oab-modal { position:absolute; z-index:500; width:960px; top:0; left:20px; background:url(../images/transparent-white.png); _background:none; }

/* Dialog */
.oab-dialog { width:524px; height:200px; margin:auto; _margin-left:350px; margin-top:250px; display:none; z-index:501; }
.oab-dialog .top { background:url("../images/dialog-top.png") no-repeat; _background:url("../images/dialog-top.gif") no-repeat; height:57px; padding:0 30px; position:relative; }
.oab-dialog .middle { background:url("../images/dialog-middle.png") repeat-y; _background:url("../images/dialog-middle.gif") repeat-y; padding:15px 30px; min-height:100px; }
.oab-dialog .bottom { background:url("../images/dialog-bottom.png") no-repeat; _background:url("../images/dialog-bottom.gif") no-repeat; height:20px; }
.oab-dialog .title { font-size:16px; font-weight:bold; color:#FFF; position:absolute; top:24px; }

/* Captcha Dialog */
#captcha-dialog { margin-top:150px; height:360px;}
a#captchaHelpImage, a#captchaHelpSound { display: none; }

/* ------------------------------------------------ */
/* Custom Styles 									*/
/* ------------------------------------------------ */

/* Positioning */
.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.block { display:block; }
.img-title { display:block; }
p.first { margin-top:3px; padding-top:0; }
.hide { display:none; }

/* Horizontal Lists */
ul.horizontal-links-list { list-style:none; margin:0; padding:0; }
ul.horizontal-links-list li { display:inline; }
ul.horizontal-links-list a { color:#FFF; text-decoration:none; }	

/* ------------------------------------------------ */
/* Right Columns Styles 							*/
/* ------------------------------------------------ */

/* Right Column Boxes */
.right-col .box { width:226px; margin:auto; margin-bottom:15px;  }
.right-col .box .top { background:url(../images/right-col-box-top.png) no-repeat; height:19px; /* actual height = 49px */ overflow:hidden; padding:15px; }
.right-col .box .middle { background:url(../images/right-col-box-middle.png) no-repeat 0 50%; padding:0 12px 5px 12px;  }
.right-col .box .bottom { background:url(../images/right-col-box-bottom.png) no-repeat; height:19px; /*overflow:hidden;*/ }
.right-col .box .even { margin-top:2px; padding:7px 2px; background:url(../images/faq-divider.png) no-repeat bottom left #f0f6f9; }
.right-col .box .odd { background:url(../images/faq-divider.png) no-repeat bottom left; }
.right-col .box dl { margin:0; padding:0; padding:7px 2px; }
.right-col .box .last { background-image:none; }

/* Summary Box */
#summary-box .top { background:url(../images/appt-status-box-top.png) no-repeat; height:19px; /* actual height = 49px */ overflow:hidden; padding:15px 12px; }
#summary-box .middle { background:url(../images/appt-status-box-middle.png) no-repeat 0 50%; min-height:75px; _height:75px;  }
#summary-box .bottom { background:url(../images/appt-status-box-bottom.png) no-repeat; height:19px; }
#summary-box dt { margin:0; padding:0; }
#summary-box dd { margin:3px 0 0; padding:0; }

/* Appointment Summary */
.appt-summary-box dt { font-weight:bold; color:#0079C1; }

/* Find Existing Appt */
.appt-find-box { }
.appt-find-box .submit { margin-top:10px; }
.appt-find-box .forgot-link { display:block; color:#0079C1; margin-top:5px; }
.appt-find-box input { display:block; width:192px; }
.appt-find-box .bottom { position:relative; }

#summary-box .existing-appt-overlay { width:226px; position:absolute; top:-20px; display:none; }
#summary-box .existing-appt-overlay  .top { height:27px; background:url(../images/existing-appt-overlay-top.png) no-repeat; _background:url(../images/existing-appt-overlay-top.gif) no-repeat; padding:0; }
#summary-box .existing-appt-overlay  .middle { min-height:75px; _height:75px; background:url(../images/existing-appt-overlay-middle.png) repeat-y 0 50%; _background:url(../images/existing-appt-overlay-middle.gif) repeat-y 0 50%; padding:0 20px 5px 20px; }
#summary-box .existing-appt-overlay  .bottom { height:17px; background:url(../images/existing-appt-overlay-bottom.png) no-repeat; _background:url(../images/existing-appt-overlay-bottom.gif) no-repeat; }

/* Security Box */
#security-box .security-icon { float:left; margin-right:5px; }

/* FAQ Box */
#faq-box { display:none; }
#faq-box dl { margin:0; padding:0; }
#faq-box dt { margin:0; padding:7px 5px; color:#0079C1; font-weight:bold; background:url(../images/faq-divider.png) no-repeat bottom left; }
#faq-box dd { margin:2px 0 0 0; padding:5px; background:url(../images/faq-divider.png) no-repeat bottom left #f0f6f9; display:none;  }
#faq-box dt a, #faq-box dt a:hover { color:#0079C1; text-decoration:none; display:block; }
#faq-box .read-more { margin-top:15px; float:right;  }
#faq-box .read-more a { color:#000; }

/* Reschedule Box */
#reschedule-box .top { background:url(../images/reschedule-box-top.png) no-repeat; height:15px; /* actual height = 49px */ overflow:hidden; padding:0; }
#reschedule-box .middle { background:url(../images/reschedule-box-middle.png) no-repeat 0 50%; padding:0 20px 5px 20px;  }
#reschedule-box .bottom { background:url(../images/reschedule-box-bottom.png) no-repeat; height:15px; /*overflow:hidden;*/ }

/* Cancel Box */
#cancel-box .top { background:url(../images/cancel-box-top.png) no-repeat; height:15px; /* actual height = 49px */ overflow:hidden; padding:0; }
#cancel-box .middle { background:url(../images/cancel-box-middle.png) no-repeat 0 50%; padding:0 20px 5px 20px;  }
#cancel-box .bottom { background:url(../images/cancel-box-bottom.png) no-repeat; height:15px; /*overflow:hidden;*/ }


/* ------------------------------------------------ */
/* Page Specific Styles								*/
/* ------------------------------------------------ */

/* Start Page */
.step0 .content-wrapper { padding-top:5px; }
.step0 .new-appt-box { position:absolute; top:7px; left:270px; }
.step0 .new-appt-box-content { display:none; }

.step0 #begin-content-box .inner-content-wrapper { margin-right:90px; }

.step0 .captcha-content { display:none; }
.step0 img.intro-paragraph { margin-top:-30px; }
.step0 .prev-next-nav .continue { display:none; }
.step0 #content h1 { background:url(../images/headline_en.png) no-repeat;}
.step0 .content_box_header img { margin-top:10px; }

/* Step 1 */
.step1a #location-search { border:1px solid #5392b8; padding:3px; width:250px; float:left;   }
.step1a .locate-button { margin-top:25px; }
.step1a .open-weekends-wrapper { background:#F0EEE9; border: 1px solid #E0F1FB; padding: 1px 4px 2px 2px; float:left; margin-left:10px;  }

/* Step 2 */
.step2 #primary-need { background:#0079C1; color:#FFF; border:1px solid #5392b8; width:300px; margin-bottom:10px; }
.step2 .primary-need-wrapper { display:none; margin-top:15px; }
.step2 #discussion-sub-topic .sub-topic { display:none; }
.step2 #primary-need .business { display:none; }
.step2 a.calendar-icon { background:url(../images/calendar-icon.png) no-repeat; width:17px; height:18px; margin-bottom:-3px; display:inline-block; }
.step2 #comments { width:470px; height:100px; resize:none; }
.step2 .radio-group { margin-bottom:15px; }
.step2 #datepicker { display:inline-block; vertical-align:top; margin-left:10px; }
.step2 .want-to-label { color:#000; font-size:14px;  margin:10px 0; display:none; }

/* Step 3 */
#phone-ext { width:50px; }
.step3 #calendar-wrapper { position:relative; }
#calendar-wrapper #oab-modal { width:635px; left:0; }
#calendar-wrapper #oab-modal .loading-wrapper { border-radius:5px; background:url(../images/loading-bg.png); position:relative; float:left; padding:30px; top:100px; left:177px; }
#calendar-wrapper #oab-modal .loading-wrapper .loading { background:url(../images/ajax-loader.gif) no-repeat 50% 50%; width:220px; height:19px;  }
#calendar-content-box .inner-content-wrapper { padding:0; height:570px }

/* Step 4 */
.step4 #phone-area-code, .step4 #phone-prefix { width:30px; }
.step4 #phone-suffix { width:40px; }

/* Step 5 */
.step5 table.formTable { width: 509px; table-layout: fixed; }
.step5 table.formTable td.left-formCol { width:190px; }
.step5 table.formTable td.right-formCol { width:258px; }
.step5 .legal-content { width:508px; }
.step5 .content_box_header { position:relative; }
.step5 .content_box_header .edit-button { right:15px; top:8px; position:absolute;  }
.step5 .checkboxes input { margin-left:-20px; }
.step5 .checkboxes div { margin-left:20px; }
.step5 td #user-comments, .step5 td #discussion-topic-text { 	
	
	max-width: 250px;
	overflow: hidden;
	text-overflow: ellipsis;
	} 
#apptSummaryFormId #oab-modal { width:700px; left:20px; height:1028px; }
#apptSummaryFormId #oab-modal .loading-wrapper { border-radius:5px; background:#e6eef3; position:relative; float:left; padding:30px; top:100px; left:220px; text-align:center; color: #0079C1; font-weight:bold;}
#apptSummaryFormId #oab-modal .loading-wrapper .loading { background:url(../images/ajax-loader.gif) no-repeat 50% 50%; width:220px; height:19px;  }
	

/* Step 6 */
.step6 table.formTable td.left-formCol { width:170px; }
.step6 table.formTable td.right-formCol { width:278px; }
.step6 .reference-num { color:#0079C1; font-size:16px; font-weight:bold; }
.step6 .what-to-bring h3 { margin-top:0; }
.step6 .what-to-bring { background:#f0f6f9; padding:5px; }
.step6 .print-button { position:absolute; top: -26px; right:0px; background:url(../images/print-button.png) no-repeat; width:54px; height:17px; display:block; }
.step6 img.title { margin-bottom:40px; }

/* Appointment Details Page */
.details .reschedule-button-wrapper, .details  .cancel-button-wrapper { margin-top:10px; }

/* My Appointments Page */
.my-appointments .myappt-summary-wrapper .top { background:url(../images/my-appt-summary-top.png) repeat-x; padding:3px 10px; border:1px solid #e4e4e4; height:15px; }
.my-appointments .myappt-summary-wrapper .middle { background:#f6f6f6; border-color:#e4e4e4; border-style:solid; border-width:0 1px 0 1px; min-height:100px; padding:10px 10px 20px 10px; }
.my-appointments .myappt-summary-wrapper .bottom { border:1px solid #e4e4e4; border-top:1px dashed #999; padding:25px; }
.my-appointments .myappt-summary-wrapper hr { border:1px dashed #c2c2c2; height:1px; width:100%; }
.my-appointments .myappt-summary-wrapper .print { float:right; padding-left:22px; background:url(../images/my-appt-print-icon.png) no-repeat; text-decoration:none; color:#0079C1; }
.my-appointments .myappt-summary-wrapper .top h2 { float:left; font-size:12px; padding:0 0 0 15px; background:url(../images/my-appt-icon.png) no-repeat; color:#000; margin:0;   }
.my-appointments .myappt-summary-wrapper p { margin-left:10px; margin-right:10px; }
.my-appointments .my-appt-table { display:block; width:875px; border:1px solid #e4e4e4; border-collapse:collapse; background:#FFF; padding:0; margin:auto; }
.my-appointments .my-appt-table th { background:url(../images/my-appt-summary-top.png) repeat-x 0 -2px; max-height:30px; padding:7px 15px; border-right:1px solid #d9d9d9; text-align:left; color:#0079C1; }
.my-appointments .my-appt-table td { border-right:1px dotted #999; padding:15px; vertical-align:text-top;  }
.my-appointments .my-appt-table tr.odd { background:#edf6fb; }
.my-appointments .my-appt-table .col1 { width:170px; }
.my-appointments .my-appt-table .col2 { width:120px; }
.my-appointments .my-appt-table .col3 { width:125px; }
.my-appointments .my-appt-table .col4 { width:125px; }
.my-appointments .my-appt-table .col5 { width:179px; border-right:none; vertical-align:middle; text-align:center; }
.my-appointments .my-appt-table .or { color:#0079C1; font-weight:bold; font-size:14px; position:relative; top:-12px; padding:0 5px; }
.my-appointments .prev-next-nav { text-align:right; margin:0; }
.my-appointments .sub-topic { padding-top:5px; display:block; }



/* Date Picker */

#datepicker { display:none; position:relative; }
#datepicker .ui-datepicker { width: 15em; padding:8px;; background:#FFF; border:1px solid #a1becf; }
#datepicker .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background:#FFF; border-radius:0; -moz-border-radius:0; color:#0079C1; border:none;  }
#datepicker .ui-datepicker .ui-datepicker-prev, #datepicker .ui-datepicker .ui-datepicker-prev-hover { width:20px; height:19px; left: 2px;  background:url("../images/calendar-nav-arrows.png") no-repeat scroll center top transparent; display:block; position:absolute; border-radius:0; -moz-border-radius:0; border:none; cursor:pointer; }
#datepicker .ui-datepicker .ui-datepicker-next, #datepicker .ui-datepicker .ui-datepicker-next-hover { width:20px; height:19px; right: 2px; background:url("../images/calendar-nav-arrows.png") no-repeat scroll center bottom transparent; display:block; position:absolute; border-radius:0; -moz-border-radius:0; border:none; cursor:pointer; }
#datepicker .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: none; }
#datepicker .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
#datepicker .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
#datepicker .ui-datepicker select.ui-datepicker-month-year {width: 100%;}
#datepicker .ui-datepicker select.ui-datepicker-month, 
#datepicker .ui-datepicker select.ui-datepicker-year { width: 49%;}
#datepicker .ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
#datepicker .ui-datepicker table {width: 100%; font-size: 12px; border-collapse: collapse; margin:0 0 .4em; }
#datepicker .ui-datepicker th { padding: .4em .3em; text-align: center; font-weight: bold; border: 0; color:#FFF; background:#0079C1;  }
#datepicker .ui-state-default, #datepicker .ui-widget-content .ui-state-default { color:#666; border:1px solid #C0C0C0; font-weight:normal; background:#FFF; }
#datepicker .ui-state-default:hover, #datepicker .ui-widget-content .ui-state-default:hover { color:#0079C1; border:1px solid #0079C1; font-weight:normal; background:#FFF; }
#datepicker .ui-datepicker td { border: 0; padding: 1px; }
#datepicker .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: center; text-decoration: none; color:#666666; }
#datepicker .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
#datepicker .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
#datepicker .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
#datepicker .ui-datepicker-row-break { clear:both; width:100%; }
#datepicker .ui-widget-content .ui-state-highlight, #datepicker .ui-widget-content .ui-state-highlight:hover { border:1px solid #0079C1; background:#e7eef3; color:#0079C1; }
#datepicker .ui-widget-content .ui-state-active, #datepicker .ui-widget-content .ui-state-active:hover { border:1px solid #0168a5; background:#0079c1; color:#FFF; }
#datepicker .ui-widget-content .ui-datepicker-unselectable .ui-state-default, #datepicker .ui-widget-content .ui-datepicker-unselectable .ui-state-default:hover { background:#eeeeee; color:#666; border:1px solid #C0C0C0; }
#datepicker #datepicker-close { width:18px; height:19px; overflow:hidden; background:url(../images/datepicker-close.png) no-repeat; display:block; position:absolute; top:-8px; right:-8px; }



#datepicker .ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}


body.captchaForm { background-color: #000; margin: 0; }
body.captchaForm #imgCaptchaChallenge { float: left; }
body.captchaForm .challengecontainer { float: left; width: 300px; height: 115px  }
body.captchaForm .challengelinks { float: right; width: 140px;  } 
body.captchaForm #soundChallengeContainer { padding-top: 12px; }
/* error for JSP */
.error {
		color: #ff0000;
		
	}

body.step0 div#idNew-appt-box { display: none; }

@media print
  {
  #content .right-col {display: none;}
  }

#OABDEBUG { 
 width:1000px; 
 height: 600px;
 margin:auto; 
	overflow: scroll;
}