/* Minification failed. Returning unminified contents. (3682,2): run-time error CSS1031: Expected selector, found '/' (3682,2): run-time error CSS1025: Expected comma or open brace, found '/' */ /* ----- Table of Contents ******************************************* Mark Pieszak :: 4/23/2012 Updated :: 10/25/2012 ******************************************* Table of Contents :: ----------------------- I. Helper Classes II. Page PRESETS ----------------------- */ /* Region Help: ( get it here: http://visualstudiogallery.msdn.microsoft.com/0ca60d35-1e02-43b7-bf59-ac7deb9afbca ) */ /****************************************************************/ /* Ctrl-M-O - Collapse all Regions */ /* Ctrl-M-L - Open all Regions */ /* Ctrl-M-M - (with 1 Region selected) Opens all inside */ /*#region --- RESETS --- */ /*:root { --primary-darkbluecolor: #2b6597; --primary-darkgreencolor: #5a7d25; --primary-lightgreycolor: #cdcdcd; --primary-darkgreycolor: #757575; }*/ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; } *:focus { outline: none;} /* chrome/safari borders */ nav ul, nav li { margin: 0; list-style-type:none; } td, td img { vertical-align: top; } ul li { list-style-type:none; } ol { list-style-type: decimal; } blockquote, q { quotes:none; } blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; } a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; } ins { background-color:#ff9; color:#000; text-decoration:none; } mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; } del { text-decoration: line-through; } abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; } table { border-collapse:collapse; border-spacing:0; } hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; } input, select { vertical-align:middle; } input[type=button], input[type=submit], button { cursor: pointer; } button, input, select, textarea { margin: 0; padding:0; font:99% sans-serif; } .no-boxshadow input:invalid, .no-boxshadow textarea:invalid { background-color: #f0dddd; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } /* Specific Resets */ a:hover, a:active { outline: none; } a { outline:none; text-decoration:none; } a:hover { } a:link { -webkit-tap-highlight-color: #5a7d25; } /* for phones */ small { font-size: 85%; } strong, th { font-weight: bold; } .underline { text-decoration:underline; } .seo { font-weight:normal; font-style:normal; } .strong { font-weight:bold; } textarea { overflow: auto; } .ie6 legend, .ie7 legend { margin-left: -7px; } input[type="radio"] { vertical-align: text-bottom; accent-color: #005e98; } input[type="checkbox"] { vertical-align: bottom; accent-color: #005e98; } .ie7 input[type="checkbox"] { vertical-align: baseline; } .ie6 input { vertical-align: text-bottom; } input:valid, textarea:valid { } /* input:invalid, textarea:invalid { border-radius: 1px; -moz-box-shadow: 0px 0px 5px red; -webkit-box-shadow: 0px 0px 5px red; box-shadow: 0px 0px 5px red; }*/ pre, code, kbd, samp { font-family: monospace, sans-serif; } /* webkit input background */ input:-webkit-autofill { background:none !important; } button { width: auto; overflow: visible; } .ie7 img { -ms-interpolation-mode: bicubic; } .ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; } .visuallyhidden { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); } /*#endregion*/ /*#region --- I. Helper Base Classes --- */ .hide { display:none; } /* use for jquery hide/show stuff */ .showInlineBlock { display:inline-block; } .cursorPointer { cursor:pointer; } .ie7 a.hide, .ie8 a.hide { display:none; } .hidden { display: none; visibility: hidden; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; visibility: hidden; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } /* MVC3 VALIDATION ERRORS */ .validation-summary-errors { } .validation-summary-errors ul { width:75%; margin:0 auto; border-top:1px #888 solid; border-bottom:1px #888 solid; } .validation-summary-errors ul li { margin:3px 0; font-weight:bold; } .validation-summary-errors ul li:before { content:"X"; color:#e6391f; font-weight:bold; margin:0 8px 0 0; } /* FONT CHANGES / ALIGNMENT / ETC */ .f10 { font-size:10px; } .f12 { font-size:12px; } .f14 { font-size:14px; } .f16 { font-size:16px; } .f18 { font-size:18px; } .f20 { font-size:20px; } .f24 { font-size:24px; } .f28 { font-size:28px; } .lineHeight16 { line-height:16px; } .lineHeight18 { line-height:18px; } .lineHeight20 { line-height:20px; } .lineHeight22 { line-height:22px; } .lineHeight26 { line-height:26px; } .lineHeight32 { line-height:32px; } .displayBlock { display:block; } .alignLeft { text-align:left !important; } .alignCenter { text-align:center !important; } .alignRight { text-align:right !important; } .justify { text-align: justify !important; } .wordWrap { display:block; word-break:break-all; white-space: pre-wrap; white-space: -moz-pre-wrap !important; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } .vAlignMiddle { vertical-align:middle; } .vAlignBottom { vertical-align:bottom; } /* Float / Clear options */ .fLeft { float:left; } .fRight { float:right; } .fNone { float:none !important; } .clear { clear:both; } .clearLeft { clear:left; } .clearRight { clear:right; } /*#endregion*/ /*#region --- II. Page PRESETS & BASELINES --- */ html { overflow-y: scroll; } body { font:12px/1.0 sans-serif; } /*behavior: url('../Scripts/csshover3.htc') !important;*/ /* fix for :hover states in ie6/7 */ /* hack retained to preserve specificity */ body, select, input, textarea { color: #242424; /* better than straight-black #000 */ font-family: "Inter", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, san-serif !important; } /* old font-set up: Tahoma,Helvetica,Arial,sans-serif */ input { font-family: "Inter", "Lucida Grande", Tahoma, "Trebuchet MS", Arial, san-serif !important; } .ie6 img, .ie6 div, .ie6 input { /*behavior: url('../scripts/iepngfix.htc') !important;*/ } /* ie6 png transparency fix */ img, div, input { /*behavior: url('../scripts/iepngfix.htc') !important;*/ } h1,h2,h3,h4,h5,h6 { font-weight: bold; } /* Fonts / Text */ h1 { font-size:1.7em; } h2 { font-size:1.7em; } h3 { font-size:1.4em; } h4 { font-size:1.1em; } /*> Colors (although !important should almost never be used, these are last resorts for class / JS additions to trump all) */ .blue { color:#5279a4 !important; } .black { color:#555 !important; } .white { color:#fff !important; } .red { color:#c23722 !important; } .blueLight { color:#80a7ff !important; } .darkGray { color:#555 !important; } .orange { color:#f59c41 !important; } .orangeDark { color:#D5812B !important; } .green { color: #5a7d25 !important; } .lightGreen { color:#d6ffa9; } .yellow { color:#ffeba8 !important; } .lightYellow { color: #fffded !important; } blockquote { border: 1px solid #E6C147; background: #fffded; color:#555; margin: 0 0 10px 0; padding: 1.5em .7em; line-height: 1.6em; width: auto; -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; -pie-border-radius: 5px; border-radius: 5px; overflow:hidden; } blockquote.red { border-color:#c23722; color:#c23722; background: #ffe9ea; } blockquote.green { border-color: #5a7d25; color: #6b942c; background: #f9fff0; } blockquote.blue { border-color:#94B7DD; color:#242424 !important; background: #F5F9FD; } blockquote.noStyling { color:#555; border:0; background:none; } blockquote.noPadding { margin: 0; padding: 0; } /* ui dialog box additions */ .ui-dialog-content blockquote { margin-top: 15px; width: auto; } .ui-dialog-content blockquote.red { margin-top: 15px; width: auto; } /* for multiline blockquotes that want everything spaced away from icon */ blockquote i.left { float: left; margin-top:2px; } blockquote .right { float: left; width:94% } .ie7 .helpTips { display: none; } ol { margin:5px 0 5px 20px; } ol li { margin:10px 0; line-height:1.4em; } .roundedCorners { -moz-border-radius: 4px; -webkit-border-radius: 4px; -khtml-border-radius: 4px; -pie-border-radius: 4px; border-radius: 4px; } .greenStyle { border: 1px solid #5a7d25; overflow: hidden; background: #f9fff0; padding: 10px; } .printPage { padding:10px; border:5px #ccc solid; width:980px; background:#fff; } .printPage div, .printPage div div, .printPage div table, .printPage div table table, .printPage table div .printPage table, .printPage table table { max-width:960px !important; } #divPrint { float:right; margin-right:50px; } /*#endregion*/ @charset "utf-8"; /* [[[[ CSS TABLE OF CONTENTS ]]]] Eviti - connect www.eviti.com 9/5/2012 CSS Document >>>>>>>>>>> Table of Contents: O. RESET / IMPORTS I. GLOBALS II. LAYOUT III. INSIDE PAGES X. MEDIA / PRINT QUERIES ******************************************************************/ /* Region Help: ( get it here: http://visualstudiogallery.msdn.microsoft.com/0ca60d35-1e02-43b7-bf59-ac7deb9afbca ) */ /****************************************************************/ /* Ctrl-M-O - Collapse all Regions */ /* Ctrl-M-L - Open all Regions */ /* Ctrl-M-M - (with 1 Region selected) Opens all inside */ /*#region ----- 0. RESET / IMPORTS */ /* REMOVED FROM BUNDLE (Imports don't get bundled / used) */ /*#endregion*/ /*#region ----- 0a. CSS Preloaded Images */ /*body::after { content:url('../Images/Global/bigbutton_on.jpg') url('../Images/Global/bigbutton_green_on.jpg'); display: block; }*/ /*#endregion*/ /*#region ----- I. GLOBALS -------------------------------------------------------------------------------------------------------------- */ /*:root { --primary-darkbluecolor: #2b6597; --primary-darkgreencolor: #5a7d25; --primary-lightgreycolor: #cdcdcd; --primary-darkgreycolor: #757575; }*/ h1, h2, h3, h4, h5, h6 { color: #005e98; padding: 0.25em 0; } p { font-size: 14px; margin: 0.2em 0; line-height: 1.4em; } /* css3 text select color change */ ::-moz-selection { background: #2b6597; color: #fff; text-shadow: 0px 0px 3px #242424; } a, a:active, a:link, a:visited { color: #2b6597; text-decoration: underline; } a:hover { color: #2b6597; } a:focus { color: #2b6597; outline-color: #56575f; outline-style: dotted; outline-width: 1px; } a:hover, a.smallArrow:hover, a#videoIcon:hover, ul#headerNav li a:hover, #splashHeader ul li a.topnavSelected, a.TestAccountLink:hover { text-decoration: underline; } /* Eviti GENERAL INPUT APPEARANCE */ input, input[type="text"], input[type="password"], input[type="url"], input[type="email"], input.datepicker, input.text, input.title, textarea, select { border: 1px solid #bbb; border-radius: 4px; color: #555; padding: 10px; } input[type="text"]:focus, input[type="password"]:focus, input[type="url"]:focus, input[type="email"]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus, span:focus, label:focus, td:focus { border-color: #666; box-shadow: 0 0 10px #7a98b0; } input[type="radio"]:focus { outline-color: #56575f; outline-style: dotted; outline-width: 1px; } .k-state-default > .k-select { background-color: white; } .k-dropdown .k-input, .k-dropdown .k-state-focused .k-input, .k-menu .k-popup, .k-multiselect .k-button, .k-multiselect { padding: 10px !important; } .k-dropdown-wrap .k-input, .k-numeric-wrap .k-input, .k-picker-wrap .k-input { border-radius: 4px 0 0 4px !important; padding: 10px !important; } .k-autocomplete.k-state-default, .k-dropdown-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-picker-wrap.k-state-default { overflow: hidden; } .k-state-default > .k-select, .k-datetimepicker .k-select + .k-select, .k-dropdown-wrap .k-select, .k-list-container.k-state-border-right, .k-numeric-wrap .k-select, .k-picker-wrap .k-select { cursor: pointer; padding-top: 8px; } .k-state-disabled { cursor: default !important; } .k-widget, .k-datepicker, .k-header { background: none !important; } .k-item { font-size: 12px; } /*.ie6 .evitiLook { border: 1px solid #bbb; color: #555; padding: 4px; }*/ /*#endregion*/ /*#region ----- II. LAYOUT -------------------------------------------------------------------------------------------------------------- */ body { background: white; color: #555; } .wrapper { background: none; margin: 0 auto; padding: 10px 0; width: 1128px; } /*#inexxTop { background: url('../images/Master/bg_newINEXXtop.jpg') no-repeat; width: 100%; height: 41px; border-bottom: 5px #D0D1D3 solid; }*/ #inexxTop img { margin: 6px 0 0 33px; } /*> General site content wrapper */ .pageContent { margin-top: 10px; } .innerWrapper { margin: 0 auto; width: 1128px; min-height: 300px; overflow: hidden; } /**** HEADER AREA / NAV ETC ****/ #logo { top: 10px; position: relative; } #logo, #logo img { width: 149px; height: 30px; } #headerWrapper { background: #003583; } #headerWrapper nav { width: 100%; } #splashHeader, #headerMaster { height: 54px; margin: 0 auto; width: 1128px; display: flex; justify-content: space-between; } #headerMaster ul#headerNav { float: right; padding-top: 16px; display: flex; } #headerNav li { margin-left: 1.5rem; display: block; float: left; list-style: none; } #headerNav li i { margin: 0 10px 0 3px; } #headerNav li span { background: url(../images/Master/secondary_header_links_sprite.png) no-repeat; display: block; float: left; margin-right: 5px; width: 19px; } #headerNav li span#help { background-position: -21px 0; } #headerNav li span#dashboard { background-position: -42px 0; } #headerNav li span#myAccount { background-position: -63px 0; } #headerNav li span#logout { background-position: -84px 0; } #headerNav li a { color: white; font-size: 12px; height: 19px; line-height: 19px; text-decoration: none; } #headerNav li a:hover { color: #769eca; } /*NEW STYLES FOR HTML5.2 MASTER */ #headerMaster nav#headerNav { float: right; text-align: left; padding-top: 16px; display: flex; justify-content: flex-end; } #headerNav a { display: inline-block; margin-left: 1.5rem; color: white; height: 19px; line-height: 19px; text-decoration: none; } #headerNav a:focus, #headerNav a:hover { text-decoration: underline; } #headerNav a i { margin: 0 10px 0 3px; } #headerNav nav span { background: url(../images/Master/secondary_header_links_sprite.png) no-repeat; display: block; float: left; margin-right: 5px; width: 19px; } #headerNav nav span#help { background-position: -21px 0; } #headerNav nav span#dashboard { background-position: -42px 0; } #headerNav nav span#myAccount { background-position: -63px 0; } #headerNav nav span#logout { background-position: -84px 0; } /* rounded corner elements*/ .tab-label { border-radius: 8px; background: none !important; padding: 0 !important; margin-bottom: 1.5rem; } #evitiDescription { border-radius: 8px !important; } #loginTop, .sectionTitle { border-radius: 8px 8px 0 0; } #loginBottom, .section .sectionFooter div { border-radius: 0 0 8px 8px; } /* Bottom page rounded corners*/ div#mainBgRoundedCorners { height: 24px; margin-bottom: 20px; margin-left: auto; margin-right: auto; width: 1128px; } .section { /*background: transparent url(../images/Master/blueheader_top_left.png) no-repeat top left;*/ overflow: hidden; margin-bottom: 20px; width: 100%; /* just use another class or style="width:500px;" to manually set it */ } .section .sectionHeader { background: transparent url(../images/Master/blueheader_top_right.png) no-repeat top right; font-size: 16px; font-weight: bold; color: #fff; line-height: 35px; } /*> Accordian adjustments */ .section .accordion h3 { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.5); color: #2b6597; font-size: 100%; padding: 12px; text-decoration: none; margin: 8px 16px 0; border-radius: 4px; color: rgba(0, 0, 0, 0.9); } .section .accordion h3:hover { background-color: #f9f9f9; background-image: -webkit-gradient( linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9) ); background-image: -webkit-linear-gradient(top, #f9f9f9, #e9e9e9); background-image: -moz-linear-gradient(top, #f9f9f9, #e9e9e9); background-image: -ms-linear-gradient(top, #f9f9f9, #e9e9e9); background-image: -o-linear-gradient(top, #f9f9f9, #e9e9e9); background-image: linear-gradient(to bottom, #f9f9f9, #e9e9e9); } .section .accordion h3.collapsed:hover { background-image: url(../images/Master/blue_arrow_down.gif); } .section .accordion h3.expanded, .inner .accordion h4.expanded, .inner .accordion h4:hover { background-color: #f9f9f9; background-image: url(../images/Master/blue_arrow_down.gif); } .section .accordion h3 { transition: border-radius 0.4s ease; } .section .accordion h3.expanded { border-radius: 4px 4px 0 0; } .section .accordion h3.notEligible { color: #555; background-color: #ffe9ea; background-image: url(../images/Master/blue_arrow_down.gif), -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#ffe9ea)); background-image: url(../images/Master/blue_arrow_down.gif), -webkit-linear-gradient(top, #f9f9f9, #ffe9ea); background-image: url(../images/Master/blue_arrow_down.gif), -moz-linear-gradient(top, #f9f9f9, #ffe9ea); background-image: url(../images/Master/blue_arrow_down.gif), -ms-linear-gradient(top, #f9f9f9, #ffe9ea); background-image: url(../images/Master/blue_arrow_down.gif), -o-linear-gradient(top, #f9f9f9, #ffe9ea); background-image: url(../images/Master/blue_arrow_down.gif), linear-gradient(to bottom, #f9f9f9, #ffe9ea); } /* ie8 and lower fixes - gdamn IE sucks...... */ /*.IE8down .section .accordion h3.expanded, .IE8down .section .accordion h3.collapsed:hover, .IE8down .inner .accordion h4.expanded, .IE8down .inner .accordion h4:hover { background-image: url(../images/Master/blue_arrow_down.gif); background-position: 98% 50%; background-repeat: no-repeat; }*/ .errorContent h4 { color: #a8301e; margin: 6px 0; } /**** BUTTONS ****/ .commands { border-top: 1px solid rgba(0, 0, 0, 0.12); padding: 10px 5px; } a.defaultLink { color: #a6be80; } a.glossy:link, a.glossy:visited, a.glossy:hover, a.glossy:active { background: url(../images/buttonsSprite.png) no-repeat 0 0; color: #fff; display: block; font-size: 95%; height: 33px; line-height: 33px; text-align: center; text-decoration: none !important; width: 50px; } a.glossy.alternate:link { background-position: 0 -35px; } div#videoIconDiv { float: right; margin: 20px 30px 0 0; } a#videoIcon span { background: url(../images/Master/secondary_header_links_sprite.png) no-repeat; background-position: 0 -20px; display: block; float: left; height: 25px; padding-right: 10px; width: 25px; } a#videoIcon { color: #2b6597; font-weight: 700; height: 25px; line-height: 25px; text-decoration: none; } /*> ACCORDION ----------- */ .inner { } .inner table { padding: 10px 0; display: block; } .inner table tr td { padding: 3px 10px; line-height: 16px; font-size: 0.9em; } .inner table tr td:first-child { font-weight: bold; text-align: right; width: 165px; } .inner h4 { padding: 6px 0 10px; border-bottom: 1px #ccc solid; color: #555; } .inner h4:hover { border-bottom: 1px #ccc solid; } .collapsed { background-image: url(../images/Master/gray_arrow_up.gif); background-position: 98% 50%; background-repeat: no-repeat; } .expanded { background-image: url(../images/Master/blue_arrow_down.gif); background-position: 98% 50%; background-repeat: no-repeat; } .section .content { background-color: #fff; border-top: 0; padding: 16px; margin: 0 16px 16px; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 0 0 8px 8px; } .section .paddedContent { background-color: #fff; border: 12px solid #e2e2e2; margin: 0; } .section .sectionFooter div { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right: 1px solid rgba(0, 0, 0, 0.12); border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /* HEADER SECTIONS */ div.sectionTitle, div.whiteFooterBar { font-size: 16px !important; color: #fff; display: block; font-weight: bold; min-height: 35px; line-height: 22px; text-decoration: none; } div.whiteFooterBar { background: transparent url(../images/Master/blueheader_bottom_left.png) no-repeat top left; } div.sectionTitle { overflow: hidden; border: 1px solid #e2e2e2; color: #005e98; line-height: 20px; } div.sectionTitle span, div.whiteFooterBar span { display: flex; overflow: hidden; padding: 24px; } div.whiteFooterBar span { display: block; height: 35px; background: transparent url(../images/Master/blueheader_bottom_right.png) no-repeat top right; } .sectionContent, .whiteRoundedCornersContent { border-left: 1px solid rgba(0, 0, 0, 0.12); border-right: 1px solid rgba(0, 0, 0, 0.12); padding: 24px; } div.sectionTitle h2 { padding: 9px 10px 4px 2px; font-size: 16px; } .sectionContent { overflow: hidden; } .sectionContent h3 { font-size: 1.3em; margin: 0.1em 0 0.8em 0; } .sectionHighlightRed { background: #ffeeee; } .orangeHighlight td { background: #f59c41 !important; color: #fff !important; } .redHighlight td { background: #a8301e !important; color: #fff !important; } .subsection { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.12); border-top: 0; padding: 10px; } .callout { background: transparent url(../images/Master/whiteRoundedTopLeft.png) no-repeat top left; margin-bottom: 20px; } .callout .calloutHeader { background: transparent url(../images/Master/whiteRoundedTopRight.png) no-repeat top right; height: 9px; margin-left: 8px; } .callout .content { background-color: #fff; border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; padding: 10px 14px; } .callout .calloutFooter { background: transparent url(../images/Master/whiteRoundedBottomLeft.png) no-repeat bottom left; } .callout .calloutFooter div { background: transparent url(../images/Master/whiteRoundedBottomRight.png) no-repeat bottom right; height: 9px; margin-left: 8px; } div.menu ul { list-style: none; margin: 0px; padding: 0px; width: auto; } #location { margin: 10px 0; font-size: 12px; } .calloutYellow { border-radius: 4px; border: 1px solid #ffac26; background: rgba(255, 172, 38, 0.2); color: #662700 !important; font-size: 14px !important; font-weight: normal !important; padding: 1rem; } .calloutYellow:focus { border-color: #ffac26 !important; box-shadow: none !important; } .calloutGray { border-radius: 4px; border: 1px solid #ccc; background: #f1f1f1; color: rgba(0, 0, 0, 0.9) !important; font-size: 14px !important; font-weight: normal !important; padding: 1rem; } .calloutGray:focus { border-color: #ccc !important; box-shadow: none !important; } /*.ie7 #location { margin: 3px 0 0 5px; }*/ /*#endregion*/ /*#region ----- MISC */ /**** TELERIK ****/ input.rcbInput { color: #2b6597; font-family: Tahoma, Helvetica, Arial, sans-serif; padding: 4px; } div.RadListBox .rlbNoButtonText .rlbButtonText { font-size: inherit; } /* To be worked on: */ caption { background-color: inherit; } .small { line-height: 1.5em; } ul.globalListPadding { margin: 10px 0 15px 25px; } ul.globalList li { list-style-image: url("../images/icons/globalList_checkblue.png"); } ul li { font-size: 14px; } a.checkmark { background: url("../images/icons/globalList_checkblue.png") no-repeat top left; background-position: 0px -4px; display: inline-block; margin: 7px 0; padding-left: 20px; font-size: 14px; color: #005e98; text-decoration: none; } a.checkmark:focus, a.checkmark:hover { color: #003583; text-decoration: underline; } div#loginProductDescription { margin: 50px 0 0 38px; } div#splashHeader div#menuContainer { background-color: #003583; display: flex; justify-content: space-between; width: 100%; } div#splashHeader div#menuContainer, #welcomeLoginUser { color: #fff; } #welcomeLoginUser { padding-top: 108px; font-size: 16px; font-weight: bold; margin-left: 38px; } #splashHeader ul { overflow: hidden; padding-top: 8px; } #splashHeader ul li { display: inline-block; margin-left: 1.5rem; } /*.ie6 #splashHeader ul li { background: none; }*/ #splashHeader ul li a { color: #fff; text-decoration: none; line-height: 35px; font-size: 12px; } #splashHeader ul li a:focus, #splashHeader ul li a:hover { text-decoration: underline; } #splashHeader ul { overflow: hidden; padding-top: 8px; } #splashHeader ul li { float: left; /*background: transparent url('../images/white_trans.png') no-repeat top right;*/ display: inline; } /*.ie6 #splashHeader ul li { background: none; }*/ #splashHeader ul li a { color: #fff; text-decoration: none; line-height: 35px; font-size: 12px; } #splashHeader ul li a:focus, #splashHeader ul li a:hover { text-decoration: underline; } /*#endregion*/ /*#region ----- Login / Default page content */ .buttonBlue, .k-button.k-upload-selected { background-color: #005e98; border-radius: 4px; border: 2px solid transparent; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); padding: 0 16px; border-radius: 4px; display: inline-block; color: #fff !important; font-weight: bold; font-family: "Inter"; text-decoration: none !important; text-transform: uppercase; text-rendering: optimizeLegibility; letter-spacing: 0.0892857143em; line-height: 32px; font-size: 0.9rem; white-space: nowrap; } .buttonBlue:focus, .buttonBlue:hover, .k-button.k-upload-selected:focus, .k-button.k-upload-selected:hover { background-color: #146ba0; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .buttonSecondary, .k-button.k-clear-selected { background-color: unset !important; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 4px; color: #005e98 !important; display: block; font-size: 0.9rem; font-weight: bold; padding: 0.75rem 1.25rem; text-decoration: none !important; text-transform: uppercase; } .buttonSecondary:focus, .buttonSecondary:hover, .k-button.k-clear-selected:focus, .k-button.k-clear-selected:hover { background: linear-gradient(rgba(0, 59, 105, 0.08), rgba(0, 59, 105, 0.08)), linear-gradient(transparent, transparent); } .k-window-titlebar { background: white !important; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { justify-content: right; width: 100%; display: flex; } .ui-dialog:not(.ui-widget-red) .ui-dialog-buttonset button:last-child { background-color: unset !important; border: 1px solid rgba(0, 0, 0, 0.12) !important; border-radius: 4px; box-shadow: none; color: #005e98 !important; display: block; font-size: 0.9rem; font-weight: bold; padding: 0.75rem 1.25rem; text-decoration: none !important; text-transform: uppercase; line-height: 0.8; } .ui-dialog:not(.ui-widget-red) .ui-dialog-buttonset button:last-child:focus, .ui-dialog:not(.ui-widget-red) .ui-dialog-buttonset button:last-child:hover { background: rgba(0, 59, 105, 0.08) !important; } .ui-widget-red .ui-dialog-buttonset button:last-child { color:white !important; } .ui-widget-red .ui-dialog-buttonset button:focus, .ui-widget-red .ui-dialog-buttonset button:hover { background: #c23722 !important; border: 2px solid #c23722 !important; font-weight: bold !important; } .bigbutton { border: 2px solid transparent; font-size: 0.9rem; background-color: #005e98; border-radius: 4px; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); padding: 0 8px; letter-spacing: 0.0892857143em; text-transform: uppercase; text-rendering: optimizeLegibility; color: #fff !important; text-decoration: none !important; line-height: 50px; font-weight: bold; display: inline-block; } .bigbutton:hover, .bigbutton:focus { background-color: #146ba0; box-shadow: 0 2px 4px -1px rgba(0, 0, 0, 0.2), 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12); } .bigbutton:hover { opacity: 0.8; } .bigbutton:focus { outline-style: none; } .bigbuttonSecondary { text-transform: uppercase; padding: 0 1rem; overflow: hidden; font-size: 0.9rem; color: #005e98 !important; background-color: unset !important; border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 4px; text-decoration: none !important; line-height: 50px; font-weight: bold; display: block; } .bigbuttonSecondary:focus, .bigbuttonSecondary:hover { background: linear-gradient(rgba(0, 59, 105, 0.08), rgba(0, 59, 105, 0.08)), linear-gradient(transparent, transparent); } .bigbuttonSecondary:hover { opacity: 0.8; } .bigbuttonSecondary:focus { outline-style: none; } .bigGreen { background-color: #0f6e00; border: 1px solid #789d3e; /*background: url('../Images/Global/bigbutton_green_off.jpg') no-repeat;*/ } .bigGreen:hover { opacity: 0.8; /*background: url('../Images/Global/bigbutton_green_on.jpg') no-repeat;*/ } .bigbutton span { /* for multiline */ line-height: 18px; margin: 7px 0 0 0; float: left; text-align: center; width: 150px; } .bigbutton i { background: url("../Images/Global/bigbutton_sprite.png") no-repeat; float: left; margin: 0 5px 0 0; display: block; width: 44px; height: 50px; } .bigbutton i.arrow { background-position: 0 0; } .bigbutton i.circle { background-position: -44px 0; } #MainContent_divDesc { margin-bottom: 25px; width: 750px !important; } .tempLinksArea { clear: both; width: 100%; padding: 15px; margin: 15px 0; overflow: hidden; background: #f1f1f1; border-top: 3px #ccc solid; border-bottom: 3px #ccc solid; } .tempLinksArea ul { } .tempLinksArea ul li { float: left; width: 375px; height: 25px; } .tempLinksArea ul li a { display: inline-block; } #welcomeContainer { float: right; margin: 38px 0 10px; } #loginContainer { float: left; margin-top: 15px; width: 255px; } #loginContainer a { text-decoration: underline; } .ie6 #loginContainer { margin-right: 30px; } .loginButton { width: 50px; } div.loginSection { } div.loginSection label { font-weight: bold; } div.loginSection input[type="text"], div.loginSection input[type="password"], .ie6 input.evitiLook { margin: 0.5em 0; } .verticalSpace { clear: both; height: 20px; } /* <-- ?? */ #evitiLogo { background-position: 0 0; float: left; height: 84px; width: 128px; } #evitiDescription { line-height: 1.4em; font-size: 1.2em; } #evitiDescription h2 { line-height: 1.2em; } ul#evitiDescriptionList { margin: 10px 0 0 20px; } ul#evitiDescriptionList li { font-size: 1.2em; line-height: 1.4em; padding: 0 0 15px 0; } #appIcons ul { overflow: hidden; } #appIcons ul li { border-right: solid 10px #e9e9e9; float: left; font-size: 1.25em; font-weight: bold; height: 65px; margin-left: -1px; text-align: center; width: 150px; } #appIcons ul li:last-child, #appIcons ul li.last { border-right: 0; } /* Sprite for Logo & App Icons */ #evitiLogo, #appIcons ul li div#patientIcon, #appIcons ul li div#diagnosisIcon, #appIcons ul li div#treatmentIcon { background: url("../images/Welcome/loginSprite.png") no-repeat; } #appIcons ul li div { height: 40px; margin: 0 auto; width: 41px; } #appIcons ul li span { display: block; padding: 5px 0 0 0; } #appIcons ul li div#patientIcon { background-position: -128px 0; } #appIcons ul li div#diagnosisIcon { background-position: -128px -41px; } #appIcons ul li div#treatmentIcon { background-position: -171px 0; } .loginHeader { float: left; margin: 0 0 0 10px; } .lock { background: url(../images/Welcome/loginSprite.png) -213px 0; height: 27px; display: inline-block; vertical-align: middle; width: 25px; } /****** SPLASH PAGE CONTENT */ .splashMainBG { background: url(../images/Master/mainBG.jpg) no-repeat; overflow: hidden; padding: 0 0 0 23px; position: relative; width: 943px; } .splashMainContainer { background-position: 0 -50px; height: 568px; padding-top: 40px; } #splashLoginWelcomeTop, #splashLoginWelcomeBottom { height: 10px; width: 922px; } #welcomeBottom { background-position: 0 -11px; } #splashLoginWelcomeTop { background-position: 0 -43px; } #splashLoginWelcomeBottom { background-position: 0 -55px; height: 9px; } #welcomeTop, #welcomeBottom, #splashLoginWelcomeTop, #splashLoginWelcomeBottom { background: url(../images/Master/splashTopBottomSprite.png); display: block; height: 10px; } #welcomeTop, #welcomeBottom { width: 431px; } /* Login page */ #loginRepeater, #actionRepeater { border: 1px solid rgba(0, 0, 0, 0.12); border-radius: 8px; padding: 20px; } .evitiBlock { background: url("../images/Welcome/loginSprite.png") no-repeat; background-position: -252px -1px; height: 25px; width: 20px; padding: 0px 0 0 5px; text-align: center; vertical-align: middle; line-height: 25px; display: inline-block; } .ie6 .evitiBlock, .ie7 .evitiBlock { display: block; } #welcomeRepeater { background: url(../images/Master/splashWelcomeRepeater.png) repeat-y; min-height: 346px; padding: 0 17px; width: 394px; } #welcomeRepeater p { margin: 0 0 15px; } #welcomeRepeater div.logo { background: url(../images/Welcome/logo.png); height: 55px; width: 146px; } #welcomeRepeater div.empowers-providers { background: url(../images/Welcome/empowers-providers.png); height: 22px; margin: 7px 0; width: 362px; } #welcomeRepeater div.desc { font-style: italic; margin-top: 5px; } div#welcomeContainer a.start-here, a.learn-how { display: block; height: 31px; margin-top: 20px; text-decoration: none; width: 160px; } div#welcomeContainer a.start-here { background: url(../images/Welcome/loginSprite.png) no-repeat; background-position: -170px -41px; } div#welcomeContainer a.learn-how { background: url(../images/Welcome/learn-how.png); } #welcomeRepeater ul { padding: 0 5px 5px 15px; } #welcomeRepeater li { color: #696969; padding: 2px 0; } #actionRepeater { padding: 15px 0 15px 20px; } #actionRepeater div { padding: 10px 0; } #actionRepeater div img { float: left; height: 22px; width: 22px; } #actionRepeater div div { margin: 0 0 0 33px; padding: 4px 0 0; } #loginWelcomeContainerRepeater { background: url(../images/Master/splashWelcomeLoginContainerRepeater.png) repeat-y; padding: 70px 0 170px; width: 922px; } #register { border-top: solid 1px #bbb9b8; margin-top: 10px; padding-top: 10px; } ul#splashFooter, ul#splashFooter li, ul#splashFooter li a { display: inline; margin-left: 10px; text-decoration: none; } ul#splashFooter { margin: 0 auto; } #register { border-top: 1px solid #ddd; margin-top: 10px; padding-top: 10px; } .loginCol1 { clear: left; float: left; margin-bottom: 10px; width: 160px; } .loginCol2 { float: right; margin-bottom: 10px; text-align: right; width: 55px; } /*#endregion*/ /*#region PAGE SPECIFIC */ /* RegimenInfo table */ div#regimenInfo table { width: 100%; } /* page layout */ #summaryTable tr td { padding: 5px; line-height: 20px; border-bottom: 1px #ccc solid; } #summaryTable tr td.label { font-weight: bold; text-align: right; width: 160px; } /* inner tables */ #summaryTable table.cycleTable { margin: 0 0 15px 0; } #summaryTable table.cycleTable tr td, #summaryTable table.drugTable tr td { padding: 5px 0; border-bottom: none; } #summaryTable table tr td { border-bottom: none; padding: 5px 0; } #summaryTable table.cycleTable tr td.label { padding-right: 0; text-align: left; width: 130px; } #summaryTable table.drugTable { font-weight: bold; } #summaryTable table.drugTable tr td.hcpc { width: 100px; } #summaryTable table.drugTable tr td.drugName { text-decoration: underline; width: 150px; } #summaryTable table.drugTable tr td.recommendedDose { font-weight: normal; } .topGroup td { background: #888 !important; color: #fff; font-weight: bold; font-size: 16px; } .innerGroup td { background: #ccc; font-weight: bold; } /*#endregion*/ /*#region ----- UNKNOWN - Still needs testing */ /* SelectPatient.aspx page */ .winPayerConfirm { z-index: 999999; } .chkBoxArea table tr td { padding: 0 10px; } .raDiv { z-index: 1000 !important; position: relative; top: 45%; } .raColor, .raTransp { z-index: 1000 !important; } /* Forms/ProviderDashBoard.aspx */ .patientinfo { } /* Medonc summary page */ .trialDescription { line-height: 18px; } .trialDescription dt { text-decoration: underline; margin: 5px 0; } .trialDescription dd { margin-left: 10px; } .rgMasterTable td { vertical-align: middle; } .simpleTable { word-wrap: break-word; width: 100%; border-bottom: 5px #ccc solid; } .simpleTable tr:hover td { background: #e2e2e2; } .simpleTable tr th { background: #ccc; border-top: 1px #adadad solid; border-bottom: 5px #adadad solid; padding: 10px 3px; font-weight: bold; font-size: 14px; color: #555; text-align: left; } .simpleTable tr td { padding: 7px 3px; vertical-align: middle; line-height: 16px; background: #fff; border-bottom: 1px #ccc solid; } .simpleGray tr th { background: #ccc; color: #555; border-bottom: 5px #555 solid; } table.costTable tr.spaceUnder > td { padding-bottom: 3em; } table.costTable tr.trBottom { border-bottom: 1px #ccc solid; } table.costTable tr td { border-bottom: none; } table.costTable tr.trEnd { border-bottom: 1px #ccc solid; } table.costTable tr.trEnd td { border-bottom: 1px #ccc solid; padding: 0px 0px; } table.simpleForm { width: 100%; } table.simpleForm caption { text-align: left; font-size: 14px; display: block; font-weight: bold; padding: 0 0 10px 0; } table.simpleForm tr th { text-align: left; font-size: 14px; display: block; font-weight: bold; padding: 0 0 10px 0; } .simpleForm tr.sfHeader td { text-align: left; font-size: 14px; display: block; font-weight: bold; padding: 0 0 10px 0; } div.patientSection { padding: 10px 0 0 0; } table.simpleFormNoPadding tr td { padding: 0; } table.simpleForm tr td.formLabel, table.simpleForm tr td.formLabelRight { width: 140px; line-height: 22px; } table.simpleForm tr td.formLabel { text-align: left; } table.simpleForm tr td.formLabelRight { padding-right: 15px; text-align: right; font-weight: bold; } table.simpleForm tr td.command-row { padding-right: 0; } table.simpleForm tr td.command-row a { float: right; margin-left: 15px; } table.simpleForm tr td.rcbArrowCell a { float: none; margin-right: 0; } table.simpleForm tr td table tr td { padding-bottom: 10px; padding-top: 0; vertical-align: top; } table.simpleForm tr td table tr > td:first-child, table.simpleForm tr td table tr td.label { padding-left: 7px; padding-right: 7px; } table.simpleForm tr td .RadComboBox td:first-child { padding-left: 2px; } table.simpleForm tr td input[type="text"] { width: -webkit-fill-available !important; width: 97%; margin-bottom: 1rem; padding: 0.5rem; line-height: 1.42857143; } table.simpleForm tr td select { width: 100%; } /* for IE6 */ /*.simpleForm input.globalLook { width: 175px; }*/ /* disabled input handling */ table.simpleForm input[disabled="disabled"] { background: #e1e1e1 !important; color: #555 !important; } table.rcbDisabled tr td, table.rcbDisabled input { background: #e1e1e1 !important; color: #555 !important; } .simpleForm tr.spacer td { display: block; height: 10px; } .simpleForm tr td.spacer { display: block; height: 25px; } .simpleForm tr td.sfHighlight, table tr td.sfHighlight { background: #e1e1e1 !important; /*background:#edf6ff;*/ } /*#endregion*/ /*#region ----- Telerik / Rad FIXES */ .RadAjax_Eviti .raDiv { background-image: url("../Images/loading-spinner.svg"); background-size: 150px; top: 0 !important; z-index: 1001 !important; } .RadAjax_Eviti .raColor { background-color: #fff; } .RadAjax_Eviti .raTransp { filter: alpha(opacity=70); -moz-opacity: 0.7; opacity: 0.7; } /* upload files */ html .RadUpload_Default .ruFakeInput { color: #555; font-size: 12px; border-color: #bbb; height: auto; } html .RadUpload .ruStyled .ruFileInput, html .RadUpload .ruFakeInput { line-height: normal; padding: 4px; } .RadUpload_Default { font: normal 12px/12px "Lucida Grande", Tahoma, "Trebuchet MS", Arial, san-serif !important; } .RadComboBox { margin-bottom: 1rem; width: 100% !important; } .RadComboBoxDropDown .rcbItem, .RadComboBoxDropDown .rcbHovered, .RadComboBoxDropDown .rcbDisabled, .RadComboBoxDropDown .rcbLoading, .RadComboBoxDropDown .rcbCheckAllItems, .RadComboBoxDropDown .rcbCheckAllItemsHovered { padding: 3px 7px; } .RadComboBox_Blue .rcbFocused .rcbReadOnly .rcbInputCell .rcbInput { color: #555 !important; } .rcCalPopup { margin-left: 10px !important; } /* Calculator Icon next to Date txtbox */ html body .RadInput .riTextBox, html body .RadInputMgr { padding: 4px !important; } .RadInput_Default .riEmpty, .riTextBox, .RadInputMgr_Default { color: #555; /*color:#555 !important;*/ } /* For general text within them - this case, Datepicker */ .riSingle .riDisplay { left: 0px; color: #555 !important; } .riDisplay { padding-top: 4px !important; } .RadInput_Default { color: #555 !important; } .RadComboBox table td.rcbInputCell { line-height: 15px !important; } /* ?? */ .RadComboBox .rcbInputCell .rcbInput { padding: 0.5rem !important; margin-bottom: 0; } /* For dropdown Lists! */ .RadGrid .rgHeader { padding: 10px 0 10px 2px !important; font-weight: bold !important; font-size: 14px; background: #2b6597; color: #fff; } .RadGrid .rgHeader a { color: #555; border-bottom: 1px #555 solid; } .RadGrid .rgHeader a:hover { color: #2b6597; } .RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgEditRow td, .RadGrid .rgFooter td { padding: 6px 0 6px 3px !important; } /*#endregion*/ /*#region ----- UNREVIEWED STYLES */ body.popup { background-color: #fff; } a.smallArrow, a.smallArrow:hover { background: url(../images/Master/loginArrow.gif) no-repeat; color: #3b6699; font-weight: 700; line-height: 19px; padding-left: 12px; text-decoration: none; } a.ecode-summary { white-space: nowrap; } .extra-padded { padding: 5px 0 20px; } .action { background-image: url(../images/buttonbg-blue.png); border: 2px solid red; color: #3a6598; } /*ul {margin-left:20px}*/ .ptFormError { margin: 0 0 0 0; padding: 15px; line-height: 16px; background: #ffe9ea url("../images/Global/error_redx.png") no-repeat 95% 20%; border-bottom: 3px red solid; } .ptFormError span { font-size: 16px; } .ptFormError ul { margin: 10px 0 0 0; } .ptFormError ul li { margin: 0 0 0 5px; list-style-image: none; } div.footer { display: none; /* only show on certain pages */ margin: 30px auto 0px auto; overflow: hidden; text-align: center; } div.footer ul { overflow: hidden; } div.footer ul li { display: inline-block; padding: 0 0 10px 20px; } div.footer ul li a { text-decoration: none; color: #2b6597; } nav.footer { display: none; /* only show on certain pages */ margin: 30px auto 0px auto; overflow: hidden; text-align: center; } nav.footer span { display: inline-block; padding: 0 0 10px 20px; } nav.footer span a { text-decoration: none; color: #2b6597; } nav.footer span span { padding: 0 0 0px 0px; } h4 { margin-bottom: 6px; } h5, h6 { margin: 15px 0; } .rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0; } table caption { color: #2b6597; font-weight: 700; font-size: 16px; text-align: center; padding: 15px 0 15px 8px; } div.whiteRoundedCornersTop, div.whiteRoundedCornersBottom { display: block; float: left; height: 9px; padding-left: 8px; } div.whiteRoundedCornersTop { background: transparent url(../images/Master/whiteRoundedTopLeft.png) no-repeat top left; } div.whiteRoundedCornersBottom { background: transparent url(../images/Master/whiteRoundedBottomLeft.png) no-repeat top left; } div.whiteRoundedCornersTop span, div.whiteRoundedCornersBottom span { display: block; padding: 9px 8px 4px 2px; } div.whiteRoundedCornersTop span { background: transparent url(../images/Master/whiteRoundedTopRight.png) no-repeat top right; } div.whiteRoundedCornersBottom span { background: transparent url(../images/Master/whiteRoundedBottomRight.png) no-repeat top right; } .analyzerGraph:hover { cursor: pointer; } div.header { float: right; height: 120px; margin-right: 15px; padding-top: 25px; } div.header a { color: #898989; font-weight: 700; padding: 0 10px; } .header h1 { border: none; color: #f9f9f9; font-weight: 700; line-height: 2em; margin: 0; padding: 0 0 0 20px; } .main { margin: 12px 8px 8px; min-height: 420px; padding: 0 12px; } .leftCol { margin: 12px 8px 8px; min-height: 200px; padding: 6px 0; width: 200px; } div.hideSkiplink { background-color: #3a4f63; width: 100%; } div.menu { padding: 4px 0 4px 8px; } div.menu ul { list-style: none; margin: 0; padding: 0; width: auto; } div.menu ul li a, div.menu ul li a:visited { background-color: #465c71; border: 1px #4e667d solid; color: #dde4ec; display: block; line-height: 1.35em; padding: 4px 20px; text-decoration: none; white-space: nowrap; } div.menu ul li a:hover { background-color: #bfcbd6; color: #465c71; text-decoration: none; } div.menu ul li a:active { background-color: #465c71; color: #cfdbe6; text-decoration: none; } fieldset { margin: 1em 0; padding: 1em; } fieldset p { margin: 2px 12px 10px 10px; } legend { font-weight: 600; padding: 2px 4px 8px; } div.accountInfo { width: 42%; } .title { display: block; float: left; text-align: left; width: auto; } .loginDisplay { color: #fff; display: block; padding: 10px; text-align: right; } .failureNotification { clear: both; color: #a8301e; display: block; font-size: 14px; } .submitButton { padding-right: 10px; text-align: right; } div.topImgPiece { display: block; height: 28px; margin-left: auto; margin-right: auto; width: 941px; } div.impRepeater { margin-left: auto; margin-right: auto; width: 941px; } div.bottomImgPiece { display: block; height: 27px; margin-left: auto; margin-right: auto; width: 941px; } div#singleColumnContent { padding: 0 40px 0 30px; } div.twoColumnTop, div.twoColumnBottom { background-image: url(../images/Master/twoColumnSprite.png); display: block; height: 28px; width: 467px; } div.twoColumnRepeater { background: url(../images/Master/twoColumnRepeater.png) repeat-y; width: 467px; } div#twoColumnLeftContainer { float: left; margin-left: -1px; } div#twoColumnRightContainer { float: left; padding-left: 6px; } div.threeColumnTop, div.threeColumnBottom { background-image: url(../images/Master/threeColumnSprite.png); display: block; height: 28px; width: 319px; } div.threeColumnRepeater { background: url(../images/Master/threeColumnRepeater.png) repeat-y; width: 319px; } div#threeColumnLeftContainer { float: left; margin-left: -1px; } div#loginProductDescription { margin: 50px 0 0 38px; } div#landingPgContainer { margin-left: auto; margin-right: auto; padding-top: 32px; width: 720px; } div#landingPgPatient, div#landingPgDashboard { float: left; height: 340px; } div#landingPgPatient { border-right: solid 1px #cbd4df; } div#landingPgPatient a, div#landingPgDashboard a { display: block; margin-left: auto; margin-right: auto; text-align: center; text-decoration: none; width: 100px; } div#landingPgPatient a span#patient, div#landingPgDashboard a span#dashboard { background: url(../images/Welcome/landingPageSprite.png) no-repeat; display: block; height: 99px; margin-left: auto; margin-right: auto; text-decoration: none; width: 100px; } div#landingPgDashboard a span#dashboard { background-position: -101px 0; } div#landingPgContainer .containerContent { margin-top: 10px; padding: 0 20px; } table.form1Left { float: left; width: 789px; } table.form1Left tr td.labelItem { padding-top: 15px; } table.form1Left tr td.right { padding-left: 10px; } table.form1Left tr td.inputItem { padding-top: 7px; } table.form1Right { float: left; margin-left: 30px; } table.form1Right tr td { padding-left: 8px; padding-top: 15px; } .compliant, .nonCompliant, .other { background: url(../images/Master/compliantIcons.gif) no-repeat; display: block; height: 16px; line-height: 16px; padding-left: 23px; } .compliant { background: url(../images/Master/compliantIcons-compliant.gif) no-repeat; background-position: center left; color: #3a6594; } .nonCompliant { background-position: 0 -17px; color: #952736; } .other { background-position: 0 -34px; color: #a7aaaa; } .regimenDetailsHeader, .regimenDetailsContent, #regimenDetailsTip { border-color: #d9d7d7; border-style: solid; } .regimenDetailsHeader { background: url(../images/Master/regimenDetailsRepeater.gif) repeat-x; border-width: 1px; height: 21px; margin-top: 32px; padding: 4px 0 0 7px; width: 868px; } .regimenDetailsContent, #regimenDetailsTip { border-width: 0 2px 2px; padding: 4px 7px; width: 859px; } .regimenDetailsContent { visibility: visible; } .regimenDetailsContent p.gray, ul#regimenDetails li table tr td { color: #888; } div#divTooltip { display: block; left: 0; position: absolute; top: 0; visibility: hidden; } div#planDetailsHeader, div#dynamicPlanDetails { border: solid 1px #a2a0a0; padding: 4px 7px; width: 386px; } div#planDetailsHeader { background-color: #898989; color: #fff; } div#dynamicPlanDetails { background-color: #fff; } ul#regimenDetails li, ul#regimenDetails li table tr td.rtExpected { color: #3b6694; margin-top: 30px; } ul#regimenDetails li table { margin-left: -15px; } ul#regimenDetails li table tr td, ul#regimenDetails li table th { padding-left: 30px; } ul#regimenDetails li table th { color: #3b6694; } .summarylabel { font-weight: 700; padding-top: 15px; } span.tippedToolTip a { color: #acaccb; } #simplemodal-overlay { background-color: gray; cursor: wait; } #simplemodal-container { background-color: #fff; border: 1px solid #444; color: #000; height: 400px; padding: 12px; width: 600px; } .failureNotification ul { padding-left: 20px; line-height: 1.5; margin: 1rem 0; } .failureNotification ul li { list-style-type: disc; } .failureValidator { clear: both; color: #a8301e; float: none !important; } .failureValidatorv3 UL { padding-left: 15px; padding-top: 5px; } .failureBlock { border: thin solid red; margin: 25px 5px; padding: 25px 5px; width: 98%; } .splashTopNav { height: 34px; } .AccountWrapper { width: 650px; } fieldset.account div { float: left; padding-right: 6px; } hr { margin: 10px 0; } fieldset.account { border: 0 none; margin: 0; padding: 0; } fieldset.account label { display: block; } fieldset.account input, fieldset.account select { display: inline; margin: 0 5px 6px 0; } fieldset.account span.AccountRBList label { display: inline; } fieldset.account p { clear: both; margin: 2px 10px 10px 2px; } a.ForgotLinks { color: #3a6598; font-weight: 400; text-decoration: none; } .nodeUnit { text-align: right; width: 150px; } .SearchPanel { background-color: silver; border: solid 1px #000; visibility: visible; width: 850px; } .SearchPanelHidden { visibility: hidden; } a.addBtn { background-image: url(../images/btnSprite.png); background-position: 0 -97px; color: #fff; display: block; height: 19px; padding-top: 4px; text-align: center; text-decoration: none; width: 91px; } .failureNotificationSmall { color: #a8301e; } .bioMarkerGrid { line-height: 25px; text-align: left; width: auto; } .diagLables { min-width: 136px; width: 136px; } .RadWindowBody { background: 000; } a.TestAccountLink, a.TestAccountLink:hover { color: #3b6699; font-weight: 700; line-height: 19px; text-decoration: none; } .TestAccountList { border: 1px solid #000; border-collapse: collapse; margin-bottom: 5px; width: 95%; } .TestAccountList th, .TestAccountList td { border: 1px solid #000; margin: 4px; padding: 4px; text-align: left; } .AlertBoxWrapper { background-color: #fff; padding: 5px; width: 98%; } .AlertNotificationWrapper { margin: 5px; } .AlertTitle { font-weight: 700; } .datatable, .datatableTitle, .datatableFooter { margin-left: 0; margin-right: auto; width: 100%; } .datatable { background: #fff; border: 1px solid #828282; border-collapse: separate; border-spacing: 2px; margin-bottom: 30px; margin-top: 2px; } .datatable tr.header00 { background: #039; color: #fff; font-weight: 700; } .datatable tr.header01 { background: #ccc; color: #000; font-weight: 700; } .datatable tr.header00 th { color: #fff; font: bold 9pt/12pt verdana, arial, sans-serif; text-align: center; } .datatable tr.header01 th { color: #039; font: bold 9pt/12pt verdana, arial, sans-serif; text-align: center; } .datatable .odd { background: #efefef; } .datatable td, .datatable th { color: #000; font: 8pt/12pt verdana, arial, sans-serif; text-align: left; } .datatable td.right { text-align: right; } .ContactViewHeader { font-weight: 700; } .upper, #actionRepeater h2 { text-transform: uppercase; } ul#headerNav li span#home, ul#mainHeaderLink li#patient a, div.twoColumnTop, div.threeColumnTop, #welcomeTop, div#landingPgPatient a span#patient { background-position: 0 0; } .mainBG.GEHA, .splashMainBG.GEHA { background: url(../images/Master/mainBGGEHA.jpg) no-repeat; } fieldset.login label, fieldset.register label, fieldset.changePassword label, .spanWrapper { display: block; } fieldset label.inline, fieldset.account label.inline { display: inline; } input.textEntry, input.passwordEntry { border: 1px solid #ccc; width: 320px; padding: 0.5rem; border-radius: 4px; } .loginDisplay a:link, .loginDisplay a:visited, .loginDisplay a:hover, a.smBlue:link, a.smGray:link, a.back:link, a.continue:link, a.mdRed:link, a.calendarBtn:link, a.homeBtn:link, a.addBtn:link, a.smBlue:visited, a.smGray:visited, a.back:visited, a.continue:visited, a.mdRed:visited, a.calendarBtn:visited, a.homeBtn:visited, a.addBtn:link { color: #fff; } .bold, .datatable td.bold { font-weight: 700; } div.twoColumnBottom, div.threeColumnBottom { background-position: 0 -29px; } div.twoColumnContent, div.threeColumnContent { padding: 0 20px; } div#threeColumnMiddleContainer, div#threeColumnRightContainer { float: left; margin-left: -9px; } .failureValidatorv2, .failureValidatorv3 { color: Red; float: left; } .nodeDisplayName, .SearchControlEntry { width: 200px; } .gridViewStyle { border: transparent 0px solid; } .gridViewStyle tr { } .gridViewStyle tr th { padding: 7px 5px; font-size: 16px; text-align: left; } .gridViewStyle tr td { background: #f1f1f1; color: #696969; padding: 7px 5px; border: transparent 0px solid; border-bottom: 1px #ccc solid; } /*#endregion*/ /*#region ----- X. MEDIA / PRINT QUERIES */ /* Large Monitor Layout: 1600px+. ---------------------------------------------*/ @media only screen and (min-width: 1500px) { } /**************************************************************************** ***************************************************************************** iPad Layout: 768px -> 950px. General Width:760px. ----------------------------------------------------------------------------*/ @media all and (min-width: 481px) and (max-width: 950px) { } /**************************************************************************** ***************************************************************************** iPhone/Mobile Layout (Portrait & Landscape): 480px and less General Width:100% (470px - min 320px). Padding:10px L&R (450px width) ----------------------------------------------------------------------------*/ @media all and (max-width: 480px), Screen and (max-width: 480px) { } /**************************************************************************** ***************************************************************************** iPhone/Mobile Layout - Portrait _FIXES_ (320px) Width:300px (10padding L&R) ---------------------------------------------------------------------------*/ @media all and (max-width: 320px), Screen and (max-width: 320px) { } /* * print styles * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ */ @media print { /* - commented out for now (4/10/12) */ * { background: transparent !important; color: #444 !important; text-shadow: none !important; } a, a:visited { color: #444 !important; text-decoration: underline; } a:after { content: " (" attr(href) ")"; } abbr:after { content: " (" attr(title) ")"; } .ir a:after { content: ""; } /* Don't show links for images */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ tr, img { page-break-inside: avoid; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } /* Specific Style changes ******************************************/ /* ----- GLOBAL DETAILS FORM (for output XX:YY info) ********************************************/ .globalDetailsForm { overflow: hidden; margin: 5px; } .globalDetailsForm li { display: block; min-height: 25px; line-height: 25px; overflow: hidden; clear: both; } .globalDetailsForm li > label { cursor: auto; font-weight: bold; display: inline-block; min-width: 155px; padding-right: 20px; float: none; text-align: right; } /* text goes here */ .globalDetailsForm li > span { float: none; text-align: left; } } /*#endregion*/ /*#region ----- TIPPED CSS */ /* Part of Tipped - The Javascript Tooltip Framework * http://projects.nickstakenburg.com/tipped * * Documentation: * http://projects.nickstakenburg.com/tipped/documentation/#css * * IMPORTANT!: * When modifying or adding your own skins it's recommended to do * this in a seperate file, overwriting or building on top of the * styling defined here to make updating easier. */ /* Font styling for all skins */ .t_Content_evitiTheme, .t_Content_black, .t_Content_cloud, .t_Content_dark, .t_Content_lavender, .t_Content_light, .t_Content_liquid, .t_Content_lime, .t_Content_blue, .t_Content_salmon, .t_Content_yellow, .t_Content_facebook { color: #333; font-size: 12px; line-height: 16px; padding: 12px 10px; } /* Skins with a different font color */ .t_Content_black, .t_Content_dark, .t_Content_lavender, .t_Content_liquid, .t_Content_facebook { color: #fff; } .t_Content_cloud { color: #fff; } .t_Content_evitiTheme h1, .t_Content_evitiTheme h2, .t_Content_evitiTheme h3, .t_Content_evitiTheme h4, .t_Content_evitiTheme h5, .t_Content_evitiTheme h6 { color: #fff; } .t_Content_evitiTheme { color: #fff; line-height: 16px; padding: 10px 15px; } .t_Content_light { color: #454545; } .t_Content_blue { color: #f2f6f9; } .t_Content_salmon { color: #4f4949; } .t_Content_facebook { padding: 5px 8px; } /* Styling links for convenience so they are visible */ .t_Content_evitiTheme a, .t_Content_black a, .t_Content_cloud a, .t_Content_dark a, .t_Content_lavender a, .t_Content_light a, .t_Content_liquid a, .t_Content_lime a, .t_Content_blue a, .t_Content_salmon a, .t_Content_yellow a { color: #cbf1ff; text-decoration: underline; background: none; border: 0; } .t_Content_evitiTheme a:hover, .t_Content_black a:hover, .t_Content_cloud a:hover, .t_Content_dark a:hover, .t_Content_lavender a:hover, .t_Content_light a:hover, .t_Content_liquid a:hover, .t_Content_lime a:hover, .t_Content_blue a:hover, .t_Content_salmon a:hover, .t_Content_yellow a:hover { color: #008aca; text-decoration: none; background: none; border: 0; } /* Links with a different color */ .t_Content_black a, .t_Content_black a:hover { color: #57a1d6; } .t_Content_dark a, .t_Content_dark a:hover { color: #5daae2; } .t_Content_cloud a, .t_Content_cloud a:hover { color: #438ec4; } .t_Content_evitiTheme a, .t_Content_evitiTheme a:hover { color: #a6daff; } .t_Content_lavender a, .t_Content_lavender a:hover { color: #ceddf2; } .t_Content_lime a, .t_Content_lime a:hover { color: #057ca8; } .t_Content_liquid a, .t_Content_liquid a:hover { color: #6591cd; } .t_Content_royalblue a, .t_Content_royalblue a:hover { color: #91d2dd; } .t_Content_salmon a, .t_Content_salmon a:hover { color: #5e77a2; } /* * Layout (DON'T MODIFY!) */ .t_Tooltip { margin: 0; padding: 0; position: absolute; overflow: hidden; background-color: transparent; -webkit-transition-property: opacity; -moz-transition-property: opacity; -o-transition-property: opacity; transition-property: opacity; } .t_Tooltip.t_hidden { opacity: 0; } .t_Tooltip.t_visible { opacity: 1; } .t_Skin { position: absolute; top: 0; left: 0; } .t_Skin * { zoom: 1; } /* IE7 */ .t_Bubble { position: relative; } .t_Background, .t_Stem { position: absolute; } .t_Close { position: absolute; cursor: pointer; top: 0; } .t_CloseButtonShift { position: relative; overflow: hidden; float: left; } .t_CloseState { position: absolute; margin: 0; padding: 0; left: 0; } .t_Content { position: absolute; top: 0; left: 0; } /* * Shadow */ .t_Shadow { position: absolute; top: 0; left: 0; margin: 0; padding: 0; } .t_Shadow .t_ShadowInnerWrapper { position: relative; float: left; margin: 0; padding: 0; } .t_ShadowBubble { position: relative; padding: 0; margin: 0; float: left; } .t_ShadowBackground, .t_ShadowStem { position: absolute; } .t_ShadowBackground *, .t_ShadowStem * { float: left; } .t_CloseButtonShadow { position: absolute; top: 0; left: 0; margin: 0; padding: 0; } .t_UpdateQueue { position: absolute; top: -15000px; left: -15000px; width: 5000px; height: 5000px; visibility: hidden; } .t_UpdateQueue .t_Tooltip, .t_UpdateQueue .t_Content { position: relative; overflow: visible; float: left; top: auto; left: auto; width: 100%; } .t_Tooltip .t_ContentContainer { float: left; clear: both; position: relative; } .t_UpdateQueue .t_ContentContainer { position: absolute; top: 0; left: 0; } /*#endregion*/ #dialogBox { min-height: 260px !important; padding-top: 0; } html .ui-dialog .ui-dialog-content { padding: 0.5em 0.5em; } .ui-dialog-content blockquote .right { width: 92%; } .ui-widget button { background: #005e98 !important; border-radius: 4px; border: 2px solid transparent; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); padding: 0 16px; border-radius: 4px; display: inline-block; color: #fff !important; font-weight: bold; font-family: "Inter"; text-decoration: none !important; text-transform: uppercase; text-rendering: optimizeLegibility; letter-spacing: 0.0892857143em; line-height: 32px; font-size: 0.9rem; white-space: nowrap; } .ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close { background: none !important; box-shadow: none; } .ui-widget button:active, .ui-widget button:hover, .ui-widget button:focus { border: 2px solid transparent; font-weight: bold; } #lineOfTreatmentInfo h4 { border-bottom: 1px solid #ccc; color: rgba(0, 0, 0, 0.9); font-size: 16px; padding-bottom: 1rem; } /* KENDO UI CSS FIXES */ /* kendoGrid IE7 CELL fix */ .ie7 .k-grid-content table { width: 98.5% !important; } .k-header, .k-grid-header, .k-toolbar, .k-dropdown-wrap, .k-picker-wrap, .k-grouping-header, .k-pager-wrap, .k-textbox, .k-button, .k-draghandle, .k-tile, .k-autocomplete, .k-state-highlight, .k-tabstrip-items .k-item { background-image: none !important; } .k-dropdown { cursor: default !important; } .k-dropdown-wrap { background-color: white !important; } .k-list-container { background-color: white !important; border-color: rgba(0, 0, 0, 0.2) !important; } .k-state-selected, .k-list > .k-state-selected, .k-list > .k-state-focused, .k-panelbar > .k-state-selected, .k-panel > .k-state-selected, .k-button:active, .k-ghost-splitbar-vertical, .k-ghost-splitbar-horizontal, .k-draghandle.k-state-selected:hover { background-color: #005e98 !important; border-color: #005e98 !important; } .k-state-selected.k-state-focused { background-color: #005e98 !important; } .k-state-selected, .k-button:active { background-image: none !important; } .k-list .k-state-hover, .k-list .k-state-focused, .k-list .k-state-highlight, .k-list .k-state-selected, .k-dropzone, .k-upload-files { background-color: #005e98 !important; color: #fff !important; border-color: #005e98 !important; } .k-list .k-state-hover, .k-list .k-state-hover:hover, .k-list-optionlabel.k-state-selected.k-state-focused { color: #fff !important; background-color: #005e98 !important; background-image: none !important; } /*Screen Reader hide Fix*/ .sr-only { font-size: 0px; } /* :::::: CSS Global Helper Classes :: Table of Contents :::::: **************************************************************** CSS global helpers classes Created by Mark Pieszak - 2011 Contents ****************** - Global Look - Global Steps - Global Details Form (