body { margin: 0; padding: 0; background: #029bde; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gpbuddy-clear { clear: both; height: 1px; } .gpbuddy-region { max-width: 960px; min-width: 360px; margin: 0 auto; }/* should we remove min-width? */ #gpbuddy-content, #gpbuddy-content .gpbuddy-region { background: white; } #gpbuddy-content { padding-bottom: 25px; } #gpbuddy-logo { display: block; background: transparent url("/images/layout/bg-h1.png") left top no-repeat; width: 205px; height: 86px; text-indent: -9660px; overflow: hidden; } #gpbuddy-footer .social { background-image: url("/images/layout/buts_social_sprite.png"); text-indent: -9660px; } #gpbuddy-footer .gpbuddy-region { color: white !important; padding: 10px; } #gpbuddy-footer .gpbuddy-region a { color: white !important; text-decoration: none;} #gpbuddy-footer { background: transparent url("/images/layout/bg_footer_darker.png") right bottom no-repeat; } h2 { margin-top: 0; } #gpb-mob-prf ul { list-style-type: none; line-height: 1.5em; margin: 0; padding: 0; } #gpb-mob-prf li { height: 1.5em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding: 3px 0;} #gpb-mob-prf #gpbuddy-login .inputwrapper { width: 49%; display: inline-block; clear; left;} #gpb-mob-prf #gpbuddy-login label { width: 25%; display: inline-block;} #gpb-mob-prf #gpbuddy-login input { margin: 4px;} #gpb-mob-prf #gpbuddy-login { text-align: left;} /* Extra-large menu panel overrides. (Warning: Finicky!) */ .mm-navbar-size-2 { height: 200px !important; } .mm-hasnavbar-top-5 .mm-panels, .mm-navbar-top-5 { top: 180px !important; } .mm-panels > .mm-panel > .mm-listview:first-child, .mm-panels > .mm-panel > .mm-navbar + .mm-listview { margin-top: 20px !important; } /* GENERAL */ button, input, select, textarea { font-size: 100%; font-family: "Lucida Sans", sans-serif; margin: 0; vertical-align: baseline; } .flash { border: 1px #f90 solid; background: #fc0; color: black; padding: 10px; margin-bottom: 10px; border-radius: 3px; font-size: 90%; } a:link { color: #049cde; } body { font-size: 85%; font-family: "Lucida Sans", "Lucida Grande", sans-serif; line-height: 135%; margin: 0; padding: 0; } /* ================================ FORMS - general styles ================================ */ form.styled select, form.styled textarea, form.styled input[type="text"], form.styled input[class|="area"], form.styled input[type="password"], form.styled input[type="tel"], form.styled.input.tel, form.styled input[type="email"], form.styled input[type="url"], #spLogonForm input[type="text"], #spLogonForm input[type="password"] { border-radius: 3px; border: 3px #cdebf8 solid; font-size: 100%; padding: 4px; background: #fff; } .back-search, .back { text-align: center; padding: 25px 0; } .back-search a, .back a { background: transparent url("/images/new/back.png") left 50% no-repeat; padding: 13px 0 13px 36px; } a.button, input.form_button, input.button, button.button, form.gpb-styled input.button { background: #e50202 url("/images/new/bg_a_button.png") right 50% no-repeat; border-radius: 5px; border: 0 solid #fff; color: white!important; cursor: pointer; margin-left: 5px; padding: .5em 18px .5em 7px; text-decoration: none!important; text-transform: lowercase; } a.button:hover, input.form_button:hover, input.button:hover, button.button:hover, form.gpb-styled input.button:hover { background: red url("/images/new/bg_a_button.png") right 50% no-repeat; } form.styled, #spLogonForm { background: #efefef; padding: 10px; border: 1px #cccccc solid; border-radius: 5px; } form.styled fieldset, #spLogonForm fieldset { padding: 2em 10px 10px 10px; background: white; border: 1px #cccccc solid; border-radius: 5px; position: relative; margin: 0 0 10px 0; } form.styled legend, #spLogonForm legend { color: #43b5e6; font-size: 110%; padding: 0; margin: 0; text-align:left; } form.styled legend span { display: block; position: absolute; border-bottom: 2px #cdebf8; top: 4px; } .container { border-radius: 5px; background-color: #fff; padding: 20px; } .col-25 { float: left; width: 25%; margin-top: 6px; } .col-75 { float: left; width: 75%; margin-top: 6px; } #rce-form-email .row, #rce-form-password .row {padding-top: 1em;} /* Clear floats after the columns */ #rce-form-email .row::after, #rce-form-password .row::after, #rce-form-profile-details .row::after { content: ""; display: table; clear: both; } .rce-field-caption { display: inline-block; } .rce-info { padding: 7px; float: left;} #rce-form-profile-details label { width: 100%; display: inline-block;} /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */ @media screen and (max-width: 800px) { .col-25, .col-75 { width: 100%; margin-top: 0; } .col-75 input[type=submit] { width: calc(100% - 10px);} } /* ================================ END FORMS - general styles ================================ */ /* Up to date popup */ div#u2d_container { overflow: visible; position: absolute; background: white; border: 2px solid black; z-index: 100; padding: 10px; top: 0px; right:5px; width: 380px; } /* ================================ Education [formerly 'hot topics'] ================================ */ div.hot_topic.hot_topic_archive { border-top: 1px #c0c0c0 solid; padding-top: 10px; margin-top: 10px; } div.hot_topic h3 { color: #444; font-family:Arial, Helvetica, sans-serif; font-size: 15px; font-weight:bold; margin: 0 0 10px 0; } div.hot_topic h4 { clear:left; color: #3d5b76; font-family: "Arial", "Helvetica", sans-serif; font-size: 13px; font-weight:bold; line-height:24px; margin: 0 0 10px 0; } div.hot_topic_archive h3 { color: #444; font-family: sans-serif; font-size: 13px; font-weight:bold; margin: 0 0 10px 0; } a.hot_topic { text-decoration: none; float: left; background: red url("/images/new/nb_button_left.png") left 50% no-repeat; padding-left: 10px; color: white; margin: 0 10px 10px 0; } a.hot_topic span { color: white; padding-right: 20px; display: block; line-height: 26px; height: 26px; background: transparent url("/images/new/nb_button_right.png") right 50% no-repeat; } a.hot_topic.hot_topic_pdf { background-image: url("/images/new/nb_button_left_pdf.png"); padding-left: 22px; } a.hot_topic:hover, a.hot_topic:active { text-decoration: none; } div.hot_topic p { clear: left; margin: 0 0 10px 0; } .hot_topic_disclaimer { border: 1px #c0c0c0 solid; font-size: 85%; color: #3d3d3d; padding: 10px; margin-top: 20px; } .hot_topic_disclaimer h1, .hot_topic_disclaimer h2, .hot_topic_disclaimer h3, .hot_topic_disclaimer h4, .hot_topic_disclaimer h5, .hot_topic_disclaimer h6 { font-size: 110%; font-weight: bold; font-family: sans-serif; } .hot_topic_disclaimer p { margin: 6px 0 0 0; padding: 0; } h2.hot_topic_archive { color: #049cde; /* brand blue */ /*#4D8886;*/ font-family: sans-serif; font-size: 18px; font-weight:bold; margin: 30px 0 0 0; } /* END: Education / hot topics styles */ /* Education Videos */ #aaq fieldset { text-align: center; border: 1px #0e87da solid; margin: 0 0 20px 0; padding: 10px; border-radius: 2px; background: #f5f5f5; } #aaq div.multi { border: 1px #0e87da solid; margin: 0 0 20px 0; padding: 10px 10px 2px 10px; border-radius: 2px; background: #f5f5f5; } #aaq span.fl { color: #909090; display: inline-block; } #aaq span.fr { color: #909090; margin-left: 16px; } #aaq input[type="radio"] { margin-right: 4px; } #aaq p { margin: 20px 0; padding: 0; } /*#aaq textarea { border: 1px #0e87da solid; padding: 6px; font-size: 100%; border-radius: 2px; background: #f5f5f5; }*/ .legalese { border:1px #da2727 solid;color:#da2727;padding:5px;margin-bottom:15px;font-size:85%} #contframe, #cont object, #cont embed { position:absolute; top:0; left:0; width:100%; height:100%; } #ad-wrap { max-width: 728px; padding: 15px 0 15px 0;} #cpd-bottom a, #aaq-bottom a {color: #fff !important; } .edu_grp { clear: left; margin-bottom: 35px; border: 1px #0e87da solid; padding: 10px 10px 0 10px; } .edu_grp h3 { background: #0e87da; color: white; font-size: 1.3em; line-height: 1.8em; padding: 0; margin: -10px -10px 10px -10px; } .edu_grp h3 a { color: white!important; text-decoration: none; display: block; background: transparent url("/images/template/bg_widget_arrow.png") right 50% no-repeat; padding: 0 10px; } .edu_feat { margin: 0; padding: 0; list-style-type: none; height: 5em; } .edu_feat li { float: left; width: 239px; margin: 0 10px 0 0; padding: 0; font-size: 90%; } .edu_feat.edu_onlytwo li { width: 363px; } .edu_feat li.edu_more { margin-right: 0; width: 56px; } .edu_feat li.edu_more a { background: none; border: none; line-height: 5em; padding: 0; text-align: center; } .edu_feat li.edu_more a:hover { color: #7fccff!important; } .edu_feat li.edu_more a:hover:after { content: " ยป"; } .edu_feat a { margin-bottom: 10px; display: block; text-decoration: none; height: 4.4em; border: 1px #d0d0d0 solid; border-radius: 40px; padding: 4px 24px; background: #e0e0e0; color: #0e87da; } /* .edu_feat .iscpd a { background: #e62000; border-color: #882222; color: white; }*/ .edu_feat a:hover, .edu_feat a:hover .edu_tit { background: #0e87da; color: white!important; text-decoration: none!important;} /* .edu_feat .iscpd a:hover, .edu_feat .iscpd a:hover .edu_tit { background: #ff2500; }*/ .edu_feat li span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .edu_feat .edu_tit { color: black; font-weight: bold; line-height: 1.6em; } /* .edu_feat .iscpd .edu_tit { color: white; }*/ .edu_feat .edu_m1 { font-size: 90%; line-height: 1.4em; } .edu_feat .edu_m2 { font-size: 80%; line-height: 1.4em; font-style: italic; } .edu_feat .iscpdind { padding-left: 1em; text-decoration: none !important; display: inline!important; } @media screen and (max-width: 640px) { .edu_feat li.edu_more, .edu_feat.edu_onlytwo li,.edu_feat li { width: auto; display: block; float: none; margin: 0; } .edu_feat { height: auto; } } /* End Education Videos */ /* Classifieds New Ad */ fieldset.locationselector { border-radius: 3px; margin: 0 0 20px 0; border: 1px #037cce solid; float: left; width: 426px; padding: 10px; } fieldset.locationselector_0 { margin-right: 20px; clear: left; } fieldset.locationselector span.locationselector label { cursor: pointer; border-radius: 3px; min-width: 6em; display: block; float: left; margin: 0 5px 5px 0; line-height: 2em; border: 1px #e0e0e0 solid; background: #f0f0f0; white-space: nowrap; padding: 2px 4px; } fieldset.locationselector span.locationselector label:hover { background: #e0e0e0; border: 1px #d0d0d0 solid; } .ff textarea, .ff input[type="text"], .ff select { margin: 0 0 20px 0; font-size: 100%; width: 938px; padding: 10px; border: 1px #a0a0a0 solid; border-radius: 0 0 3px 3px; } .ff select { padding: 10px 6px; width: 960px; } .mainlabel { background: #037cce; color: white; padding: 10px; font-size: 100%; border-radius: 3px 3px 0 0; width: 940px; display: block; } .fieldWithErrors.mainlabel { background: #da2727; } .ff_locations, p.box { border: 1px #a0a0a0 solid; border-radius: 0 0 3px 3px; padding: 10px 20px; margin-bottom: 20px; } /* End Classifieds New Ad */ /* Advertising */ #dummy-ad { overflow: hidden; margin: 20px 0; line-height: 1em; position: relative; margin:0; width:100%} #dummy-ad .body { margin: 0;} #dummy-ad ins { display: block; } #dummy-ad iframe, #dummy-ad ins iframe div img { position:absolute; top:0; left:0; width:100% !important; height:100% !important; } #dummy-ad img { height: auto; max-height: 90px; width: auto; display: block; max-width: 100%; margin: 3px auto;} #dummy-ad #wrapper {margin: 0 auto;} #ad_wrap_top { margin: 0; max-width: 100%; } /* #dummy-ad { position: relative; overflow: hidden; width: 100%; padding-top: 12.36%; } #dummy-ad iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } */ /* TODO: Copy (ie not move) to FCKeditor styles */ body { font-family: "Lucida Sans", "Lucida Grande", sans-serif; font-size: 85%; line-height: 135%; } #gpbuddy-content a { color: #037cce; text-decoration: none; } #gpbuddy-content a:hover { text-decoration: underline; } #gpbuddy-content a.gpbuddy-button-1 { background: transparent url("/images/layout/buts_sprite.png") left top no-repeat; line-height: 50px; display: inline-block; padding: 0 35px 0 15px; color: white; text-decoration: none; position: relative; } #gpbuddy-content a.gpbuddy-button-1:after { content: ""; width: 34px; height: 50px; background: transparent url("/images/layout/buts_sprite.png") right -100px no-repeat; position: absolute; top: 0; right: 0; } #gpbuddy-content a.gpbuddy-button-1:hover { background-position: left -50px; } #gpbuddy-content a.gpbuddy-button-1:hover:after { background-position: right -150px; } /* SMF Overrides */ .sec_smf_integration #wrapper { width: 100%; } .sec_smf_integration #inner_section, .sec_smf_integration #upper_section, .sec_smf_integration #wrapper, .sec_smf_integration #main_content_section { background: transparent; padding: 0; border: none; box-shadow: none; } .sec_smf_integration #info_center, .sec_smf_integration .post_wrapper .postgroup, .sec_smf_integration .post_wrapper .poster_ip, #top_section { display: none !important; } .post_wrapper .poster h4 a { color: #c06002 !important; cursor: default; } .sec_smf_integration .dropmenu a.active, .sec_smf_integration #top_info a.active { text-shadow: none; } /* Home */ #home-announcements { border: 2px #e62000 solid; border-radius: 10px; position: relative; overflow: hidden; } #home-announcements h4 { background: #e62000; font-weight: normal; color: white; position: absolute; top: 0; left: 0; padding: 0 4px; margin: -2px -2px; border-radius:0 0 10px 0; line-height: 26px; } #home-announcements ul { margin: 0; padding: 0 6px; line-height: 24px; position: relative; } #home-announcements li { list-style-type: none; text-indent: 8.5em; padding: 0; float: left; } #home-announcements a, #home-announcements a:hover { color: black; text-decoration: none; } #home-announcements ul[data-items="1"] { width: 100%; } #home-announcements ul[data-items="1"] li { width: 100%; } #home-announcements ul[data-items="2"] { width: 200%; } #home-announcements ul[data-items="2"] li { width: 50%; } #home-announcements ul[data-items="3"] { width: 300%; } #home-announcements ul[data-items="3"] li { width: 33.3333%; } #home-announcements ul[data-items="3"] { width: 400%; } #home-announcements ul[data-items="3"] li { width: 25%; } #home-announcements ul[data-items="3"] { width: 500%; } #home-announcements ul[data-items="3"] li { width: 20%; } /* Browse & Search */ #wiget-improve { background: #fafafa url("/images/template/WhatsApp_Logo_1.png") left 50% no-repeat; border: 1px #e0e0e0 solid; border-radius: 2px; padding: 10px 10px 10px 32px; float: right; margin: 0 0 10px 10px; } #browse-links ul { margin: 0; padding: 0; } #browse-links li { list-style-type: none; margin: 0; padding: 0; display: inline-block; } #browse-category li span { color: #aaa; font-size: 85%; } #browse-category li { list-style-type: none; margin: 8px 0; padding: 2px 0; } #browse-category ul { margin: 0; padding: 0; } #browse-listings #results-container ol { margin: 0; padding: 0; } #browse-listings #results-container li { list-style-type: none; margin: 0 0 8px 0; padding: 0; } #browse-listings #results-container a { background: #f1f1f1; padding: 2px 6px; display: block; border-radius: 2px; line-height: 1.6em; } #browse-listings #results-container a .result_meta { float: right; color: #666; } #browse-listings #results-container a strong { display: block; } #browse-listings #results-container a u { float: right; margin-left: 15px; } #browse-listings #results-container a .result_location { display: block; color: #666; height: 1.6em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: italic; } #browse-listings #results-container a:hover { background: #4dbbe9; color: white; text-decoration: none; } #browse-listings #results-container a:hover .result_meta { color: white; } #browse-listings #results-container a:hover .result_location { color: white; } #browse-filters strong { display: block; margin-bottom: 7px; } #browse-filters { margin-bottom: 20px; background: #ddd; padding: 10px; border-radius: 2px; position: relative; } ul.browse-filter { margin: 0 20px 0 0; padding: 0; float: left; } ul.browse-filter > li { list-style-type: none; margin: 0; padding: 0; cursor: pointer; } ul.browse-filter > li > a { background: #eee; line-height: 2em; display: block; padding: 0 8px; border-radius: 2px; } ul.browse-filter > li > a:hover { text-decoration: none !important; } ul.browse-filter .browse-filter-list { position: absolute; left: 0; width: 100%; background: #ddd; } ul.browse-filter ul { margin: 0; padding: 10px 10px 10px 25px; } ul.browse-filter ul li { list-style-type: disclosure-closed; break-inside: avoid; margin: 0 10px 5px 0; color: rgb(231,50,35); } .gpbuddy-listing-full { padding-bottom: 3em; } .gpbuddy-listing dl { margin: 0; padding: 0; } .gpbuddy-listing dt { font-weight: bold; font-size: 90%; margin: 0; padding: 10px 10px 0 0 ; float: left; clear: left; width: 30%; color: #2076ae;} .gpbuddy-listing dd { margin: 0; padding: 10px 0 0 10px; } .gpbuddy-listing dd.pty-streetaddress, .gpbuddy-listing dd.pty-aboutme {clear: left;} .gpbuddy-listing dd.pty-specialinterests { clear: left; margin-left: 15px;} .gpbuddy-listing dd.pty-specialinterests:before { content: "\b7\a0"; } .gpbuddy-listing .listing-foreign-markup p:first-child { margin-top: 0; padding-top: 0; } .gpbuddy-listing dd.pty-content { clear: left;} /* Profile-Related Pages */ #profile-grid { margin: 0; padding: 0; } #profile-grid li { list-style-type: none; padding: 0; margin: 0 10px 15px 0; float: none; width: 305px; display: inline-block; vertical-align: top; } #profile-grid img { display: block; float: left; margin-right: 10px; } #profile-grid strong { display: block; line-height: 32px; } #profile-grid span { font-size: 90%; } #profile-grid { } /*Profile My Detail */ form.gpb-styled label { display: block; margin: 10px 0 2px 0; -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */page-break-inside: avoid; /* Firefox */ break-inside: avoid; /* IE 10+ */} form.gpb-styled label span {display: block; margin: 0 0 4px 0;} form.gpb-styled input, form.gpb-styled textarea, form.gpb-styled select { padding: 4px; font-size: 100%; font-family: inherit; border: 1px #c0c0c0 solid; border-radius: 3px; border: 3px #cdebf8 solid; } form.gpb-styled input { min-width: 14em; } form.gpb-styled input[maxlength="4"] { min-width: 4em; width: 4em; } form.gpb-styled div.gpb-styled { columns: 2; } form.gpb-styled textarea { width: calc(100% - 10px); } form.gpb-styled .gpb-styled-error { color: red; } form.gpb-styled .gpb-styled-c2a { padding: 20px; text-align: center; } form.gpb-styled .gpb-styled-required span::before { content: "* "; color: red; } /*Profile My Detail End*/ /* Classifieds */ #cad_filters { padding: 10px; border: 1px #e0e0e0 solid; border-radius: 20px; background: #f0f0f0; margin-bottom: 20px;} #cad_filters ul li {list-style-type: none; margin: 0; padding: 0; cursor: pointer; float: left; margin-right: 10px;} #cad_filters ul, #cad_browser ul, #cad_mine ul {list-style-type: none; margin: 0; padding: 0;} #cad_filters li.l1 a { color: black; text-decoration: none; font-size: 1.1em;} #cad_filters li.l2 a, #cad_filters li.l2 em { color: #037cce; font-size: .9em;} #cad_filters li.l2:first-child::before { content: '';} #cad_filters li.l1 { margin-top: 10px;width: 300px;} #cad_filters li.l1_centric, #cad_filters li.l1_locumotion { border: 2px solid #48A7C3; border-radius: 10px; margin: 3px 0 0 -3px; background: #e0e0e0 url(/images/template/centric.png) 260px 50% no-repeat; box-shadow: 0 0 3px #6CB5CA; min-height: 32px; } #cad_filters li.l2:nth-child(4n) { clear: left; } #cad_filters li.l2:nth-child(4n):before { content: "" !important; } #cad_browser .hit_count { background: transparent; padding: 2px 6px 2px 6px; float: none; font-size: 80%; margin-left: 5px; } #cad_browser .hit_count::after { content: " views"; } #cad_browser h2 a { margin: 10px;} #cad_mine li, #cad_browser li { margin: 0 0 10px 0; padding: 0 0 0 25px; background: transparent url("/speck/images/icons/silk_complete/control_play_blue.png") left 50% no-repeat;} .cad_util { line-height: 16px; margin-left: 5px; display: inline-block; padding: 4px 4px 4px 22px; font-size: 11px; background-color: #227ea9; color: white !important; text-decoration: none !important; background-position: 4px 50%; background-repeat: no-repeat; } .cad_util.cad_clear { background-image: url("/speck/images/icons/16x16/close.gif"); } .cad_util2 { text-decoration: none; margin-left: 15px; margin-top: -8px; float: right; line-height: 20px; background: #0099df url("/images/template/bg_widget_arrow.png") no-repeat scroll right 50%; color: white !important; padding: 8px 38px 8px 8px; font-size: 14px; display: inline-block; border-radius: 10px; } .cad_util2:hover { background-color: #10a9ef; } .cad_util:hover { background-color: #328eb9; } .cad_util.cad_clear { background-image: url("/speck/images/icons/16x16/close.gif"); } .cad_util.cad_new { background-image: url("/speck/images/icons/16x16/edit.gif"); } .cad_kill { float: right; background: transparent url("/images/template/cad_kill.png") 50% 50% no-repeat; display: block; height: 22px; width: 22px; outline: none; text-indent: -9660px; } #cad_mhead { margin: 0 0 20px 0; padding: 0; } #cad_mhead dt { padding: 2px 0; font-weight: normal; color: #808080; float: left; clear: left; width: 10em; } #cad_mhead dd { padding: 2px 0; font-weight: bold; color: black; } #cad_mwrap { border: 1px #a0a0a0 solid; padding: 10px; min-height: 12em; margin-bottom: 20px; box-shadow: 2px 2px 5px #888888; position: relative; } #cad_mwrap p { margin: 0 0 6px 0; } #cad_msgcont .im_messages .im_message { text-decoration: none; border: 1px #e0e0e0 solid; padding: 6px; margin: 0 0 5px 0; position: relative; width: 96%; display: block; color: black; } #cad_msgcont .im_messages .im_message.im_unread .im_preview { font-weight: bold; } #cad_msgcont .im_messages .im_message.im_item1 { margin-right: 15px; } #cad_msgcont .im_messages .im_message .im_meta { color: #037cce; right: 6px; bottom: 6px; position: absolute; font-size: 90%; background: rgba(255,255,255,1); padding-left: 1em; } #cad_msgcont .im_messages .im_message .im_preview { display: block; line-height: 1.5em; height: 3em; overflow: hidden; } #cad_msgcont .im_messages .im_message:hover { background: #037cce; color: white; } #cad_msgcont .im_messages .im_message:hover .im_meta { display: none; } #cad_msgmenu ul { padding: 0; margin: 0; } #cad_msgmenu li { list-style-type: none; padding: 0; margin: 0 0 4px 0; } #cad_msgmenu li a { text-decoration: none; display: block; line-height: 2em; border: 1px #f0f0f0 solid; padding: 10px; } #cad_msgmenu .selected a { background: #037cce; color: white; } #cad_msgcont { margin: 20px 0 0 0;} .cad_form textarea { margin: 0 0 20px 0; font-size: 100%; width: 938px; padding: 10px; border: 1px #a0a0a0 solid; border-radius: 3px; } /* End Classifieds */ /* Very Experimental */ #dummy-ad { height: 25px !important; text-align: center; padding bottom: 3px;} #dummy-ad img { margin-bottom: 5px;} #dummy-ad a { display: block;padding: 0 0 5px 0; font-size: 0.8em;} /* ATE */ /* Line 3379-3432*/ .ate_question_tags { margin-bottom: 20px; border: 1px #0e87da solid; padding: 10px 10px 0 10px; } .ate_question_tags h3 { margin: -10px -10px 10px -10px; background: #0e87da; padding: 10px; color: white; } .ate_question_tags a { float: left; line-height: 1.5em; display: block; margin-bottom: 12px; margin-right: 20px; white-space: no-wrap; } /* Featured Users */ .fu-video-container { position: relative; padding-bottom: 56.25%; padding-top: 10px; height: 0; overflow: hidden; } .fu-content { margin-top: 35px; } .fu-content h3 {display: inline; font-size: 1.2em; margin: 1.5em 0 0 0 ;} .fu-content h3:before { color: #ccc; content: open-quote; font-size: 4em; line-height: .1em; margin-right: .25em; vertical-align: -.4em; } .fu-content h3:after { content: close-quote; color:#fff; line-height: 0.1em; float: right;} .fu-content div, .fu-content ol, .fu-content ul { margin: 0.5em 0 1em 3em; font-size: 1.2em; line-height: 1.7em; } a.fu-dir-links, .fu-singlelink a { border: 2px solid #049cde; padding: .5em; width: 98%; border-radius: 7px; text-align: center; display: inline-block; margin: 5px 0 ; background: #049cde; color: #fff !important;} a.fu-dir-links:hover, .fu-singlelink a:hover {color: #037cce !important; background: #fff; text-decoration: none !important;} .fu-directorylinks { text-align: center; margin: 35px 0 ;} .fu-header, .fu-headshot, .fu-video { margin-bottom: 35px; } .fu-header { border: 1px #049cde solid; padding: 10px; } .fu-headshot h3, .fu-video h3 { margin: 0 0 10px 0; padding: 0; color: #049cde; font-size: 15px; } .fu-header h3 { margin: 0 0 10px 0; padding: 0; color: #049cde; font-size: 18px; } .fu-header h4 { color: #049cde; font-size: 15px; margin: .7em 0; } .fu-header p { margin: 0; padding: 0; color: #049cde; } .fu-headshot { min-height: 250px; font-size: 1.1em; line-height: 1.4em;} .fu-headshot img { width: 250px; height: 250px; float: left; margin: 0 25px 15px 0; } .fu-video { clear: left; margin-bottom: 45px; } .fu-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .fu-content h3, .fu-content h4, .fu-content h5, .fu-content h6 { margin: 0 0 10px 0; padding: 0; color: #049cde; font-size: 15px; } .fu-widget { height: 250px; width: 250px; display: inline-block; margin-left: 25px; overflow: hidden; text-decoration: none; position: relative; border: 1px white solid; font-size: 1.1em; } .fu-widget span { position: absolute; bottom: 0; display: block; left: 0; text-align: center; width: 100%; background-image: linear-gradient(transparent, white, white); padding: 50px 0 10px 0; } a.fu-widget:hover { border-color: #c7c7c7; transition: border-color .75s; } .fu-widget.fu-new::after { content: "New"; position: absolute; right: -2em; bottom: 7px; transform: rotate(-45deg); color: white; background: rgb(208,45,31); line-height: 1em; padding: 4px 30px; } .fu-alphahint { } #fu-nav { } #fu-nav .fu-nav { list-style-type: none; padding: 0; margin: 0 0 25px 0; } #fu-nav .fu-nav li { padding: 0; margin: 0 25px 0 0; display: inline-block; } #fu-nav .fu-nav a { border-bottom: 3px white solid; text-decoration: none; display: block; padding: 5px 0; } #fu-nav .fu-nav a:hover { border-bottom-color: rgb(248,85,71) !important; transition: border-color .75s; } #fu-nav .fu-nav li.fu-active a { border-bottom-color: rgb(208,45,31); } .rce-field-generated input[type=checkbox] { margin-right: 4px; } ul.fu-browseby { list-style-type: none; margin: 0; padding: 0; } ul.fu-browseby li { padding: 4px 0; margin: 0; } .fu-user-full .fu-headshot img { padding-right: 25px; border-right: 1px #c7c7c7 solid; } #fu-search { float: right; } #fu-search form { border: 1px #c7c7c7 solid; padding: 5px 1px 5px 8px; display: inline-block; } #fu-search input[type=text] { font-size: inherit; line-height: 20px; height: 20px; font-family: inherit; border: none; outline: none; padding: 0; margin: 0; } #fu-search input[type=submit] { background: transparent url("/images/template/search.png") right 50% no-repeat; border: none; text-indent: -9660px; width: 26px; height: 20px; cursor: pointer; } #dash-featureduser { width: 100%; } #dash-featureduser .fu-feature { position: relative; padding-right: 15px; } #dash-featureduser .fu-feature img { float: left; margin-right: 25px; } #dash-featureduser .fu-feature-title { margin-top: 10px; display: inline-block; background: url("/images/buttons/buts_sprite.png") right -100px no-repeat; color: #fff !important; font-size: 14px; text-decoration: none !important; padding-right: 34px; height: 50px; line-height: 50px; } #dash-featureduser .fu-feature-title span { display: block; background: url("/images/buttons/buts_sprite.png") 0 0 no-repeat; padding: 0 0 0 15px; } #dash-featureduser .fu-feature-title:hover { background-position: right -150px; } #dash-featureduser .fu-feature-title:hover span { background-position: 0 -50px; } #dash-featureduser .fu-teasers { columns: 2; color: #037cce; cursor: default; height: 99px; font-size: 13.6px; line-height: 16px; padding: 10px 0; overflow: hidden; } #dash-featureduser .fu-teasers ul { list-style-type: none; padding: 0; margin: 0; } #dash-featureduser .fu-teasers li { padding: 5px 0; margin: 0; } #dash-featureduser .fu-gettoknow { display: block; border: 2px rgb(231,50,35) solid; border-radius: 10px; padding: 25px 10px 2px 10px; position: relative; font-size: 12px; line-height: 25px; margin-left: 275px; text-decoration: none !important; } #dash-featureduser .fu-gettoknow span { background: rgb(231,50,35); color: white; border-radius: 10px 0 10px 0; padding: 0 10px; position: absolute; top: -2px; left: -2px; } #dash-featureduser .fu-gettoknow:hover span { background-color: rgb(251,0,6); } .dash-featuredusers { background: white; border: 1px solid #d7d7d7; border-top: none; } /* li.browseby:hover, li.browseby:active { background: url("/images/buttons/buts_sprite.png") right -150px no-repeat;} li.browseby:hover a, li.browseby:active a { background: url("/images/buttons/buts_sprite.png") 0 -50px no-repeat; } li.browseby { float: left; margin: 0; padding-right: 35px; text-decoration: none; } li.browseby.but-1 { background-position: right -100px; width: 140px; } li.browseby.but-2 { width: 100px; } li.browseby.but-3 { width: 195px; } li.browseby.but-1001 { width: 120px; } li.browseby.but-1002 { width: 75px; } li.browseby.but-1003 { width: 105px; } li.browsebynew a { font-size: 12px !important; } li.browseby a { background: url("/images/buttons/buts_sprite.png") 0 0 no-repeat; display: block; line-height: 50px; text-shadow: 1px -1px 1px #900; } */ /* ATE TAG BROWSE */ #ate_tag_list dd span { font-size: 85%; color: #a0a0a0; } #ate_tag_list dt { color: #0e87da; font-size: 110%; margin: 25px 0 10px 0; padding: 0; } #ate_tag_list dd { margin: 0; padding: 2px 0; } #ate_tag_list dd a { color: #656565; text-decoration: none; } #ate_tag_list dd a:hover { color: black; text-decoration: underline; } #ate_tag_list { padding-bottom: 1em;} #ate_tag_list .card { height: 1rem; } #ate_tag_list .cards { max-width: 960px; margin: 0 auto; display: grid; gap: 1rem; } #ate_intro_blurb { margin: 0 0 25px 0; padding: 10px; background: #0e87da; border: 1px #0e87da solid; color: white; } #ate_intro_blurb p { margin: 0; padding: 5px 0; } #ate_intro_blurb a { color: white; text-decoration: underline; } #ate_intro_blurb h1, #ate_intro_blurb h2 { margin-top: 0; } .ate_ask_submit { background: #e50202 url("/images/new/bg_a_button.png") right 50% no-repeat; border: none; border-radius: 6px; line-height: 1.75em; padding: 0.2em 18px 0.25em 7px; text-transform: lowercase; cursor: pointer; color: white; } .ate_ask div { text-align: right; } .ate_group_wrapper { margin-bottom: 30px; } .ate_item { min-height: 12em; position: relative; border: 1px #0e87da solid; clear: left; margin-bottom: 0px; } .ate_item h4 { margin: 10px 0; } .ate_item p { margin: 0 0 10px 0; } .ate_item .ate_headshot { float: left; margin-right: 15px; border-right: 1px #0e87da solid; } .ate_item .ate_name a { text-decoration: none; color: black; } .ate_item .ate_name a:hover { text-decoration: underline; } .ate_item .ate_bio { color: #4d4d4d; font-size: 90%; padding-right: 15px; } .ate_item h3 { background: #0e87da; color: white; padding: 0; margin: 0; } .ate_item h3 a { color: white; text-decoration: none; display: block; background: transparent url("/images/template/bg_widget_arrow.png") right 50% no-repeat; padding: 10px; } .ate_item .ate_latest { margin: 0 15px 0 265px; padding: 0; position: absolute; bottom: 15px; right: 0; width: 675px; } .ate_item .ate_latest a { padding: 10px; text-decoration: none; color: black; display: block; background: #e8e8e8; border: 1px #e0e0e0 solid; } .ate_item a:hover { display: block; background: #f8e8e8; border: 1px #d0d0d0 solid; } .ate_item .ate_latest_head { display: block; border-bottom: 1px black solid; padding: 0 0 5px 0; margin: 0 0 5px 0; } .ate_item .ate_latest_head img { display: inline; } .ate_item a:hover .ate_latest_head { font-weight: bold; } .ate_item .ate_latest_detail { display: block; max-height: 2.7em; text-overflow: ellipsis; overflow: hidden; } .ate_disclaimer { font-size: 85%; border: 1px black solid; background: #f5f5f5; padding: 10px; color: #4d4d4d; } .ate_answer h3 .ate_meta { font-size: 75%; } .ate_answer h3 .ate_asker { } .ate_answer h3 .ate_pubdate { float: right; } .ate_answer h3 .ate_head { border-top: 1px #a0a0a0 solid; display: block; margin: 5px 0 0 0; padding: 5px 0 0 0; font-size: 90%; line-height: 130%; } .ate_qlist .ate_firstbit { font-weight: bold; } .ate_qlist .ate_lastbit { font-size: 85%; } .ate_qlist .ate_anslink { display: none; font-size: 85%; color: #019ddf; } .ate_qlist ul { margin: 0 0 30px 0; padding: 0; list-style-type: none; border-top: 1px #a0a0a0 dashed; } .ate_qlist li { margin: 0; padding: 10px 0 10px 0; border-bottom: 1px #a0a0a0 dashed; } .ate_qlist li a { text-decoration: none; color: black; } .ate_qlist li a:hover { color: #049cde; } .ate_qlist h3 { font-size: 1.25em; margin: 0 0 10px 0; } .ate_item textarea { width: 655px; border: 1px black solid; padding: 10px; font-size:100%; } .ate_item form { position: absolute; bottom: 15px; right: 15px; } .ate_ask textarea, #ate_ask textarea { display: block; margin: 0 0 10px 0; } #ate_ask div { text-align: right; } #ate_ask input[type=submit] { background: #e50202 url("/images/new/bg_a_button.png") right 50% no-repeat; border: none; border-radius: 6px; line-height: 1.75em; padding: 0.2em 18px 0.25em 7px; text-transform: lowercase; cursor: pointer; color: white; } /* END Line 3379-3432*/ .ate_qlist .hit_count { padding: 2px 6px 2px 20px; background: transparent url("/images/template/eye-16.png") left 50% no-repeat; float: right; font-size: 85%; } /* New ATE Styles */ .ate2_item { margin-bottom: 20px; } .ate2_item { min-height: 14em; position: relative; border: 1px #0e87da solid; clear: both; } .ate2_item h3 { background: #0e87da; color: white; padding: 0; margin: 0; padding: 10px; font-size: 18px; line-height: 20px; height: 20px; overflow: hidden; } .ate2_item h3 a { color: white!important; text-decoration: none; display: block; } .ate2_item.ate2_itemsummary h3 a { background: transparent url("/images/template/bg_widget_arrow.png") right 50% no-repeat; } .ate2_item h4 { margin: 10px 0; font-size: 14px; height: 18px; line-height: 18px; } .ate2_item .ate2_headshot { display: block; float: left; margin-right: 15px; border-right: 1px #0e87da solid; } .ate2_item .ate2_headshot img { display: block; width: 250px; } .ate2_item .ate2_bio { max-height: 160px; margin: 0; color: #4d4d4d; padding-right: 40px; overflow: hidden; text-overflow: ellipsis; line-height: 20px; font-size: 12px; } .ate2_item .ate2_bio_clickable { cursor: pointer; } .ate2_item .ate2_bio_more { background: white; background: -moz-linear-gradient(left, rgba(255,255,255,0.56) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 100%); background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0.56)), color-stop(19%, rgba(255,255,255,1)), color-stop(73%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1))); background: -webkit-linear-gradient(left, rgba(255,255,255,0.56) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 100%); background: -o-linear-gradient(left, rgba(255,255,255,0.56) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 100%); background: -ms-linear-gradient(left, rgba(255,255,255,0.56) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(255,255,255,0.56) 0%, rgba(255,255,255,1) 19%, rgba(255,255,255,1) 73%, rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); display: none; position: absolute; top: 99px; right: 20px; padding-left: 20px; color: blue; height: 20px; font-size: 10px; line-height: 20px; cursor: pointer; } .ate2_item .ate2_name a { text-decoration: none; color: black; } .ate2_item .ate2_name a:hover { text-decoration: underline; } .ate2_item.ate2_itemdetail { margin-bottom: 20px; } .ate2_item .ate2_ask_question_form { padding-left:270px; padding-right:20px; position: absolute; bottom: 20px; right: 0; width: 668px; } .ate2_ask_question_form textarea { width: 648px; padding: 10px; background: #fafafa; border: 1px solid #d3d3d3; margin-bottom: 10px; } .ate2_item .ate2_ask_question_mobile_button { width: calc(100% - 125px - 15px); margin-left: 140px; margin-top: 20px; } .ate2_item .ate2_ask_question_mobile_button .ate2_ask_link { margin-left: auto; margin-right: auto; display: block; height: 40px; } .ate2_ask_submit { width: 50%; width: 200px; display: block; margin-left: auto; margin-right: auto; background: #e50202; border: none; border-radius: 6px; line-height: 1.75em; padding: 0.2em 7px 0.25em 7px; text-transform: lowercase; cursor: pointer; color: white; } .ate2_ask_submit:disabled { background: #d3d3d3; } .ate2_ask_link { background: #e50202; border: none; border-radius: 6px; line-height: 1.75em; padding: 0.2em 7px 0.25em 7px; text-transform: lowercase; cursor: pointer; color: white; } .ate2_group_wrapper.slick-slider { margin-bottom: 0 !important; } /* New ATE button */ .ateu5_ask_button_container { display: block; padding-left:270px; padding-right:20px; position: relative; bottom: -20px; } .ateu5_ask_button { margin-left: auto; margin-right: auto; display: block; width: 100px; color: white !important; text-decoration: none; text-align: center; background: #e50202; border: none; border-radius: 6px; line-height: 1.75em; padding: 5px 20px; text-transform: lowercase; cursor: pointer; } .ateu5_ask_button:hover { background: #fd6868 !important; } @media screen and (max-width: 700px) { .ateu5_ask_button_container { padding-left: 145px; } } .ate2_item .ate_latest { margin: 0 15px 0 265px; padding: 0; position: absolute; bottom: 15px; right: 0; width: 675px; } .ate2_item .ate_latest a { padding: 10px; text-decoration: none; color: black; display: block; background: #e8e8e8; border: 1px #e0e0e0 solid; } .ate2_item .ate_latest_head { display: block; border-bottom: 1px black solid; padding: 0 0 5px 0; margin: 0 0 5px 0; } .ate2_item .ate_latest_head img { display: inline; } .ate2_item a:hover .ate_latest_head { font-weight: bold; } .ate2_item .ate_latest_detail { display: block; max-height: 2.7em; text-overflow: ellipsis; overflow: hidden; } #ate-prev, #ate-next, #edu-prev, #edu-next { text-indent: -9660px; cursor: pointer; z-index: 101; position: absolute; top: 80px; width: 55px; height: 52px; display: block; background: transparent url("/images/template/arrows.png") left top no-repeat; } #ate-next, #edu-next { background-position: -55px top; right: 0; } #ate-prevm #edu-prev { background-position: left top; left: 0; } #ate2_bio_overlay { position: absolute; opacity: .7; background-color: black; z-index: 1001; width: 100vw; min-height: 100vh; top: 0; left: 0; } #ate2_bio_overlay_bio { position: absolute; left: 0; z-index: 1002; width: 100vw; } #ate2_bio_overlay_bio h2 { margin-top: 0; } #ate2_bio_overlay_close { position: absolute; right: 10px; top: 10px; color: white; font-size: 36pt; text-decoration: none; } #ate2_bio_overlay_content { margin: 0 auto; width: 60%; background: white; padding: 20px; border: 1px black solid; border-radius: 12px; margin-top: 10vh; } #ate2_bio_overlay_content h2 { line-height: 24px; font-size: 20px; } #ate2_bio_overlay_content p { line-height: 16px; font-size: 12px; max-height: 160px; overflow: hidden; } #ate_question_edit_form label { display: block; margin-bottom: 2px; font-weight: bold; } #ate_question_edit_form .ate_stpd, #ate_question_edit_form fieldset { margin-bottom: 20px; } #ate_question_edit_form textarea, #ate_question_edit_form input[type="text"] { padding: 2px 4px; font-size: 100%; width: 97%; } #ate_question_edit_form fieldset { margin 0 0 20px 0; padding: 10px 10px 0 10px; background: #f1f1f1; border: 1px #e0e0e0 solid; } #ate_question_edit_form [name=pubDate] { display: block; margin-bottom: 0; } #ate_question_edit_form legend { font-weight: bold; } #ate_question_edit_form .uploaded_image { margin: 0 30px 30px 0; border: 1px solid black; cursor: pointer; } #ate_question_edit_form .uploaded_image_container { padding: 30px 30px 0 30px; } /* END New ATE Styles */ /* COMMUNCATIONS */ .communication_separator { clear: left; border-top: 1px #0e87da solid; line-height: 28px; text-align: center; color: #0e87da; } .communication_separator span { margin: -14px 0 0 0; display: block; background: white; padding: 0 10px; display: inline-block; } .communication_summary { margin-bottom: 25px; height: 64px; } .communication_summary .communication_logo { float: left; clear: left; height: 64px; display: block; margin-right: 20px; } .communication_summary .communication_detail { float: left; height: 64px; display: block; color: black!important; } .communication_summary a { text-decoration: none; } .communication_summary .communication_date { float: right; color: #a0a0a0; } #communication_products, #research_products { margin: 0; padding: 0; } #communication_products dd img, #research_products dd img { display: block; margin: 0 auto 4px auto; } #communication_products dd a, #research_products dd a { text-decoration: none; } #communication_search ul, #research_search ul { margin: 0; padding: 0; } #communication_search li, #research_search li { margin: 0; padding: 0 10px; line-height: 38px; list-style-type: none; float: left; } #communication_search li a, #research_search li a { display: block; border-bottom: 2px white solid; text-decoration: none; } #communication_search li.communication_active a, #research_search li.research_active a { border-color: red; } #communication_search input, #research_search input { float: right; font-size: 100%; border: 1px #0e87da solid; width: 200px; border-radius: 2px; padding: 10px 46px 10px 8px; background: transparent url("/images/template/search.png") right 50% no-repeat; } .communication .research_description {padding:10px;} .communication .research_description img, .communication_image img, .communication_html img{ max-width: 100%; height: auto; } .communication .communication_video { margin-bottom: 25px; } .communication .communication_document { float: none; text-decoration: none; margin-bottom: 20px; color: black; padding: 10px 10px 10px 84px; height: 64px; background: #f0f0f0 url("/images/template/communication_document.png") 30px 50% no-repeat; border-radius: 2px; border: 1px #e0e0e0 solid; } .communication .communication_link { float: none; text-decoration: none; margin-bottom: 20px; color: black; padding: 10px 10px 10px 84px; height: 64px; background: #f0f0f0 url("/images/template/communication_link.png") 30px 50% no-repeat; border-radius: 2px; border: 1px #e0e0e0 solid; } .latest_post a { text-decoration: none; } .communication .communication_company { color: #6d6d6d; } .communication .communication_person { color: #6d6d6d; } .communication .communication_product { font-size: 110%; color: black; } .communication .communication_contact { border: 1px #e0e0e0 solid; border-radius: 2px; padding: 10px; } .communication .communication_date { text-align: center; margin-bottom: 20px; } .communication .month_group { text-align: center; margin-bottom: 20px; border-bottom: 2px solid #049cde; padding-bottom:5px;font-weight:bold;} .communication .post_container {text-align: left; margin-bottom: 20px; background-color:#f3f3f3;padding: 15px;} .communication .post_container h4 { margin:0;} .communication .post_container a {text-decoration:none;} .communication .post_date {float:left;margin:0;} .communication .communication_item_break { margin-right: 0; } .communication .communication_odd { float: left; clear: left; } .communication .communication_even { margin-right: 0; float: right; } .comms_contwrap { width: 100%;} #patient_view {background-color:#f7fdff;display:none;} #patient_view .post_container {background-color:#f7fdff;} #Button1 {color: white; border-radius: 10px;padding: 7px 16px;display: inline-block;background: #e60800;margin-bottom:1em;font-size:1em;} #Button1:hover {background: #ff0e05;} .latest_post { float: none; text-decoration: none; margin-bottom: 20px; color: black; padding: 10px 10px 10px 84px; height: 24px; background: #f0f0f0; border-radius: 2px; border: 1px #e0e0e0 solid; } /* END COMMUNCATIONS */ /** * Terms & conditions */ #terms_conditions { border: 1px #d0d0d0 solid; border-radius: 3px; padding: 5px 15px; background: #e0e0e0; } .terms_conditions p input[type="submit"] { /* what's this for? */ float: right; } /* Signup form */ .account label, .account .label { border-top: 1px dotted #ccc; display: block; overflow: hidden; width: 100%; line-height: 40px; } .account label span, .account .label span { float: left; min-width: 50px; } /* .account label.inline { border-top: none; display: inline; width: auto; } */ .account .captchawrapper { float: left;} .account label .checkbox {margin: 10px; float: none;} .signup-errors {color: #f00;} /* End Signup form */ /* EXPERIMENT*/ #dash-expert .slick-slide, #dash-education .slick-slide {max-height:250px;} #dash-expert .slick-slider, #dash-education .slick-slider { max-width: 415px; margin: 10px auto;} /* END EXPERIMENT*/ /* top two features */ #top-features { width: 100%; } #dash-browse ul { margin: 0; padding: 0; list-style-type: none; } li.browseby { background: url("/images/buttons/buts_sprite.png") right -100px no-repeat; float: left; height: 50px; line-height: 50px; margin: 0; padding-right: 35px; text-decoration: none;} li.browseby.but-1 { background-position: right -100px; width: 140px; } li.browseby:hover, li.browseby:active { background: url("/images/buttons/buts_sprite.png") right -150px no-repeat;} li.browseby.but-2 { width: 100px; } li.browseby.but-3 { width: 195px; } li.browseby.but-1001 { width: 120px; } li.browseby.but-1002 { width: 75px; } li.browseby.but-1003 { width: 105px; } li.browsebynew a { font-size: 12px !important; } li.browseby a { background: url("/images/buttons/buts_sprite.png") 0 0 no-repeat; color: #fff!important; display: block; font-size: 14px; line-height: 50px; padding: 0 0 0 15px; text-decoration: none; text-shadow: 1px -1px 1px #900; } li.browseby:hover a, li.browseby:active a { background: url("/images/buttons/buts_sprite.png") 0 -50px no-repeat; } #dash-side { margin-right: 0;} #dash-side ul {margin: 0; padding: 4px 0 0 10px; list-style-type: none;} #home-announcements {margin-bottom: 20px; width: calc(100% - 10px);} #home-announcements .spAdd { width: 20%; position: relative; top: 25px; margin: 0 5px; display: block;margin: 15px 5px;} #home-announcements .spAdminLinks .spEdit, #home-announcements .spAdminLinks .spDelete {display: block; margin: 0 5px; } /* Forum widget */ #dash-forum, #dash-education, #dash-expert, #dash-classified, #new_widget_4 { height: 320px; border: 1px solid #d7d7d7; border-radius: 10px 10px 0 0; overflow: hidden; } #dash-forum .dash-author { font-size: 85%; } #dash-forum ul { list-style-type: none; line-height: 18px; margin: 0; padding: 8px 10px; } #dash-forum li { height: 36px; margin: 0; padding: 4px 0; border-bottom: 1px #f2f2f2 solid; overflow: hidden; } #dash-forum li:last-child { border-bottom: none; } /* Expert widget */ #dash-expert .slick-current .ate_name, .slick-current .edu_name { visibility: visible !important; border-radius: 4px; position: relative; text-align: center; display: block; bottom: 80px; left: 5px; padding: 10px; font-variant: small-caps; background: rgba(14,135,218,.6); color: white; border: 1px rgb(14,135,218) solid; width: 60%; height:50px; } /* Slick Widgets */ #dash-expert .slick-slide .ate_name, .slick-slide .edu_name { visibility: hidden;} #dash-classified .cad { padding: 8px ; height: 260px; position: relative; } #dash-classified .cad a { display:inline-block; clear: left; text-decoration: none; overflow: hidden; width: 100%; height: 19px;line-height: 19px; margin-bottom: 9px; border-bottom: 1px #f2f2f2 solid;} #dash-classified a span { color: #5d5d5d; font-size: 85%; font-style: italic; } #dash-classified a:hover { text-decoration: underline; } #dash-classified img { position: absolute; bottom: 0; right: 0; } #dash-classified .cad img {position: relative;} /* Widget styles */ .dash-item { display: inline-block; float: none; width: calc(49% - 5px); margin-bottom: 15px;} .dash-lhs { margin-right: 15px; clear: both; float: left; } .dash-item h3 { margin: 0; color: white; background: #0099df; border-radius: 10px 10px 0 0; line-height: 2em; padding: 0 10px; } .dash-item h3 a { display: block; color: white!important; text-decoration: none; background: transparent url(/images/template/bg_widget_arrow.png) right 50% no-repeat; } #dash-classified {float:none;} /* Homepage widgets */ #new_widget_4 { float: right; margin-right: 3px;} /* Home Page Not logged in */ #home_top { height: 190px; position: relative; /*background: transparent url("/images/new/bg_home_topwidget.png");*/ margin-bottom: 15px; background: #0099df; border-radius: 10px; } #home_top .call2action { background: transparent url("/images/template/home_btn.png"); color: white; cursor: pointer; font-size:20px; font-weight: normal; height: 30px; left: 10px; line-height: 30px; padding: 15px 0 15px 20px; position: absolute; top: 10px; width: 175px; z-index: 1; } #join_nondoctor .call2action { background: transparent url("/images/template/home_btn-2.png"); font-size: 13px; font-weight: normal; left:0; padding-left: 13px; width: 227px; } #home_top img { width: 195px; height: 130px; left: 10px; top: 50px; border: none; position: absolute; } #home_top #home_top_nondoctor img { left:0; width: 240px; } #home_top .join { width: 510px; position: relative; height: 150px; } #home_top_doctor.join { float: left; } #home_top_nondoctor.join { float: right; width:445px; } #home_top .join .info { color: #fff; float: left; font-size: 12px; height: 150px; margin-left:220px; } #home_top .join .info h3 { font-size:16px; font-weight:normal; margin: .6em 0 .3em 0; } #home_top .join .info h4 { margin: .3em 0; } #home_top .join .info ul { margin-top: .6em; margin-bottom: .6em; } #home_top #home_top_nondoctor.join .info { padding-right:9px; margin-left:260px; } .join-benefits { padding: 0px; margin-left: 14px; } .home_top-row { /* From the UK one */ background: #ccebf8 url(/images/template/bg_home-top-row.jpg) 0 0 repeat-x; margin-bottom:1em; width:100%; border-radius: 10px; } .home_top-row h2 { background: url(/images/template/bg_top-row-home-dvdr.png) 0 0 repeat-y; float:left; font-size:1em; line-height:1.75em; margin:0; padding: 1em 15px; width:290px; } .home_top-row h2:first-child { background: none; } .home_top-row h2 strong { color: #e50202; display:block; } #new_widget_4 #cont { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; z-index: 1; width: 100%; } @media (min-width: 980px) { .home_top-row h2.first { width:349px; } .home_top-row h2.second { width:290px; } .home_top-row h2.third { width:230px; } } .clearfix:after { clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; } /* END Home Page Not logged in */ /* Admin Table Styles */ table#practices_admin_all th { font-size: 80%; line-height: 12px; padding-left: 10px; padding-right: 20px; } #practices_admin_all tr:hover td { background: #ffffee; } #practices_admin_all td, #practices_admin_all th { padding: 2px 4px; } #practices_admin_all { margin-bottom: 20px; border-spacing: 0; } #practices_admin_all th { border-bottom: 1px black solid; font-size: 80%; line-height: 12px; padding-left: 10px; padding-right: 20px; } #practices_admin_all td { border-bottom: 1px #e0e0e0 solid; cursor: pointer; } #practices_admin_all .row_0 td { background: ##f0f0f0; } #practices_admin_all tr { line-height: 1.8em; font-size: 90%; } #practices_admin_all .row_0 td { background: #f0f0f0; } #practices_admin_all a.sort_asc { padding-left: 10px; line-height: 12px; background-image: url("/images/UpArrow.png"); background-repeat: no-repeat; background-size: 6px 12px; background-position: left center; } #practices_admin_all a.sort_desc { padding-left: 10px; line-height: 12px; background-image: url("/images/DownArrow.png"); background-repeat: no-repeat; background-size: 6px 12px; background-position: left center; } .practices_admin_page { text-decoration: none; color: #1eb8fa; } .practices_admin_page.selected { font-weight: bold; color: #03587d; } #practices_admin_next, #practices_admin_prev { text-decoration: none; } #practices_admin_next { margin-left: 10px; } #practices_admin_prev { margin-right: 10px; } .practices_admin_page_ellipsis { display: inline-block; width: 20px; text-align: center; } #practices_admin_page_edit label { display: block; margin-bottom: 2px; font-weight: bold; clear: both;} #practices_admin_page_edit textarea, #practices_admin_page_edit input[type="text"] { padding: 2px 4px; font-size: 100%; width: 97%; margin-bottom: 20px; } #practices_admin_page_edit #practices_admin_page_question_phone1area { width: 50px; } #practices_admin_page_edit #practices_admin_page_question_phone1 { width: 100px; } #practices_admin_page_edit select { margin-bottom: 20px; } #practices_admin_page_current_enroll { width: 100%; background: #f1f1f1; float: left; border-radius: 5px; padding: 20px; margin-bottom: 20px; } #practices_admin_page_current_enroll table { width: 100%; } #practices_admin_page_current_enroll table td { padding: 5px; } #practices_admin_page_current_enroll h3 { margin-top: 0; } #practices_admin_page_current_enroll table { margin-bottom: 20px; } #practices_admin_page_current_enroll tr.pending { font-size: 80%; } #practices_admin_page_current_enroll tr.approved { font-size: 80%; color: green; } #practices_admin_page_current_enroll tr.rejected { font-size: 80%; color: red; } #practices_admin_page_current_enroll .approve_button, #practices_enrollment_admin .approve_button { background-image: url("/images/approve24x24.png"); background-size: 20px 20px; border: 0; width: 20px; height: 20px; background-color: transparent; color: transparent; cursor: pointer; } #practices_admin_page_current_enroll .reject_button, #practices_enrollment_admin .reject_button { background-image: url("/images/reject24x24.png"); background-size: 20px 20px; border: 0; width: 20px; height: 20px; background-color: transparent; color: transparent; cursor: pointer; } #practices_admin_page_current_enroll .delete_button { background-image: url("/images/delete24x24.png"); background-size: 20px 20px; border: 0; width: 20px; height: 20px; background-color: transparent; color: transparent; cursor: pointer; } #practices_admin_page_current_enroll #frm_newusername { display: inline; width: 30%; margin-bottom: 0; } table#practices_enrollment_admin th { font-size: 80%; line-height: 12px; padding-left: 10px; padding-right: 20px; } /*#practices_enrollment_admin tr:hover td { background: #ffffee; }*/ #practices_enrollment_admin td, #practices_enrollment_admin th { padding: 2px 4px; } #practices_enrollment_admin .enrollment_row { font-size: 80%; } #practices_enrollment_admin { margin-bottom: 20px; border-spacing: 0; } #practices_enrollment_admin th { border-bottom: 1px black solid; font-size: 80%; line-height: 12px; padding-left: 10px; padding-right: 20px; } #practices_enrollment_admin td { border-bottom: 1px #e0e0e0 solid; } #practices_enrollment_admin .row_0 td { background: ##f0f0f0; } #practices_enrollment_admin tr { line-height: 1.8em; font-size: 90%; } #practices_enrollment_admin .row_0 td { background: #f0f0f0; } #practices_enrollment_admin a.sort_asc { padding-left: 10px; line-height: 12px; background-image: url("/images/template/UpArrow.png"); background-repeat: no-repeat; background-size: 6px 12px; background-position: left center; } #practices_enrollment_admin a.sort_desc { padding-left: 10px; line-height: 12px; background-image: url("/images/template/DownArrow.png"); background-repeat: no-repeat; background-size: 6px 12px; background-position: left center; } #practices_enrollment_admin .approve_button { margin: 0 5px 0 10px; background-image: url("/images/template/approve24x24.png"); background-size: 20px 20px; border: 0; width: 20px; height: 20px; background-color: transparent; color: transparent; cursor: pointer; } #practices_enrollment_admin .reject_button { margin: 0 10px 0 5px; background-image: url("/images/template/reject24x24.png"); background-size: 20px 20px; border: 0; width: 20px; height: 20px; background-color: transparent; color: transparent; cursor: pointer; } table.admintable3 { border-spacing: 0; width: 100%; } table.admintable3 td, table.admintable3 th { border-bottom: 1px #c0c0c0 solid; padding: 4px; } table.admintable3 .row0 td { background: #eee; } table.admintable3 { } /* "Ask the expert" admin */ table#ate_admin th { font-size: 80%; line-height: 12px; padding-left: 10px; padding-right: 20px;} table#ate_admin th.sort_asc { padding-left: 10px; line-height: 12px; background-image: url("/images/UpArrow.png"); background-repeat: no-repeat; background-size: 6px 12px; background-position: left center; } table#ate_admin th.sort_desc { padding-left: 10px; line-height: 12px; background-image: url("/images/DownArrow.png"); background-repeat: no-repeat; background-size: 6px 12px; background-position: left center; } #ate_admin_deleteRecordButton { margin-bottom: 20px; } #ate_question_statuses { float: right; background: #f0f0f0 none repeat scroll 0 0; padding: 10px; border: 1px solid #e0e0e0; border-radius: 20px;} #ate_question_statuses hr { color: #d3d3d3; } #ate_admin_all tr:hover td { background: #ffffee; } #ate_admin_all td, #ate_admin_all th { padding: 2px 4px; } #ate_admin_all { margin-bottom: 20px; border-spacing: 0; } #ate_admin_all th { border-bottom: 1px black solid; font-size: 80%; line-height: 12px; padding-left: 10px; padding-right: 20px; } #ate_admin_all a.sort_asc { padding-left: 10px; line-height: 12px; background-image: url("/images/UpArrow.png"); background-repeat: no-repeat; background-size: 6px 12px; background-position: left center; } #ate_admin_all a.sort_desc { padding-left: 10px; line-height: 12px; background-image: url("/images/DownArrow.png"); background-repeat: no-repeat; background-size: 6px 12px; background-position: left center; } #ate_admin_all td { border-bottom: 1px #e0e0e0 solid; cursor: pointer; } #ate_admin_all .row_0 td { background: ##f0f0f0; } #ate_admin_all tr { line-height: 1.8em; font-size: 90%; } #ate_admin_all .admin_ate_status { font-size: 90%; } #ate_admin_all .row_0 td { background: #f0f0f0; } /* End Admin Table Styles */ /* Forum Styles */ #display_head h2 { font-size: 20px; } #boardindex_table h3 { background: #0099df;} #boardindex_table h3 a { color: #fff;} #topic_container .new_posts, a.new_posts { background: #037cce;; color: #fff; padding: .2em; font-size: .8em;} #mobile_user_menu .button_home a, .pagelinks .button , .buttonlist a.button, .mobile_buttons a.button { color:#fff; background: #e50202; background: #e50202 url("/images/new/bg_a_button.png") right 50% no-repeat;border-radius: 5px; padding: .2em 18px .2em 7px!important; font-size: 1em;} #display_jump_to .button, #message_index_jump_to .button { padding: 0 18px .5em 7px!important; font-size: 1em; } #mobile_user_menu .button_home span.home {display: none;} #forumposts .poster h4 { color: #037cce; } /* End Forum Styles */ @media (min-width: 980px) { .account input, .account select { float:right; margin-top: 5px; width:200px; } #gpbuddy-header { background: white url("/images/layout/bg-blue.png") left top repeat-x; padding-bottom: 20px; } #gpbuddy-header .gpbuddy-region { padding: 0 10px; } #gpbuddy-header #gpbuddy-top-wrapper { background: transparent url("/images/layout/bg-squares.png") right top no-repeat; } #gpbuddy-menu { background: transparent url("/images/layout/bg-menu.png") left top repeat-x; font-size: 90%; } #gpbuddy-menu ul { margin: 0; padding: 0 4px; line-height: 32px; list-style-type: none; overflow: hidden; height: 44px; } #gpbuddy-menu li { margin: 0; padding: 6px 0; float: left; } #gpbuddy-menu li a { display: block; color: #656565; text-transform: lowercase; padding: 0 5px; text-decoration: none; transition: color .5s, border-bottom-color .5s, text-shadow .5s; border-bottom: 1px transparent solid; } #gpbuddy-menu li a:hover { color: black; transition: color .5s, border-bottom-color .5s; border-bottom-color: transparent; } #gpbuddy-menu li.active a { font-weight: bold; color: #0e87da; } #gpbuddy-content .gpbuddy-region { margin: 0 auto; min-height: calc(100vh - 200px); } #gpbuddy-footer .gpbuddy-region { min-height: 51px; line-height: 25px; } #gpbuddy-footer a { color: white; text-decoration: none; border-bottom: 1px transparent solid; transition: border-bottom-color .75s; } #gpbuddy-footer a:hover { border-bottom-color: white; transition: border-bottom-color .75s; } #gpbuddy-footer .social-buts { width: auto; } #gpbuddy-footer .social { display: block; float: right; height: 40px; margin: 5px; width: 40px; } #gpbuddy-footer #footer_tw { background-position: -50px 0; } #gpbuddy-footer #footer_fb { background-position: 0 0; } #gpbuddy-footer #footer_gp { background-position: -200px 0; } #gpbuddy-footer #footer_li { background-position: -100px 0; } #gpbuddy-wdbi { text-align: right; line-height: 20px; background: white; padding-right: 10px; } #gpbuddy-wdbi a { text-decoration: none; color: #b0aeae; font-size: 80%; } #gpbuddy-search { float: right; border: 1px #808080 solid; clear: right; } #gpbuddy-search-q { font-size: 100%; padding: 0 6px; border: none; line-height: 28px; color: #808080; height: 28px; margin: 0; display: block; width: 22em; float: left; transition: width .5s; } #gpbuddy-search-q:hover { border-color: black; color: black; transition: color .75s, border-color .75s; } #gpbuddy-search-q:focus { color: black; border-color: black; width: 30em; transition: width .5s; } #gpbuddy-search-go { font-size: 100%; border: none; line-height: 28px; height: 28px; color: white; background-color: rgb(208,45,31); margin: 0; display: block; width: 5em; cursor: pointer; transition: background-color .75s; } #gpbuddy-search-go:hover { background-color: rgb(231,50,35); transition: background-color .75s; } #gpbuddy-topnav { background: #1e7faa; color: white; display: inline; float: right; white-space: nowrap; border-radius: 0 0 10px 10px; line-height: 24px; font-size: 90%; padding: 0 6px; margin-bottom: 18px; min-width: 10em; } #gpbuddy-topnav ul { margin: 0; padding: 0; list-style-type: none; } #gpbuddy-topnav li { margin: 0; padding: 0 6px; display: inline; } #gpbuddy-topnav a { text-decoration: none; color: white; } #gpbuddy-topnav a:hover { text-decoration: underline; } #gpbuddy-burger { display: none !important; } #gpbuddy-topnav fieldset { border: none; margin: 0; padding: 10px; } #browse-category { columns: 2; } ul.browse-filter ul { columns: 3; } /* BEGIN EXPERIMENT */ .sec_search #gpbuddy-content .gpbuddy-region { position: relative; } #gpbuddy-content #user-listing-actions { position: absolute; right: 0; top: 260px; background: #029bde; padding: 5px 10px; border-radius: 0 0 2px 2px; color: white; min-width: 220px;} #gpbuddy-content #user-listing-actions span { width: 0; overflow: hidden; display: inline-block; transition: width .8s; overflow: hidden; height: 22px; } #gpbuddy-content #user-listing-actions .actionLabel { float: left;} #gpbuddy-content #user-listing-actions a:hover span { width: 180px; } #gpbuddy-content #user-listing-actions a { color: white; } #gpbuddy-content #user-listing-updated { margin: 10px 65px 15px 0;; } #user-listing-updated { float: right; clear: right; font-size: 90%; font-style: italic; } .gpbuddy-listing h2 { padding-top: 15px; } /* END EXPERIMENT */ /* Classifieds */ .l1_centric { float: right !important;} #cad_mine { float: right; width: 460px; margin-left: 20px; } #cad_filters li.l1_centric, #cad_filters li.l1_locumotion { padding: 7px 10px; } #cad_msgmenu { float: left; width: 200px; margin-right: 25px; display: block; } .messageselect {display: none;} #cad_msgcont { margin: 20px 0 0 220px;} /* END Classifieds */ /* Education Videos */ .bottom-control {display: none; } .top-control {display: block; } #aaq.top-control { float: left; width: 192px; border: 1px #0e87da solid; padding: 10px; height: 311px; overflow: hidden; margin-bottom: 15px; } #aaq textarea { width: 100%; } #aaq fieldset.multi { text-align: left; padding: 0 0 0 18em; margin-bottom: 8px; position: relative; border: none; background: transparent; } #aaq fieldset.multi legend { position: absolute; left: 0; top: 0; width: 18em; white-space: nowrap; overflow: hidden; } #aaq fieldset label, #aaq fieldset input[type="radio"] { cursor: pointer; } #aaq span.fl { text-align: right; width: 7em; margin-right: 16px; } #aaq label span { margin-right: 8px; } #aaq legend:after { content: ":"; } #vl { clear: left; } #vl ul { list-style-type: none; margin: 0; padding: 0; } #vl li { margin: 0; padding: 10px 0; width: 480px; float: none; font-size: 90%; display: inline-block;} #vl .emb_video { cursor: pointer; display: block; line-height: 22px; height: 80px; padding: 10px; overflow: hidden; } #vl .emb_video .emb_img { float: left; margin-right: 10px; height: 80px;} #vl .emb_video.nowplaying { background: #0e87da; color: white; } #cont { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; float: left; width: 728px; margin-right: 15px;} .cont { position:relative; padding-bottom:56.25%; height:0; overflow:hidden; float: left; width: 728px; margin-right: 15px;} .legalese { border:1px #da2727 solid;color:#da2727;padding:5px;margin-bottom:15px;font-size:85%} #contframe, #cont object, #cont embed, .contframe, .cont object, .cont embed { position:absolute; top:0; left:0; width:100%; height:100%; } #contwrap { max-width: 728px; } .contwrap { max-width: 728px; } /* Remove Id version after replacement with class version */ #dummy-ad { position:relative; padding-bottom:12.36%; overflow:hidden;} /*#aaq { float: left; width: 192px; border: 1px #0e87da solid; padding: 10px; height: 311px; overflow: hidden; margin-bottom: 15px; }*/ #aaq.withcpd { height: 160px; } #cpd { float: left; width: 192px; border: 1px #da2727 solid; padding: 10px; height: 160px; overflow: hidden; margin: 15px 0; } #aaq h3 { margin: -10px -10px 10px -10px; line-height: 2em; padding: 0 10px; font-size: 1.1em; color: white; background: #0e87da; } #cpd h3 { margin: -10px -10px 10px -10px; line-height: 2em; padding: 0 10px; font-size: 1.1em; color: white; background: #da2727; } #cpd a { color: #da2727; } /* End Education Videos */ /* ATE */ .ate2_item .ate_latest { margin: 0 15px 0 265px; padding: 0; position: absolute; bottom: 15px; right: 0; width: 675px; } .ate2_item .ate_latest a { padding: 10px; text-decoration: none; color: black; display: block; background: #e8e8e8; border: 1px #e0e0e0 solid; } .ate2_item .ate_latest a:hover { display: block; background: #f8e8e8; border: 1px #d0d0d0 solid; } .ate2_item .ate_latest_head { display: block; border-bottom: 1px black solid; padding: 0 0 5px 0; margin: 0 0 5px 0; } .ate2_item .ate_latest_head img { display: inline; } .ate2_item .ate_latest_detail { display: block; max-height: 2.7em; text-overflow: ellipsis; overflow: hidden; } .ate2_item a:hover .ate_latest_head { font-weight: bold; } .ate2_ask { position: absolute; top: 180px; left: 266px; } .ate2_ask textarea { width: 666px; padding: 5px; border: 1px #a0a0a0 solid; font-size: 100%; margin-bottom: 10px; } .ate2_item .ate2_calltoaction { display: none; } /* END ATE */ .gpbuddy-listing dt { width: 15%;} /* COMMUNCATIONS */ #communication_products dt, #research_products dt { margin: 0; padding: 0; float: left; clear: left; color: #a0a0a0; font-weight: bold; width: 3em; text-align: center; } #communication_products dd, #research_products dd { margin: 0 10px 20px 0; padding: 0; border-radius: 2px; border: 1px #a0a0a0 solid; background: #f0f0f0; text-align: center; width: 28%; padding: 10px; } .communication .post_container { padding-left: 140px;} /* END COMMUNCATIONS */ /* Homepage widgets */ #new_widget_4 { float: right; margin-right: 3px;} /* This doen't work form.styled select, form.styled input[type="text"], form.styled input[class|="area"], form.styled input[type="password"], form.styled input[type="tel"], form.styled.input.tel, form.styled input[type="email"], form.styled input[type="url"], #spLogonForm input[type="text"], #spLogonForm input[type="password"] { border-radius: 3px; border: 3px #cdebf8 solid; font-size: 100%; padding: 4px; background: #fff; width: 60%; float: right; } */ /* ATE TAG BROWSE */ #ate_tag_list .cards { grid-template-columns: repeat(3, 1fr); } /* Featured Users */ .fu-header { float: right; width: 65%;} .fu-content h3:nth-child(even) { margin-left: 4em; } .fu-content div:nth-child(odd ), .fu-content ol:nth-child(odd ), .fu-content ul:nth-child(odd ) { margin-left: 7em; } .fu-video { margin-bottom: 45px; width: 70%; margin: 0 auto; } .fu-directorylinks { text-align: left; margin: 35px 20% ; font-size: 1.1em;} .fu-singlelink { text-align: center;} } @media (max-width: 979px) { #gpbuddy-header { background: #029bde url("/images/layout/bg-blue.png") left top repeat-x; } #gpbuddy-header .gpbuddy-region { background: transparent url("/images/layout/bg-squares.png") right top no-repeat; padding: 0 10px; } /*#gpbuddy-header { position: fixed; width: calc(100% - 1px); z-index: 1;}*/ #gpbuddy-burger { height: 86px; display: block; float: left; width: 50px; background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADhJREFUeNpi/P//PwOtARMDHQBdLGFBYtMq3BiHT3DRPU4YR4NrNAmPJuHRJDyahEeT8Ii3BCDAAF0WBj5Er5idAAAAAElFTkSuQmCC") 50% 50% no-repeat; } #gpbuddy-topnav, #gpbuddy-menu, #gpbuddy-search, #gpbuddy-wdbi { display: none !important; } #gpbuddy-mobilemenu { background: #fbfbfb; color: #656565; text-transform: lowercase; } #gpbuddy-content .gpbuddy-region { min-height: calc(100vh - 130px); padding: 10px; margin: 0 auto; } .spToolbar { display: none; } #gpbuddy-footer { text-align: center; } .template_directory_search #gpbuddy-footer { margin-bottom: 60px;} .template_directory_search #paging a { margin: 0 20px; } .template_directory_browser h2 { margin-top: 10px; } #gpbuddy-footer .social { display: inline-block; height: 32px; margin: 5px; width: 32px; } #gpbuddy-footer #footer_tw { background-position: -40px -50px; } #gpbuddy-footer #footer_fb { background-position: 0 -50px; } #gpbuddy-footer #footer_gp { background-position: -120px -50px; } #gpbuddy-footer #footer_li { background-position: -80px -50px; } #browse-category { columns: 1; } ul.browse-filter ul { columns: 2; max-height: 9660px; } .browse-filter-list { max-height: 52vh; overflow-y: scroll; } /* Experiment to make more of classified latest visible on small screens*/ #cad_filters li.l2 {display: none;} #cad_filters li.l1_centric, #cad_filters li.l1_locumotion { padding: 9px 5px; } #cad_browser ul li a { white-space: normal; word-wrap: break-word; vertical-align: middle;} #cad_mine {margin-top: 30px;} .kw_classified_ad_editor #speditform textarea, #cad_mreply textarea { width: calc(100% - 22px); font-size: 120%; } #pagenav { display: none; } .cad_form textarea { width: calc(100% - 22px); font-size: 120%; } /* Classifieds New Ad */ .ff textarea, .ff input[type="text"], .ff select { width: calc(100% - 22px); font-size: 120% !important; } .mainlabel { width: calc(100% - 20px); } .ff select { width: calc(100% - 22px) !important; background: transparent; border: none; } fieldset.locationselector { width: calc(100% - 22px); } /* End Classifieds New Ad */ /* Education Videos */ .bottom-control {display: block; } .top-control {display: none; } #aaq textarea { width: 811px; } #aaq fieldset { position: relative; } #aaq fieldset.multi { border: none; padding: 1.2em 0 0 0; } #aaq textarea { width: calc(100% - 14px); border: 1px #0e87da solid; padding: 6px; font-size: 100%; border-radius: 2px; background: #f5f5f5; } #aaq span.fl { position: absolute; left: 2px; top: 0; } #aaq span.fr { position: absolute; right: 2px; top: 0; } #aaq label { font-size: 1.3em; white-space: nowrap; line-height: 1.5em; } #aaq label span { margin-right: 12px; } #aaq legend { text-decoration: underline; } #aaq fieldset { position: relative; } #aaq fieldset.multi { border: none; padding: 1.2em 0 0 0; } #aaq textarea { width: calc(100% - 14px); border: 1px #0e87da solid; padding: 6px; font-size: 100%; border-radius: 2px; background: #f5f5f5; } #aaq span.fl { position: absolute; left: 2px; top: 0; } #aaq span.fr { position: absolute; right: 2px; top: 0; } #aaq label { font-size: 1.3em; white-space: nowrap; line-height: 1.5em; } #aaq label span { margin-right: 12px; } #aaq legend { text-decoration: underline; } #vl { clear: left; margin: calc(56.25vw - 15px) -10px 0 -10px; } #vl ul { border-top: 1px #a0a0a0 solid; margin: 0; padding: 0 0 10px 0; list-style-type: none; } #vl li { border-bottom: 1px #a0a0a0 solid; background: #3d3d3d; padding: 0; margin: 0; color: white; } #contwrap { position: fixed; top: 86px; left: 0; width: 100%; height: 56.25vw; background: #6bc3ed; box-shadow: 0 2px 6px #666; z-index: 1; } .contwrap { position: fixed; top: 86px; left: 0; width: 100%; height: 56.25vw; background: #6bc3ed; box-shadow: 0 2px 6px #666; z-index: 1; }/* Remove Id version after replacement with class version */ #cont { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; z-index: 1; } .cont { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; z-index: 1; } #contframe, #cont object, #cont embed, .contframe, .cont object, .cont embed { position:absolute; top:0; left:0; width:100%; height:100%; } #vl .nowplaying { background: #6bc3ed url("/images/template/nowplaying.png") 25px 50% no-repeat; background-size: 80px 80px; } #vl .nowplaying .emb_img { opacity: 0.6 } #vl .emb_video { cursor: pointer; display: block; height: 80px; padding: 10px; overflow: hidden; } #vl .emb_video .emb_img { float: left; margin-right: 10px; z-index: 0; } #aaq-bottom a { text-align: center; margin-bottom: 10px; color: white; background: #0e87da; border-radius: 10px; text-decoration: none; display: block; line-height: 4em; } #cpd-bottom a { text-align: center; margin-bottom: 10px; color: white; background: #da2727; border-radius: 10px; text-decoration: none; display: block; line-height: 4em; } #dummy-ad { position:relative; padding-bottom:12.36%; height:0; overflow:hidden; } /* End Education Videos */ /* ATE */ .ate2_item .ate2_ask_question_form { display: none; padding-left: 0 !important; } #ate2_question_form_bottom { display: block !important; } .ate2_item .ate2_ask_question_mobile_button { display: block !important; } .ate2_item .ate2_bio { height: 40px; } .ate2_item .ate2_headshot { border: none; width: 20% !important; height: auto; margin-bottom: 15px !important; } .ate2_item .ate_latest { margin: 0 15px 15px 15px; position: static; clear: both; width: calc(100% - 30px); } .ate_qlist .ate_lastbit { max-width: 85%; display: inline-block; } /* END ATE */ /* COMMUNCATIONS */ #communication_products dt, #research_products dt { margin: 0; padding: 5px; float: none; clear: left; color: #a0a0a0; font-weight: bold; width: 100%; text-align: left; } #communication_products dd, #research_products dd { margin: 0 10px 20px 0; padding: 0; border-radius: 2px; border: 1px #a0a0a0 solid; background: #f0f0f0; text-align: center; width: 40%; padding: 10px; } #communication_search input, #research_search input { float: none; font-size: 100%; border: 1px #0e87da solid; width: calc(100% - 55px); border-radius: 2px; padding: 10px 46px 10px 8px; margin-top: 10px;} .comms_cont { position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden; z-index: 1; } .comms_cont frame, .comms_cont object, .comms_cont embed, .comms_cont iframe { position:absolute; top:0; left:0; width:100%; height:100%; } .latest_post {padding: 10px 10px 10px 24px; min-height:24px;height:auto;} .communication .communication_document {padding-left: 100px; float: none; text-decoration: none; margin-bottom: 20px; color: black; min-height:54px; height: auto; background: #f0f0f0 url("/images/template/communication_document.png") 10px 50% no-repeat; } .communication .communication_link {padding-left: 100px; float: none; text-decoration: none; margin-bottom: 20px; color: black; min-height:54px; height: auto; background: #f0f0f0 url("/images/template/communication_link.png") 10px 50% no-repeat; } .communication .communication_odd, .communication .communication_even { float: none; margin-right: auto; margin-left: auto; } /* END COMMUNCATIONS */ form.styled select, form.styled textarea, form.styled input[type="text"], form.styled input[class|="area"], form.styled input[type="password"], form.styled input[type="tel"], form.styled.input.tel, form.styled input[type="email"], form.styled input[type="url"], #spLogonForm input[type="text"], #spLogonForm input[type="password"] { width: calc(100% - 10px); float: none; } .account label span {line-height: 25px;} /* Home Page */ #dash-expert .slick-current .ate_name, .slick-current .edu_name {width:215px;} .home_top-row h2 {width: calc(100% - 10px); padding: 0.5em 5px; text-align: center;} #home_top .join { width: 46%; position: relative; height: 220px;} #home_top .join .info, #home_top #home_top_nondoctor.join .info { margin-left: 0; clear: both; display: block; top: 185px; position: relative; left: 10px; } #home_top #home_top_nondoctor.join { float:left; } #home_top img { left:10px;} #home_top #home_top_nondoctor img { left:10px; } #join_nondoctor .call2action { left:10px; } #home_top { height: 390px; } #new_widget_4 { height:auto!important;} .dash-item { display: inline-block;} /* Home Page End */ /* My listings */ .template_my_listings ol.results { width: auto !important; } .template_my_listings ol.results span.result_meta, ol.results strong, ol.results span.result_location { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .template_my_listings ol.results u { display: none; } .template_my_listings ol.results span.result_meta { max-width: 14em; } .template_my_listings ol.results {padding-inline-start: 15px;} .template_my_listings ol.results span.info {display:block;} /* My listings End */ /* Continued Listing Widget experiment */ #gpbuddy-content #user-listing-actions span { width: 0; overflow: hidden; display: inline-block; transition: width .8s; overflow: hidden; height: 25px; } #gpbuddy-content #user-listing-updated { margin: 10px 0; } #gpbuddy-content #user-listing-actions a:hover span { width: 145px; color: #fff!important;} #gpbuddy-content #user-listing-actions { position: fixed; left: 0; bottom: 0%; background: #029bde; padding: 10px 0 15px 10px; border-radius: 0 0 2px 2px; color: white; width: 100%; text-align: center;} #gpbuddy-content #user-listing-actions img { padding: 5px 0 5px 15px;} /* End - Continued Listing Widget experiment */ /* ATE TAG BROWSE */ #ate_tag_list .cards { grid-template-columns: repeat(2, 1fr); } /* Featured Users */ .fu-headshot { text-align: center; font-style: italic; font-size: 90%; padding-left: 10%; padding-right: 10%; } .fu-headshot img { width: 250px; height: 250px; float: none; } .fu-user-full .fu-headshot img { padding-right: 0; border-right: none; } #fu-search { display: none; } } @media (max-width: 560px) { .fu-video-container { position: relative; overflow: hidden; width: 100%; } .fu-video iframe { position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; } } @media (max-width: 800px) { /*Profile My Detail */ form.gpb-styled div.gpb-styled { columns: 1; } form.gpb-styled input, form.gpb-styled textarea {width: calc(100% - 10px);} /*Profile My Detail End */ /* Home Page */ #dash-browse h3, #dash-side h3 {border-radius: 10px;} #home-announcements {margin-bottom: 15px; width:100%;} .dash-item {width: 100%; float: none;} .dash-item ul {display: none;} #dash-forum.dash-item ul { display: block; } /* Home Page End */ /* Homepage widgets */ #new_widget_4 { float: none; margin-right: 0;} .dash-lhs { float: none; margin-right: 0;} #dash-featureduser .fu-teasers { columns: 1; } #dash-featureduser.dash-item ul { display: block; } #dash-featureduser .fu-gettoknow { border: none; padding: 0; line-height: 1.5em; } #dash-featureduser .fu-gettoknow span { display: none; } @media screen and (max-width: 700px) { .ate2_item .ate2_ask_question_form { display: none; padding-left: 0 !important; } #ate2_question_form_bottom { display: block !important; } .ate2_item .ate2_ask_question_mobile_button { display: block !important; } .ate2_item .ate2_bio { height: 40px; } .ate2_item .ate_latest { margin: 0 15px 15px 15px; position: static; clear: both; width: calc(100% - 30px); } .ate2_item .ate_latest_head { display: none; } /* COMMUNCATIONS */ #communication_products dd, #research_products dd { margin: 0 10px 20px 0; padding: 0; border-radius: 2px; border: 1px #a0a0a0 solid; background: #f0f0f0; text-align: center; width: calc(100% - 20px); padding: 10px; } #communication_products dd img, #research_products dd img { display: block; margin: 0 auto 4px auto; float: left;} .latest_post {padding: 10px 10px 10px 24px; min-height:24px;height:auto;} .communication .communication_document { float: none; text-decoration: none; margin-bottom: 20px; color: black; min-height:54px; height: auto; background: #f0f0f0 url("/images/template/communication_document.png") 10px 50% no-repeat; } .communication .communication_link { float: none; text-decoration: none; margin-bottom: 20px; color: black; min-height:54px; height: auto; background: #f0f0f0 url("/images/template/communication_link.png") 10px 50% no-repeat; } .communication_summary .communication_detail { float: none; width: 70%;} .communication_html img { width: 100%;} /* END COMMUNCATIONS */ /* ATE TAG BROWSE */ #ate_tag_list .cards { grid-template-columns: repeat(1, 1fr); } } } @media (max-width: 480px) { #browse-listings #results-container a u { display: none; } #wiget-improve { float: none !important; margin: 0 !important; } #cad_browser ul li a { white-space: normal; word-wrap: break-word; vertical-align: middle;} .educ_subitem a { } .educ_subitem em { display: block; margin: 5px auto!important; float: none!important; text-align: center; } .educ_subitem .img { clear: both; } /* Home Page */ #dash-expert .slick-current .ate_name, .slick-current .edu_name {width:215px;} .home_top-row h2 {width: calc(100% - 40px); padding: 0.5em 15px; text-align: center;} #home_top .join { width: calc(100% - 50px); position: relative; height: 350px; float: none; margin-left: 40px;} #home_top .join .info { color: #fff; float: none; width: 100%; font-size: 12px; height: 150px; } #home_top img { left:10px;} #home_top #home_top_nondoctor img { left:10px; } #join_nondoctor .call2action { left:10px; } #home_top { height: 650px; } #new_widget_4 { height:auto!important;} .dash-item { display: inline-block;} #home_top .join .info h3 { font-size:16px; font-weight:normal; margin: .6em 0 .3em 0; } #home_top .join .info h4 { margin: .3em 0; } #home_top .join .info ul { margin-top: .6em; margin-bottom: .6em; } .join-benefits { padding: 0px; margin-left: 14px; } /* Featured Users */ #dash-featureduser .fu-teasers { display: none; } #dash-featureduser .fu-feature-title { display: none; } #dash-featureduser .fu-feature img { float: none; margin: 0 auto; } #dash-featureduser .fu-gettoknow { clear: left; margin-left: 0; } /* Home Page End */ } .button_mlist { display: none !important; } #rce-keywordlist { padding: 0 0 2em 1em; } #rce-keywordlist ul { list-style-type: "\2023\00a0"; margin: 0; padding: 0; } #rce-keywordlist ul ul { padding-left: 1em; list-style-type: "\25e6\00a0"; } #rce-keywordlist ul li { border: 1px solid #f6f6f6; margin: 0 0 10px 0;} #rce-keywordlist .rce-keywordlist-edit { margin-right: .25em; } #rce-keywordlist span { margin-right: .25em; } #rce-keywordlist .rce-keywordlist-delete { color: rgb(166,77,73); font-size: 90%; background: transparent url("/speck/images/icons/mini/close.gif") left 50% no-repeat; padding-left: 13px; } #rce-keywordlist .rce-keywordlist-view { color: rgb(166,77,73); font-size: 90%; background: transparent url("/speck/images/icons/mini/play.gif") left 50% no-repeat; padding-left: 8px; } #rce-keywordlist .rce-keywordlist-add { background: transparent url("/speck/images/icons/mini/add.gif") left 50% no-repeat; padding-left: 13px; } #rce-keywordlist .rce-keywordlist-moveup { color: rgb(166,77,73); font-size: 90%; background: transparent url("/speck/admin/images/move_up.gif") left 50% no-repeat; padding-left: 13px; } #rce-keywordlist .rce-keywordlist-movedown { color: rgb(166,77,73); font-size: 90%; background: transparent url("/speck/admin/images/move_down.gif") left 50% no-repeat; padding-left: 13px; } #rce-keywordlist .rce-keywordlist-spacerup { color: rgb(179,179,179); font-size: 90%; background: transparent url("/speck/admin/images/move_up.gif")left 50% no-repeat; padding-left: 13px; } #rce-keywordlist .rce-keywordlist-spacerdown { color: rgb(179,179,179); font-size: 90%; background: transparent url("/speck/admin/images/move_down.gif") left 50% no-repeat; padding-left: 13px;}