/* typography.css */ body {font-size:75%;color:#222; font-family: Arial, Helvetica, sans-serif;} h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111; clear: both;} h1, h2, h3 {font-size:1.7em;line-height:1.7em;margin-bottom:0.1em; margin-top: 0.0em; color:#333; border-bottom: 3px solid #3085ac; font-weight:bold;} h2, h3 {font-size:1.3em; line-height:1.6em; border-bottom: 3px solid #54bc00;} h4 {font-size:1.2em;line-height:1.25;margin-bottom:.5em; font-weight:bold; } h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;} h6 {font-size:1em;font-weight:bold;} h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;} p {margin:0 0 1.5em;} p img.left {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;} p img.right {float:right;margin:1.5em 0 1.5em 1.5em;} a:focus, a:hover {color:#000; text-decoration:underline;} a {color:#0048ab; text-decoration:none;} blockquote {margin:1.5em;color:#666;font-style:italic;} strong {font-weight:bold;} em, dfn {font-style:italic;} dfn {font-weight:bold;} sup, sub {line-height:0;} abbr, acronym {border-bottom:1px dotted #666;} address {margin:0 0 1.5em;font-style:italic;} del {color:#666;} pre {margin:1.5em 0;white-space:pre;} pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;} li ul, li ol {margin:0 0em;} ul, ol {margin:0 0em 0em 0em;} ul {list-style-type:none;} ol {list-style-type:decimal;} dl {margin:0 0 1.5em 0;} dl dt {font-weight:bold;} dd {margin-left:1.5em;} table {margin-bottom:0em; width: 100%;} th {font-weight:bold;} thead th {} th, td, caption {padding:0;} tfoot {font-style:italic;} caption {background:#eee;} .small {font-size:.8em;} .med {font-size:.92em;} .large {font-size:1.2em;} .x-large {font-size:1.4em;} .hide {display:none;} .quiet {color:#8b8b8b;} .loud {color:#000;} .highlight {background:#ff0;} .added {background:#060;color:#fff;} .removed {background:#900;color:#fff;} .first {margin-left:0;padding-left:0;} .last {margin-right:0;padding-right:0;} .top {margin-top:0;padding-top:0;} .bottom {margin-bottom:0;padding-bottom:0;} .right {text-align: right} .center {text-align: center} hr {clear:both;float:none;width:100%;height:0px;margin:0px;border:none;} hr {clear:both;float:none;width:100%;height:.1em;margin:0 0 1.45em;border:none; position:relative; top:-15px;} .pad10 {padding: .92em;} .pad5 {padding: .46em;} .pad0 {padding: 0;} .mar0 {margin: 0px;} .red {color:#C33;} .pink {color: #d63f3f;} .green {color: #7cba11;} .clear {clear: both;} .right {float: right;} .float-left {float: left;} .float-right {float: right;} /* MAIN STRUCTURE */ body {margin:0px;background: url(img/main_background.png) repeat-x #98d9f7;} #bodyImpersonator { position: relative; min-height: 300px; margin: 0px; width: 1000px; margin-right: auto; margin-left: auto;} .container {background:url(img/bgs/site_shadow.png) repeat-y; width: 1000px;} #wrap{float:left; width: 978px; background:url(img/bgs/site_shadow_top.png) no-repeat; padding-left: 11px; padding-right: 11px; padding-bottom: 0px;} #split{z-index: 1; clear: both; width: 1000px; height: 10px; background: url(img/corner/content_bottom.png) left -135 repeat-x; position: relative; left: -11px;} #split2{clear: both; width: 1000px; height: 17px; background:url(img/corner/content_bottom.png) left -57px repeat-x;} #split2 b.top, #split2 b.top b, #split2 b.bot, #split2 b.bot b{display: block;height: 17px;font-size: 1px;background:url(img/corner/content_bottom.png) no-repeat;} #split2 b.top b{background-position: 100% -17px} #split2 b.bot{background-position: 0 -20px} #split2 b.bot b{background-position: 100% -30px} #footer {clear:both; height: 100px;} #copyright {height: 20px; text-align: center; color: #3090b8; line-height: 2em;} #copyright a, #copyright a:hover, #copyright a:visited, #copyright a:link {color: #3090b8;} .main-split {clear: both; background: url(img/misc/rating_circles_sm_on.png) repeat-x left -85px; height: 10px; margin-left: 20px -20px 0 -20px;} div.container, div.logo, div.nav-buttons {float:left;} /* TOP BAR */ .logo {width: 186px; background: url(img/navigation/logo.png); height: 111px; cursor: pointer;} .nav-buttons {width: 323px; background: url(img/navigation/top-nav-user-options.png) left -277px repeat-x; height:51px;} #slogan {float: left; width: 792px; height:60px; background: url(img/navigation/top-nav-user-options.png) left -216px repeat-x;} #user-options {float: right; width: 400px; height:52px; background:url(img/bgs/user-options.png) no-repeat 100% 0%; padding: 6px 8px 0 20px;} #user-options ul {float: right; list-style: none; padding: 0; margin: 0; font-family: Tahoma, Geneva, sans-serif; font-size: .95em;} #user-options li {line-height: 24px; background:url(img/navigation/top-nav-user-options.png) repeat-x 0px -144px ; float: left; display: block; margin: 0; padding: 0} #user-options #user {background: none; margin-right: 3px; color:#FFF;} #user-options #user a {background: none;} #user-options #user a:hover {background: none; text-decoration: underline;} #user-options li:hover {background: url(img/navigation/top-nav-user-options.png) 0px -168px repeat-x;} #user-options a {color: #fff; background: url(img/navigation/top-nav-user-options.png) left -192px no-repeat; text-decoration: none; padding: 0 12px;} #user-options a span {padding: 4px 12px 4px 0;} #user-options a:hover {color: #fff; text-decoration: underline; padding-left: 12px} #user-options a:visited {font-size: .95em;} #user-options #first a, #user-options #first2 a { background: url(img/navigation/top-nav-user-options.png) 0px -96px no-repeat ; text-decoration: none; padding: 0px; margin-left: -8px; padding: 0 0 0 17px;} #user-options #first a span, #user-options #first2 a span { /*padding: 4px 12px 4px 17px; */ background: url(img/navigation/top-nav-user-options.png) 100% -353px no-repeat;} #user-options #first a:hover, #user-options #first2 a:hover {background: url(img/navigation/top-nav-user-options.png) 0px -120px no-repeat; text-decoration: underline; margin-left: -8px;} #user-options #first2 a {background: url(img/navigation/top-nav-user-options.png) left -48px no-repeat; margin-left: 0px;} #user-options #first2 a span {} #user-options #first2 a:hover {background: url(img/navigation/top-nav-user-options.png) left -72px no-repeat; margin-left: 0px;} #user-options #last a {background: url(img/navigation/top-nav-user-options.png) 100% 0px no-repeat; text-decoration: none; padding: 0 10px 0 10px} #user-options #last a:hover {background: url(img/navigation/top-nav-user-options.png) 100% -24px no-repeat; text-decoration: underline;} #user-options a, #navigation a span {display: block; float: left;} /* Commented backslash hack hides rule from IE5-Mac \*/ #user-options a, #navigation a span {float: none} #nav-spacer {width:469px;} /* End IE5-Mac hack */ /* SEARCH */ #search-area { height:25px; padding:10px 5px; border-radius: 10px; -moz-border-radius:10px; background: #94DFFF; /* for non-css3 browsers */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94DFFF', endColorstr='#64CDFA'); /* for IE */ background: -webkit-gradient(linear, left top, left bottom, from(#94DFFF), to(#64CDFA)); /* for webkit browsers */ background: -moz-linear-gradient(top, #94DFFF, #64CDFA); /* for firefox 3.6+ */ } #search-container {float:left;} #search-title {float:left; font-size:1.6em;margin-top:2px;margin-right:5px; color:#353535;} #search, #search .br1, #search .br2, #search-field, #search-text, #search-button {float: left} #search {width: 469px; background: url(img/navigation/search_box.png) left -83px repeat-x; height:51px;} #search .br1 { background:url(img/navigation/search_box.png) 0% -162px no-repeat; width: 9px; height:51px;} #search .br2 { background:url(img/navigation/search_box.png) 0% -30px no-repeat; width: 9px; height:51px;} #search-field {width:448px; background: url(img/navigation/search_box.png) 0% 0% no-repeat; margin: 12px 0 0 3px;} #search-text .input { padding: 5px; font:1em; color:#989898; background:url(img/navigation/search_box.png) left -135px repeat-x; border: 0px; margin:0px; width: 409px; margin-left: 6px;} #search-text .input:focus {color:#039;} /*#search-button .go {margin: 0px; padding: 0px; border: 0px; height:26px; margin-left: -3px;}*/ #search-text {width: 410px;} /* BREADCRUMB */ #breadcrumb {clear: both; display: block; border-bottom: 1px solid #ebebeb; height: 29px; background: #f9f9f9 url(img/buttons/breadcrumb.png) right -185px no-repeat;} #breadcrumb ul {list-style: none; padding: 0; margin: 0;} #breadcrumb li {display:inline; list-style:none;} #breadcrumb li a {background: url(img/buttons/breadcrumb.png) no-repeat; display:block; color:#382E1F; height:29px; line-height:29px; padding:0 20px; margin-left:-10px; text-decoration:none; font-size:11px; float:left; z-index:1;} #breadcrumb li a:hover {background-position:0 -31px;} #breadcrumb li.current_page_item a, #breadcrumb li.current-cat a { background-position:0 -62px;} #breadcrumb li a.home {background-position:0 -155px;width:42px;padding:0;margin-left:0;text-indent:-999em;} #breadcrumb li a.home:hover {background-position:0 -93px;} #breadcrumb li.current_page_item a.home {background-position:0 -155px;} #breadcrumb li a.lastmenu {background-position:0 -31px;} .roundedcornr_top div { background: url(img/corner/breadcrumb_left_empty.png) no-repeat top left;} .roundedcornr_top { background: #fff url(img/corner/breadcrumb_right.png) no-repeat top right;} .roundedcornr_top div, .roundedcornr_top { width: 100%; height: 6px; font-size: 1px;} /* Front Page Intro*/ #frontpage-intro { height: 311px; background:#FFF url(img/misc/more-than-one-opinion.jpg) no-repeat top left; margin: -26px -20px 26px -20px;} #frontpage-intro .slogan {float: left; height: 311px; width: 607px; background:url(img/misc/more-than-one-opinion2.gif) 130px 40px no-repeat} #frontpage-intro .findTreatment, #frontpage-intro .findTreatment:hover {width: 126px; height: 24px; background: url(img/buttons/find-new-treatment.gif) top left no-repeat; position: relative; top: 115px; left: 235px;} #frontpage-intro .findTreatment:hover {background: url(img/buttons/find-new-treatment.gif) 100% 100% no-repeat;} #frontpage-intro .registration {float: left; margin-top: 7px; height: 298px; width: 358px; background: url(img/bgs/register-frontpage.gif) repeat-x;} #frontpage-intro .corner-l {background: url(img/bgs/register-frontpage-corner-l.gif) left top no-repeat; height: 298px; width: 100%;} #frontpage-intro .corner-r {float: left; margin-top: 7px; background: url(img/bgs/register-frontpage-corner-r.gif) right top no-repeat; height: 298px; width: 6px;} #frontpage-intro ul {margin: 0; padding: 13px 0 0 35px; line-height: 14px;} #frontpage-intro li {color:#FFF; font-size: 1em; list-style-image:url(img/bgs/arrow_purple_white.gif); padding-bottom: 8px; margin: 0px;} #frontpage-intro .top { height: 103px; background: url(img/bgs/arrow_purple_bottom.gif) 10% 100% no-repeat;} #frontpage-intro .bottom {padding: 5px 13px;} #frontpage-intro .purple {float: left; color:#540f58; text-align: left; width: 100px;} #frontpage-intro .title {clear: both; float: left; padding: 5px 5px 0 0; vertical-align: middle; width: 108px; font-weight: bold; text-align: right; margin: 0px;} #frontpage-intro .field {float: left; width: 210px; margin: 0px; min-height: 30px;} #frontpage-intro .agree {clear: both; padding-left: 114px; line-height: 20px;} #frontpage-intro .signup { padding: 10px 5px 5px 30px; } #frontpage-intro .inputfield {color: #222222; border: 1px solid #b7b7b7; background: #f6f6f6 url(img/bgs/input-ground-tile.jpg) repeat-x; width: 160px; padding: 2px; margin-right: 30px; } #frontpage-intro .error {border-color:#C33; color:#C33} #frontpage-intro .fb-login-or {float: left; width:10px; padding-top: 7px;} #frontpage-intro .fb-login {float: right; padding-top: 4px;} /* Front Page Bottom */ .conditions-all, .popular-treatments, .social-media-links {float: left; margin: -10px 0 0 -10px; width: 375px; background:url(img/bgs/container-half-bg.png) repeat-x top; padding: 1px;} .popular-treatments {margin: -10px 0 0 10px; width: 375px;} .popular-treatmentsSM {margin: -15px; width: auto;} .social-media-links {width:180px;margin:-10px -10px 0 10px;} .conditions-all .box, .popular-treatments .box,.social-media-links .box{ background: #FFF url(img/bgs/container-half-title-bg.gif) repeat-x top; padding: 0 15px;} .conditions-all .box h1, .popular-treatments .box h1,.social-media-links .box h1 {color: #8bbb45; padding: 5px 0px; border-bottom: 1px solid #F0F0F0; margin-bottom:5px;font-size: 1.6em;} .conditions-all .box h1 {color: #C00;} .social-media-links .box h1 {color:#0048ab;} .popular-treatments .box .number { color: #62a71f; font-size: 1.1em; font-weight: bold; padding-right: 4px;} .popular-treatments .right-box-treatment {margin-left: 10px;} .popular-treatmentsSM .right-box-treatment {margin-left: 0px;} .popular-treatments .right-box-treatment li {padding: 8px 0;} .conditions-all .box .number { color: #cc0000; font-size: 1.1em; font-weight: bold; padding-right: 4px;} .social-media-links .box ul {padding: 5px 0 0 0px;;} .social-media-links .box ul li img {border-width:0px;} /* TOP REPORTS */ #top_reports { margin-top: 15px;} /* CONTENT WRAPPER*/ #content {float: left; width: 938px; padding: 20px; min-height: 500px; background:#FFF;} #contentNik {float: left; padding: 20px 220px 20px 20px; min-height: 700px; background:#FFF; width: 738px;} /*added by Nik 09/10*/ #contentNikHome {float: left; padding: 20px 20px 60px 20px; /*min-height: 700px;*/ background:#FFF; width: 938px;} /*added by Nik 09/10*/ /* CONTENT HOLDER- MAIN*/ #pane-l {float: left; width: 630px;} #pane-r .bg {background: url(img/bgs/right_pane_bg.png) repeat-x top left; margin-left:1px; min-height:258px; padding: 20px;} #pane-r {float: left; width: 308px; position: relative; top: -20px; left: 20px; background: url(img/bgs/right_pane_border.png) left top no-repeat; min-height: 258px;} #pane-r h1 {margin: 20px 10px 10px 10px;} #pane-r .fb{ margin: 5px 0 0 6px;} .text5 {font-size: 12px; float: right;} #seealso {display: block; float; left; border:1px solid #dcdcdc; padding: 0px 10px 5px 10px; margin-top: 30px; -moz-border-radius: 6px; -webkit-border-radius: 6px; clear: right; position: relative; font-size: .9em; line-height: 16px;} #seealso .title{position: relative; background-color: white; top: -8px; font-weight: bold; padding: 0 5px; margin-left: -8px;} #all-treatments-results {margin: 0 0 0 0; padding: 0 0 15px 8px; border-bottom: 1px dotted #c2c2c2;} /* CONTENT HOLDER - TREATMENT DETAILS */ #mask, #mask-blue {float: left; background: #d9d9d9; border: 1px solid #c8c8c8; width: 100%; -moz-border-radius: 6px; -webkit-border-radius: 6px;} #mask-blue {background:#76d5ff; border: 1px solid #76d5ff;} #col1, #col2, #col3, .col3-noradius, #col3-blue { margin: 2px; background:#FFF; border: 1px solid #c0c0c0; -moz-border-radius: 6px; -webkit-border-radius: 6px;} #col3-blue { border: 1px solid #50a4c9;} .col3-noradius {-moz-border-radius: 0px; -webkit-border-radius: 0px;} #col1 {margin-right: 220px;} #col2 {float: left; width: 213px; margin-left: -219px; margin-top:3px;} .description {text-align: left; font-size: 13px; line-height: 18px;} .description ul {padding: 0px 0 0 0; margin: 0;} .description li {background: url(img/misc/rating_circles_sm_on.png) no-repeat left -82px; margin: 0 0 5px 5px; padding-left: 10px;} .more-less, .descriptionShort {float: left; margin: 15px 182px 15px 0; } .more-less {text-align: center; border-bottom: 1px dotted #c4c4c4;} .more-less a{color: #9e9e9e;} .continued {background: none; margin:0;} #description-links {float: right; width: 170px; margin-left: -170px;} #description-links ul{list-style-type: none; list-style: none; margin: 0 0 0 8px; padding: 0;} #description-links li{ margin: 0; padding: 0; background-image: url(img/misc/rating_circles_sm_on.png); background-repeat: no-repeat; background-position: left -78px; padding: 0 0 0 11px; line-height: 26px; border-bottom: 1px dotted #c4c4c4; } #top-helpful { } #action-links { color: #fff; } #action-links a, #rightnav-action-links a{ color: #fff; text-decoration: none; } #rightnav-action-links { text-align: center; } .button-red { background-color: #d74937; display: inline-block; min-width: 54px; border: 1px solid #be1616; border-radius: 2px; text-align: center; font-weight: bold; height: 27px; padding: 0 8px; line-height: 27px; text-shadow: 0 1px rgba(0, 0, 0, 0.1); } .button-red:hover { background-image: -webkit-linear-gradient(top,#da4a38,#c63f2d); background-image: linear-gradient(top,#da4a38,#c63f2d); box-shadow:1px 1px 1px #bebebe; -moz-box-shadow:1px 1px 1px #bebebe; -webkit-box-shadow:1px 1px 1px #bebebe; } /* REPORT */ #report {background: #fff; padding: .8em .1em; clear: both;} #report .toprow, #entry .toprow, .case-sortableTop {background: url(img/bgs/report_table.png) repeat-x bottom; height: 2.5em;} #report th, #entry th { border-bottom: 1px solid #a6a6a6; background:url(img/bgs/report_table_split.png) right bottom no-repeat; padding: 2px; height: 2.5em;} #report .sort {text-align: right; padding: .8em .8em 1.5em 0;} #report select {font-size: .92em; border: 1px solid #CCC; margin:0px; padding: 5px 2px; background:url(img/buttons/cases_bg.png) repeat-x;} #report .treatment, #report .treatment-all {text-align: left; padding: 0 0 0 .8em; } #report .treatment-all1 {text-align: center;} #report tr.treatment-all { background: #f2f2f2; height: 30px; color:#777; } #report .result {width: 115px;} .result-number {width: 26px; float: left; font-weight: bold; font-size: 1.3em; color:#353535; line-height:14px;} .result-count {width: 28px; float: left; font-size: .9em; color:#666; line-height:14px;} .result-count a {color:#666} #report .category { font-size: 1.0em; border-left: 1px solid #ddd; text-align: left; background: url(img/bgs/report_table_category.gif) repeat-x center; padding-left: .5em; color:#888; line-height:1.8em;} #report .level1, #report .level2, #report .level3, #report .level4, #report .level5 {background: url(img/bgs/level2.jpg) bottom left no-repeat; width: 39px;font-size: 10px;font-weight: normal;text-align: center;line-height: 0.8em;padding-top: 7px;color:#000} #report .level2 {background-position: 25% 100%;} #report .level3 {background-position: 50% 100%;} #report .level4 {background-position: 75% 100%;} #report .level5 {background-position: 100% 100%;} #report .green, .red, .yellow, .teagreen, .orange , .white{ font-weight: bold; line-height: 30px; text-align: center; border-bottom: 1px dotted #e3e3e3; border-right: 1px solid #e3e3e3;} #report .green a{color:#359600;} #report .green:hover {background:#7adf5c;} #report .green-selected {background:#7adf5c;} #report .teagreen a{color:#a3cf1c;} #report .teagreen:hover {background:#ecfdb7; background:#b7db48;} #report .teagreen-selected {background:#ecfdb7; background:#b7db48;} #report .red a{color:#C00;} #report .red:hover {background:#e65759;} #report .red-selected{background:#e65759;} #report .yellow a{color:#dbba00;} #report .yellow:hover {background:#ffffd3; background:#edea5c;} #report .yellow-selected {background:#ffffd3; background:#edea5c;} #report .orange a{color:#ff8a00;} #report .orange:hover {background:#ffeccd; background:#ffa864;} #report .orange-selected {background:#ffeccd; background:#ffa864;} #report .green:hover a {text-decoration: none;} #report .green:hover a, #report .red:hover a, #report .yellow:hover a, #report .teagreen:hover a, #report .orange:hover a {text-decoration: none; color:#000;} #report .filter-column { padding: 0; margin: 0; border: 0; width:0px; } #report td { padding: 0;} #report .borders td{border-bottom: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3;} #report td.result {padding: .5em .2em .4em .2em; line-height:1.5em; font-size: .92em; text-decoration: none; text-align: center; border-bottom: 1px dotted #e3e3e3; border-right: 1px solid #e3e3e3;} #report td.result a:link{ text-decoration: none;} #report td.treatment {text-align: left; padding: .3em .8em; border-bottom: 1px dotted #e3e3e3; border-right: 1px solid #e3e3e3;} #report td.group_by {text-align: left; padding: .5em 1em .5em 1em;} #report .name { font-size: 1.1em; line-height: 0.9em; } #report .even {} table.evenNew { background: #FFFFFF url(css/smoothness/images/conditions-table-ground.jpg) repeat-y 0% 0%;}/*added by Nik on 9/10*/ #report .odd {background:#FFF;} .arrows {margin: 0px 0px 0px 10px; padding:0;} .arrow-down {float: left; width: 14px; background:url(img/bgs/arrow_down.gif) no-repeat 50% 70%; height:1em; margin: 0; padding:0;} .arrows li { padding: 0px 0px 0px 10px; list-style-type:none; background:url(img/buttons/arrow-gray.png) left no-repeat; line-height: 17px;} #entry {border: 1px solid #dbdbdb; padding-top: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; } #entry .toprow {height: 2.5em;} #entry th { border-bottom: 1px solid #a6a6a6; background:url(img/bgs/report_table_split.png) 100% 100% no-repeat; padding: 2px;} #entry .title-result, #entry .title-treatment {text-align: center;} #entry .title-result, #entry .title-treatment {text-align: center;} #entry .title-description, #entry .title-modified, #entry .title-condition { text-align: left; padding: 0 7px;} #entry .title-modified, #entry .title-result {width: 90px;} #entry .title-descriptionNik {background: none; padding-left: 10px;} /*added by Nik on 9/10*/ #entry .entryCopy {background: none; padding: 10px 5px 5px 10px; border-bottom: 1px dotted #CCCCCC;} /*added by Nik on 9/10*/ .entryCopyNoBorders {background: none; padding: 10px 5px 5px 10px;} /*added by Nik on 9/14*/ #entry .entryCopyHomeCheckbox {background: none; padding: 10px 5px 5px 6px; border-bottom: 1px dotted #CCCCCC;} /*added by Nik on 9/11*/ #entry .entryCopyRight {background: #ececec; padding: 10px 5px 5px 10px; border-bottom: 1px dotted #CCCCCC;} /*added by Nik on 9/10*/ #entry .entryCopyRightHome {background: #FFFFFF url(img/bgs/register-dialog.jpg) no-repeat 50% 0%; padding: 10px 5px 5px 10px; border-left: 1px dotted #CCCCCC; border-bottom: 1px dotted #CCCCCC;} /*added by Nik on 9/11*/ #entry .entryCopyRightHomeSpacer {background: #FFFFFF; border-left: 1px dotted #CCCCCC;} /*added by Nik on 9/11*/ #entry .entryCopySpacer {background: #ececec; padding: 0;} /*added by Nik on 9/10*/ #entry .result, #entry .treatment {vertical-align: top;} /*home registration styles - Nik 09/11*/ #entry .entryCopySmall {background: none; padding: 10px 5px 5px 0; border-bottom: 1px dotted #CCCCCC; font-size: 0.8em; color: #666666;} /*added by Nik on 9/11*/ td.homeRegisterBullets { padding: 27px 40px 0 60px; background: url(img/bgs/home-register-bullet.png) no-repeat 10% 55%; font-size: 1.3em; font-weight: bold; color: #494949; } td.homeRegisterBullets a.registerBulletLink{ font-size: 1em; font-weight: bold; } .plus {color: #389d19; font-weight: bold; font-size: 1.2em;} #entry p, #entry .result, #entry .treatment, #entry .titlename, #entry .condition {padding: 10px 5px 5px 5px; font-size: 1.1em; line-height: 1.3em;} #entry p {margin-bottom: 0px;} #entry .treatment, #entry .result {font-size:1em; text-align: center; vertical-align: top;} #entry .titlename, #entry .condition {vertical-align: top; text-align: left;} #entry .details { line-height: 1.8em; padding: 5px;} #entry .date {border-top: 1px solid #dbdbdb; background:#F4F4F4; padding: 3px 7px;} /* REPORT END*/ /* RATING */ /* #circles, .circles-l, #report .circles {background:url(img/misc/rating_circles_empty.png) no-repeat; width: 71px; height:15px; clear: both;} */ .circles {float: left; background:url(img/misc/rating_circles_sm_on.png) left -64px no-repeat; width: 56px; height: 12px; clear: none; margin: 1px;} .circles .on1, .circles .on2, .circles .on3, .circles .on4, .circles .on5 {float: left; background:url(img/misc/rating_circles_sm_on.png) no-repeat; height: 12px;} .circles .on2 { background-position: 0% -13px;} .circles .on3 { background-position: 0% -26px;} .circles .on4 { background-position: 0% -39px;} .circles .on5 { background-position: 0% -52px;} /* #circles .on, .circles-l .on {float: left; background:url(img/misc/rating_circles.png) no-repeat; height:15px;} .circles-l {float: left;} #circles{margin-left: auto; margin-right: auto ;} #circles-sm {float: right; background:url(img/misc/rating_circles_empty_sm.png) no-repeat; width: 57px; height: 12px; clear: both; margin: 2px;} #circles-sm .on { background:url(img/misc/rating_circles_sm.png) no-repeat; height: 12px;} */ .bars {float: left; background:url(img/misc/rating_bars_empty.png) no-repeat; width: 80px; height:11px; clear: both; margin-left: auto; margin-right: auto ;} .bars .on{float: left; background:url(img/misc/rating_bars.png) no-repeat; height:11px;} .bars-text {text-align: right; line-height: .92em; font-size: .92em; padding: 7px 10px 8px 0;} .bars-text td {padding: 2px;} /* RATING END */ /* TREATMENT DETAILS */ .treatment-title, .treatment-title2, .case-info-title, .case-info-top, .case-info-bottom {background:#f5f5f5; border-right: 1px solid #e5e5e5; width: 50px; padding: 12px; color:#999; border-top: 1px solid #fff; vertical-align:text-top;} .treatment-title { border-bottom: 1px solid #e5e5e5; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; text-transform: uppercase;} .treatment-title2 { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; border-radius: 6px; text-transform: uppercase;} .treatment-condition, .treatment-treatment {color: #d63f3f; text-decoration: none; font-weight: bold; font-size:1.3em;} .treatment-treatment {color: #6dad09;} .treatment-details {padding: 0px 4px 0px 12px; vertical-align: middle; height: 77px;} .dot-bt {border-bottom: dotted 1px #DFDFDF;} .treatment-split {border-bottom:#d6d6d6 solid 1px; padding: 7px; text-align: center; border-bottom: dotted 1px #DFDFDF;} /* CASES */ .cases-mask {float: left; display: block; border: 1px solid #e5e5e5; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 8px 8px; background: url(img/bgs/cases-split.png) repeat-x bottom; margin-bottom: 10px; -moz-box-shadow: 0px 2px 3px #f4f4f4; -webkit-box-shadow: 0px 2px 3px #f4f4f4; box-shadow: 0px 2px 3px #f0f0f0; } .cases-mask-short {float: left; display: block; border: none; background: none; border-bottom: 1px dotted #dbdbdb; margin-bottom: 5px; padding: 8px 8px; } .cases-mask-sm {float: left; border-bottom: 1px dotted #dbdbdb; padding-bottom: 10px; margin: 5px 10px;} .cases-content {float: left; min-height: 100px; width: 504px; padding-top:2px; position: relative;} .cases-profile {position: relative; float:left; background: url(img/icons/photo_default.png) no-repeat; width: 108px; min-height: 75px; z-index:100; overflow: hidden;} .cases-photo {width:85px;; height:71px;} .cases-helpful {float:right; padding: 0 10px;} .cases-helpful-sm {float:right; padding: 1px 10px 0 0;} .cases-cost {float:right; padding: 0 10px;} .cases-text {float:left; clear: both; padding:7px 0 7px 0; font-size: 1.2em; line-height: 1.4em;} .cases-text p {margin: 0 0 0 0;} .cases-details {float:left; clear: both; font-size: 1em; line-height: 1.8em; padding-bottom: 30px;} .cases-details2 {float:left; clear: both; line-height: 1.8em; padding-bottom: 10px;} .cases-title {float: left; padding: 0px 0 0px 0px; font-size: 1.2em; padding: 0 0 8px 0; font-weight: bold; margin-right: -65px;} .cases-title-sm {padding: 0px 0 2px 0px; font-size: 1.0em; } .cases-images {float: right; width: 65px; background: url(img/misc/cases-list.png) no-repeat; margin-top: 5px; padding-left: 22px; font-size: .9em;} .cases-options {position: absolute; width: 100%; bottom: 0; right: 0; padding-bottom: 3px;} .cases-button a {float:left; border: 1px solid #CCC; background: url(img/buttons/cases_bg.png) repeat-x; height:18px; color:#666; line-height: 17px; padding: 0 7px; margin-right: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} .cases-button .save {background:url(img/buttons/cases_save.png) no-repeat left; padding-left: 14px;} .cases-button .details {background:url(img/buttons/cases_details.png) no-repeat left; padding-left: 14px;} .cases-buttonRegister a, a.visited, a.hover {float:left; border: 1px solid #CCC; background: url(img/bgs/report_table.png) repeat-x; height:22px; color:#666; padding: 7px 10px 0 10px; margin-right: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px;} /*added by Nik on 09/11*/ .cases-buttonRegister .register {background:url(img/buttons/cases_details.png) no-repeat 0% 50%; padding-left: 20px;} /*added by Nik on 09/11*/ .cases-buttonCreate a, a.visited, a.hover { border: 1px solid #CCC; background: url(img/bgs/report_table.png) repeat-x; height:20px; color:#666; padding: 8px 20px; margin-right: 4px; cursor: pointer; -moz-border-radius: 4px; -webkit-border-radius: 4px;} /*added by Nik on 09/11*/ .cases-border-bottom td { border-bottom: 1px solid #CCC;} .cases-person-id {width: 86px; overflow: hidden;} .cases-person-id ul{margin: 0; padding: 0; list-style-type:none; font-size: .8em; color: #999; } .cases-person-id il{list-style-type:none;} .cases-recommend {float:left; padding-right: 10px;} .cases-recommend-yes, .cases-recommend-no{float: left; background: url(img/misc/cases-list.png) no-repeat 5px -17px; width: 24px; height: 23px; margin-top: -4px;} .cases-recommend-no {background: url(img/misc/cases-list.png) no-repeat 5px -36px;} .cases-recommend-yes :hover, .cases-recommend-no:hover {cursor: pointer; border:1px solid #999; width: 22px; height: 21px; } .pagination {border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; padding: 7px; text-align: right; background: #f9f9f9; margin: 5px 0;} .cases-paginate-on, .cases-paginate-off{padding: 1px 6px; border: 1px solid #dadada; font-size: 1em; background: #fff;} .cases-paginate-on:hover, .cases-paginate-off {background: #c0e1f0; border: 1px solid #98d9f7; text-decoration: none;} .cases-paginate-off {color: #fff;} /* RIGHT NAV */ .rightnav-review { padding: 10px; background: #f2f2f2; border: 1px solid #e3e3e3; margin: 5px 5px 15px 5px; } #social-icons { padding: 10px 0 20px 30px; } #social-icons ul { list-style: none; } .icon-fb a, .icon-rss a, .icon-apple a{ display: block; background: url(img/icons/social-icons.png) no-repeat; float: left; height: 44px; width: 125px; cursor: auto; margin-left: 10px; } .icon-fb a{ background: url(img/icons/social-icons.png) no-repeat left -44px; width: 42px; } .icon-rss a{ background: url(img/icons/social-icons.png) no-repeat left -87px; width: 42px; } /* CASE DETAILS */ .case-info-title, .case-info-top, .case-info-bottom {width: 90px; padding: 5px; padding-left: 12px; border-top: none; color:#666;} .case-info-top {padding-top: 12px;} .case-info-bottom {padding-bottom: 12px;} .case-info-content {padding: 5px; padding-left: 10px; border-bottom: 1px dotted #E8E8E8;} .case-info-content p {margin: 0 0 .5em 0; padding: 0;} .case-info-content-height { height: 32px; padding: 0px 5px 2px 10px;} .case-profile-container {margin: 0px 0px; height: 177px;} .case-profile {padding: 2px; padding-left: 5px; vertical-align: top;} .case-profile-photo {width: 65px; height: 54px; background: url(img/icons/photo_default_profile.png) no-repeat;} .case-profile-photo-big { width: 200px; height: 150px; overflow: hidden;} /* LOG IN */ .login-register {background:#f5f5f5; width: 50%; border: none; border-left: 1px solid #e5e5e5; } #login td {} #login h1 {margin: 0; padding: 8px 15px; font-size: 1.8em; border: none;} #login .pad {padding: 15px;} #login .field {float: left; width: 210px; margin: 0px; min-height: 35px;} #login .field input {border: 1px solid #b7b7b7; background: #f6f6f6 url(img/bgs/input-ground-tile.jpg) repeat-x; width: 200px; padding: 5px;} #login .on {background: url(img/buttons/sign-in.png) no-repeat; border: none; width: 110px; cursor: pointer; padding: 4px 0 7px 0; height:27px;} #login .on:hover {background:url(img/buttons/sign-in.png) 0% 100% no-repeat; border: none;} #login .bottom {padding: 5px 13px;} #login .title {clear: both; float: left; padding: 7px 5px 0 0; vertical-align: middle; width: 112px; font-weight: bold; text-align: right; margin: 0px;} #login .title2 {font-weight: bold; text-align: right; padding: 0 5px 12px 0; height: 35px;} #login .agree {clear: both; padding-left: 114px; line-height: 20px;} #login .signup { padding: 10px; } #login .inputfield {color: #222222; border: 1px solid #b7b7b7; background: #f6f6f6 url(img/bgs/input-ground-tile.jpg) repeat-x; width: 160px; padding: 2px; margin-right: 30px; } #login .error {color:#C33;} #login .error input {border-color:#C33;} /* LOG IN Buttons*/ .button-blue-box { margin-left: auto; margin-right: auto; background: url(img/buttons/register-blue-m.png) repeat-x 0% 0%; width: 120px;} .button-blue div{background: url(img/buttons/register-blue.png) no-repeat 0% 0%; line-height: 27px; } .button-blue {background: url(img/buttons/register-blue.png) no-repeat 100% 33%;} .button-blue, .button-blue div {height: 27px;} .button-blue-box a { color:#FFF; font-size: 1em; width: 100%; height: 100%; display: block; text-decoration: none; text-align: center;} .button-blue-box:hover {background: url(img/buttons/register-blue-m.png) repeat-x 0% 100%;} .button-blue div:hover {background: url(img/buttons/register-blue.png) no-repeat 0% 67%;} .button-blue:hover {background: url(img/buttons/register-blue.png) no-repeat 100% 100%;} /* CASE ADD Top Portion*/ #caseAdd {padding: 10px 0px;} #caseAdd td {padding: 5px; vertical-align: top; line-height: 22px;} #caseAdd .InputLong, .file, #caseAdd .InputShort, #caseAdd .InputShortDate, #caseAdd .InputMline, .caseAdd-InputMed { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #222222; border: 1px solid #b7b7b7; background: #f6f6f6 url(img/bgs/input-ground-tile.jpg) repeat-x; width: 530px; padding: 3px; margin:0;} .caseAdd-InputMed {width: 600px} #caseAdd .InputShort, #caseAdd .InputShortDate {width: 100px; } #caseAdd .InputShortDate {background: #f6f6f6 url(img/icons/calendar_sm.png) 97% 50% no-repeat; } #caseAdd .InputMline {background: #fafafa; height: 140px; overflow: auto;} #caseAdd .dateholder {float: left; padding-right: 10px; margin: 0;} #caseAdd ul {margin: 0; padding: 0px; width: 530px; list-style-type:none;} #caseAdd li {border: none; width:180px; margin: 0; padding:0px 5px 0px 5px; line-height:15px; float:left; font-size: .94em} #caseAdd fieldset {border: none; border: 1px solid #b7b7b7; width: 530px; background: #f8f8f8; padding: 5px; } #caseAdd fieldset input {border: 0px; vertical-align: middle; margin-right: 6px; line-height: 22px; } .file{ font-size: 1.2em; width: 380px; background: #FFF;} /* CASE ADD Bottom Portion*/ #treatCheckboxes { line-height: 22px; font-size: .94em; text-decoration: none;} #treatCheckboxes a:hover {text-decoration: none;} #treatCheckboxes input {border: 0px; vertical-align: middle; margin-right: 6px;} .h-treaments-green, .h-treaments-red {clear:both; background: #f5f5f5; border-bottom: 1px solid #dbdbdb; color: #e13535; text-transform: uppercase; font-size: 1.2em; font-weight: bold; padding: 10px;} .h-treaments-green {color: #7cba11;} .caseAdd-wrap {clear: both; float: left; background:#fff; width: 100%; margin: 10px 0 0 0;border-top: 1px dotted #dbdbdb;} .caseAdd-formbox, caseAdd-formbox2 {clear: both; position: relative; float: left; padding: 12px; font-weight: normal;} .cassAdd-table {padding: 10px; text-align: center; width: 720px;} #caseAdd-sortable h2 { clear: both; padding: 10px 0 5px 0; margin: 0px; font-size: 1.4em;} #caseAdd-sortable .r-br {border-right: 1px solid #CCC;} #caseAdd-sortable td { padding: 5px;} #caseAdd-sortable th { border-bottom: 1px solid #a6a6a6; background:url(img/bgs/report_table_split.png) 100% 100% no-repeat; padding: 5px; margin-top: 2px;} #caseAdd-sortable .top {background: url(img/bgs/report_table.png) repeat-x bottom; height: 2.9em;} #caseAdd-sortable .result { background:#fffba3; padding: 7px; border: 1px solid #dccd68; text-align: center; margin-bottom: 3px;} #caseAdd-sortable select {padding: 1px; margin-left: 5px;} #caseAdd-sortable .description {font-size: 12px; color: #222222; border: 1px solid #b7b7b7; width: 331px; padding: 3px; margin:0; overflow: auto;} #caseAdd-sortable .details {float: left;} /* Title Green */ .title-green { position: relative; top: -1px; border: 1px solid #75a74d; background: #84c429 url(img/bgs/title-green.png) repeat-x; color:#FFF; text-align: center; line-height: 1.82em;} .title-blue { color:#FFF; background: #77a7cb url(img/bgs/title-blue.png) repeat-x; border: 1px solid #77a7cb; line-height: 2em; text-align: center;} /* Right Pane */ .right-box-gray { border: 1px solid #d7d7d7; border-top: none; background: #FFF url(img/bgs/right_pane_box_bg.png) repeat-x; padding: 10px; } .right-box-treatment {} .right-box-treatment ul {margin:0; padding: 0; list-style: none;} .right-box-treatment li {padding: 10px 0; background: url(img/bgs/dots.gif) left bottom repeat-x; color:#888;} #top_menu { background-color: #00aa00; height: 25px; } #top_menu_left { float: left; position: absolute; top: 0; left: 2px; } #top_menu_right { float: right; position: absolute; top: 0; right: 2px; } #top_menu ul, #top_menu ul li { float: left; list-style-type: none; margin: 0; padding: 0; } #top_menu ul { padding: 0 6px; height: 25px; } #top_menu ul li { padding: 0 6px; position: relative; } #top_menu ul li a { float: left; display: block; padding: 0 5px; color: #fff; text-decoration: none; font-size: 12px; line-height: 22px; font-weight: bold; } #top_menu ul li a:hover, #top_menu ul li.selected a { color: #000; } #top_menu ul li.selected a { font-weight: bold; } /* Case Edit Page -------------------------------- */ #condition_treatment { position:relative; height:300px; } #condition_selection { float:left; top:0; left:0; width: 723px; border: 0px; } #diagnosis_method_selection{ float:left; top:0; left:230px; width:180px; } #treatment_result_selection{ padding: 10px; margin: 10px 0; border: 1px solid #EEE; } #form_optional { clear:both; } #condition_treatment UL { PADDING-BOTTOM: 0px; BORDER-RIGHT-WIDTH: 0px; TEXT-INDENT: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; PADDING-TOP: 0px } #condition_treatment LI { LIST-STYLE: none none outside; } /*added by nik on 09/14*/ td.tratmentSwitchHeaderShow { background: #f4f4f4 url(img/misc/treatmentSwitchHeaderShow.gif) no-repeat 0% 0%; color: #7cba11; text-transform: uppercase; font-size: 1.2em; font-weight: bold; padding: 15px 0 10px 35px; } td.tratmentSwitchHeaderHide { background: #f4f4f4 url(img/misc/treatmentSwitchHeaderHide.gif) no-repeat 0% 0%; color: #e13535; text-transform: uppercase; font-size: 1.2em; font-weight: bold; padding: 15px 0 10px 35px; } td.tratmentSwitchHeaderShowBottom { background: #f4f4f4 url(img/misc/treatmentSwitchHeaderShowB2.gif) no-repeat 0% 0%; color: #7cba11; text-transform: uppercase; font-size: 1.2em; font-weight: bold; padding: 26px 0 17px 35px; } td.tratmentSwitchHeaderHideBottom { background: #f4f4f4 url(img/misc/treatmentSwitchHeaderHideB2.gif) no-repeat 0% 0%; color: #e13535; text-transform: uppercase; font-size: 1.2em; font-weight: bold; padding: 26px 0 16px 35px; } td.tratmentSwitchNestTop { border-left: 1px solid #b8b8b8; border-right: 1px solid #b8b8b8; padding: 0 3px; background-color: #cdcdcd; } td.tratmentSwitchNestTopEmpty { border-left: 0; padding: 0; background-color: #FFFFFF; } /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; } .ui-corner-tr { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bl { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-br { -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-top { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-right { -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-right-radius: 6px; } .ui-corner-left { -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; -moz-border-radius-bottomleft: 6px; -webkit-border-bottom-left-radius: 6px; } .ui-corner-all { -moz-border-radius: 6px; -webkit-border-radius: 6px;} .pad10tb {padding-top: .92em; padding-bottom: .92em;} .mygroups { text-align: left; clear: both; font-weight: normal; font-size: 1.2em; font-weight: bold; color: #222; text-align: left; background: url(img/bgs/report_table_category.gif) repeat-x bottom; line-height: 1.6em; } .mygroups td{ background: #fff; text-align: left; inherit: none; border-top: 20px solid #fff; border-bottom: 2px solid #3085ac; } /*superfish begin*/ /*** ESSENTIAL STYLES ***/ .sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none; font-size: 1em; } .sf-menu { line-height: 1.0; padding: 10px 0 0 33px; } .sf-menu ul { position: absolute; top: -999em; width: 18em; /* left offset of submenus need to match (see below) */ } .sf-menu ul li { width: 100%; } .sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ } .sf-menu li { float: left; position: relative; z-index: 100; } .sf-menu a { display: block; position: relative; } .sf-menu li:hover ul, .sf-menu li.sfHover ul { left: 0; top: 3.4em; /* top ul list item height */ z-index: 99; } ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul { top: -999em; } ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul { left: 14em; /* match ul width */ top: 0; } ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul { top: -999em; } ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul { left: 14em; /* match ul width */ top: 0; } /*** DEMO SKIN ***/ .sf-menu { float: left; margin-bottom: 0em; } .sf-menu li { margin-right: 1px; } .sf-menu li ul { /* sub items wrap */ background-color:#F3F3F3; padding: .5em .5em; border:1px #CCC solid; border-top: none; } .sf-menu a { border: 0px; text-decoration:none; } .sf-menu li li { background-color:#F3F3F3; } .sf-menu li li a, sf-menu li li a:visited { /* Submendu items */ padding: .5em 1.5em; color:#111111; font-size:1em; border-width:0px 0px 0px 0px; border-style:solid; border-color: #d4d3d3; background: url(/site-media/img/navigation/top-nav-user-options.png) no-repeat 3% -328px; } .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/ color: #111111; } .sf-menu li { } .sf-menu li li li { } .sf-menu li li:hover, .sf-menu li li.sfHover, .sf-menu li li a:focus, .sf-menu li li a:hover, .sf-menu li li a:active { outline: 0; background: #bad9ff url(/site-media/img/navigation/top-nav-user-options.png) no-repeat 3% -328px; } /* Genna's */ .qmparent { background: url(/site-media/img/buttons/buttons-top.png) no-repeat; height: 41px; width: 144px; padding: 0; } .qmparentA { display: block; width:100%; height:100%; text-decoration:none; } .qmparent:hover { background: url(/site-media/img/buttons/buttons-top.png) 0% -41px no-repeat; cursor: hand; } .qmparent2 { background: url(/site-media/img/buttons/buttons-top.png) 0% -82px no-repeat; height: 41px; width: 144px; padding: 0; } .qmparent2:hover { background: url(/site-media/img/buttons/buttons-top.png) 0% -123px no-repeat} /*** arrows **/ .sf-menu a.sf-with-ul { padding-right: 2.25em; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */ } .sf-sub-indicator { position: absolute; display: block; right: .75em; top: 1.05em; /* IE6 only */ width: 10px; height: 10px; text-indent: -999em; overflow: hidden; background: url('/site-media/images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */ } a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: .8em; background-position: 0 -100px; /* use translucent arrow for modern browsers*/ } /* apply hovers to modern browsers */ a:focus > .sf-sub-indicator, a:hover > .sf-sub-indicator, a:active > .sf-sub-indicator, li:hover > a > .sf-sub-indicator, li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/ } /* point right for anchors in subs */ .sf-menu ul .sf-sub-indicator { background-position: -10px 0; } .sf-menu ul a > .sf-sub-indicator { background-position: 0 0; } /* apply hovers to modern browsers */ .sf-menu ul a:focus > .sf-sub-indicator, .sf-menu ul a:hover > .sf-sub-indicator, .sf-menu ul a:active > .sf-sub-indicator, .sf-menu ul li:hover > a > .sf-sub-indicator, .sf-menu ul li.sfHover > a > .sf-sub-indicator { background-position: -10px 0; /* arrow hovers for modern browsers*/ } /*** shadows for all but IE6 ***/ .sf-shadow ul { background: url('/site-media/img/bgs/shadow.png') no-repeat bottom right; padding: 0 8px 9px 0; -moz-border-radius-bottomleft: 17px; -moz-border-radius-topright: 17px; -webkit-border-top-right-radius: 17px; -webkit-border-bottom-left-radius: 17px; } .sf-shadow ul.sf-shadow-off { background: transparent; } /*superfish end*/ /* Autocomplete ----------------------------------*/ .ui-autocomplete { position: absolute; cursor: default; width:450px;max-height: 380px; overflow-y: scroll;border:1px solid #C8C8C8;} .ui-autocomplete-loading { background: white url('images/ui-anim_basic_16x16.gif') right center no-repeat; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* Menu ----------------------------------*/ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; } .ui-menu .ui-menu-item a.ui-state-hover {background-color: #0A246A;color: white;} .ac_odd { background-color: #eee; } .ui-autocomplete-term { font-weight: bold;} /*autocomplet end*/ /* Component containers orignnaly was in jquery.custom.css file ----------------------------------*/ .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em;} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 0px solid #dbdbdb; border-bottom: 0px solid #FFFFFF; background: #fff; color: #222222; margin-right: 1px; margin-left: 1px; -moz-border-radius: 0px; -webkit-border-radius: 0px;} .ui-widget-content a { color: #222222;} .ui-widget-header { font-weight: bold;} .ui-widget-header a { color: #eaf5f7; }