/*// Common Stylesheet //*/
/* 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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend{ margin: 0; padding: 0; border: 0; outline: 0; }
blockquote:before, blockquote:after, q:before, q:after{ content: ""; }
blockquote, q{ quotes: "" ""; }
/* Standard Elements */
h1, h2, h3, h4, h5, h6{ text-align: left; -webkit-font-smoothing: antialiased; }
acronym{ border-bottom: 1px dotted #ccc; cursor: help; }
body, p, a, ul, li, ol, li{
-webkit-font-smoothing: antialiased;
}
/* Standard Classes */
.clear{ clear: both; overflow: hidden; height: 0; font-size: 0; line-height: 0; }
.clear-only { clear: both; }
.clearleft{ clear: left; overflow: hidden; height: 0; font-size: 0; line-height: 0; }
.clearright{ clear: right; overflow: hidden; height: 0; font-size: 0; line-height: 0; }
.hidden{ display: none; }
.separator_solid{ margin: 30px 0 10px 0; border-bottom: 1px solid #ccc; }
.separator_dashed{ height: 0; margin: 20px 0; border-bottom: 1px dashed #ccc; }
.ajaxloader{ background: #999 url(../Images/ajax-loader.gif) no-repeat center center; }
/* Image Alignment */
img.left{ float: left; margin: 0 10px 10px 0; }
img.right{ float: right; margin: 0 0 10px 10px; }
img.center{ margin: 0 auto; }
/* Wordpress Image Alignments */
img.aligncenter, .wp-caption.aligncenter { display: block; margin:0 auto 1em; border: 1px solid silver; }
img.alignright, .wp-caption.alignright { float:right; margin: 10px 0 10px 20px; border: 1px solid silver; }
/* Wordpress Captions */
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px 0;
-webkit-border-radius: 3px;
border-radius: 3px;
}
#main_content .wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
color: #444;
text-align: center;
}
/* Text Alignment */
.taleft{ text-align: left !important; }
.taright{ text-align: right !important; }
.tacenter{ text-align: center !important; }
.tajustify{ text-align: justify !important; }
/* Drop Shadow Container */
.dropShadowWrap, .dropShadowWrap .dropShadow, .dropShadowWrap .tl, .dropShadowWrap .br, .dropShadowWrap .tr, .dropShadowWrap .bl{ display: inline; float: left; overflow: hidden; }
.dropShadowWrap .dropShadow{ padding: 8px; }
.dropShadowWrap .tl{ background: transparent url(../Images/bg_frame_tl.gif) no-repeat top left; }
.dropShadowWrap .br{ background: transparent url(../Images/bg_frame_br.gif) no-repeat bottom right; }
.dropShadowWrap .tr{ background: transparent url(../Images/bg_corner_tr.gif) no-repeat top right; }
.dropShadowWrap .bl{ background: transparent url(../Images/bg_corner_bl.gif) no-repeat bottom left; }
/* Page Menu */
.root h1{ position: relative; }
.root .menu{ position: absolute; top: 0; right: 0; }
.menu{ height: 25px; margin: 0 0 10px 0; font-size: 10px; line-height: 25px; text-align: right; }
.menu a{ margin: 0 0 0 10px; padding: 2px 0 2px 18px; }
.menu .menu_rss{ background: transparent url(../Images/Icons/icon_rss.gif) no-repeat center left; }
.menu .rss_page, .menu .font_sizer{ display: inline; }
.menu .font_sizer .font_normal, .menu .font_sizer .font_medium, .menu .font_sizer .font_large{ background: #eee; border: 1px solid #ccc; margin: 0 5px 0 0; padding: 1px 4px; text-decoration: none; }
.menu .font_normal{ font-size: 8px; }
.menu .font_medium{ font-size: 11px; }
.menu .font_large{ font-size: 14px; margin-right: 0; }
.menu .menu_print{ background: transparent url(../Images/Icons/printer.gif) no-repeat center left; }
.menu .menu_email{ background: transparent url(../Images/Icons/email.gif) no-repeat center left; }
.menu .menu_share{ background: transparent url(../Images/Icons/addthis.gif) no-repeat center left; padding: 2px 0 2px 15px; }
.menu .menu_bookmark{ background: transparent url(../Images/Icons/book.gif) no-repeat center left; }
/* Side Menu */
#sidemenu h2{ display: none; }
/* Buttons */
.viewbutton{ padding: 3px 5px 3px 20px; background: transparent url(../Images/Icons/magnifier.gif) no-repeat center left; line-height: 20px; }
.viewpagebutton{ padding: 3px 5px 3px 20px; background: transparent url(../Images/Icons/page_white_magnify.gif) no-repeat center left; line-height: 20px; }
.editpagebutton{ padding: 3px 5px 3px 20px; background: transparent url(../Images/Icons/page_white_edit.gif) no-repeat center left; line-height: 20px; }
.deletepagebutton{ padding: 3px 5px 3px 20px; background: transparent url(../Images/Icons/page_white_delete.gif) no-repeat center left; line-height: 20px; }
.addbutton{ padding: 3px 5px 3px 20px; background: transparent url(../Images/Icons/add.gif) no-repeat center left; line-height: 20px; }
.updatebutton{ padding: 3px 5px 3px 20px; background: transparent url(../Images/Icons/accept.gif) no-repeat center left; line-height: 20px; }
.deletebutton{ padding: 3px 5px 3px 20px; background: transparent url(../Images/Icons/delete.gif) no-repeat center left; line-height: 20px; }
.savebutton{ padding: 3px 5px 3px 20px; background: transparent url(../Images/Icons/disk.gif) no-repeat center left; line-height: 20px; }
.cancelbutton{ padding: 3px 5px 3px 20px; background: transparent url(../Images/Icons/cross.gif) no-repeat center left; line-height: 20px; }
.printbutton{ padding: 3px 5px 3px 20px; background: transparent url(../Images/Icons/printer.gif) no-repeat center left; line-height: 20px; }
.ihdibutton{ margin: 0 0 1em; }
#main_content .ihdibutton a { color: white; display: inline-block; background: transparent url(../Images/bg-ihdibutton.png) repeat-x; line-height: 50px; padding: 0 15px 0 15px; color: white; font-weight: bold; -webkit-background-clip: padding-box; -webkit-background-origin: padding-box; -webkit-box-shadow: 0 1px 3px black; -moz-box-shadow: 0 1px 3px #000; border-radius: 15px; font-size: 15px; clear:both; text-decoration: none; }
#main_content .ihdibutton a:hover { background: transparent url(../Images/bg-ihdibutton.png) repeat-x 0 -50px; color: white; display: inline-block; text-decoration: none; }
/* Message Panels */
.info_MessagePanel, .update_MessagePanel, .warning_MessagePanel, .error_MessagePanel{ margin: 10px 0; padding: 5px 0 5px 30px; border: 2px solid #ccc; border-left: 0; border-right: 0; background-repeat: no-repeat; background-position: 5px 8px; color: #333; line-height: 22px; }
.info_MessagePanel h2, .update_MessagePanel h2, .warning_MessagePanel h2, .error_MessagePanel h2{ margin: 0 !important; padding: 0 !important; background-color: transparent !important; color: #666; font-size: 14px !important; line-height: 18px !important; font-weight: bold !important; }
.info_MessagePanel ul, .update_MessagePanel ul, .warning_MessagePanel ul, .error_MessagePanel ul{ margin: 0 0 0 15px !important; }
.info_MessagePanel li, .update_MessagePanel li, .warning_MessagePanel li, .error_MessagePanel li{ margin: 0 !important; padding: 0 !important; list-style-type: square !important; background-image: none !important; color: #666 !important; font-size: 12px !important; line-height: 18px !important; }
/*blue*/
.info_MessagePanel{ border-color: #7aaee7; background-color: #edffed; background-image: url(../Images/Icons/information.gif); }
.info_MessagePanel h2{ color: #4c76a7; }
/*green*/
.update_MessagePanel{ border-color: #81c081; background-color: #edffed; background-image: url(../Images/Icons/accept.gif); }
.update_MessagePanel h2{ color: #575; }
/*yellow*/
.warning_MessagePanel{ border-color: #ffd129; background-color: #fcffcd; background-image: url(../Images/Icons/error.gif); }
.warning_MessagePanel h2{ color: #c67109; }
/*red*/
.error_MessagePanel{ border-color: #f0785f; background-color: #fff0e5; background-image: url(../Images/Icons/exclamation.gif); }
.error_MessagePanel h2{ color: #c2462c !important; }
/* Control Panel */
#ControlPanel{ background: #fff7c0; border: 2px solid #ffd129; border-left: 0; border-right: 0; color: #333; line-height: 22px; margin: 0; padding: 5px; }
#ControlPanel a{ color: #c67109; font-weight: bold; }
#ControlPanel label{ color: #c67109; font-weight: bold; }
#ControlPanel .searchlabel{ padding: 0 10px 0 0; color: #c67109; font-weight: bold; }
#ControlPanel .resumenamelabel{ width: 115px; padding: 0 10px 0 0; color: #c67109; font-weight: bold; text-align: right; }
#ControlPanel .searchfield input, #ControlPanel .resumenamefield input{ padding: 3px; border: 1px solid #ccc; color: #666; font-weight: bold; }
#ControlPanel .searchfield select, #ControlPanel .resumenamefield select{ * width: 190px; padding: 2px; border: 1px solid #ccc; color: #666; font-weight: bold; }
#ControlPanel .labeltext{ color: #c67109; font-weight: bold; text-align: right; }
#ControlPanel .controlbutton{ background: #fff; border: 2px solid #ffd129; color: #c67109; font-size: 12px; }
#ControlPanel.controlpanel_gray{ background-color: #eee; border-color: #ccc; }
#ControlPanel.controlpanel_gray *{ color: #666; }
#ControlPanel.controlpanel_gray .viewbutton{ background-position: 5px 50%; padding: 5px 7px 5px 22px; border: 1px solid #ccc; border-top: 1px solid #fff; border-left: 1px solid #fff; font-size: 12px; }
#ControlPanel.controlpanel_gray .viewbutton:hover{ border: 1px solid #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; text-decoration: none; }
.confirmdialog{ width: 360px; padding: 10px; border: 4px solid #ccc; background: #fff; text-align: center; }
.confirmdialog p{ margin: 0 0 10px 0; font-size: 12px; font-weight: bold; text-align: center; }
.confirmdialog .confirmbuttonpanel{ text-align: center; }
/* Form_General */
.form_general{}
.form_general .label{ vertical-align: top; color: #666; font-weight: bold; line-height: 20px; text-align: right; }
.form_general .label_optional, .form_general .field label{ vertical-align: top; color: #666; line-height: 20px; text-align: right; }
.form_general .fields_required{ color: #666; font-size: 11px; font-style: italic; height: 24px; text-align: left; vertical-align: top; }
.form_general .field{ vertical-align: text-top; }
.form_general .label label, .form_general .label_optional label{ display: block; width: 140px; margin: 0 10px 8px 0; }
.form_general .text{ margin: 0 0 8px 0; background: #fff; border: 1px solid #ccc; }
.form_general input.text{ width: 180px; height: 16px; }
.form_general select.text{ width: 184px; height: 20px; padding: 1px 0 0 0; }
.form_general select.text option{ padding: 2px 0 2px 3px; }
.form_general textarea.text{ width: 480px; height: 100px; font-size: 12px; }
/* updateprogress */
.updateprogress{}
.updateprogress div{ width: 208px; height: 13px; margin: 8px 0 0 0; }
/* autocomplete list */
.autocompletelist{ margin: 0 !important; padding: 0 !important; border-width: 1px; border-style: solid; border-color: #ccc #999 #999 #ccc; background: #fff none; list-style: none; z-index: 2000; }
.autocompletelistitem, .autocompletelistitemhighlight{ margin: 0 !important; padding: 0 0 0 3px !important; background: #fff none !important; line-height: 20px; cursor: pointer; }
.autocompletelistitem{ color: #666; }
.autocompletelistitemhighlight{ background-color: #ffa !important; }
.autocompletelist b{ color: #333; }
/* Generic form styles */
#main_content .gform_fields li { background-image: none; }
/* "Contact Us" form styles (backend/HTML built by Gravity Forms plugin) */
/* Arrgh -- this plugin is cool, but you can hardly customize the HTML it spits out.
Thus I'm left w/ referencing items via their DB IDs, which could easily change. Arrrrgh. */
/* Note from a helpful little birdy - you can assign custom CSS Class names from within the form builder.
Check out the CSS lines added below. */
#main_content #gform_fields_2 { margin: 0; } /* Form fields container */
#input_2_3_1_container, /* address1 */
#input_2_3_2_container { width: 50%; float:left; } /* address2 */
#input_2_3_4_container { width: 185px; float:left; } /* state select list */
#input_2_3_5_container { width: 80px; } /* zip code */
#field_2_5 { min-width: 300px; float: left; } /* Email */
#input_2_5 { width: 250px; }
#field_2_6 { width: 115px; float: left; clear: none; margin: 0 0 28px 0; } /* Phone */
#field_2_6 input { width: 100%; }
#field_2_7 { width: 115px; float: left; clear: none; } /* Fax */
#field_2_7 input { width: 100%; }
#field_2_8 { min-width: 300px; float: left; clear: none; } /* Contact Reason */
#input_2_8 { width: 80%; }
#field_2_9 { width: 48%; float: left; clear: none; } /* How did you find us */
#input_2_9 { width: 60%; }
#input_2_10 { height: 70px; width: 605px !important; } /* Comments textarea */
#main_content #input_2_11 { margin-left: 0; } /* Terms and Privacy Checkbox */
#gform_submit_button_2 { border-color: #81c081 !important; background-color: #edffed !important; color: #575 !important; }
.PHD { width: 195px; float:left; }
.HHS { width: 195px; float:left; }
.WHD { width: 195px; float:left; }
.PHDSpanish { width: 295px; float:left; clear:none !important; }
.HHSSpanish { width: 295px; float:left; clear:none !important; }
.WHDSpanish { width: 295px; float:left; clear:none !important; }
/* formsection styles */
.formsection{ margin: 0 0 10px 0; padding: 8px; border: 2px solid #eee; }
.formsection .twocolumn{ float: left; width: 50%; }
.formsection .threecolumn{ float: left; width: 33%; }
.formsection .fourcolumn{ float: left; width: 25%; }
.formsection td{ padding: 0 15px 10px 0; vertical-align: top; }
.formsection .formview td{}
.formsection .formsectioninner td{ padding: 0; }
.formsection .formsectioninner .space{ padding-right: 15px; }
.formsection .nospace td{ padding: 0; }
.formsection .listtable{ margin: 0 0 10px 0; }
.formsection .listtable td{ vertical-align: top; padding: 5px; color: #666; font-size: 10px; line-height: 16px; }
.formsection .listtable .alt td{ border: 1px solid #ddd; border-left: 0 none; border-right: 0 none; background-color: #f1f1f1; }
.formsection .listtable .heading td{ background: #999; color: #fff; font-size: 11px; line-height: 14px; font-weight: bold; vertical-align: text-top; }
.formsection .reviewtable{}
.formsection .reviewtable td{ color: #666; font-size: 11px; line-height: 12px; }
.formsection .reviewtable .sectiontitle{ width: 150px; font-size: 12px; }
.formsection .reviewtable .sectiontitle a{ font-size: 11px; }
.topinstruction{ margin: 0 0 10px 0; color: #666; font-size: 11px; font-style: italic; }
.requiredinstruction{ margin: 0 0 10px 0; padding: 0 0 0 16px; background: transparent url(../Images/Icons/asterisk.gif) no-repeat 0% 50%; color: #999; font-size: 11px; }
.formsection .required{ padding: 0 16px 0 0; background: transparent url(../Images/Icons/asterisk.gif) no-repeat 100% 50%; }
.formsection .validationerror{ padding: 0 14px 0 0; background: transparent url(../Images/Icons/arrow_error.gif) no-repeat center left; color: #c00; font-size: 11px; font-weight: bold; }
.formsection label{ color: #666; line-height: 20px; font-weight: bold; }
.formsection textarea{ font-size: 12px; }
.formsection .checkboxlabel label{ color: #000; font-weight: normal; }
.formsection .formdesc{ margin: 5px 0 0 0; color: #666; font-size: 10px; }
/* Submit Button Styles */
.greenbutton{ border-color: #81c081 !important; background-color: #edffed !important; color: #575 !important; }
.graybutton{ border-color: #ccc !important; background: #eee none !important; color: #999 !important; }
.graybutton:hover, .graybutton:focus{ color: #666 !important; }
/* Congratulations panel */
.congrats{ border: 4px solid #81c081; background-color: #fff; color: #333; }
/* Begin Adobe Input Styles */
.formsection input, .formsection textarea, .formsection select{ background-color: #fff; border-width: 1px; border-style: solid; border-color: #999 #aab3b3 #d5dddd #aab3b3; }
.formsection input, .formsection textarea{ padding-top: 2px; padding-bottom: 3px; }
.formsection select{ line-height: 1.5em; min-height: 1.5em; }
.formsection input:hover, .formsection textarea:hover, .formsection select:hover{ cursor: pointer; border-color: #e0b600 #ffd129 #ffd129 #e0b600; }
.formsection input:focus, .formsection select:focus, .formsection textarea:focus, .formsection .sffocus{ cursor: text; background-color: #fff !important; border-color: #e0b600 #ffd129 #ffd129 #e0b600 !important; outline: #fff7c0 solid 1px; }
.formsection input.checkbox, .formsection input[type=checkbox], .formsection input[type=checkbox]:hover, .formsection input[type=checkbox]:focus, .formsection input.radio, .formsection input[type=radio], .formsection input[type=radio]:hover, .formsection input[type=radio]:focus{ padding: 0 !important; background-color: transparent !important; border: 0 none !important; }
/* End Adobe Input Styles */
/* Begin Adobe Input Styles */
.form_general input.text, .form_general textarea.text, .form_general select.text{ background-color: #fff; border-width: 1px; border-style: solid; border-color: #999 #aab3b3 #d5dddd #aab3b3; }
.form_general input.text, .form_general textarea.text{ padding-top: 2px; padding-bottom: 3px; }
.form_general select.text{ line-height: 1.35; min-height: 1.77em; }
.form_general input.text:hover, .form_general textarea:hover, .form_general select.text:hover{ cursor: pointer; border-color: #e0b600 #ffd129 #ffd129 #e0b600; }
.form_general input.text:focus, .form_general select.text:focus, .form_general textarea:focus, .form_general .sffocus{ cursor: text; background-color: #fff !important; border-color: #e0b600 #ffd129 #ffd129 #e0b600 !important; outline: #fff7c0 solid 1px; }
.form_general input[type=checkbox]{ padding: 0; border: 0 none; background: none; }
.form_general input.checkbox, .form_general input[type=checkbox], .form_general input.radio, .form_general input[type=radio]{ padding: 0 !important; border: 0 none !important; background: none !important; }
/* End Adobe Input Styles */
.form_general br{ clear: both; }
.form_general .required{ color: #f00; font-size: 10px; }
.form_general .submit{ margin: 10px 0 0 0; }
.form_general .required{ vertical-align: top; }
.form_general .example{ color: #999; font-size: 10px; font-style: italic; margin-left: 10px; }
div.privacy{ margin: 10px 0 0 0; padding: 10px; border: 1px solid #ccc; background: #f2f2f2 !important; line-height: 18px; }
/* Table_h */
.table_h{ width: 676px; border: 2px solid #ccc; }
.table_h table{ width: 100%; }
.table_h thead{ font-weight: bold; }
.table_h thead span{ font-weight: bold; }
.table_h h2{ border-bottom: 1px solid #ccc; font-size: 18px; margin: 5px 10px; padding-bottom: 4px; }
.table_h h2 span{ margin: 0 0 0 5px; color: #666; font-weight: normal; }
.table_h .heading td{ height: 24px; padding: 5px 10px; vertical-align: top; border-bottom: 1px solid #ccc; color: #999; font-size: 11px; font-weight: bold; text-align: left; }
.table_h tbody td{ padding: 5px 10px; line-height: 20px; }
.table_h hr{ height: 0; border: none; border-bottom: 1px solid #ccc; }
/* Cyrus Datapager */
.pager{}
.pager a, .pager a:link, .pager a:visited{ display: block !important; float: left !important; padding: 2px 6px !important; border-right: 1px solid #dedede !important; text-decoration: none !important; }
.pager a:hover{ text-decoration: underline !important; }
.pager .disabled, .pager .disabled:hover{ color: #999 !important; text-decoration: none !important; }
.pager a.pager-command,
.pager li.pager-command { display: block !important; float: left !important; margin-right: 2px !important; padding: 2px 4px !important; font-weight: bold !important; }
.pager a.pager-next,
.pager li.pager-next { border-right: 0 none !important; }
.pager .pager-current,
.pager .active_page a { display: block !important; float: left !important; padding: 2px 6px !important; border-right: 1px solid #dedede !important; color: #333 !important; font-weight: bold !important; }
.pager .pager-summary,
.pager .page_info { float: left !important; margin: 0 0 0 10px !important; padding: 3px 4px !important; color: #999 !important; font-size: 11px; }
#main_content .pager li { background: none; }
#main_content .pager ul { margin: 0; }
/* Modal Window */
.modalBackground{ background-color: #000; filter: alpha(opacity=35); opacity: 0.35; }
.modal{ width: 500px; }
.modal .content{ background-color: #FFF; }
.modal .content .title{ width: 100%; background: #8C8; position: relative; }
.modal .content .title h2{ background: none !important; color: #FFF !important; cursor: default; line-height: 24px !important; margin: 5px 0; }
.modal .content .title .closebtn{ width: 14px; height: 14px; background: transparent url(http://www.hipdysplasia.org/Resources/Common/Images/Modal/close.gif) no-repeat top left; position: absolute; right: 5px; top: 5px; }
.modal .content .title .closebtn:hover{ background-position: bottom left; }
.modal .content .title .closebtn span{ display: none; }
.modal .tl, .modal .tr, .modal .bl, .modal .br{ width: 12px; height: 12px; background-repeat: no-repeat; }
.modal .t, .modal .b{ height: 12px; background-repeat: repeat-x; }
.modal .l, .modal .r{ width: 12px; background-repeat: repeat-y; }
.modal .tl{ background-image: url(../Images/Modal/tl.png); }
.modal .t{ background-image: url(../Images/Modal/t.png); }
.modal .tr{ background-image: url(../Images/Modal/tr.png); }
.modal .l{ background-image: url(../Images/Modal/l.png); }
.modal .r{ background-image: url(../Images/Modal/r.png); }
.modal .bl{ background-image: url(../Images/Modal/bl.png); }
.modal .b{ background-image: url(../Images/Modal/b.png); }
.modal .br{ background-image: url(../Images/Modal/br.png); }
* html .modal .tl{ background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Resources/Common/Images/Modal/tl.png", sizingMethod="crop"); }
* html .modal .t{ background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Resources/Common/Images/Modal/t.png", sizingMethod="crop"); }
* html .modal .tr{ background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Resources/Common/Images/Modal/tr.png", sizingMethod="crop"); }
* html .modal .l{ background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Resources/Common/Images/Modal/l.png", sizingMethod="crop"); }
* html .modal .r{ background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Resources/Common/Images/Modal/r.png", sizingMethod="crop"); }
* html .modal .bl{ background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Resources/Common/Images/Modal/bl.png", sizingMethod="crop"); }
* html .modal .b{ background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Resources/Common/Images/Modal/b.png", sizingMethod="crop"); }
* html .modal .br{ background: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Resources/Common/Images/Modal/br.png", sizingMethod="crop"); }
/* RadControl Style Fix */
.RadTextbox{ width: 180px !important; height: 16px !important; background: #fff; margin: 0 0 0 0; padding: 0 0 0 0; }
/* Footer Pager */
#footerpager{ position: relative; margin: 10px 0; }
#footerpager .button{ background: #f1f1f1; border: 2px solid #ddd; }
#footerpager .button span{ color: #999; }
#footerpager .button:hover{ background: #fff; }
#main_content #footerpager .button[disabled], #main_content #footerpager .button[disabled]:hover, #main_content #footerpager .disabled{ background: #fff !important; border: 2px solid #fff !important; color: #ccc !important; cursor: default !important; }
#main_content #footerpager .button[disabled], #main_content #footerpager .button[disabled] span, #main_content #footerpager .button[disabled]:hover span, #main_content #footerpager .disabled span, #main_content #footerpager .disabled:hover span{ color: #ccc !important; }
#footerpager .pageof{ position: absolute; right: 0; _right: 30px; color: #999; font-weight: bold; line-height: 24px; }
/* Search Results */
.SearchResultsTable *, .SearchResultsTable tr, .SearchResultsTable td{ border: 0 none !important; }
.SearchResultsSection{ margin: 10px 0; }
.SearchResultsSection p{ margin: 0 0 10px 0; }
.SearchResultsSection .SearchFooter{ color: #666; font-size: 11px; }
/* Services Section */
h1 .breadcrumb_parent{ font-size: 16px; }
h1 .breadcrumb_parent a{ color: #999; font-size: 16px; }
/* MedKey / Pre-Registration */
#prereg_wrap{ position: relative; }
#prereg_wrap h1{ position: relative; }
#prereg_wrap h1 .steps{ position: absolute; right: 5px; color: #999; font-size: 16px; line-height: 30px; font-weight: bold; }
#prereg_wrap fieldset{ margin-bottom: 10px; }
#prereg_wrap legend{ margin: 0; padding: 0 5px; }
#prereg_wrap legend .steps{ color: #999; font-size: 14px; margin: 0 0 0 10px; padding: 0; }
#prereg_wrap fieldset fieldset{ border: 2px solid #ddd; margin: 5px 10px 5px 0; }
#prereg_wrap .field textarea{ font-size: 12px; }
#prereg_wrap .button{ background: #fff; border: 2px solid #ddd; margin: 5px 10px 5px 0; }
#prereg_wrap .button_disabled{ background: #eee; border: 2px solid #ccc; cursor: default; margin: 5px 10px 5px 0; }
#prereg_wrap .example{ color: #999; font-size: 10px; font-style: italic; line-height: 24px; margin-left: 10px; vertical-align: top; }
#prereg_wrap .smallitalic{ font-size: 11px; font-style: italic; margin: 4px 0 4px 10px; }
#prereg_wrap .sameasabove{ float: right; }
#prereg_wrap .sameasabove .button{ padding: 0 8px; position: absolute; right: 0px; top: 4px; }
/* News Section */
#newsList_wrap{padding-top: 45px;}
#newsList_wrap .newsItem{ margin: 0 0 10px 0; }
#newsList_wrap .dateline{ margin: 0 0 15px 0; color: #666; font-size: 10px; }
#newsList_wrap .date{ font-weight: bold; }
#newsList_wrap .category{ color: #999; }
#newsList_wrap .description{ margin: 0 0 10px 0; line-height: 20px; }
#newsDetail_wrap{}
#newsDetail_wrap .newsItem{ margin: 0 0 10px 0; }
#newsDetail_wrap .dateline{ margin: 0 0 15px 0; color: #666; font-size: 10px; }
#newsDetail_wrap .date{ font-weight: bold; }
#newsDetail_wrap .category{ color: #999; }
#newsDetail_wrap .description{ margin: 0 0 10px 0; line-height: 20px; }
/* Events Section */
#eventList_wrap{}
#eventList_header{ position: relative; }
#eventList_header h2{}
#eventList_search{ position: absolute; bottom: 0; right: 0; }
#eventList_wrap h3 a{ font-size: 16px; }
#eventList_wrap h3 a span{ font-weight: bold; }
#eventList_wrap .datetime{ color: #666; font-size: 11px; }
#eventList_wrap .alt1, #eventList_wrap .alt2{ margin: 0 0 10px 0; padding: 5px; }
#eventList_wrap .alt2{ background: #f1f1f1; }
#eventDetail_wrap{ width: 100%; }
#eventDetail_left{ float: left; display: inline; width: 440px; }
#eventDetail_left .datetime{ margin: 0 0 15px 0; line-height: 18px; }
#eventDetail_left .datetime span{ margin: 0 10px 0 0; font-weight: bold; }
#eventDetail_left h3{ border-bottom: 1px solid #eee; }
#eventDetail_left address{ margin: 0 0 15px 0; line-height: 18px; }
#eventDetail_left .eventContact{ margin: 0 0 15px 0; line-height: 18px; }
#eventDetail_left .eventContact span{ margin: 0 10px 0 0; font-weight: bold; }
#eventDetail_right{ float: right; display: inline; width: 222px; margin: 0 0 0 10px; }
#eventDetail_right #map{ overflow: hidden; width: 216px; height: 150px; border: 4px solid #ccc; }
/* Testimonials Page */
#testimoniallist{}
#testimoniallist .testimonialitem{ margin: 0 0 20px 0; padding: 20px 0 0 0; border-top: 1px dashed #ccc; }
#testimoniallist .firstitem{ padding: 0; border-top: 0 none; }
#testimoniallist h2{ background: transparent none !important; }
#testimoniallist blockquote{ margin: 10px 0 10px 10px !important; padding: 0 25px !important; border-left: 0 none !important; background: transparent url(../Images/bg_quote.gif) no-repeat 0 4px; font-size: 14px; line-height: 24px !important; }
#testimoniallist .endquote{ margin: 0 20px 0 0; background: transparent url(../Images/bg_quoteend.gif) no-repeat bottom right; line-height: 24px; }
#testimoniallist blockquote a{ padding: 0 0 0 0; font-size: 11px; }
#testimoniallist .testimonialauthor{ margin: 0 0 0 40px; color: #666; font-size: 14px; font-weight: bold; font-style: italic; }
#testimoniallist .testimonialnav{ margin: 20px 0 0 0; }
/* Patient Stories */
body.patient-stories #main_content patient-stories-listing {}
body.patient-stories #main_content a.story-teaser-container { display: block; cursor: pointer; text-decoration: none; }
body.patient-stories #main_content a.story-teaser-container.column-one { clear: left; }
body.patient-stories #main_content .story-teaser-inner { width: 318px; min-height: 114px; margin-bottom: 10px; float: left; margin-right: 5px; border: 1px solid #dddddd; }
body.patient-stories #main_content .story-teaser-inner:hover { border: 1px solid #369; }
body.patient-stories #main_content .image-container { background-color: black; margin: 10px; width: 70px; float: left; height: 80px; }
body.patient-stories #main_content .image-container img {}
body.patient-stories #main_content .image-container img.unavailable { width: 70px; height: 80px; }
body.patient-stories #main_content .image-container img {}
body.patient-stories #main_content .story-title { margin-top: 10px; }
body.patient-stories #main_content .story-tags { text-align: left; }
/* Faqs Section */
#faqQuestionList .questionItem{ margin: 10px 0 5px 0; padding: 0 0 0 17px; background: transparent url(../Images/Icons/icon_q.gif) no-repeat center left; }
#faqList h3{ padding: 0 0 0 17px; background: transparent url(../Images/Icons/icon_q.gif) no-repeat 0 5px; color: #666; font-size: 16px; font-weight: bold; }
#faqList .answer{ padding: 0 0 0 17px; background: transparent url(../Images/Icons/icon_a.gif) no-repeat 0 5px; line-height: 18px; }
#faqList .back{ padding: 0 0 0 17px; line-height: 25px; }
/* Providers Section */
#providerList{ margin: 10px 0; }
.provider-item{ padding: 10px 0; border-bottom: 1px solid #ddd; font-size: 11px; }
.provider-item h2, .provider-item .provider-item-title{ margin: 0; color: #003a69; font-size: 14px; line-height: 20px; font-weight: bold; }
.provider-item td{ vertical-align: top; }
/* Old Physician List */
#physicianList{ margin: 10px 0; }
#physicianList .heading td{ height: 20px; padding-bottom: 4px; color: #666; text-decoration: underline; }
#physicianList .headName{ width: 300px; }
#physicianList .headLocation{ width: 200px; }
#physicianList .heading .headSpecialty{ width: 160px; vertical-align: text-top; }
#physicianList .physicianName{ width: 32%; }
#physicianList .physicianLocation{ font-size: 11px; vertical-align: text-top; }
#physicianList .physicianSpecialty{ width: 25%; color: #666; font-size: 10px; line-height: 12px; font-style: italic; text-align: left; vertical-align: text-top; }
#physicianList .table_h tbody td{ padding: 2px 10px; vertical-align: top; }
#physicianList h3{ margin: 0; padding: 0; font-size: 12px; line-height: 20px; }
#physicianList .separator{ margin: 0; padding: 0; height: 1px; line-height: 1px; }
#physicianList .separator div{ height: 0; border-bottom: 1px solid #ddd; font-size: 0; }
#physDetail{}
#physDetail .physSide{ float: left; _display: inline; width: 135px; margin: 0 0 10px 0; }
#physDetail .physSide .aptreq{ display: block; margin: 5px 0 0 0; padding: 2px 3px; background: #edffed; border: 2px solid #81c081; color: #575; font-size: 10px; font-weight: bold; line-height: 18px; }
#physDetail .physSide .aptreq:hover{ background: #fff; text-decoration: none; }
#physDetail .physSide .insuranceinfo{ border: 2px solid #ccc; background: #fbfbfb; margin: 5px 0; padding: 10px; font-size: 10px; }
#physDetail .physSide .insuranceinfo h3{ font-size: 12px; }
#physDetail .physSide .insuranceinfo li{ margin: 0 0 5px 0; padding: 5px 0 0 0; border-top: 1px solid #eee; background: transparent none; }
#physDetail .physMain{ float: left; _display: inline; width: 520px; margin: 0 0 0 20px; }
#physDetail .physCredentials{ margin: 0 0 0 10px; }
#physDetail h2{ background: transparent none; }
#physDetail .conditions li{ float: left; width: 45%; }
/* Physician Pictures Page */
#physicianlist_wrap{ width: 100%; }
#physicianlist_wrap .person{ width: 308px; border: solid 1px #fff; cursor: pointer; float: left; display:block; margin: 10px 0; padding: 10px; text-decoration: none; }
#physicianlist_wrap .person:hover{ border: solid 1px #ccc; }
#physicianlist_wrap .details{ width: 225px; float: left; margin: 6px 0 0 10px; }
#physicianlist_wrap .details h5 span{ color: #666; font-size: 12px; font-weight: bold; }
#physicianlist_wrap .details .title{ width: 200px; color: #666; font-size: 11px; line-height: 16px; }
#physicianlist_wrap .details .specialties{ font-size: 10px; line-height: 16px; margin: 0; padding: 0; }
#physicianlist_wrap .altItem{ margin-left: 20px; }
/* Personnel Page */
#personnelList_wrap{ width: 100%; }
#personnelList_wrap .person{ width: 308px; border: solid 1px #fff; cursor: pointer; float: left; display:block; margin: 10px 0; padding: 10px; text-decoration: none; }
#personnelList_wrap .person:hover{ border: solid 1px #ccc; }
#personnelList_wrap .details{ float: left; margin: 6px 0 0 10px; }
#personnelList_wrap .details h5 span{ color: #666; font-size: 12px; font-weight: bold; }
#personnelList_wrap .details .title{ width: 200px; color: #666; font-size: 11px; line-height: 16px; }
#personnelList_wrap .altItem{ margin-left: 20px; }
#additionalNav ul{ list-style: none; margin: 0 0 0 12px; }
#additionalNav li{ list-style: none; padding: 0 0 0 12px; background: transparent url(http://www.hipdysplasia.org/Resources/Common/Images/bullet_sidenav.gif) no-repeat 0 7px; }
#additionalNav li a{ font-size: 12px; line-height: 18px; font-weight: bold; }
#additionalNav li ul{ margin: 0; }
#additionalNav li li, #additionalNav ul ul li{ padding: 0 0 0 9px; background: transparent url(../Images/bullet_sub.gif) no-repeat 0 8px; }
#additionalNav li li a, #additionalNav ul ul li a{ color: #69c; font-size: 12px; line-height: 16px; font-weight: normal; }
#additionalNav li li a:hover, #additionalNav ul ul li a:hover{ color: #999; }
#personnelDetail{}
#personnelDetail .photo{ float: left; display: inline; margin-right: 15px; }
#personnelDetail .details{ float: left; display: block; width: 530px; }
/* Titlebar w/ Sorting */
.titlebar{ position: relative; margin: 10px 0 0 0; color: #666; }
.titlebar h2{ padding: 0 0 0 5px; }
.titlebar .sortby{ position: absolute; top: 7px; right: 7px; _right: 35px; text-align: right; font-size: 10px; }
.titlebar .sortby select{ font-size: 10px; }
/* List Table */
#listtable{ margin: 10px 0 0 0; }
#listtable td{ padding-right: 0; vertical-align: text-top; }
#listtable a.title{ display: block; margin: 0 0 10px 0 !important; font-size: 12px; line-height: 16px; font-weight: bold; text-align: left; }
#listtable .info{ width: 200px; font-size: 11px; line-height: 16px; }
#listtable .infolong{ font-size: 11px; line-height: 16px; }
#listtable .view, #listtable .email{ display: block; float: left; font-size: 10px; line-height: 25px; padding-left: 18px; }
#listtable .view{ margin-right: 15px; background: transparent url(../Images/Icons/magnifier.gif) left no-repeat; }
#listtable .email{ background: transparent url(../Images/Icons/email.gif) left no-repeat; }
#listtable .showhidepanel{ display: none; margin: 0 10px 10px 10px; padding: 5px; background: #eee; font-size: 11px; line-height: 16px; }
#listtable .seperator{ vertical-align: middle; }
#listtable .seperator div{ margin: 0; padding: 0; height: 0; border: none; border-bottom: 1px solid #ccc; }
#listtable .message{ background: #eee; display: block; margin: 5px 0; padding: 5px 10px; }
/* Location Search */
.searchmapstate{}
.searchmapstate select{ margin: 0 20px 0 0; }
.searchmaptype{}
.searchmaptype div{ margin: 2px 0 0 0; }
.searchmaptype label{ cursor: pointer; float: left; margin: 2px 0 0 0; padding: 0 5px 0 22px; line-height: 18px; }
/* Hospital Location */
#hospitallocation_wrap{ margin-bottom: 15px; }
#hospitallocation_wrap .hospitallocation{ margin-bottom: 10px; min-height: 155px; padding: 5px 0 10px; }
#hospitallocation_wrap .locationcontent{ width: 440px; float: left; }
#hospitallocation_wrap .hospitallocation .thumbnail{ border: solid 4px #ccc; float: left; margin: 5px 10px 0 0; }
#hospitallocation_wrap .hospitallocation address{ float: left; line-height: 20px; }
#hospitallocation_wrap .hospitallocation .hours{ float: left; }
#hospitallocation_wrap .hospitallocation .hours strong{ width: 50px; display: block; float: left; }
#hospitallocation_wrap .hospitallocation .hours span{ float: left; }
#hospitallocation_wrap .gmap{ border: 4px solid #ccc; overflow: hidden; float: right; position: relative; }
#hospitallocation_wrap .gmap div span{ display: block; position: relative; left: 0; top: 120px; }
#hospitallocation_wrap .gmap a[target="_blank"]{ display: none; }
#hospitallocation_wrap .gmnoprint{ display: block ! important; }
#hospitallocation_wrap .gmap img[src="http://www.google.com/intl/en_us/mapfiles/poweredby.png"]{ background: transparent url(../Images/bg_googlecurve.png) no-repeat top left; position: relative; left: 145px; bottom: 112px; padding: 5px 5px 5px 10px ! important; }
#hospitallocation_wrap .googlemap{ width: 218px; height: 150px; background: #eee; }
#hospitallocation_wrap hr{ border-bottom: 1px solid #ccc; height: 1px; }
/* Location Detail */
#locationDetail_wrap{ margin-bottom: 15px; }
#locationDetail_wrap .location{ margin-bottom: 10px; min-height: 155px; padding: 5px 0 10px; }
#locationDetail_wrap .locationcontent{ width: 440px; float: left; }
#locationDetail_wrap .location .thumbnail{ border: solid 4px #ccc; float: left; margin: 5px 10px 0 0; }
#locationDetail_wrap .location address{ float: left; line-height: 20px; }
#locationDetail_wrap .gmap{ border: 4px solid #ccc; overflow: hidden; float: right; position: relative; }
#locationDetail_wrap .gmap div span{ display: block; position: relative; left: 0; top: 120px; }
#locationDetail_wrap .gmnoprint{ display: block ! important; }
#locationDetail_wrap .googlemap{ width: 218px; height: 150px; background: #eee; }
/* Physician Spotlight Section */
#physDetail{}
#physDetail h2{ font-size: 18px; font-weight: bold; }
#physDetail .specialty{ margin: 0 0 10px 0; }
#physDetail address{ line-height: 20px; }
/* MyAccount Login Page */
#login_main h2{}
#login_main h2{ padding-left: 10px !important; border: 2px solid #ddd; color: #666; }
#login_main .registerchoice, #login_main .loginchoice{ float: left; width: 310px; height: 180px; margin-bottom: 20px; padding: 5px; border: 2px solid #ddd; background: #fff; }
#login_main .loginchoice{ margin-left: 30px; }
#login_main .registerchoice p{ margin: 0 0 5px 0; color: #999; font-weight: bold; }
#login_main .choicecontent{ margin: 10px 20px; }
#login_main .choicecontent label{ padding: 0 5px 0 0; color: #999; font-weight: bold; }
#login_main .choicecontent .text{ width: 160px; margin: 0 5px 5px 0; padding: 2px; background: #fff; border: 1px solid #ccc; }
#login_main .choicecontent .button{ padding: 2px 10px; background: #f1f1f1; border: 2px solid #ddd; color: #999; font-size: 12px; font-weight: bold; line-height: 18px; }
#login_main .choicecontent input.button{ height: 24px; margin: 0 13px 0 0; padding: 2px 8px; line-height: 16px; }
#login_main .choicecontent .forgotpassword{ padding: 2px 0 2px 24px; background: transparent url(../Images/icons/textfield_key.gif) no-repeat center left; font-size: 11px; line-height: 20px; }
/* Lost Password Page */
#lostpassword{}
#lostpassword fieldset{ width: 248px; padding: 7px; }
#lostpassword p{ font-size: 11px; text-align: left; line-height: 16px; }
#lostpassword .message{ margin: 0 0 3px 0; font-size: 11px; line-height: 16px; }
#lostpassword label{ color: #999; font-weight: bold; }
#lostpassword .text{ width: 240px; margin: 0 0 5px 0; padding: 2px; background: #fff; border: 1px solid #ccc; }
#lostpassword .button{ padding: 4px 8px; background: #fff; border: 2px solid #ddd; color: #999; font-size: 12px; line-height: 26px; font-weight: bold; }
/* Change Password Page */
#changepassword{}
#changepassword fieldset{ width: 248px; padding: 7px; }
#changepassword p{ font-size: 11px; text-align: left; line-height: 16px; }
#changepassword .message{ margin: 10px 0; font-size: 11px; line-height: 16px; }
#changepassword label{ float: left; display: block; width: 150px; color: #999; font-weight: bold; }
#changepassword .text{ float: left; width: 240px; margin: 0 0 5px 0; padding: 2px; background: #fff; border: 1px solid #ccc; }
#changepassword .button{ padding: 4px 8px; background: #fff; border: 2px solid #ddd; color: #999; font-size: 12px; line-height: 26px; font-weight: bold; }
.loginsubmit{ margin: 0 0 0 0; }
/* Begin Adobe Input Styles */
#login_main .choicecontent input.text, #lostpassword input.text, #changepassword input.text{ padding-top: 2px; padding-bottom: 3px; background-color: #fff; border-width: 1px; border-style: solid; border-color: #999 #aab3b3 #d5dddd #aab3b3; }
#login_main .choicecontent input.text:hover, #lostpassword input.text:hover, #changepassword input.text:hover{ cursor: pointer; border-color: #e0b600 #ffd129 #ffd129 #e0b600; }
#login_main .choicecontent input.text:focus, #login_main .choicecontent .sffocus, #lostpassword input.text:focus, #lostpassword .sffocus, #changepassword input.text:focus, #changepassword .sffocus{ cursor: text; background-color: #fff !important; border-color: #e0b600 #ffd129 #ffd129 #e0b600 !important; outline: #fff7c0 solid 1px; }
/* End Adobe Input Styles */
/* MyAccount Nav */
#accountNav{ margin: 0 10px 0 0; padding: 0 0 20px 0; }
#accountNav li{ line-height: 26px !important; padding-left: 20px !important; background-repeat: no-repeat; background-position: left 6px !important; }
#accountNav .myprofile{ background-image: url(../Images/Icons/user.gif); }
#accountNav .mypassword{ background-image: url(../Images/Icons/key.gif); }
#accountNav .myapplication{ background-image: url(../Images/Icons/briefcase.gif); border-top: 1px solid #eee; }
#accountNav .myjobs{ background-image: url(../Images/Icons/briefcase.gif); }
#accountNav .accountlogout{ background-image: url(../Images/Icons/door_out.gif); border-top: 1px solid #eee; }
/* MyAccount Home Page */
#myaccounthome{ line-height: 20px; }
#myaccounthome .name{ font-size: 14px; line-height: 18px; font-weight: bold; }
#myaccounthome .edit{ color: #999; font-size: 10px; }
#myaccounthome .changepassword{ line-height: 26px; padding: 2px 0 2px 20px; background: transparent url(../Images/Icons/key.gif) no-repeat center left; }
/* Resume Wizard */
#resumewizard{ position: relative; }
#resumewizard h1{ position: relative; }
#resumewizard h1 span{ position: absolute; right: 5px; color: #999; font-size: 16px; line-height: 30px; font-weight: bold; }
#resumewizard .required{ padding: 0 16px 0 0; background: transparent url(../Images/Icons/asterisk.gif) no-repeat 100% 50%; }
#resumewizard .highlight{ margin: 0; padding: 10px; border: 2px solid #ffd129; border-left: 0 none; border-right: 0 none; background: #fff7c0; }
#resumewizard .label{ color: #666; font-weight: bold; line-height: 20px; }
#resumewizard em{ color: #666; font-size: 11px; height: 24px; }
#resumewizard textarea{ font-size: 11px; }
#resumewizard .appname{ margin: 0 0 10px 0; color: #666; font-weight: bold; }
#resumewizard .appname input{ width: 380px; }
#resumewizard #questionnaire{}
#questionnaire td{ vertical-align: top; padding: 5px; font-size: 11px; line-height: 16px; }
#questionnaire .alt td{ border: 1px solid #ddd; border-left: 0 none; border-right: 0 none; background-color: #f1f1f1; }
#questionnaire p{ margin: 10px 0 5px 0; line-height: 16px; }
#questionnaire textarea{ width: 100%; }
#questionnaire .radiobuttons{ display: block; width: 100px; }
#questionnaire .radiobuttons input{ float: left; }
#questionnaire .radiobuttons label{ float: left; font-size: 11px; line-height: 18px; }
#resumewizard .deletebutton{ float: right; }
* html #resumewizard .deletebutton{ right: 10px; }
#resumewizard .radiobuttons label{ padding-right: 5px; }
#resumewizard .elecsig{ background-color: #f6f6f6; }
/* wizardnav */
.wizardnav{ width: 680px !important; height: 25px !important; margin: 5px 0 0 0; z-index: 100; }
.wizardnav table td{ height: 25px; padding: 5px 0 0 0; }
.wizardnav .startnextbutton, .wizardnav .steppreviousbutton, .wizardnav .stepnextbutton, .wizardnav .finishpreviousbutton, .wizardnav .finishcompletebutton, .wizardnav .sendcompletebutton, .wizardnav .startnextbuttonedit, .wizardnav .steppreviousbuttonedit, .wizardnav .stepnextbuttonedit{ padding: 3px 5px; border: 2px solid #ccc; background-color: #eee; color: #666; display: inline; float: left; font-weight: bold; margin: 0 5px 0 0; text-decoration: none; }
.wizardnav .startnextbutton, .wizardnav .stepnextbutton, .wizardnav .finishcompletebutton, .wizardnav .sendcompletebutton, .wizardnav .startnextbuttonedit, .wizardnav .stepnextbuttonedit{ border-color: #81c081; background-color: #edffed; color: #575; }
.wizardnav .startnextbutton:hover, .wizardnav .steppreviousbutton:hover, .wizardnav .stepnextbutton:hover, .wizardnav .finishpreviousbutton:hover, .wizardnav .finishcompletebutton:hover, .wizardnav .sendcompletebutton:hover, .wizardnav .startnextbuttonedit:hover, .wizardnav .stepnextbuttonedit:hover{ background-color: #fff; color: #333; text-decoration: none; }
.wizardnav .startnextbutton, .wizardnav .steppreviousbutton, .wizardnav .startnextbuttonedit, .wizardnav .stepnextbuttonedit{ left: 0; }
.wizardnav .stepnextbutton{ left: 62px; }
.wizardnav .finishpreviousbutton, .wizardnav .steppreviousbuttonedit{ display: none; }
.wizardnav .finishcompletebutton, .wizardnav .startnextbuttonedit, .wizardnav .stepnextbuttonedit{ left: 0; padding-left: 23px; background: #eee url(../Images/Icons/accept.gif) no-repeat 3px 50%; }
.wizardnav .sendcompletebutton{ left: 0; padding-left: 23px; background: #eee url(../Images/Icons/page_go.gif) no-repeat 3px 50%; }
.wizardnav .cancelbutton{ position: absolute; right: 0; bottom: 0; }
* html .wizardnav .startnextbutton, * html .wizardnav .steppreviousbutton, * html .wizardnav .stepnextbutton, * html .wizardnav .finishpreviousbutton, * html .wizardnav .finishcompletebutton, * html .wizardnav .startnextbuttonedit, * html .wizardnav .steppreviousbuttonedit, * html .wizardnav .startnextbuttonedit, * html .wizardnav .stepnextbuttonedit
* html .wizardnav .cancelbutton{ position: static; }
.checkboxlist{ clear: left; }
.checkboxlist input{ float: left; }
.checkboxlist label{ float: left; padding: 0 15px 5px 2px; line-height: 19px; }
.checkboxlist br{ clear: left; }
/* Resume Edit */
#ResumeDetails{ margin: 0; padding: 0; background: transparent none; }
#ResumeDetails ul li{ margin: 0; padding: 0; background: transparent none; }
.ResumeDetails h2{ margin: 0 0 10px 0 !important; padding-bottom: 5px; background-color: transparent; border: 0 none; color: #666; line-height: 18px; }
.ResumeDetails textarea.text{ font-size: 12px; }
/* Resume Details */
.ResumeDetails{}
.ResumeDetails h2{ padding: 5px; line-height: 18px; }
.ResumeEducationList{ width: 100%; position: relative; margin: 0 0 15px 0; }
.ResumeEducationList .schoolname{ font-weight: normal; font-size: 20px; line-height: 28px; }
.ResumeEducationList .location{}
.ResumeEducationList .degree{ position: absolute; right: 0; top: 5px; font-style: italic; }
.ResumeEducationList .years{ position: absolute; right: 0; top: 25px; }
.EmploymentHistoryList{ width: 100%; position: relative; margin: 0 0 15px 0; }
.EmploymentHistoryList .companyname{ font-weight: normal; font-size: 20px; line-height: 28px; }
.EmploymentHistoryList .location{}
.EmploymentHistoryList .title{ position: absolute; right: 0; top: 5px; font-style: italic; }
.EmploymentHistoryList p.duties{ font-size: 11px; line-height: 18px; margin: 10px 0 10px !important; }
.EmploymentHistoryList .years{ position: absolute; right: 0; top: 25px; }
.LicenseList{ width: 100%; position: relative; margin: 0 0 15px 0; }
.LicenseList .licensetype{ font-weight: normal; font-size: 20px; line-height: 28px; }
.LicenseList .licensenumber{}
.LicenseList .licenseexpiration{}
.ReferenceList{ width: 100%; position: relative; margin: 0 0 15px 0; }
.ReferenceList .referencename{ font-weight: normal; font-size: 20px; line-height: 28px; }
.ReferenceList .referencecompany{}
.ReferenceList .referencelocation{}
.ReferenceList .referencetitle{ position: absolute; right: 0; top: 5px; font-style: italic; }
.TermsConditionsList{ width: 100%; height: 200px; position: relative; border: 1px solid #CCC; margin: 10px 0 10px 0; overflow: auto; _display: inline; _overflow: hidden; _overflow-y: visible; }
.TermsConditionsList ul{ width: 94%; _padding: 10px 15px 10px 0; }
/* Button Field */
.buttonfield{ padding: 10px 0 10px 0; }
.buttonfield .submitbutton, .buttonfield .cancelsubmitbutton, .buttonfield .viewsubmitbutton{ padding: 5px; border: 2px solid #ccc; border: 2px solid #ccc; color: #666; font-weight: bold; text-decoration: none; }
.buttonfield .submitbutton:hover{ border-color: #81c081; background: #edffed; color: #575; }
.buttonfield .cancelsubmitbutton:hover{ border-color: #f0785f; background: #fff0e5; }
.buttonfield .viewsubmitbutton:hover{ border-color: #7aaee7; background: #e8f3ff; }
/* Partners Area */
#partnerList{}
#partnerList .partnerItem .logoWrap, #partnerDetail .logoWrap{ width: 220px; height: 120px; background: transparent url(../Images/bg_partnerlogo.gif) no-repeat center top; display: inline; float: left; margin: 0 10px 0 0; padding: 6px 0 0 6px; }
#partnerList .detailWrap, #partnerDetail .detailWrap{ float: left; width: 450px; }
#partnerList .detailWrapFullWidth, #partnerDetail .detailWrapFullWidth{ width: 100%; }
/* Careers Area */
#careerDetail_wrap{}
#careerDetail_wrap h2{ margin: 0 0 10px 0; }
#careerDetail_main{ float: left; width: 470px; }
#careerDetail_side{ float: right; width: 190px; font-size: 11px; }
#careerDetail_side h2{ margin: 0 !important; border: 2px solid #ccc !important; }
.applybutton{ display: block; padding: 3px 5px 3px 24px; border: 2px solid #81c081; background: #edffed url(../Images/Icons/accept.gif) no-repeat 4px 50%; color: #575; font-size: 14px; line-height: 20px; font-weight: bold; }
.applybutton:hover{ color: #333; text-decoration: none; }
.sendfriend{ display: block; margin: 10px 0 0 0; padding: 2px 5px 3px 24px; background: transparent url(../Images/Icons/email.gif) no-repeat 4px 50%; }
.detailcontainer{ margin: 5px 0; border: 2px solid #ccc; background: #fbfbfb; }
.applicationselection{ margin: 5px 0; padding: 5px; background-color: #fff7c0; border: 2px solid #ffd129; }
.applicationselection h3{ color: #666; font-size: 14px; }
/* Email Popup */
#EmailPage{ background: #fff none; font-size: 12px !important; }
#EmailPage table{ margin: 10px 0 0 10px; }
#EmailPage td{ padding: 0 5px 5px 0; vertical-align: middle; }
#EmailPage input, #EmailPage textarea{ width: 195px; font-size: 12px; }
#EmailPage .label{ vertical-align: top; color: #666; line-height: 22px; font-weight: bold; text-align: right; }
#EmailPage .field{}
#EmailPage .button{ line-height: 22px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #999; border-right: 1px solid #999; padding: 3px 5px; font-weight: bold; text-decoration: none; }
#EmailPage .button:hover{ border-top: 1px solid #999; border-left: 1px solid #999; border-bottom: 1px solid #ddd; border-right: 1px solid #ddd; text-decoration: none; }
#EmailPage .sent{ margin: 60px 0 0 0; text-align: center; }
#EmailPage .sent p{ color: #666; font-size: 14px; font-weight: bold; text-align: center; }
/* Baby Nursery */
#nurserylist{}
#nurserylist .male{ display: block; padding: 0 0 0 20px; background: transparent url(../Images/Icons/male.gif) no-repeat center left; line-height: 20px; }
#nurserylist .female{ display: block; padding: 0 0 0 20px; background: transparent url(../Images/Icons/female.gif) no-repeat center left; line-height: 20px; }
#nursery{ width: 680px; background: transparent url(../Images/Nursery/bg_girlnursery.gif) repeat-x left top; margin: 0 0 20px; }
#nursery.boy{ background: transparent url(../Images/Nursery/bg_boynursery.gif) repeat-x left top; }
#nursery #info{ width: 309px; float: left; padding: 5px 10px 10px; text-align: center; }
#nursery .header{ margin: 0 0 25px 0; }
#nursery #info h3{ color: #333; font-family: Comic Sans MS, Tahoma, Verdana; font-size: 24px; font-weight: bold; margin: 0; text-align: center !important; }
#nursery.boy #info h3{ color: #0092c4; }
#nursery.girl #info h3{ color: #f16255; }
#nursery #info h4{ color: #333; font-family: Comic Sans MS, Tahoma, Verdana; font-size: 16px; font-weight: bold; text-align: center !important; }
#nursery.boy #info h4{ color: #0092c4; }
#nursery.girl #info h4{ color: #f16255; }
#nursery #info p{ color: #666; font-family: Georgia, Times New Roman, Serif; font-size: 16px; line-height: 28px; margin: 0; text-align: center; }
#nursery #images{ width: 342px; float: left; padding: 8px 0 0; text-align: center; }
#nursery #images .primary{ width: 342px; height: 279px; position: relative; overflow: hidden; text-align: center; }
#nursery #images .primary .frame{ width: 328px !important; height: 245px !important; position: absolute; left: 7px; top: 17px; display: block; overflow: hidden; z-index: 5; }
#nursery.boy #images .primary{ background: transparent url(../Images/Nursery/bg_boyprimaryphoto.gif) no-repeat center top; }
#nursery.girl #images .primary{ background: transparent url(../Images/Nursery/bg_girlprimaryphoto.gif) no-repeat center top; }
#nursery #images .primary a{ width: 342px; height: 259px; position: absolute; left: 0; top: 10px; background: transparent url(../Images/Nursery/photo_overlay.png) no-repeat center top; display: block; z-index: 10; }
* html #nursery #images .primary a{ background: transparent none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Resources/Common/Images/Nursery/photo_overlay.png", sizingMethod="crop"); }
#nursery #images .primary a span{ display: none; }
#nursery #images .primary img{}
#nursery #images #thumbs{ width: 342px; height: 89px; }
#nursery #images #thumbs a{ width: 100px; height: 75px; background: transparent url(../Images/Nursery/bg_smallphoto.png) no-repeat center top; display: block; float: left; padding: 7px; }
#nursery #images #thumbs a .smallframe{ width: 100px; height: 75px; overflow: hidden; }
#nursery #images #thumbs.t1{ margin: 0 114px; }
#nursery #images #thumbs.t2{ margin: 0 57px; }
#nursery #images #thumbs.t3{ margin: 0; }
/* eCards */
#ecardList{ margin: 10px 0 0 0; }
.ecardItem{ display: block; _display: inline; width: 120px; font-size: 10px; text-align: center; text-decoration: none; }
#ecardList .ecardItem{ float: left; margin: 10px 5px 20px 5px; }
#ecardForm .ecardItem{ float: right; }
#ecardForm table{ float: left; }
.ecardItem img{ width: 100px; height: 129px; border: 2px solid #eee; }
.ecardItem a, .ecardItem a:hover{ text-decoration: none; }
.ecardItem .ecardCategory{ line-height: 12px; }
.ecardItem .ecardName{ line-height: 18px; font-weight: bold; }
.ecardItem a:hover .ecardName{ text-decoration: underline; }
.ecardItem a:hover img{ border-color: #ccc; }
.ecardItem .viewbutton:hover span{ text-decoration: underline; }
/* Lightbox */
#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox img{ width: auto; height: auto; }
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }
#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0; }
#hoverNav a{ outline: none; }
#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink{ left: 0; float: left; }
#nextLink{ right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover{ background: url(../Images/Lightbox/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover{ background: url(../Images/Lightbox/nextlabel.gif) right 15% no-repeat; }
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }
#imageData{ padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold; }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none; }
#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* Show / Hide Panel */
a.showlink, a.hidelink{ cursor: pointer; }
a.showlink span, a.hidelink span{ padding-right: 15px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center right !important; }
a.showlink span{ background-image: url(http://www.hipdysplasia.org/App_Themes/Default/Images/icons/show.gif) !important; }
a.hidelink span{ background-image: url(http://www.hipdysplasia.org/App_Themes/Default/Images/icons/hide.gif) !important; }
div.showlink, div.hidelink{ cursor: pointer; }
div.showlink a span, div.hidelink a span{ padding-right: 15px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center right !important; }
div.showlink a span{ background-image: url(http://www.hipdysplasia.org/App_Themes/Default/Images/icons/show.gif) !important; }
div.hidelink a span{ background-image: url(http://www.hipdysplasia.org/App_Themes/Default/Images/icons/hide.gif) !important; }
h2.showlink, h2.hidelink{ position: relative; cursor: pointer; height: 24px; background-color: #e7e6ca !important; line-height: 24px !important; }
h2.showlink:hover, h2.hidelink:hover{ background-color: #d9d8be !important; }
h2.showlink:hover a, h2.hidelink:hover a{ text-decoration: underline; }
h2.showlink a, h2.hidelink a{ position: absolute; top: 0px; right: 10px; padding-left: 20px !important; background-color: transparent !important; background-repeat: no-repeat !important; background-position: center left !important; color: #575 !important; font-size: 12px; }
h2.showlink a{ background-image: url(http://www.hipdysplasia.org/App_Themes/Default/Images/icons/show.gif) !important; }
h2.hidelink a{ background-image: url(http://www.hipdysplasia.org/App_Themes/Default/Images/icons/hide.gif) !important; }
.showhidepanel{ display: none; }
/*// TELERIK STYLES - Note: Use _Web as your suffix //*/
/* Calendar Styles */
table.calendarWrapper_Web{ width: 210px; background: #fff; }
.calendarWrapper_Web .titlebar_Web, .calendarWrapper_Web .TableLayout_Web{ width: 100%; }
.calendarWrapper_Web .titlebar_Web{ height: 20px; border: solid 1px #ccc; border-bottom: 0; }
.calendarWrapper_Web .titlebar_Web td{ background: #eee; color: #757575; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; font-weight: bold; padding: 5px 0; }
.calendarWrapper_Web .titlebar_Web td a img{ margin: 0 1px; }
.calendarWrapper_Web .TableLayout_Web{ width: 210px; background: transparent none; border: solid 1px #ccc; cursor: default; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; text-align: left; }
.calendarWrapper_Web .TableLayout_Web td{ border: 0; padding: 0; overflow: visible; }
.calendarWrapper_Web .TableLayout_Web a, .calendarWrapper_Web .TableLayout_Web td span{ width: 26px; background: #fff; border: solid 1px #fff; display: block; padding: 4px 0; text-decoration:none; text-align:center; }
.calendarWrapper_Web .TableLayout_Web a{ color: #999; margin: 0 0 1px 1px; }
.calendarWrapper_Web .TableLayout_Web .DaysOfWeek_Web{ color: #999; font-size: 12px; font-weight: bold; text-align: center; }
th.DaysOfWeek_Web{ width: 28px; height: 26px; }
.calendarWrapper_Web .otherMonth_Web a, .calendarWrapper_Web .outOfRange_Web span{ background: #eee; border: solid 1px #e0e0e0; color: #ccc; }
.calendarWrapper_Web .radCalHover_Web a{ background: #fff7c0; border: solid 1px #ffd129; color: #c67109; }
.calendarWrapper_Web .radCalToday_Web a{ background: #fff; border: solid 1px #d3d3d3; color: #757575; }
.calendarWrapper_Web .radCalSelect_Web a{ background: #9c9; border: solid 1px #575; color: #fff; font-weight: bold; }
/* Time Picker Styles */
.radTimeTableCss_Web caption{ display: none; }
table.radTimeTableCss_Web{ width: 296px; height: 140px; background: #fff; border: solid 1px #ccc; cursor: default; }
.radHeaderCss_Web{ background: #eee; border-bottom: solid 1px #ccc; color: #757575; font-family: Verdana, Arial, Sans-Serif; font-size: 12px; font-weight: bold; line-height: 24px; padding: 0; }
.radItemCss_Web, .radAlternatingItemCss_Web, .radTimeOverCss_Web{ width: 58px; padding: 0; }
.radTimeTableCss_Web a{ width: 56px; border: solid 1px transparent; color: #757575; display: block; font-family: Arial, Verdana, Sans-Serif; font-size: 11px; line-height: 30px; text-align: center; text-decoration: none; }
.radTimeOverCss_Web a{ background: #fff7c0; border: solid 1px #ffd129; color: #c67109 !important; text-decoration: none !important; }
.pickerWrapper_Web{ vertical-align: middle; }
.pickerWrapper_Web table{ vertical-align: bottom; }
.pickerWrapper_Web table, .pickerWrapper_Web td{ border: 0; padding: 0; margin: 0; overflow: visible; }
.pickerWrapper_Web .radInput_Web{ vertical-align: baseline; }
.pickerWrapper_Web td.inputCell{ padding: 0 4px 0 0; }
.radPopupImage_Web{ position: relative; _position: static; padding-right: 4px; outline: none; }
*+html .radPopupImage_Web{ position: static; }
.radPopupImage_Web img{ border: 0; margin: 0 2px; vertical-align: middle; }
/* RadInput Styles */
/* Begin Adobe Input Styles */
.riTextBox{ background-color: #fff; border-width: 1px; border-style: solid; border-color: #999 #aab3b3 #d5dddd #aab3b3 !important; }
.riTextBox{ padding-top: 2px; padding-bottom: 3px; }
.riTextBox:hover{ cursor: pointer; border-color: #e0b600 #ffd129 #ffd129 #e0b600; }
.riTextBox:focus, .riTextBox .sffocus{ cursor: text; background-color: #fff !important; border-color: #e0b600 #ffd129 #ffd129 #e0b600 !important; }
/* End Adobe Input Styles */
/* EVerify */
#careerDetail_wrap #careereveryifylinks{ display: none; }
/* ER Wait Times */
#erwaittime-wrap{ width: 100%; }
.root #erwaittime-wrap{ overflow: hidden; }
#erwaittime *{ color: #333; font-family: Calibri, Arial, Helvetica, sans-serif; }
#erwaittime{ width: 170px; min-height: 140px; position: relative; background: transparent url(../Images/ERExtra/erextra-small.png) no-repeat center top; color: #333; font-family: Calibri, Arial, Helvetica, sans-serif; margin: 5px auto; overflow: hidden; padding: 10px; }
#erwaittime .erwaittime-appstore{ display: none; }
#erwaittime .erwaittime-logo{ width: 147px; height: 43px; background: transparent url(../Images/ERExtra/erextra-logo-small.gif) no-repeat center top; display: inline; float: left; margin: 0 11px; overflow: hidden; text-indent: -99999em; }
#erwaittime .erwaittime-locations{ width: 160px; height: 28px; position: relative; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; display: inline; float: left; margin: 0 5px; overflow: hidden; padding: 4px 0; }
#erwaittime .erwaittime-location{ width: 160px; height: 28px; position: absolute; left: 0; }
#erwaittime .erwaittime-location-name{ width: 60px; display: inline; float: left; font-size: 11px; font-weight: bold; line-height: 12px; text-transform: uppercase; }
#erwaittime .erwaittime-location-wait{ display: inline; float: right; }
#erwaittime .erwaittimes-location-time{ color: #73af70; font-size: 42px; font-weight: bold; line-height: 28px; }
#erwaittime .erwaittimes-location-time.hourDisplay { font-size: 36px; }
#erwaittime .erwaittimes-location-label{ font-size: 20px; text-transform: capitalize; }
#erwaittime .erwaittime-lastupdated{ width: 100%; color: #666; display: inline; float: left; font-size: 10px; line-height: 16px; text-align: center; text-transform: uppercase; }
#erwaittime .erwaittime-explanation{ color: #666; display: inline; float: left; font-size: 10px; margin: 3px 0 0; line-height: 11px; text-align: center; }
#erwaittime .erwaittime-disclaimer{ color: #eb4a00; display: inline; float: left; font-size: 10px; font-style: italic; margin: 3px 0 0 15px; text-decoration: none; }
#erwaittime .erwaittime-disclaimer:hover{ color: #666; text-decoration: underline; }
#erwaittime .erwaittime-disclaimer-text{ width: 160px; position: absolute; left: 50%; top: 5px; z-index: 41; background: #fff; border: solid 1px #ccc; color: #666; display: none; font-size: 10px; line-height: 12px; margin-left: -90px; padding: 4px 9px; }
#erwaittime .erwaittimes-waittime-unavailable{ width: 65px; color: #999; display: inline; float: right; font-size: 12px; font-weight: bold; text-align: right; }
#erwaittime .erwaittimes-service-unavailable{ display: block; line-height: 30px; color: #999; font-size: 16px; text-align: center; font-weight: bold; }
.root #erwaittime .erwaittime-appstore{ display: inline; float: right; font-size: 10px; line-height: 10px; margin: 13px -5px 0 0; text-align: right; }
.root #erwaittime .erwaittime-appstore span{ width: 95px; color: #76797c; display: inline; float: left; margin: -4px 0 0; }
.root #erwaittime .erwaittime-appstore a{ width: 71px; height: 24px; background: transparent url(../Images/ERExtra/appstore-small.png) no-repeat 0 0; display: inline; float: right; margin: 0 0 0 5px; overflow: hidden; text-align: left; text-indent: -99999em; }
/* Medium */
.medium #erwaittime{ width: 210px; background-image: url(../Images/ERExtra/erextra-medium.png); padding: 10px 15px; }
.medium #erwaittime .erwaittime-logo{ width: 181px; height: 51px; background-image: url(../Images/ERExtra/erextra-logo-medium.gif); margin: 5px 14px; }
.medium #erwaittime .erwaittime-locations{ width: 210px; height: 38px; margin: 0; }
.medium #erwaittime .erwaittime-location{ width: 210px; height: 38px; }
.medium #erwaittime .erwaittime-location-name{ width: 75px; font-size: 13px; line-height: 15px; }
.medium #erwaittime .erwaittimes-location-time{ font-size: 54px; line-height: 38px; }
.medium #erwaittime .erwaittimes-location-label{ font-size: 26px; }
.medium #erwaittime .erwaittime-lastupdated{ font-size: 11px; line-height: 22px; }
.medium #erwaittime .erwaittime-explanation{ margin: 4px 10px 0; }
.medium #erwaittime .erwaittime-disclaimer{ font-size: 11px; margin: 4px 0 0 30px; }
.medium #erwaittime .erwaittime-disclaimer-text{ width: 210px; top: 35px; font-size: 11px; line-height: 14px; margin-left: -115px; padding: 9px; }
.medium #erwaittime .erwaittimes-waittime-unavailable{ width: 75px; font-size: 14px; }
.root .medium #erwaittime .erwaittime-appstore{ margin: 16px -10px 0 0; }
.root .medium #erwaittime .erwaittime-appstore span{ width: 130px; color: #76797c; margin: 2px 0 0; }
.root .medium #erwaittime .erwaittime-appstore a{ width: 83px; height: 28px; background-image: url(../Images/ERExtra/appstore-medium.png); margin: 0 0 0 7px; }
/* Large */
.large #erwaittime{ width: 230px; background-image: url(../Images/ERExtra/erextra-large.png); padding: 15px 25px; }
.large #erwaittime .erwaittime-logo{ width: 205px; height: 57px; background-image: url(../Images/ERExtra/erextra-logo-large.gif); margin: 0 12px; }
.large #erwaittime .erwaittime-locations{ width: 230px; height: 46px; margin: 0; }
.large #erwaittime .erwaittime-location{ width: 230px; height: 46px; }
.large #erwaittime .erwaittime-location-name{ width: 85px; font-size: 14px; line-height: 16px; }
.large #erwaittime .erwaittimes-location-time{ font-size: 60px; line-height: 42px; }
.large #erwaittime .erwaittimes-location-time.hourDisplay { font-size: 50px; }
.large #erwaittime .erwaittimes-location-label{ font-size: 30px; }
.large #erwaittime .erwaittime-lastupdated{ font-size: 12px; line-height: 20px; }
.large #erwaittime .erwaittime-explanation{ font-size: 11px; line-height: 13px; margin: 0 10px; }
.large #erwaittime .erwaittime-disclaimer{ font-size: 12px; margin: 5px 0 0 30px; }
.large #erwaittime .erwaittime-disclaimer-text{ width: 250px; top: 30px; font-size: 11px; line-height: 18px; margin-left: -135px; padding: 9px; }
.large #erwaittime .erwaittimes-waittime-unavailable{ width: 90px; font-size: 16px; }
.root .large #erwaittime .erwaittime-appstore{ font-size: 11px; line-height: 12px; margin: 16px -20px 0 0; }
.root .large #erwaittime .erwaittime-appstore span{ width: 135px; color: #76797c; margin: 4px 0 0; }
.root .large #erwaittime .erwaittime-appstore a{ width: 104px; height: 35px; background-image: url(../Images/ERExtra/appstore-large.png); margin: 0 0 0 10px; }
#erwaittime .erwaittime-btn{ width: 20px; height: 20px; position: absolute; top: 55%; z-index: 40; background: transparent no-repeat center top; display: block; overflow: hidden; text-indent: -99999em; }
#erwaittime .erwaittime-btn:hover{ background-position: center -20px; }
#erwaittime .erwaittime-btn-prev{ left: -5px; background-image: url(../Images/ERExtra/btn-prev.png); }
#erwaittime .erwaittime-btn-next{ right: -5px; background-image: url(../Images/ERExtra/btn-next.png); }
/*photo gallery*/
#galleryAlbumPhotoList{ width: 655px; overflow: hidden; }
#galleryAlbumList{ width: 655px; overflow: hidden; }
#galleryAlbumPhotoList .galleryAlbumPhotoItem{ display: inline; float: left; margin: 10px 8px; overflow: hidden; }
#galleryAlbumPhotoList .galleryAlbumPhotoItem a{ height: 151px; display: block; overflow: hidden; }
#galleryAlbumList .galleryAlbumItem a.imagelink{ display: inline; float: left; margin: 0 15px; }
#galleryAlbumList .galleryAlbumItem h2{ margin-bottom: 5px; }
#galleryAlbumList .galleryAlbumItem h2 a{ text-decoration: none; }
.dateline, .description{ line-height: 14px; margin: 5px 0; }
.galleryAlbumItem{ background-color: #EEEEEE; border: 1px solid #DDDDDD; margin: 10px 8px; overflow: hidden; padding: 15px 0; }
.galleryAlbumItem a.more{ text-decoration: none;}
#bingSearch .pager {background-color: #EEEEEE; border: 1px solid #DDDDDD; text-align: right; height: 30px; margin: 30px 0 20px 0; overflow: hidden; line-height: 30px }
#bingSearch .pager a.button { border: none; line-height: 30px; padding: 0 10px !important; background: #eee; font-weight: normal; color: #3B6E8F !important; margin: 0 !important;}
#bingSearch .pager a.button:hover { background: #e1e1e1; text-decoration: none !important; }
#bingSearch .pager .credits{ float: right; display: block; margin-right: 10px; font-size: 9px; }
#bingSearch .pager .credits a { border: none !important; display: inline !important; float: none !important; padding: 0 !important; }
#bingSearch .pagerSummary span { margin-right: 10px;}
#bingSearch .results .item { margin-top: 20px; }
#bingSearch .results h3 { font-size: 16px; margin-bottom: 0;}
#bingSearch .results p { margin-bottom: 0;}
#bingSearch .results .info { margin-top: 0; font-size: 11px;}
#bingSearch .results .info a { color: Green;}
.iiiDevelopment { background-color: #BE400F; width: 100%; text-align: center; border-bottom: 1px solid #AA370D; height: 30px; }
.iiiDevelopment p { color: White; font-size: small; font-weight: bold; line-height: 30px; text-align: center; }