/** * EMA Modules * * * * @author Rolf Mortenson * @link http://www.nyseblue.com * @email rmortenson@nyseblue.com * * @file ema-modules.css * @version 5.3 * @date 10/17/2011 * * Copyright (c) 2010-2011 */ /* COLOR AND BACKGROUNDS */ body { background: #CCC; color: #333; } #wrapper { background: #FFF; border: 1px solid #666; border-color: #FFF #666 #666 #EFEFEF;} #container { background: white; border-bottom: 1px solid #FFF;} #main { margin-bottom: 20px; background: #FFF;} #content, .niceform fieldset .error .inline label { color: #333; } #account-header {position: relative; height:25px; border-color: #EEE; border-width: 1px 5px; border-style: solid;} #globalheader { border-bottom: 1px solid #666;} #banner {position: relative;height: 0px;background: none;} #ie6 #banner {background-image:none;} #banner h1 {position: absolute; left: -9999px;} #topmenu {background: #EDEDED url(../images/bg/bg-nav.png) repeat-x left top;} #preheader {background-color: transparent; font-size: .9em; line-height: 22px;} #utilitynav {} #postheader {display: none; border-bottom: 1px solid #EEE;} #globalfooter {border-top: 1px solid #CCC;} /* BUTTON BAR (basic) */ .buttons {display: block; clear:both; min-height: 28px;} .buttons {margin: 10px 0; padding: 10px; padding-left: 42%; border: none; background-color: #EEE;} .buttons.centered {padding: 10px; text-align: center;} .buttons span.note {vertical-align: middle; color: #666; line-height: 25px;} .buttons .yui-button {vertical-align: middle;} /* BOX */ .box {position: static; margin: 0px 0px 10px; border: none; font-size: 100%; border-bottom-width: 1px; border-bottom-style: solid;} .boxhead {position: relative; border:none; border-bottom-width: 1px; border-bottom-style: solid;} .boxhead h3 {text-align: center;} .boxbody {position: relative; border-style: solid; border-width: 0px 1px 1px 1px; background-color: #FFF;} .boxfoot {position: relative; height: 1.5em; padding: 0; border-style: solid; border-width: 0px 1px 1px 1px; line-height: 1.5em; vertical-align: middle;} .boxfoot p { font-size: .8em; padding-left: 5px; margin: 0px;} .boxfoot a {} .boxhead h2,.boxhead h3 { padding: 0px; background-color: transparent;} .boxbody .boxfoot {border-width: 1px 0px 1px 0px;} .boxbody .tablewrapper {border: none;} .boxbody .tblbot {margin-bottom: 0px;} .boxbody h4 {margin: 8px;} .box, .boxbody, .boxhead, .boxfoot {border-color: #CCC;} .box div.boxbody {border-bottom-color: #CCC;} .boxfoot {} /*ACCOUNT HEADER*/ .account-header h3 {margin-top: -10px; color: #666; font-size: 1.1em;} /*DATAHEADER */ .dataHeader { margin-bottom: 10px; width: 100%;} .dataHeader ul {margin-bottom:10px; display:block; min-height: 40px;} .dataHeader li { display: inline-block; margin: 4px; padding: 0px 0px 0px 5px; border-left: 1px dotted #999; min-height: 33px; vertical-align: top; } .ie .dataHeader li {display:inline; border-left: 1px solid #BFBFBF;} .dataHeader li:first-child {border:none;margin-left: 0;padding-left:0;} .dataHeader li span {display: block;} .dataHeader li span span {display:inline;} .dataType {font-size: 92%; color: #666; white-space: nowrap; text-transform:capitalize;} .data {font-size: 92%; font-weight:bold; color:#5b7f3c; white-space: nowrap;} .dataHeader .data {max-width: 200px; white-space:normal; line-height: 1.2em;} /*DETAIL VIEWER*/ .detail-viewer { margin-top: 10px; border: 1px solid #CCC; } .detail-viewer .viewer-head {display: block; width: 100%; background-color: #CCC; text-align: center;} /*ICONS*/ .icon, .tooltip, .ms-tooltip, .icon:hover {position: relative; display: inline-block; overflow: hidden; text-decoration: none; text-indent: -9999px; vertical-align: middle;} .icon, .tooltip, .ms-tooltip {height: 13px; width: 13px; background-image: url(../images/icons/button-set-1.png); background-repeat: no-repeat; background-position: 100px 100px;} .icon span {position: absolute; left: -9999px;} /*hide text in an icon style link*/ .tooltip {display: inline-block!important;} .yui-ac .tooltip {position: absolute; top: 3px; right: -20px;} legend .tooltip {margin-left: 3px;} .expand, .expanded, .close, .download, .ok, .cancel, .actions, .expand2, .expanded2, .archive, .details, .view, .info, .calendar, .approve, .notes, .edit, .document, .document-ok, .delete, .expand-h, .collapse-h, .approve-disabled, .send-disabled, .delete-disabled, .printer, .refresh, .csv, .pdf, .doc, .excel, .mail, .mail-disabled { background-image: url(../images/icons/button-set-1.png); background-repeat: no-repeat; _background-image: url(../images/icons/button-set-1-ie.png );/*for ie6*/ background-color: transparent; } .expand {background-position: 0px 0px;} .expand:hover {background-position: 0px -25px;} .expanded:hover {background-position: -25px -25px;} .expanded {background-position: -25px 0px;} .close, .clear {background-position: -50px 0px;} .close:hover, .clear:hover {background-position: -50px -25px;} .actions {height: 13px; width: 18px; background-position: -125px 0px; cursor:pointer;} .actions:hover {background-position: -125px -25px;} .actions-disabled {height: 13px; width: 18px; background-position: -125px -50px; cursor:default;} .accounts {width: 21px; height: 15px; background-position: -150px 0px;cursor: pointer;} .accounts:hover {background-position: -150px -25px;cursor: pointer;} .stop {background-position: -100px -75px;} .start {background-position: -125px -75px;} .expand2 {background-position: -50px -75px;} .expanded2 {background-position: -75px -75px;} .download {width: 15px; height: 15px; background-position: 0px -100px;} .upload {width: 15px; height: 15px; background-position: -25px -100px;} .document, .view, .details, .memo {width: 18px; height: 15px; background-position: -46px -100px; cursor:pointer;} .edit, .notes {width: 15px; height: 15px; background-position: -75px -100px;} .document-ok, .memo-ok {width: 18px; height: 15px; background-position: -100px -100px;} .memo-ok {cursor: pointer;} .document-error {width: 18px; height: 15px; background-position: -125px -100px;} .document-caution {width: 18px; height: 15px; background-position: -150px -100px;} .empty { background-position: 0px -125px;} .ok, .complete { background-position: -25px -125px;} .partial{ background-position: -50px -125px;} .invalid{ background-position: -75px -125px;} .caution{ background-position: -100px -125px;} .add{ background-position: -125px -125px;} .info {background-position: 0px -150px;} .approve {background-position: -25px -150px; cursor: pointer;} .approve-disabled {background-position: -50px -150px; cursor: default;} .send {background-position: -75px -150px;} .send-disabled {background-position: -100px -150px; cursor: default;} .delete-disabled {background-position: -125px -150px; cursor: default;} .delete {background-position: -150px -150px; cursor:pointer;} .delete:hover {background-position: -175px -150px;} .neutral-sm {background-position:0px -174px;} .good-sm {background-position:-25px -174px;} .poor-sm, .warning-sm, .alert-L3 {background-position:-75px -174px; cursor:pointer;} .caution-sm, .alert-L2 {background-position:-100px -174px; cursor:pointer;} .alert-L1 {background-position:-125px -174px; cursor:pointer;} .delete-sm {height: 10px; width:10px; background-position: -150px -175px; cursor: pointer;} .delete-sm:hover {background-position: -175px -175px; cursor: pointer;} .expand-h { width: 12px; height: 9px; background-position: 0px -200px; } .expand-h:hover {background-position:-25px -200px;} .collapse-h { width: 12px; height: 9px; background-position: -50px -200px; } .collapse-h:hover {background-position:-75px -200px;} .archive {width: 14px; height: 13px; background-position: -100px -200px;} .tag {width:13px; height: 13px; background-position: -175px 0px; cursor:pointer;} .tagged {width:13px; height: 13px; background-position: -175px -50px; cursor:pointer;} .quarantine {width:13px; height: 13px; background-position: -175px -75px; cursor:pointer;} .tag:hover, .tagged:hover, .quarantine:hover {width:13px; height: 13px; background-position: -175px -25px;} .printer { height: 15px; width: 15px; background-position: 0px -225px;} .refresh { height: 15px; width: 15px; background-position: -25px -225px;} .pdf { height: 18px; width: 16px; background-position: -50px -225px; } .doc { height: 18px; width: 16px; background-position: -75px -225px;} .excel { height: 18px; width: 16px; background-position: -100px -225px; cursor: pointer;} .csv { height: 18px; width: 16px; background-position: -125px -225px;} .mail { height: 11px; width: 15px; background-position: 0px -250px;} .mail-disabled { height: 11px; width: 15px; background-position: -25px -250px;} .dataroom{ height: 15px; width: 15px; background-position: -50px -250px;} .dataroom-dlx{ height: 15px; width: 15px; background-position: -75px -250px;} .find {height: 17px; width: 17px; background-position: -100px -250px; cursor: pointer;} .padlock {background-position:-125px -250px; display: inline-block!important; vertical-align: middle!important; } .calendar { height: 15px; width: 15px; background-position: -125px -200px; } .out { height: 15px; width: 17px; background-position: 0px -275px;} .in { height: 15px; width: 17px; background-position: -25px -275px;} .flag-red { height: 13px; width: 13px; background-position: -50px -275px; cursor: pointer;} .tooltip {background-position: -125px -275px; cursor: pointer;} .star-g {height: 15px; width: 10px; background-position: -150px -275px;} .ms-tooltip {background-position: -175px -275px; cursor: pointer;} .caution-l {height: 40px; width: 40px; background: url(../images/icons/icon-caution.png) no-repeat left top;} .expandTable {height: 15px; width: 15px; background:url(../images/yui/arrow_closed.png) no-repeat left top; margin-left: -3px; cursor:pointer;} .collapseTable {height: 15px; width: 15px; background:url(../images/yui/arrow_open.png) no-repeat left top; margin-left: -3px; cursor:pointer;} .no-1, .no-2, .no-3, .no-4, .no-5, .no-6 {display: inline-block; height: 15px; width: 15px; margin-right:5px; overflow: hidden; background-image: url(../images/icons/numbers-sprite.png); background-repeat: no-repeat; background-position: 100px 100px; text-decoration: none; vertical-align: text-bottom;} .no-1 {background-position: 0px 0px;} .no-2 {background-position: 0px -25px;} .no-3 {background-position: 0px -50px;} .no-4 {background-position: 0px -75px;} .no-5 {background-position: 0px -100px;} .no-6 {background-position: 0px -125px;} .loading { background: url(../images/icons/icon-loader-13.gif) no-repeat 0px 0px !important;} .cal, #ie6 .cal { display: inline-block; width: 15px; height: 15px; margin: 1px; background: url(../images/icons/icon_calendar.gif) no-repeat 0px 0px; cursor:pointer; text-decoration: none; } .icon-list li {width: auto; height: auto; padding-left: 25px; background-repeat: no-repeat; background-position: left 3px;} .icon-list li.pdf {background: url(../images/icons/icon_18_pdf.gif) no-repeat left 8px;} .icon-list li.doc {background: url(../images/icons/icon_18_doc.gif) no-repeat left 8px;} .icon-list li.excel {background: url(../images/icons/icon_18_excel.gif) no-repeat left top; cursor: default;} /*ICONS - STATUS*/ .status { padding: 0px; border: none; height: 14px; width: 14px; background-image: url(../images/icons/icon_status_all.png); background-repeat: no-repeat; overflow: hidden;} span.status, .dataHeader li span.status { display: block; margin: 0px auto; } a.status, a.status:hover {display: block; margin: 0px auto; text-decoration: none;} .status.white { background-position: 0px top; } .status.yellow { background-position: -16px top;} .status.red {background-position: -32px top;} .status.green { background-position: -48px top;} /*ICONS - TABS*/ .yui-nav .tab-flag a, .yui-nav li a em {padding-right: 18px!important;} .yui-nav li em .icon {position:absolute;top: 4px;z-index: 1;background-position:100px 100px;} .yui-nav .selected em .icon {top:5px;} .yui-nav li em .empty{left: -14px; background-position: 0px -175px;cursor:default;} .yui-nav li em .partial{left: -14px; background-position:-50px -175px;cursor:default;} .yui-nav li em .invalid{left: -14px; background-position:-75px -175px;cursor:default;} .yui-nav li em .alert-L2{left: -14px; background-position:-100px -175px;cursor:default;} .yui-nav li em .ok {left: -14px; background-position: -25px -175px;cursor:default;} .yui-nav li em .tab-close {right: 1px; background-position: -150px -175px; cursor: pointer;} .yui-nav .selected em .tab-close {right: 1px;} .yui-nav .selected em .tab-close:hover {background-position: -175px -175px;} .yui-nav a em {min-width: 50px;min-height: 18px;width:auto; height:auto;padding-top: 0px;padding-right: 10px;} .toggle .hd .icon {position: absolute; right: 5px; top: 5px; cursor: pointer;} /*buttons from cms*/ #ema-links {margin-top: -9px;} #communication-links {margin-bottom: 10px;} .more-links {margin-top: 20px;} .more-links .hd {padding: 3px 0px;} .more-links .bd {padding: 0px} .nicebutton, .nicebutton span {position:relative; display:block; height:45px; background-image:url(../images/buttons/btn-ema-base.png); color:#036; font-weight:bold; line-height:45px; text-decoration:none; text-align:center;} .nicebutton {margin: 0px 0px 0px 0px; background-repeat: no-repeat; background-position: right -100px;} .nicebutton span { margin-right:16px; background-repeat: no-repeat; background-position: left 0px; white-space:nowrap; cursor:pointer;} .nicebutton:hover {color: #FFF; background-position:right -150px; text-decoration: none; } .nicebutton:hover span {color: #FFF; background-position:left -50px; text-decoration: none;} #reg-btn {position: relative;} #reg-btn span, #login-btn span, #enews-btn span, #contact-btn span {padding-left: 60px; background-image:url(../images/buttons/btn-ema-icons.png); text-align: left; } #contact-btn span { background-position: 0px -91px;} #contact-btn:hover span { background-position: 0px -391px;} #enews-btn span {background-position: 0px -141px;} #enews-btn:hover span {background-position: 0px -441px;} #login-btn span {background-position: 0px 0px;} #login-btn:hover span {background-position: 0px -300px;} #reg-btn span {background-position: 0px -46px;} #reg-btn:hover span {background-position: 0px -346px;} .contracts #ema-links, .portfolio #ema-links, .projects #ema-links, .transact #ema-links {height: 50px;} .contracts #reg-btn, .portfolio #reg-btn, .projects #reg-btn, .transact #reg-btn {position: absolute; top:205px; /*left: 657px;*/ left:67%;} div.reactive {display:inline;} /*NICEFORM*/ .niceform {position: relative;} .niceform:before {content: ''; display:block; height: 1px;} .niceform fieldset { position: relative; margin:1em 0em; padding:.5em; border: 1px solid #DDD; background-color: #FFF; } .niceform fieldset fieldset { margin-top: 15px;background:none; vertical-align:middle;} .niceform legend { padding: 0;margin: 0px; font-weight: bold; color: black;} .niceform legend span {position: absolute; left: 0; margin-top:-15px;} .niceform legend span.tooltip {position: static; margin: -3px 0px 0px 0px;} .niceform fieldset ol { margin: 0; padding: 0; list-style: none; zoom: 1;} .niceform fieldset ol li { list-style: none; padding: 1px 3px; margin: 0; margin-bottom: 1px;} .niceform label {display: -moz-inline-stack;/* FF */ display: inline-block; vertical-align: middle;} .niceform label,.niceform .inline .yui-content label { width: 40%; margin-right: 10px; /* Width of labels */} .niceform label span { display: block; text-align: right; } /* needed for FF*/ .niceform label span.note {font-weight: normal;} .niceform select {margin-left: 0px; max-width: 57%; width:auto; min-width: 50px; vertical-align: middle;} .niceform div.reactive {margin-left: 0px; max-width: 57%; width:auto; min-width: 50px;} .niceform div.reactive select { max-width: 100%; } .niceform input { vertical-align: middle; } .niceform input[type=radio], .niceform input[type=checkbox] {width: auto; vertical-align: middle; margin: 0px 2px;} .niceform textarea {margin-left: 0px; width: 200px; vertical-align: middle;} .niceform fieldset fieldset legend {color: #666;} .niceform fieldset .radio { border: none; margin: 3px 0 0; padding: 0px; } .niceform fieldset .radio legend { display: block; float: left; padding: 0; font-weight: normal; text-align: right; width: 40%;} .niceform fieldset .radio label { display: block; width: auto; margin-left: 44%; } .niceform fieldset .radio input { margin-right: 10px; width: auto; } .niceform legend em { color: #666; font-weight: normal;} .niceform .wide {width: 400px;} .niceform .auto {width: auto; min-width:1px;} .niceform li .inline {margin-right: 1px;} .niceform li {font-size: 11px;} .niceform li span, .niceform li label, .niceform li label span, .niceform li .inline label, .niceform .simple td {line-height: 1.5em; font-family: Tahoma, Helvetica, Arial, sans-serif; vertical-align: middle; font-size: 1em;} /*.niceform li span span {font-size:100%; vertical-align: middle;} /*avoid tiny text in nested spans*/ .niceform li span span {font-size:100%; vertical-align:bottom;} .niceform li span span.icon {font-size:100%; vertical-align:middle;} .count {display: block;} .count em {color: #FF0000; font-style: normal;} .niceform li span.count {display: block; margin-left: 41%;} .niceform li .block span.count {margin-left: 0px;} .niceform .requirements {background-color: #EEE;} .niceform .requirements span {display: block; width: 40%; text-align: right;} .niceform span.block, .niceform div.block {display:inline-block; width: 55%; vertical-align: text-top;} .niceform .block ul {margin-bottom: 0px;} .niceform .block li {margin: 0px; padding: 0px;} .niceform .block .yui-ac-content li {padding: 2px 5px;} .niceform th .span {line-height: 1em;} .niceform input.zip {width: 6em!important; width: 6em;} .niceform .multiselect {line-height: 1em; border: 1px solid #EEE;} .niceform .multiselect li {position: relative; width: 100%;} .niceform .multiselect label {font-size: .9em; margin-right: 20px; } .niceform .multiselect .tooltip {position: absolute; right: 8px; top: 50%; margin-top: -5px;} .niceform .multiselect-controls {padding: 0px; background-color: #EEE; text-align: center;} .niceform .multiselect-controls span {margin: 0px 5px;} .niceform.even label {width: 50%;} .niceform select.yui-dt-select {width: auto;} .niceform .bold label {font-weight: bold;} .niceform li .inline-ac {display: inline-block;}/*autocomplete*/ input.datepicker, input.calendarTextField {width: 70px;} .inline label {display: inline; margin-left: 5px; width: auto; font-size:.9em; text-align: left; vertical-align: middle;} label.radio {margin-left: 0px; margin-right: 10px;} .stack label {display: block; margin: 0px; width:auto; text-align: left;} .stack label span {text-align: left;} .stack select {width: auto; max-width:none; min-width: 0;} .project-notes textarea {width: 100%;} .wrap-s, .wrap-m, .wrap-l {word-wrap: break-word;} .wrap-s {width: 225px!important;} .wrap-m {width: 280px!important;} .wrap-l {width: 335px!important;} /*NICE - misc*/ .nicelabels label span {color:#709C4A } .nicebox { border: 1px solid #CCC; padding: 8px; background: #FFF url(../images/bg/bg-dogear-sm.png) no-repeat right top; } .nicehead { padding: 5px 5px 3px 5px; background: #709C4A url(../images/bg/bg-section-head.png) repeat-x; color: #FFF;} .nicehead { -webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;} .redhead { padding: 0px 5px; background: #990000 url(../images/bg/bg-red-head.png) repeat-x; color: #FFF;} .nicelist {margin-bottom: 5px;} .nicelist .dataType {float: left; margin-right: 10px; width: 30%; vertical-align: middle;clear: both;} .nicelist li {display: block; padding-bottom: 0px !important; padding-left: 2px;} .nicelist li .dataType {color:#5b7f3c; font-weight: bold; line-height: 24px;} .nicelist li .data {color:#000!important; font-weight: normal; line-height: 24px; } .nicelist li .wrap {padding-left: 30%; margin-left: 10px; line-height: 1.6em; min-height: 24px;} .nicelist li span.wrap {display: inline-block; margin: 0; padding: 3px 0 0; width: 67%; vertical-align: text-top; white-space: normal;} .yui-panel-container .bd .niceform, .yui-panel-container .niceform fieldset:first-child {margin-top: 10px; margin-bottom: 10px;} .yui-panel-container .niceform .wide {width: 55%;} /* BLOCK-LIST */ .block-list {border-top: 1px solid #CCC;} .block-list li {display: block; border-bottom: 1px solid #CCC; padding: 3px;} .block-list li span {display: inline-block; margin-right: 10px; vertical-align: middle;} .block-list li.last {border: none;} /* radio-style variant */ .block-list .set-label {display: inline-block; width: 175px;} .block-list .radio-set {} .block-list .radio-set label {margin-left: 0px; } .block-list .radio-set label input {margin-right: 5px;vertical-align: text-top;} .event-date {display: block;font-weight: bold;} .event {display: block;} .event-location {display: block;} .event-participant {display: block;} /*download list*/ .download-list {} .download-list li {display:block; padding-left:18px; background-image: url(../images/icons/icon-download.png); background-repeat:no-repeat; background-position: left 2px; line-height: 18px;} .download-list li a {margin-left: -18px; padding-left: 18px;} a.dl-link {padding: 2px 0px 2px 18px; background: url(../images/icons/icon-download.png) no-repeat left top; line-height: 18px; } /* DASH-LIST (dashboards) */ .dashlist {margin: 0px; padding: 0px;} .dashlist li.section {padding: 0px;} /* H-LIST (horizontal list) */ .h-list {overflow:auto;} .h-list li {float: left; margin-right: 5px;} .h-list select {margin: 0;} /* progress-bar*/ .form-steps {position: relative; margin: 0; margin-bottom: 1em;width: 100%;height: 32px;list-style-position:inside; background: url(../images/bg/bg-progressbar.png) no-repeat right bottom;} .form-steps li {position: relative;float: left;height: 30px;margin: 2px 0 0 0;padding: 0 20px 0 13px;} .form-steps li {background: url(../images/bg/bg-progressbar-step.png) no-repeat right top;color: #999;font: bold 10px/32px Arial, Helvetica, sans-serif;text-transform: uppercase;text-shadow: #fff 0px 1px 1px;} .form-steps li a {display: inline-block; height: 32px; color: inherit;} .form-steps li a:hover {color: #3789cc; cursor: pointer;text-decoration: none;text-shadow: #fff 0px 1px 1px;} .form-steps li span {display: none;position: absolute;left: 0px;top: 0px;width: 8px; height: 30px;background: url(../images/bg/bg-progressbar-step-tail.png) no-repeat left top;} .form-steps li.first {margin-left: 0;padding-left: 20px;} .form-steps li.first span {display: block; background-image: url(../images/bg/bg-progressbar-step-tail-alt.png);} .step1 .form-steps li.step1 {padding-left: 20px;background-position: right bottom;color: #fff;text-shadow: 0px 1px 1px #326400;} .step2 .form-steps li.step2, .step3 .form-steps li.step3, .step4 .form-steps li.step4, .step5 .form-steps li.step5, .step6 .form-steps li.step6 {margin-left: -7px;padding-left: 20px;background-position: right bottom;color: #fff;text-shadow: 0px 1px 1px #326400;} .step1 .form-steps li.step1 span, .step2 .form-steps li.step2 span, .step3 .form-steps li.step3 span, .step4 .form-steps li.step4 span, .step5 .form-steps li.step5 span, .step6 .form-steps li.step6 span {display: block;} .step1 .form-steps li.step1.first span {background-position: 0px -30px;} .step1 .form-steps li.step1 a:hover, .step2 .form-steps li.step2 a:hover, .step3 .form-steps li.step3 a:hover, .step4 .form-steps li.step4 a:hover, .step5 .form-steps li.step5 a:hover, .step6 .form-steps li.step6 a:hover {color: #fff;text-shadow: 0px 1px 1px #326400; cursor:default;} /*page-tools */ .page-tools { overflow:auto; margin: 0px;} .page-tools li {float: right; padding: 0px 5px; margin: 0px 5px; font-size: 11px; line-height: 20px; cursor:pointer;} .page-tools li:hover {background-color:#CCC;} .page-tools li span {} .page-tools select, .page-tools input, .page-tools a {font-size: .9em;} .page-tools input, .page-tools label {width: auto!important; display: inline; vertical-align: middle;} .page-tools label.radio {margin-left: 5px;} /*notes & footnotes*/ ul.note {margin: 0; padding: 0;} ul.note li {line-height: 1.2em;} .footnotes {margin-top: 10px; clear:both;} .footnotes ul {margin-bottom: 0px;} .footnotes li {padding: 8px 0; line-height: 1.2em;} .footnotes li:first-child {padding-top: 0;} .footnotes .note {margin-left: 15px; font-family: Tahoma, Helvetica, Arial;} .footnotes .note .fn-symbol {margin-left: -15px; margin-right: 8px; font-size:11px; color: #000; } .footnotes .note strong {color: #888;} .suppress {font-size: .8em;} /* MESSAGING */ label.required {font-weight: bold;} label.error {color: red;} .niceform fieldset .error label, select.missing, option.missing {color: #990000;} .niceform fieldset .error input, .niceform fieldset .error select {border: 1px solid #990000;} tr.yui-dt-even td.error, tr.yui-dt-odd td.error, .yui-dt-expansion .yui-dt-liner table td.error {background: #FCC; background: rgba(255, 0, 0, 0.2);} tr.yui-dt-even td.cell-warn, tr.yui-dt-odd td.cell-warn, .yui-dt-expansion .yui-dt-liner table td.cell-warn {background: #F8ED7D; background: rgba(255, 230, 0, 0.5);} tr.yui-dt-even td.cell-change, tr.yui-dt-odd td.cell-change, .yui-dt-expansion .yui-dt-liner table td.cell-change {background: #F8D191; background: rgba(255, 173, 40, 0.5);} tr.yui-dt-even td.cell-change:hover, tr.yui-dt-odd td.cell-change:hover, .yui-dt-expansion .yui-dt-liner table td.cell-change:hover {background: #F8D191; background: rgba(255, 173, 40, 0.7);} td.error input {border: 1px solid #990000;} tr.error, tr.yui-dt-odd.error, tr.yui-dt-odd.error .yui-dt-asc, tr.yui-dt-odd.error .yui-dt-desc, .yui-dt-expansion .yui-dt-liner table tr.error.yui-dt-odd {background: #FCC; background: rgba(255, 0, 0, 0.1);} tr.yui-dt-even.error, tr.yui-dt-even.error .yui-dt-asc, tr.yui-dt-even.error .yui-dt-desc, .yui-dt-expansion .yui-dt-liner table tr.error.yui-dt-even {background: #FCC; background: rgba(255, 0, 0, 0.2);} .message {margin: 5px;} .messaging {} .messaging ul {margin-bottom: 20px;} .messaging li, .niceform .messaging ul li {padding: 0px 20px 0px 0px; height: auto; line-height: 21px; font-size: .9em;} .messaging .msg-fail{background:url(../images/bg/bg-messaging.png) no-repeat right -100px;} .messaging .msg-fail span{ display: block; padding: 0px 0px 0px 20px; height: 21px; background:url(../images/bg/bg-messaging.png) no-repeat left -25px; } .messaging .msg-fail span strong{display: block; background-color: #FFAEAE; padding: 0px 10px; color: #990000;} .messaging .msg-success{background:url(../images/bg/bg-messaging.png) no-repeat right -75px;} .messaging .msg-success span{ display: block; padding: 0px 0px 0px 20px; height: 21px; background:url(../images/bg/bg-messaging.png) no-repeat left 0px; } .messaging .msg-success span strong{display: block; background-color: #ADE57C; padding: 0px 10px; color: #006600;} .messaging .msg-info{background:url(../images/bg/bg-messaging.png) no-repeat right -125px;} .messaging .msg-info span{ display: block; padding: 0px 0px 0px 20px; height: 21px; background:url(../images/bg/bg-messaging.png) no-repeat left -50px; } .messaging .msg-info span strong{display: block; background-color: #99CCFF; padding: 0px 10px; color: #003399;} .messaging .detail{display: block; padding-left: 45px; line-height: 14px; margin: 5px 0; } .messaging .detail em {font-weight: bold; font-style:normal;} .messaging .detail sup {vertical-align:inherit; top: -3px;} .messaging .error {color: #990000; background: url(../images/bg/bg-messaging.png) no-repeat 30px -198px;} .messaging .success {border: none; color: #006600; background: url(../images/bg/bg-messaging.png) no-repeat 30px -173px;} .messaging .info {color: #003399; background-image: none; padding-left: 30px; height: auto;} /*MESSAGE BOX*/ .messagebox {position: fixed; margin-top: -3px; top: 0px; left: 50%; margin-left: -175px; width: 350px; height: 0px; overflow: hidden; z-index: 1000;} .messagebox {border-radius-bottomleft: 6px; border-radius-bottomright: 6px; -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;} .messagebox {-moz-box-shadow: 2px 2px 5px #666; -webkit-box-shadow: 2px 2px 5px #666; box-shadow: 2px 2px 5px #666;} .message-mask {position: absolute;top: 0;left: 0; width: 100%; height: 100%; background-color: #FFF; z-index: 0;} .message-mask, #ie8#fix {opacity: 0.90;}/*ie8 ignores this*/ .success {border:3px solid #287F28;} .warning {border:3px solid #990000;} .general {border:3px solid #10409F;} .message-content {position: absolute; left: 0px; bottom:0px; margin: 0px; width: 100%; border: none;} .message-content {padding-bottom: 0px; height: 85px;}/*default slider*/ .pop .message-content {padding-bottom: 0px; height: 150px;}/*default popup*/ .confirm .message-content {padding-bottom: 24px;}/*allow room for buttons*/ .warning .message-content {color:#990000; } .success .message-content {color:#287F28; } .general .message-content {color:#10409F; } .message-icon {position: absolute; left: 5px; top: 10px; width:32px; height:30px; background: url(../images/icons/message-box.png) no-repeat 0px 0px;} .warning .message-icon {background-position: -0px -0px;} .success .message-icon {background-position: -0px -50px;} .general .message-icon {background-position: -0px -100px;} .messagebox .message {margin:10px 5px 0px 0px; padding: 0px 0px 0px 50px; } #message-actions {position: absolute; bottom: 18px; width: 100%; height: 24px; background-color: #EEE; line-height: 24px; text-align: center;} #message-actions a {border:1px solid #808080; background:url(../images/yui/sprite.png) repeat-x 0 0; padding: 2px 5px; margin: 0px 5px; color: #000;} #message-actions a:hover {border-color:#7D98B8;background-position:0 -1300px; text-decoration: none;} #message-actions a.confirm-ok {} #message-actions a.confirm-no {} .message-foot {position: absolute; bottom: 0px; left: 0px; width: 100%; height: 18px; background: url(../images/icons/message-box.png) no-repeat 0px 0px;} .warning .message-foot { background-position: -100px 0px; background-color:#CC0000;} .success .message-foot { background-position: -100px -50px; background-color:#5ABD00;} .general .message-foot { background-position: -100px -100px; background-color:#1E51CC;} .message-close {display: block; position: absolute; right: 8px; top: 3px; width: 13px; height: 14px; background: url(../images/icons/message-box.png) no-repeat 0px 0px; cursor: pointer;} .warning .message-close {background-position: -50px -0px;} .success .message-close {background-position: -50px -50px;} .general .message-close {background-position: -50px -100px;} .confirm .message-close {display: none;} #message-checkbox {position: absolute; left: 10px; color: #FFF;} #message-checkbox input {vertical-align: inherit; margin-right: 5px;} #message-checkbox label {font-size: .9em; line-height: 18px;} #modal-mask { background-color: #FFF; opacity: .5; position: fixed; top: 0px; left: 0px; bottom: 0px; right: 0px; z-index: 999; display: none;} .pop {margin-top: -75px;} /*message center */ #message-center .niceform {margin: 0px;} #message-center .niceform p {margin: 0px;} #message-center .niceform fieldset {margin: 5px;} #message-center .niceform label {width: 24%;} #message-center .niceform .block {width: 70%;} #message-center .niceform textarea {width: 70%;} #message-center .niceform .block textarea {width: 100%;} #message-center #mc-send-options, #message-center #mc-admin-send-btns {margin-left: 27%;} /* help message center */ #help-message-center .niceform label {width: 24%;} #help-message-center .niceform textarea {width: 70%;} #help-message-center .niceform span.count {display: block; margin-left: 27%;} /*SIMPLE CONTAINER */ .simple-container {position:relative; padding:8px; border:1px solid #DDD; background-color:#FFF; overflow:visible;} .yui-dialog .simple-container {margin: 0px} .simple-container .niceform:first-child {margin-top: 0px;} .yui-panel .panel-scroll-box {overflow:auto; height: 240px;}/*not used?*/ .yui-panel .bd {/*overflow-y: auto;*/} /*SIMPLE TABLE */ table.simple {width: 100%; background-color: #FFF; font-size: .9em} table.simple thead th {font-weight: bold; background-color: #E5E5E5;} table.simple tbody td {line-height:1.5em;} table.simple tfoot td {font-weight: bold; background-color: #E5E5E5;} table.simple thead th.symbol {width: 190px;} table.simple tr.group td {background:#EFEFEF; font-weight: bold;} table.simple tr.subgroup td {background: none; font-weight: bold; } /*list variant of simple table*/ table.list {margin-bottom: 10px;} table.list thead th {padding: 2px 5px;} table.list tbody td {padding: 2px 5px; border-bottom: 1px solid #EEE;} table table, table table.simple {font-size: inherit;} /*TABLE ACCESSORIES */ .tablewrapper {border: none;} .toolbar {position: relative; margin-bottom: 1px; margin-top:0px; height: 22px; min-height: 20px; } .toolbar-GForecast {position: relative; margin-bottom: 1px; margin-top:0px; min-height: 70px; } .toolbar {border: 1px solid #DDD; border-color: #DDD #999 #878787 #CCC; background: url(../images/bg/bg-toolbar.gif) repeat-x left top;} .toolbar label {margin: 0px 3px;} .toolbar-button {height: 27px;} .ttools-l {position: absolute; left: 0px; top: 0px;} .ttools-l-GForecast {column-count: 2; position: static; left: 0px; top: 0px; margin-bottom: 0px;} .ttools-r {position: absolute; right: 0px; top: 0px;} .ttools-r-GForecast {position: static; right: 0px; top: 0px;} .ttools-c {position:relative; max-width:50%; width:auto !important; text-align:center; margin: 0 auto;} .ttools-l li, .ttools-r li {float: left; padding: 0px 5px; margin: 0px 5px; font-size: 11px !important; line-height: 20px;} .ttools-c li {display:inline-block; padding: 0px 5px; margin: 1px 5px; font-size: 11px !important; text-align:center; vertical-align: middle; line-height:18px;} .ttools-c .icon {height: 16px;} /* .clear-all-pages {padding: 0px 5px 0px 15px; background: url(../images/icons/icon-alert-y.png) no-repeat 2px 50%;} */ .toolbar li .yui-button {margin-top: 3px;} .toolbar select, .toolbar input, .toolbar a {font-size: .9em;} .toolbar .yui-pg-container * {font-size: inherit;} .toolbar input, .toolbar label {width: auto!important; display: inline; vertical-align: middle;} .toolbar .piped li {padding: 0px; margin-right: 0px;} .yui-dt-liner .icon {display: -moz-inline-box; margin-right: 4px;} .niceform .yui-dt span {line-height: 1em; vertical-align: inherit;} .yui-dt-liner a, .yui-dt-highlighted .yui-dt-liner a {cursor:pointer;} .yui-dt .pos a {color: green;} .yui-dt .neg a {color: #aa0033;} .yui-dt tr.yui-dt-selected .pos a {color: #ffffff;} .yui-dt tr.yui-dt-selected .neg a {color: #ffffff;} .yui-dt tfoot td {border-top: 1px solid #CBCBCB;} td.alert-y {background-image: url(../images/icons/icon-alert-y.png); background-repeat: no-repeat; background-position: 98% 6px;cursor: pointer;} td.alert-r {background-image: url(../images/icons/icon-alert-r.png); background-repeat: no-repeat; background-position: 98% 6px;cursor: pointer;} td.alert-y .yui-dt-liner, td.alert-r .yui-dt-liner {padding-right: 12px;} .no-data {margin-bottom: 1em; padding: 25px 25px 0px; border: 1px solid #CCC; width: 40%; background: #FFF url(../images/bg/bg-dogear-sm.png) no-repeat right top;} .no-data {-webkit-box-shadow: 3px 3px 3px #DDD; -moz-box-shadow:3px 3px 3px #DDD; box-shadow:3px 3px 3px #DDD;} .no-data h3 {margin-bottom: 10px;} .yui-dt-liner select, .yui-dt-liner input {margin-top: 0; margin-bottom: 0;} .yui-dt .h-list .icon {} table.instrument th {min-width:30px;} table.instrument th:first-child {width:180px;} table .note {font-size: 100%;} .table-loader {position: relative; height: 50px; border: 1px solid #CCC; display: block; background: #FFF url(../images/icons/icon-loader-13.gif) no-repeat 10px 50%; cursor: wait; text-align:center;} .table-loader span {display: block; padding:5px; color: #666;font-size: 12px;line-height: 40px; } table th.tight, table td.tight {padding:0 !important;} table .tight .yui-dt-liner {padding: 4px 2px !important;} table.list td.tight input {margin: 0px 1px 0px 0px;} .opt-status-table th, .opt-status-table td {text-align: center; width: 72px;} .opt-status-table caption {font-weight: bold; text-align: center; white-space: nowrap} /* Filter module */ .filter-set {position:relative; margin: 1em 0; overflow:visible; border: 1px solid #CCC; border-bottom-color: #999; background: url(../images/bg/bg-toolbar.gif) repeat-x left top;} .filter-set {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .filter-set fieldset {margin: 5px; vertical-align:middle;} .filter-set fieldset.filter-value {margin:0;} .filter-set h4 {display:block; float:left; margin: 0 5px; line-height: 26px; font-weight:normal;} .filter-set ol {list-style-type: none; float:left; margin:0;} .filter, .filter-btns,.filter-tools {float:left; display:block; margin: 0 4px; padding: 2px 4px; background:#CCC; vertical-align: middle; min-height: 22px;} .filter, .filter-btns,.filter-tools {-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;} .filter, .filter-btns,.filter-tools {-moz-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3);-webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); box-shadow: inset 0 1px 3px rgba(0,0,0,0.3); } .filter-set {font-size: 11px;} .filter select, .filter input[type=text] {width:150px;} .filter input[type=text] {width:166px;margin-bottom: 1px;} .filter select.select-yr {width:60px;} .filter select.select-mo {width:45px;} .filter .range span {margin: 0px 4px;} .filter-btns,.filter-tools {padding-top: 4px; min-height:18px;} .filter-tools {float:right;} .position-right-icon {float:right;} .filter-category {display:block;margin-top:2px;} .filter-value {display:block;} .filter-tools {position:absolute; right: 4px;} .filter-tools li {display:block; float:right;} .position-right-icon li {float:right;} .tbltop {margin-bottom:1px;} .tbltop { -webkit-border-bottom-right-radius:0px; -webkit-border-bottom-left-radius:0px; -moz-border-radius-bottomright:0px; -moz-border-radius-bottomleft:0px; border-bottom-right-radius:0px; border-bottom-left-radius:0px;} .tblbot {margin-bottom: 10px; } .multiselect-radio-match-options:before {content:'Match:';font-size:10px;color:#666;padding-right:10px;} .multiselect-radio-match-options {text-align:right;} /* TICKER list */ .tickerbar {position: relative; border-bottom: 1px solid #666; height: 20px; width: 100%; overflow: hidden; background-color: white;} .tickerbar h3 {position: absolute; left: 0px; top: 0px; padding-left: 5px; padding-right: 5px; width: 80px; background-color: #333; color: #FFF; line-height: 20px; z-index:2} .ticker {display: block; font-size: 0.9em; zoom: 1; } .ticker:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;} .ticker li { float: left; display: inline; margin-right: 2em; line-height: 20px; white-space: nowrap;} .ticker li span.symbol {color: #8cbd53;} .ticker li span.value {margin-left: .5em; color: #188bbc;} /* TOPMENU - YUI */ #topmenu {border: 0; height: 30px;} #topmenu ul ul.first-of-type {border-top:0px;} #topmenu .yuimenubaritem {width: auto;} .yuimenubarnav .yuimenubaritem{background: #EDEDED url(../images/bg/bg-nav.png) repeat-x left top;} #topmenu .yuimenubaritemlabel { padding: 0.75em 20px 0.75em 1em; border: 0; border-left: 1px solid #FFF; color: #333;} #topmenu li.first-of-type .yuimenubaritemlabel {border-left: none;} #topmenu .yuimenu .bd {margin: 0;} #topmenu .yuimenuitem {width: 100%; background: #F2F2F2 url(../images/bg/bg-nav.png) no-repeat left -120px; } #topmenu .yuimenuitem-selected {background-color: #FFF} #topmenu .yuimenuitemlabel {padding: 0.75em 1em 0.75em 28px; color: #333;} /*TOU Viewer */ .tou .boxhead {border-bottom: none;} .tou-set {margin-bottom:0px;} .tou-unit {position: relative; display: block; border-color: #CCC; border-style: solid; border-width: 1px 0px; margin:0px; padding: 0;} .tou-controls {position: absolute; left: 0px; top: 0px; display: block; width: 80px; height: 100%;vertical-align: middle; background-color: #EEE;} .tou-unit .checked {background-color: #709C4A; color: white;} .tou-controls label {display: block; height: 100%; margin: 0px;} .tou-controls label:hover {background-color: #669900; color: white;} .tou-controls input {margin: 5px;} .tou-text {display: block; margin-left: 82px; padding-top: 5px; height: 100%; background: #FFF;} .tou-text p {margin-left: 5px; margin-right: 5px;} .tou-sig-block {margin: 10px;} .tou-sig-block p {margin: 5px 0px;} /* APX Multi Select */ .apx-multiselect {position: relative; display: inline-block; width: auto; font-family: Tahoma, Helvetica, Arial, sans-serif;} .apx-multiselect .ms-hd {position:relative; border:1px solid #CCC; border-bottom-color:#999; background: url(../images/yui/sprite.png) repeat-x 0 0;} .apx-multiselect .ms-hd a.ms-trigger {position:relative; display:block; margin-left: 8px; padding:0 20px 0 0px; min-width: 15em; background: url(../images/yui/split-button-arrow.png) no-repeat right 50%; color:#000;font-size: 11px; line-height:1.6em;} .apx-multiselect .ms-hd a.ms-trigger:hover {background: url(../images/yui/split-button-arrow-active.png) no-repeat right 50%; text-decoration:none;} .ms-active .ms-hd a.ms-trigger, .ms-active .ms-hd a.ms-trigger:hover {background: url(../images/icons/split-button-arrow-up.png) no-repeat right 50%;} .ms-loading .ms-hd a.ms-trigger, .ms-loading .ms-hd a.ms-trigger:hover {background: url(../images/icons/split-button-loading.gif) no-repeat right 50%; color: #999; cursor:wait;} .apx-multiselect .ms-bd {position: absolute;top: 1.6em;left: 0px;margin-top:1px;border-bottom: 1px solid #666; min-width: 25em;background-color: white;-webkit-box-shadow: 3px 3px 4px rgba(0, 0, 0, .3); -moz-box-shadow:3px 3px 4px rgba(0, 0, 0, .3); box-shadow:3px 3px 4px rgba(0, 0, 0, .3);} .ms-hd .ms-tooltip {position:absolute; right: 18px; top: 50%; margin-top: -5px;} .ms-active {z-index:9999} .ms-active .ms-bd {z-index: 1000;} .apx-multiselect .ms-options {margin:0px; padding:0px; max-height:200px; overflow-x:hidden; overflow-y:auto; border:1px inset #CCC;} .apx-multiselect .ms-options li {display: block;padding: 2px 0px;margin: 0px; } .apx-multiselect .ms-options .optgroup {padding-left: 2em; background-color: #EEE;font-weight: bold;} .apx-multiselect .ms-options label {display: block; margin-right:17px; padding: 0 2px 0 2px;width: 100%; white-space: nowrap;} .apx-multiselect .ms-options label:hover {background-color: #06C;color: #FFF;} .apx-multiselect .ms-options .ms-checkall {display: block; border-bottom: 1px solid #DDD;} .apx-multiselect .ms-bd label input {margin-right: 5px; vertical-align:baseline;} .apx-multiselect .ms-bd .ms-controls {height: 18px;border: 1px solid #999; border-color: #FFF #999 #FFF #999;background: #EEE; overflow:hidden;} .apx-multiselect .ms-controls ul li {display: block;float: right; padding: 0 10px 0 0;margin: 0px;} .apx-multiselect .ms-controls label {width: auto; margin: 0px; font-size: 10px; color: #666;} .apx-multiselect .ms-controls input {font-size: 9px; } .list-show, .list-hide {font-size: 9pt; color: #06C; cursor: pointer;} .list-show:hover, .list-hide:hover {text-decoration: underline;} /*Action Menu*/ .actionMenu {} .actionMenu .bd {} .actionMenu .yuimenuitem {} .actionMenu .yuimenuitemlabel {padding-left: 15px; text-decoration:none;} .actionMenu .yuimenuitemlabel-disabled {color:#CCC; text-decoration:none; cursor:default;} /*Account Menu*/ #account-header h3 {color: #709C4A; line-height: 25px; margin-left: 20px;} #account-header h3 span {color: #999; font-weight: normal; } #account-header h3 span.glyph {color: inherit; } #account-switch {position: absolute; right: 20px; top: 50%; margin-top: -9px;} #account-menu .yuimenuitemlabel{color: #709C4A; text-indent: 12px; border-bottom: 1px solid #EEE;text-decoration:none;} #account-menu .yuimenuitemlabel span {color: #999;} #account-menu .yuimenuitemlabel-selected {color: black;} #account-menu .yuimenuitemlabel-checked {color: #999;} /* #account-menu .acct-all .yuimenuitemlabel {padding-top: 8px; font-weight: bold;} */ #account-menu .acct-all {margin-top: 8px; font-weight: bold;} /* simple side nav */ .ss-set {} .ss-nav .active a {color: black; cursor: default; font-weight: bold; text-decoration: none;} .ss-tab {} .se-panel {} /*Search box */ .search {position: relative;} /*Batch*/ #batchnote {display:block; position: absolute; left:510px; top: 190px; width: 350px; height: 4em; padding: 8px; background: #418EE1; border: 1px solid #FFF; z-index: 1000;} #batchnote {-moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px;} #batchnote {-moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.3);-webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.3); box-shadow: 3px 3px 3px rgba(0,0,0,0.3);} #batchnote p {font-size: .9em; color: #FFF;line-height: 1.2em;} /*SECTION (dataroom) */ .section {margin-bottom: 20px;} .section h3 {padding: 0px 5px; zoom:1;} .section .box {border: none; margin: 0;} .section .box .bd p {margin: 5px 5px 18px 5px;} .section .hd {} .section .bd {padding: 0px;} .section h3 { background-color: #709C4A; background-image: url(../images/bg/bg-section-head.png); background-repeat: repeat-x; color: #FFF;}/*may be modified by brand.css */ .yui-accordion-toggle .icon {position: absolute; top: 50%; margin-top: -7px;} .yui-accordion-toggle .edit {position: absolute; top: 50%; margin-top: -7px; right: 24px;} .yui-accordion-toggle .clause-title, .yui-accordion-toggle .group-title {position: absolute; margin-left: 2em;} .yui-split-button-menu h6 {padding-left: 2px; text-align: left;} .yui-split-button-menu .bd {margin-left: 0px;} .yui-split-button-menu .yuimenuitem .yuimenuitemlabel {border-bottom: none; text-indent: 18px;} .yui-split-button-menu .s-empty, .yui-split-button-menu .s-ok, .yui-split-button-menu .s-partial, .yui-split-button-menu .s-invalid {background-image: none;} .yui-split-button-menu .s-empty .yuimenuitemlabel {background-image: url(../images/icons/icon-status-sm.png); background-repeat: no-repeat; background-position: 0px -3px;} .yui-split-button-menu .s-ok .yuimenuitemlabel {background-image: url(../images/icons/icon-status-sm.png); background-repeat: no-repeat; background-position: 0px -28px;} .yui-split-button-menu .s-partial .yuimenuitemlabel {background-image: url(../images/icons/icon-status-sm.png); background-repeat: no-repeat; background-position: 0px -53px;} .yui-split-button-menu .s-invalid .yuimenuitemlabel {background-image: url(../images/icons/icon-status-sm.png); background-repeat: no-repeat; background-position: 0px -78px;} .default-button {background-position:0 -1400px;border-color:#304369;} .default-button .first-child {border-color:#304369;} .default-button .first-child button {color:#FFF;} /* Dynarch Calendar */ .DynarchCalendar {position: relative; border: 1px solid #808080; background-color: #fff; cursor: default; font: 11px arial,tahoma,verdana,sans-serif; line-height: 14px;} .DynarchCalendar {-moz-user-select: none; -webkit-user-select: none; user-select: none;} .DynarchCalendar-focused {background-color: #fff;} .DynarchCalendar {-moz-box-shadow: 2px 2px 4px #999;-webkit-box-shadow: 2px 2px 4px #999;box-shadow: 2px 2px 4px #999;} .DynarchCalendar table {border-collapse: collapse; font: 11px arial,tahoma,verdana,sans-serif; line-height: 14px;} .DynarchCalendar-topBar {border-bottom: 1px solid #aaa; padding: 5px 0 0 0;} .DynarchCalendar-topBar {background: #DDD url(../images/yui/sprite.png) repeat-x 0 -200px;} table.DynarchCalendar-titleCont {position: relative; margin-top: -6px; color: #444; font-size: 130%; font-weight:bold; text-align:center; z-index: 9;} .DynarchCalendar-title div {padding: 5px 17px; cursor: pointer;} .DynarchCalendar-hover-title div {border: 1px inset #FFF; padding: 4px 16px; background: #fff url(../images/icons/arrows-sprite.png) no-repeat 120% -216px;} .DynarchCalendar-pressed-title div { padding: 4px 16px; border: 1px inset #FFF; background: #EEE url(../images/icons/arrows-sprite.png) no-repeat 120% -192px; color: #000;} .DynarchCalendar-bottomBar { position:relative; padding:2px; border-top:1px solid #aaa; text-align:center;} .DynarchCalendar-bottomBar {background: #DDD url(../images/yui/sprite.png) repeat-x 0 -200px;} .DynarchCalendar-bottomBar-today {padding: 2px 15px; cursor: pointer;} .DynarchCalendar-hover-bottomBar-today {border: 1px solid #999; background-color: #fff; padding: 1px 14px;} .DynarchCalendar-pressed-bottomBar-today {border: 1px inset #FFF; background-color: #06C; color: #fff; padding: 1px 14px;} .DynarchCalendar-body {position: relative; overflow: hidden; padding: 1px 0px;} .DynarchCalendar-body table td {border-bottom: 1px solid #EEE; border-right: 1px solid #EEE;}/*test*/ .DynarchCalendar-first-col { padding-left: 0px; } .DynarchCalendar-last-col { padding-right: 0px; } .DynarchCalendar-animBody-backYear {position: absolute;top: -100%; left: 0;} .DynarchCalendar-animBody-back {position: absolute;top: 0px;left: -100%;} .DynarchCalendar-animBody-fwd {position: absolute;top: 0px;left: 100%;} .DynarchCalendar-animBody-now {position: absolute;top: 0px;left: 0;} .DynarchCalendar-animBody-fwdYear {position: absolute;top: 100%;left: 0;} .DynarchCalendar-dayNames {padding:0px; border-top:1px solid #FFF;} .DynarchCalendar-dayNames table {width: 100%;} .DynarchCalendar-dayNames div {border:1px solid #EEEEEE; font-weight: bold; color: #000; background: #EEE;} .DynarchCalendar-navBtn {position:absolute; top: 5px; z-index: 10;} .DynarchCalendar-navBtn div {height:15px; width:16px; border: 1px solid transparent; padding: 0px; background-image: url(../images/icons/arrows-sprite.png); background-repeat: no-repeat; background-color: transparent; } .DynarchCalendar-hover-navBtn div {background-color:#fff; padding: 0px; border: 1px solid #CCC; cursor: pointer;} .DynarchCalendar-navDisabled {opacity: 0.3; filter: alpha(opacity=30);} .DynarchCalendar-pressed-navBtn div { background-color:#FFF; color:#000; border: 1px inset #999; padding: 0px;} .DynarchCalendar-prevMonth {left: 25px;} .DynarchCalendar-nextMonth {left: 100%; margin-left: -43px;} .DynarchCalendar-prevYear {left: 5px;} .DynarchCalendar-nextYear {left: 100%; margin-left: -23px;} .DynarchCalendar-prevMonth div {background-position: 5px -172px;} .DynarchCalendar-nextMonth div {background-position: 5px -247px;} .DynarchCalendar-prevYear div {background-position: 3px -147px;} .DynarchCalendar-nextYear div {background-position: 3px -272px;} .DynarchCalendar-menu {position: absolute;left: 0;top: 0; width: 100%; height: 100%; background-color: #ddd; overflow: hidden; opacity: 0.85; filter: alpha(opacity=85);} .DynarchCalendar-menu table td div { text-align: center; font-weight: bold; padding: 3px 5px; } .DynarchCalendar-menu table td div.DynarchCalendar-menu-month { width: 4em; text-align: center;} .DynarchCalendar-menu table td div.DynarchCalendar-hover-navBtn { border: 1px outset #FFF; padding: 2px 4px; background-color: #fff; color: #000;} .DynarchCalendar-menu table td div.DynarchCalendar-pressed-navBtn { border: 1px inset #FFF; padding: 2px 4px; background-color: #06C; color: #fff !important;} .DynarchCalendar-menu-year {text-align: center; font: 16px arial,tahoma,verdana,sans-serif; font-weight: bold;} .DynarchCalendar-menu-sep { height: 1px; font-size: 1px; line-height: 1px; overflow: hidden; border-top: 1px solid #888; background: #fff; margin-top: 4px; margin-bottom: 3px;} .DynarchCalendar-time td { font-weight: bold; font-size: 120%; } .DynarchCalendar-time-hour, .DynarchCalendar-time-minute { padding: 1px 3px; } .DynarchCalendar-time-down { background: url(../images/icons/arrows-sprite.png) no-repeat 0px -223px; width: 11px; height: 6px; opacity: 0.5; cursor: pointer; } .DynarchCalendar-time-up { background: url(../images/icons/arrows-sprite.png) no-repeat 0px -199px; width: 11px; height: 6px; opacity: 0.5; cursor: pointer; } .DynarchCalendar-time-sep { padding: 0 2px; } .DynarchCalendar-hover-time { color: #06C; opacity: 1; } .DynarchCalendar-pressed-time { color: #000; opacity: 1; } .DynarchCalendar-time-am { padding: 1px; width: 2.5em; text-align: center; } /* body */ .DynarchCalendar-hover-week { background: #F1F5FA; } .DynarchCalendar-dayNames div, .DynarchCalendar-day, .DynarchCalendar-weekNumber { width: 1.7em; padding: 2px 3px; text-align: center;} .DynarchCalendar-weekNumber { border-right: 1px solid #aaa; margin-right: 4px; width: 2em !important; padding-right: 8px !important;} .DynarchCalendar-day { text-align: right; color: #06C; border-width: 1px; border-style: solid; border-color: transparent; } .DynarchCalendar-day-othermonth { color: #999;} .DynarchCalendar-weekend { color: #666; } .DynarchCalendar-day-today { font-weight: bold; border: 1px solid #000; } .DynarchCalendar-day-disabled {opacity: 0.5;} .DynarchCalendar-hover-date {padding: 2px 3px;background-color: #426FD9;border: 1px solid #FFF; margin: 0 !important; color: #FFF;} .DynarchCalendar-dayNames .DynarchCalendar-weekend { color: #666; } .DynarchCalendar-day-othermonth.DynarchCalendar-weekend { color: #999; } .DynarchCalendar-day-othermonth.DynarchCalendar-hover-date { color: #B3D4FF } .DynarchCalendar-day-selected {padding: 2px 3px;} .DynarchCalendar-day-selected {background-color: #B3D4FF; color: #000 !important;} .DynarchCalendar-day-today.DynarchCalendar-day-selected {background-color: #B3D4FF; color: #000 !important;} /* focus */ .DynarchCalendar-focusLink {position: absolute; opacity: 0; filter: alpha(opacity=0);} .DynarchCalendar-focused {border-color: #999;} .DynarchCalendar-focused .DynarchCalendar-topBar, .DynarchCalendar-focused .DynarchCalendar-bottomBar {background-color: #ccc; border-color: #336;} .DynarchCalendar-focused .DynarchCalendar-hover-week {background-color: #F1F5FA;} .DynarchCalendar-hover-week, .DynarchCalendar-focused .DynarchCalendar-hover-week {background: #F1F5FA;} .DynarchCalendar-tooltip { position: absolute; top: 100%; width: 100%;} .DynarchCalendar-tooltipCont { margin: 0 5px 0 5px; border: 1px solid #aaa; border-top: 0; padding: 3px 6px; background: #ddd;} .DynarchCalendar-focused .DynarchCalendar-tooltipCont {background: #ccc; border-color: #000;} /* FOR DATATABLE WIDTH */ .yui_dt_10_pct_col {width: 10%;} .yui_dt_5_pct_col {width: 5%;} .yui_dt_20_pct_col {width: 20%;} .yui_dt_35_pct_col {width: 35%;} /* Make the loading panel mask clear */ #wait_mask.mask {opacity:0; -ms-filter: "alpha (opacity=0)";} /* page block */ #page-blocker { position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; background: #000; cursor: wait; opacity: 0.01; z-index:10000;} /*CP Account ID*/ #regAcctHolderAC,.regAcctHolderAC,.regAC input {width: 225px;} #regAcctHolderAC .yui-ac-container .yui-ac-content, .regAcctHolderAC .yui-ac-container .yui-ac-content, .regAC .yui-ac-container .yui-ac-content {width: auto; min-width: 300px;} /*CP duplicate*/ #approvedRegistryAccountAC,.approvedRegistryAccountAC,.aRegAC input {width: 225px;} #approvedRegistryAccountAC .yui-ac-container .yui-ac-content, .approvedRegistryAccountAC .yui-ac-container .yui-ac-content, .aRegAC .yui-ac-container .yui-ac-content {width: auto; min-width: 300px;} #AddTagField,.AddTagAC input {width: 125px; margin-right: 5px;} #AddTagField .yui-ac-container .yui-ac-content, .tagAC .yui-ac-container .yui-ac-content {width: 300px;} #BatchTagField,.BatchTagAC input {width: 125px; margin-right: 5px;} #BatchTagField .yui-ac-container .yui-ac-content, .tagAC .yui-ac-container .yui-ac-content {width: 300px;} .upload-schedule { border: 1px solid #7F7F7F; } .upload-schedule td, .upload-schedule th { border-right: 1px solid #CBCBCB; } .upload-schedule thead th { text-align: center; border-bottom: 1px solid #CBCBCB; } .upload-schedule tbody th { padding: 1px 5px; font-weight: bold; } .upload-schedule tbody td { text-align: center; } #batch-upload-dialog-errors { width: 541px; } #batch-upload-dialog-form fieldset { margin: 0 0; } #batch-upload-dialog-form .upload-file { width: 100%; } #batch-upload-dialog-errors table { width: 100%; } #batch-upload-dialog-error-container .error { color: red; font-weight: bold; } #assets-upload-dialog-errors { width: 541px; } #assets-upload-dialog-form fieldset { margin: 0 0; } #assets-upload-dialog-form .upload-file { width: 100%; } #assets-upload-dialog-errors table { width: 100%; } #assets-upload-dialog-error-container .error { color: red; font-weight: bold; } div.sync-links > a { padding-right: 6px; } .market-administration-link { display: block; width: 40%; margin-right: 10px; text-align: right; }