html { overflow-y: scroll; }
.content-left { background-image: url(/Images/leftSide-small.gif); background-position: left top; background-repeat: repeat-y; margin: 0 auto; padding-left: 16px; max-width: 967px; min-width: 967px;}
.content-right { background-image: url(/Images/rightSide-small.gif); background-position: right top; background-repeat: repeat-y; padding-right: 17px; }
.content { position: initial; }
.content-body { background-color: White;}
.body-content-text { padding: 20px; }
#expirePopup { background-color: #f7f7f7; color: black; width: 330px; display: none }
#expirePopup h1 { color: black; margin: 0; margin: 5px 0 7px 0; padding: 0; font-size: 12px; }
#expirePopup h1 i.timer { background-image: url(/Images/stopWatchIcon18_Normal.png); background-repeat: no-repeat; background-position: center center; display: inline-block; width: 18px; height: 18px; vertical-align: bottom; }
#expirePopup .content { background-color: white; border: 1px solid #828282; padding: 10px; }
#expirePopup .center { text-align: center; margin-top: 10px; }
#expirePopup #timeLeft { text-align: center; display: block; margin-bottom: 10px; }
#expirePopup .buttons { overflow: hidden; height: 1%; margin: 10px 0; padding-left: 12px; }
.username { color: White; float: right; line-height: 20px; margin-right: 7px; text-transform: capitalize; }
@media(max-width: 991px) {
.username {
display: none;
}
}
.admin-links { float: right; margin-top: 7px; }
.black-heading { background-image: url(/Images/BlackHeading1.jpg); background-repeat: no-repeat; height: 50px; }
.black-heading .powered-by-label { color: White; font-weight: bold; position:absolute; margin-top: 28px; }
.black-heading .time {color: White; float: right; font-size: 10px; line-height: 20px; margin: 26px 7px 0 0; }
.black-heading div { }
.menu-heading {
background: #98b2ba;
background: -moz-linear-gradient(top, #98b2ba 0%, #d6f0f8 100%);
background: -webkit-linear-gradient(top, #98b2ba 0%,#d6f0f8 100%);
background: linear-gradient(to bottom, #98b2ba 0%,#d6f0f8 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#98b2ba', endColorstr='#d6f0f8',GradientType=0 );
/*min-height: 25px;*/
padding-left: 0px;
}
.menu-heading .right { float: right; padding-right: 10px; text-align:right; }
.menu-heading .right a.logout { background-image: url(/Images/logOut_18.gif); background-repeat: no-repeat; background-position:0, 3px; color: #1946a3; display: inline; float: right; line-height:24px; margin-left:5px; padding-left: 25px; text-decoration: underline; FONT-FAMILY: verdana,geneva,sans-serif }
.menu-heading .right a.logout:hover { color: Blue; text-decoration: none; }
.menu-heading .left { float: left; }
.menu-heading .text {font-weight:bold; line-height:25px;}
.menu-heading a.link { line-height:25px; text-decoration:underline; color:#1946a3;}
.menu-heading a.link:hover {text-decoration:none;}
.client-options-menu-hover { padding: 4px 6px 5px 8px !important; }
.heading-tabs { float: left; margin-top: 0px; }
/*
.heading-tabs { float: left; margin-top: 4px; }
.heading-tabs a { color: Blue; text-decoration: underline; }
.heading-tabs a:hover { text-decoration: none; }
*/
.black-footing {
background: #474747;
background: -moz-linear-gradient(top, #474747 0%, #565656 30%, #141414 100%);
background: -webkit-linear-gradient(top, #474747 0%,#565656 30%,#141414 100%);
background: linear-gradient(to bottom, #474747 0%,#565656 30%,#141414 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#474747', endColorstr='#141414',GradientType=0 );
height: 25px;
}
.black-footing .left { color: White; float: left; line-height: 22px; padding-left: 15px; }
.black-footing .right { color: White; float: right; font-size: 11px; line-height: 22px; padding-right: 10px; }
.black-footing a {color: White; font-size: 11px; line-height: 22px; text-decoration:none; }
.black-footing a:hover {text-decoration: underline; font-weight: bold; }
.black-footing div.memuitem { float:left; text-align:center; padding-left:3px; padding-right:3px; }
.SiteMapContent { text-align: left; font-weight: normal; background-color: #CCC; line-height:22px; padding-left: 10px; }
.SiteMapContent a { color: #00F; font-weight: normal; }
.SiteMapContent a:hover { text-decoration: none; }
.SiteMapContent a:visited { color: #00F; }
.raf {width: 100%}
.raf-table { background-color: White; width: 100%; }
.raf-td1 { background-color: #dcdcdc; width:40%; overflow-wrap: anywhere; }
.raf-td2 { background-color: #ebebeb; }
.raf-textbox { border: 1px solid #9F9F9F; background-color: #f0f0f0; width: 100%; }
.raf-multiline-textbox { border: 1px solid #9F9F9F; width: 100%; }
.raf-ddl { border: 1px solid #9F9F9F; width: 100%; }
.raf-required { padding: 1px 1px 0 1px; border: 1px solid #dd0000 !important; }
.raf-required > [type="checkbox"] {
border: 1px solid #dd0000 !important;
color: green;
}
.sign-in-popup { display: none; font-family: Arial; position: absolute; background-color: #fff; border-radius: 5px; border: 1px solid #999; width: 197px; margin-left: -34%; text-align: left; padding: 5px; }
.sign-in-popup table { float: none !important; margin: 0 auto; border-radius: 3px; }
.sign-in-popup div { padding: 5px 0px; margin-left: 5px; }
.sign-in-popup hr { border: 0; border-top: 1px solid #ccc; margin: 10px; }
.sign-in-popup a { color: #000080; }
.sign-in-popup .warn { background-image: url(/Images/exclaimRed18_Normal.png); background-repeat: no-repeat; background-position: left center; padding-left: 24px; margin-left: 8px; }
.sign-in-popup .oldversion { font-size: 11px; text-align:right; padding-top:5px; padding-right:8px; margin-bottom:-10px; }
/*
.sign-in-popup .oldversion { background-image: url(../../Images/Old18.png); background-repeat: no-repeat; background-position: left center; padding-left: 24px; margin-left: 8px; font-size: 11px; text-align:right; padding-top:5px; padding-bottom:5px; padding-right:8px; margin-bottom:-10px; }
*/
.sign-in-popup .register { font-size: 11px; text-align: left; text-align:right; padding-top:5px; padding-right:8px; margin-bottom:-10px; }
.sign-in-popup a { text-decoration: none; }
.sign-in-popup a:hover { text-decoration: underline; }
.oldversionPopUp { background-image: url(/Images/Old48.png); background-repeat: no-repeat; background-position: left center; display: inline-block; font-size: 14px; line-height: 48px; min-height: 48px; padding: 5px 8px 5px 53px; }
.flash
{
padding: 10px 6px;
font-family: helvetica;
font-size: 0.9em;
text-align: center;
font-weight: bold;
cursor: pointer;
position: fixed;
top: 0;
z-index: 100000;
width: 700px;
opacity: 0.9;
filter: alpha(opacity=90);
left: 50%;
margin-left: -350px;
margin-top: 10px;
border-radius: 6px;
box-shadow: 5px 5px 10px 1px #333;
border: 0;
}
.flash.info
{
background-color: #CCFFCC;
color: #339933;
}
.flash.warning
{
background-color: #FFFF99;
color: #663300;
}
.flash.error
{
background-color: #ffbbbb;
color: #990000;
}
fieldset.industry-types { border: 1px solid gray; margin: 10px; }
fieldset.industry-types legend { font-weight: bold; }
fieldset.industry-types div.options { padding: 25px 0px; overflow: hidden; zoom: 1; width: 700px; margin: 0 auto; }
fieldset.industry-types i.r1 { color: grey; font-size: 11px; }
fieldset.industry-types i.r2 { color: grey; font-size: 11px; float: right; }
fieldset.industry-types i.r2 a { font-style: normal; }
fieldset.industry-types div.labels { overflow: hidden; zoom: 1; padding-top: 5px; }
fieldset.industry-types div.labels label { border: 1px solid #ccc; border-bottom: 0px; cursor: pointer; display: block; line-height: 25px; padding: 0 15px; }
fieldset.industry-types div.labels label:last-child { border-bottom: 1px solid #ccc; }
fieldset.industry-types div.labels label:nth-child(1) { background-color: #fff; }
fieldset.industry-types div.labels label:nth-child(2n) { background-color: #eee; }
fieldset.industry-types div.labels label:hover { background-color: #faf6aa; }
fieldset.industry-types div.labels input { margin: 2px; padding: 0; }
fieldset.industry-types div.labels span.domain { float: right; color: grey; }
.popup-tooltip
{
display: inline-block;
}
.popup-tooltip > span
{
color: blue;
cursor: pointer;
text-decoration: underline;
}
.popup-tooltip > div
{
display: none;
}
.mainMenu {
background-color: Black;
}
.mainMenu a {
}
table.mainMenu {
font-family: Verdana;
font-size: 12px;
margin: 0 auto;
}
table.mainMenu a {
color: White;
line-height: 32px;
}
table.mainMenu td table {
border: 1px solid black;
}
table.mainMenu td table:hover {
border: 1px solid white;
}
.ctl00_menuMain_0 {
border: 1px solid #CCCCCC;
}
.ctl00_menuMain_0 table {
font-family: Verdana;
font-size: 12px;
}
.ctl00_menuMain_0 table td table {
background-repeat: no-repeat;
border: 1px solid white;
padding-left: 32px;
}
.ctl00_menuMain_0 table td table:hover {
background-color: #FFF8D1;
border: 1px solid #CCCCCC;
}
.ctl00_menuMain_0 table a {
color: Black;
line-height: 32px;
}
.ctl00_menuMain_0 table a:hover {
}
#ctl00_menuMainn6 table:first-child {
background-image: url(/Images/AnimmatedGlobe.gif);
}
#ctl00_menuMainn7 table:first-child {
background-image: url(/Images/download.gif);
}
#ctl00_menuMainn8 table:first-child {
background-image: url(/Images/Delta_Icon.gif);
}
.mainContent {
margin: 0 auto;
width: 800px;
}
.clear-both { clear: both; margin-bottom: 5px; }
ul.box-options { list-style: none; margin: 0 auto; width: 400px; }
ul.box-options li { border: 2px solid white; color: #CCCCCC; display: block; padding: 10px; text-align: left; margin: 10px; }
ul.box-options li.active { border: 2px solid #0a0a0a; color: Black; }
ul.box-options a { color: Blue; display: block; float: right; font-family: Arial; font-size: 11px; }
ul.box-options a.dxeDisabled { color: #CCCCCC; text-decoration: underline; }
ul.box-options p { padding-left: 35px; }
ul.box-options b { text-decoration: underline; }
.cb-option { color: #CCCCCC; margin: 12px 0 12px 0; padding-left: 35px; }
.cb-option p { margin: 12px 0 12px 0; }
li.active .cb-option.active { color: Black; }
.btn { background-color: #00509d; color: white; font-weight: bold; font-size: 12px; padding: 7px 14px; border-radius: 4px; text-decoration: none; }
.btn.big { font-size: 16px; padding: 7px 27px; }
a.print { background-image: url(/Images/Printer_18.gif); }
a.print-disabled { background-image: url(/Images/Printer18_Disabled.gif); color: #cccccc; }
.dvxBtn-right { float: right; cursor: pointer; }
.dvxBtn-right td { font-family: Arial; font-size: 11px; }
.cc-settings-warning { display: none; }
.cc-settings-warning-cb1,
.cc-settings-warning-cb2 { display: none; }
li.active .cc-settings-warning { background-image: url(/Images/Error.gif); background-repeat: no-repeat; background-position: left center; display: block; float: right; font-family: Arial; font-size: 11px; padding: 0px 2px 0px 25px; line-height: 25px; margin: -5px 45px 0 0; }
li.active .cb-option.active .cc-settings-warning-cb1,
li.active .cb-option.active .cc-settings-warning-cb2 { background-image: url(/Images/Error.gif); background-repeat: no-repeat; background-position: left center; display: block; float: right; font-family: Arial; font-size: 11px; padding: 0px 2px 0px 25px; line-height: 25px; margin: -5px 15px 0 0; }
.hint-bubble { background-image: url(/Images/lightBulb18_Normal.png); background-repeat: no-repeat; background-position: 5px center; padding: 5px; padding-left: 25px; position: absolute; border: 1px solid grey; background-color: white; border-radius: 4px 4px 4px 4px; }
.clear { clear: both; }
div.table {
display:table;
width:100%
}
div.table div.row {
display:table-row;
}
div.table div.cell {
display: table-cell;
vertical-align:top;
}
.section-header {
clear:both;
border: 1px solid gray;
line-height: 24px;
padding: 2px;
background-color: #e0e0e0;
font-weight: bold;
}
.section-header .step {
float:left;
background-color: #ff7f27;
margin-right:10px;
padding:0px 6px;
}
.section-body {
border: 1px solid gray;
border-top: 0;
padding:10px;
}
.PageTabContent {
padding: 0px;
}
.question-answer-link {}
.question-answer-link.red { color: #EF2226; font-weight: bold; }
.question-popup { background-color: #DCDCDC; border: 2px solid black; padding: 10px; position: fixed; bottom: 50px; right: -500px; overflow-y: scroll; height: 400px; width: 450px; }
.question-popup-header { margin-bottom: 5px; overflow: hidden; }
.question-popup a.close { float: right; background-image: url(/images/pcItemCloseButton.gif); background-repeat: no-repeat; background-position: right center; padding: 2px 22px 2px 2px; }
.question-popup a.post-comment { background-image: url(/images/lightBulb18_Normal.png); background-repeat: no-repeat; background-position: left center; padding: 2px 2px 2px 22px; }
.question-popup a.post-question { background-image: url(/images/questionMark18_Normal.png); background-repeat: no-repeat; background-position: left center; padding: 2px 2px 2px 22px; }
.question-popup .no-questions { display: none; text-align: center; padding: 100px; }
.question-popup .post-comment-form { display: none; overflow: hidden; }
.question-popup .post-question-form { display: none; overflow: hidden; }
.question-list { overflow: hidden; }
.question-list hr { width: 70%; }
.question-list hr:last-child { display: none; }
.question-list .col1 { float: left; width: 25px; }
.question-list .col2 { margin-left: 25px; overflow: hidden; margin-bottom: 10px; }
.question-list .col2 textarea { width: 100%; }
.question-list .col2 input { float: right; }
.post-comment-form textarea { width: 100%; }
.post-comment-form input { float: right; }
.post-question-form textarea { width: 100%; }
.post-question-form input { float: right; }
.ddl-years { color: white; margin: 0 5px; padding-right: 10px; white-space: nowrap; background-image: url(/images/arrow-down-white.gif); background-repeat: no-repeat; background-position: right center; }
.ddl-years-panel { position: absolute; border: 1px solid black; background-color: white; }
.ddl-years-panel a { color: black; display: block; text-decoration: none; padding: 2px 5px; }
.ddl-years-panel a:hover { background-color: #ffffb9; }
.search-bar .ddl-years-panel { margin-left: 685px; }
.tbl-search .ddl-years-panel { margin-left: 5px; }
body { FONT-SIZE: 12px; FONT-FAMILY: Arial, Helvetica Neue, Helvetica, sans-serif; margin:0;padding:0}
.hide { position: absolute; visibility: hidden; }
.show { position: absolute; visibility: visible; }
#thecontent { BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none; }
.spacer { border-top-width:thin; border-top-style:solid; border-top-color: black; }
.SiteTitle { FONT-WEIGHT: bold; FONT-SIZE: 24px }
.SiteTitleArea { COLOR: #ffffff; BACKGROUND-COLOR: #336699 }
.SiteNavHead { FONT-WEIGHT: bold; COLOR: #1946a3; }
.SiteNavLink { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #1946a3; TEXT-DECORATION: underline }
.SiteNavLinkHand { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #1946a3; TEXT-DECORATION: underline; cursor:hand }
.SiteNavLinkSmall { FONT-SIZE: 10px; FONT-WEIGHT: normal; COLOR: #1946a3; TEXT-DECORATION: underline }
.SiteNavLinkSmallHand { FONT-SIZE: 10px; FONT-WEIGHT: normal; COLOR: #1946a3; TEXT-DECORATION: underline; cursor:hand }
.SiteNavLinkSmallerHand { FONT-SIZE: 9px; FONT-WEIGHT: normal; COLOR: #1946a3; TEXT-DECORATION: underline; cursor:hand }
.SiteNavLinkSmaller { FONT-SIZE: 9px; FONT-WEIGHT: normal; COLOR: #1946a3; TEXT-DECORATION: underline }
.SiteButtonLink { padding:10px; background-color:Gray; FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #1946a3; TEXT-DECORATION: underline }
.SiteNavArea { BACKGROUND-COLOR: #FFFFFF; }
.SiteContentTitleGold { FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR: #DEB962;}
.SiteContentTitle { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #000000;}
.SiteContentTitleWhite { cursor:auto; FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #FFFFFF;}
.SiteContentTitleNavy { FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #000080;}
.SiteWelcomeTitle { FONT-WEIGHT: bold; FONT-SIZE: 18px; FONT-STYLE: italic;}
.SiteContentSubTitle { FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR:#000000;}
.SiteContentSubTitleWhite { FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR:#FFFFFF;}
.SiteContentSubTitle2 { FONT-SIZE: 14px; FONT-STYLE: italic; COLOR:#003399;}
.SiteContentSubTitle2White { FONT-SIZE: 14px; FONT-WEIGHT: bold; COLOR:#FFFFFF;}
.SiteContentStepHeader { FONT-WEIGHT: bold; FONT-SIZE: 15px; COLOR:#003399;}
.SiteContentStepSubHeader { FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #000000;}
.SiteContentLarge { FONT-SIZE: 14px; COLOR:#000000;}
.SiteContentBold { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000;}
.SiteContentBoldSmall { FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #000000;}
.SiteContentBoldItalic { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000; font-style: italic;}
.SiteContentBoldUnderline { TEXT-DECORATION: underline; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000;}
.SiteContent { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000;}
.SiteContent.Nowrap { white-space: nowrap; }
.SiteContentDeselected { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #999999;}
.SiteContentDisabled { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #999999; background: #DCDCDC;}
.SiteContentWhiteBold { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FFFFFF;}
.SiteContentWhite { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FFFFFF;}
.SiteContentRedBold { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #FF0000;}
.SiteContentRed { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #FF0000;}
.SiteContentNavyBold { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000080;}
.SiteContentNavy { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000080;}
.SiteContentUnderline { FONT-WEIGHT: normal; TEXT-DECORATION: underline; FONT-SIZE: 12px; COLOR: #000000;}
.SiteContentItalics { FONT-STYLE: italic; FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000;}
.SiteContentItalicsSmall { FONT-STYLE: italic; FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000;}
.SiteContentExtraSmall { FONT-WEIGHT: normal; FONT-SIZE: 8px; COLOR: #000000;}
.SiteContentSmallGray
{
font-weight: normal;
font-size: 10px;
color: #666666;
}
.SiteContentSmallBoldGray
{
font-weight: bold;
font-size: 10px;
color: #666666;
}
.SiteContentSmallBoldDarkGray
{
font-weight: bold;
font-size: 10px;
color:#333333;
}
.SiteContentSmallGrayItalic, .SiteContentItalicsSmall-disabled
{
font-weight: normal;
font-size: 10px;
color: #666666;
font-style:italic;
}
.SiteContentSmall { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000;}
.SiteContentSmallItalic
{
font-weight: normal;
font-size: 10px;
color: #000000;
line-height: 10px;
font-style: italic;
}
.SiteContentSmallItalicRed
{
font-weight: normal;
font-size: 10px;
color: #FF0000;
line-height: 10px;
font-style: italic;
}
.SiteContentSmallBold { FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #000000;}
.SiteContentSmallDisabled { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #999999;}
.SiteContentNoBorder { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; border-width:0px; height:20px; width:100px; }
.SiteContentHead { FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #000000;}
.SiteFooterText { FONT-SIZE: 10px }
.SiteFooterArea { COLOR: #ffffff; BACKGROUND-COLOR: #336699 }
.SiteTwoDigitInput { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; height:20px; width:25px;}
.SiteExtraSmallInput { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; height:20px; width:50px;}
.SiteSmallInput { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; height:20px; width:80px;}
.SiteMediumInput { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; height:20px; width:100px;}
.SiteMediumInputDisabled { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; height:20px; width:100px; BACKGROUND-COLOR: #ebebeb;}
.SiteLargeInput { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; height:20px; width:140px;}
.SiteExtraLargeInput { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; height:20px; width:200px;}
.NumericInput { FONT-WEIGHT: normal; FONT-SIZE: 12px; COLOR: #000000; height:20px; width:100px; text-align:right;}
.SiteCalculatedInput{ FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:Transparent; COLOR: #000000; border-width:0px; height:20px; width:100px; text-align:right; }
.SiteCalculatedInputBoldCenter{ FONT-WEIGHT: bold; FONT-SIZE: 12px; background-color:Transparent; COLOR: #000000; border-width:0px; height:20px; width:60px; text-align:center; }
.SiteCalculatedInputBold{ FONT-WEIGHT: bold; FONT-SIZE: 12px; background-color:Transparent; COLOR: #000000; border-width:0px; width:100px;}
.SiteCalculatedInputRed{ FONT-WEIGHT: normal; FONT-SIZE: 12px; background-color:Transparent; COLOR:Red; border-width:0px; height:20px; width:100px; vertical-align:middle }
.DivisionBorder{border-style: solid; border-width: 1px; border-color: #ff3333}
.DivisionBorderTop{border-style: solid; border-width: 1px; border-bottom-width: 0px; border-right-width: 0px; border-left-width: 0px; border-color: #ff3333}
.DivisionBorderNoTop{border-style: solid; border-width: 1px; border-top-width: 0px; border-color: #ff3333}
.Permission { FONT-WEIGHT: bold; FONT-SIZE: 18px; FONT-STYLE: italic; COLOR: #ff3333;}
.Warning { FONT-WEIGHT:bold; FONT-SIZE: 12px; COLOR: #ff3333;cursor: default;}
.Warning.Abs { position: absolute; }
.WarningLarge { FONT-WEIGHT:bold; FONT-SIZE: 14px; COLOR: #ff3333;}
.WarningSmall { FONT-WEIGHT:bold; FONT-SIZE: 10px; COLOR: #ff3333;}
.Button { FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-COLOR: #003399; COLOR: #FFFFFF;}
.InputButton { FONT-WEIGHT: normal; FONT-SIZE: 12px; BACKGROUND-COLOR: #003399; COLOR: #FFFFFF; width:200px;}
.LoadMeter { background:000000; FONT-WEIGHT: bold; FONT-SIZE: 24px; COLOR:#DEB962;}
.subMenu { BORDER-RIGHT: black thin solid; PADDING-RIGHT: 5px; BORDER-TOP: black thin solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; BORDER-LEFT: black thin solid; WIDTH: 20%; COLOR: black; PADDING-TOP: 5px; BORDER-BOTTOM: black thin solid; BACKGROUND-COLOR: #cdcdcd; TEXT-ALIGN: center }
.menu { WIDTH: 100%; COLOR: #e0e0e0; BACKGROUND-COLOR: black; TEXT-ALIGN: center }
.homeHeaderLink { color:#B8A976; text-decoration:none; FONT-SIZE: 10px; font-weight:bold;}
.homeHeaderText { color:#FFFFFF; text-decoration:none; FONT-SIZE: 12px; font-weight:bold;}
.HeaderText { text-decoration:none; color:White; FONT-SIZE: 12px; font-weight:bold; white-space: nowrap; }
.HeaderText.WithImages a { line-height: 20px; }
.HeaderText.WithImages img { }
.HeaderText td { white-space: nowrap; }
.HidenElement { display:none!important; }
.RowText { cursor: pointer; }
.RowText td { white-space: nowrap; }
.RowText.Admin td { white-space: normal }
.HeaderText a { text-decoration: none; }
.HeaderText .NotBold { }
.HeaderText .NotBold a { font-weight: normal; }
.PagerStyle{ padding:0; border-collapse:collapse; }
.print-btn1 {
text-transform: capitalize;
background-image: url(/Images/Printer_14.gif);
margin-left: 10px;
background-repeat: no-repeat;
padding-left: 25px;
line-height: 25px;
background-position-y: 4px;
}
.content-container .SiteNavLinkContainer > div.inactive,
.content-container .SiteNavLinkContainer > div.active,
.content-container .SiteNavLinkContainerAdvanced > div.inactive,
.content-container .SiteNavLinkContainerAdvanced > div.active {
width: 100%;
}
.notice-red {
background: url(/images/noticeFlag18_Red.png) left center no-repeat no-repeat;
border: 2px solid red;
color: red;
font-weight: bold;
margin: 2px 0;
padding: 1px 2px 2px 25px;
}
@media (max-width: 991px) {
}
@media (max-width: 767px) {
}
@media print
{
div.page {
writing-mode: tb-rl;
margin: 10% 0%;
height:100%;
width:100%
}
div.page table
{
margin-right: 120pt;
filter: progid:DXImageTransform.Microsoft.BasicImage(Rotation=1);
}
}
#fadeinbox
{
position:absolute;
width: 400px;
left: 0;
top: -400px;
border: 2px solid black;
background-color: CCFFFF;
padding: 4px;
z-index: 100;
display:none;
}
#K12Buytooltip
{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=-135);
}
#K12Buypointer
{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}
#loadMeter
{
position:absolute;
width: 300px;
left: 0;
top: -400px;
border: 2px solid black;
background-color: CCFFFF;
padding: 4px;
z-index: 200;
visibility:hidden;
}
DIV.base-layer {
background: none;
border: none;
color: #ffffff;
padding: 0;
width: 98%;
}
DIV.table-row {
background: none;
border: none;
color: #ffffff;
padding: 0;
width: 100%;
display: table;
}
DIV.leftcol1 {
border: none;
float: left;
padding: 0;
background-color: #99E0FB;
}
DIV.leftcol2 {
border: none;
float: left;
height: 100%;
padding: 0;
background-color: #ffffff;
width: 100%;
}
#grid1
{
width:100%;
float: left;
}
#gridBorder
{
padding: 5px 13px 5px 11px;
overflow-y: hidden;
overflow-x: scroll;
*width: 100%;
zoom: 1;
/*float: left;*/
/*height: 250px;*/
/*position:absolute;*/
}
div > p {margin:0}
.tableMenu
{
position:relative;
width: 590px;
height: 30px;
top: -1px;
border: 0px solid black;
background-color: #9B9876;
padding: 0px;
}
.optionMenu
{
position:relative;
width: 590px;
top: -1px;
border: 0px solid black;
padding: 0px;
}
.bodyStyle
{
position:relative;
top: -1px;
border: 0px solid black;
padding: 0px;
}
.horizontalLineBottom
{
position:relative;
background-color: #9B9876;
width: 600px;
height: 1px;
top: -1px;
border: 0px solid black;
padding: 0px;
}
.requiredBorder
{
BORDER: #FF0000 1px solid;
BACKGROUND-COLOR: #FFFFFF;
}
.requiredBorder-disabled
{
background-color: #DCDCDC;
border: #cccccc 1px solid;
}
.nonrequiredBorder
{
background-color: #ffffff;
border: #cccccc 1px solid;
}
.nonrequiredBorder-disabled
{
background-color: #DCDCDC;
border: #cccccc 1px solid;
}
.recommendedBorder
{
BORDER: #ffff00 1px solid;
BACKGROUND-COLOR: #ffffff;
}
.MiniMenu {
background-color: #DCDCDC;
overflow: hidden;
width:100%
}
.MiniMenu a,
.MiniMenu span{
display: block;
float: left;
line-height: 20px;
margin-left: 10px;
}
.MiniMenu a {
background-repeat: no-repeat;
background-position: left;
line-height: 20px;
padding-left: 20px;
margin-left: 17px;
color:#0066cc;
}
.MiniMenu a img {
border: 0;
}
.MiniMenu a.cancel { background-image: url(/Images/removeIcon_18.gif); }
.MiniMenu a.cancel-disabled { background-image: url(/Images/removeIconDisabled_18.gif); color: #cccccc; }
.MiniMenu span.small { color: #000080; font-family: Arial; font-size: 12px; font-weight: bold; }
.linkbutton
{
background-repeat: no-repeat;
background-position: left;
line-height: 24px;
padding-left: 20px;
margin-left: 17px;
color:#0066cc;
display:block;
}
.linkbutton.pdf { background-image: url(/Images/PDF.gif); }
.linkbutton.time { background-image: url(/Images/stopwatch_18.gif); }
.SiteNavLinkContainer { border: 2px solid #493E95; background-color: White; padding: 5px 5px 20px 5px; text-align: left; clear:both;}
.SiteNavLinkContainer a { background-image: url(/Images/envelopeClosed.gif); background-repeat: no-repeat; background-position: 5px center; color: blue; display: block; padding: 10px 2px 2px 35px; margin-top: 2px; white-space: nowrap; text-decoration:none; }
/*.SiteNavLinkContainer { border: 2px solid #493E95; background-color: White; padding-bottom: 20px; text-align: left; }
.SiteNavLinkContainer a { background-image: url(../../Images/envelopeClosed.gif); background-repeat: no-repeat; background-position: 5px center; font-size: 10px; font-weight: normal; color: #1946a3; display: block; line-height: 30px; padding-left: 30px; text-decoration: underline; white-space: nowrap; }*/
.SiteNavLinkContainer a:hover { background-image: url(/Images/OpenEnvelope_Small.gif); }
.SiteNavLinkContainer a.active { background-color: #FFFF99; background-image: url(/Images/OpenEnvelope_Small.gif); }
.SiteNavLinkContainer a.orders-open { background-image: url(/Images/18_faq.gif); }
.SiteNavLinkContainer a.orders-received { background-image: url(/Images/18_lic.gif); }
.SiteNavLinkContainer a.orders-cancelled { background-image: url(/Images/cancelTask18_Enabled.gif); }
.SiteNavLinkContainer a.inbox { background-image: url(/Images/mailChat_18.gif); }
.SiteNavLinkContainer a.inbox:hover { background-image: url(/Images/mailChat_18.gif); }
.SiteNavLinkContainer a.active-quotes { background-image: url(/Images/RFQx18.gif); }
.SiteNavLinkContainer a.active-quotes:hover { background-image: url(/Images/RFQx18.gif); }
.SiteNavLinkContainer a.in-process { background-image: url(/Images/activityIcon_18.gif); }
.SiteNavLinkContainer a.disapproved { background-image: url(/Images/rejected18_Normal.png); }
.SiteNavLinkContainer a.awarded { background-image: url(/Images/18_award.gif); }
.SiteNavLinkContainer a.awarded:hover { background-image: url(/Images/18_award.gif); }
.SiteNavLinkContainer a.awardedd { background-image: url(/Images/blueRibbon18_Normal.png); }
.SiteNavLinkContainer a.awardedd:hover { background-image: url(/Images/blueRibbon18_Normal.png); }
.SiteNavLinkContainer a.notawarded { background-image: url(/Images/notAwarded18_Normal.png); }
.SiteNavLinkContainer a.notawarded:hover { background-image: url(/Images/notAwarded18_Normal.png); }
.SiteNavLinkContainer a.cancelled { background-image: url(/Images/cancelTask18_Enabled.gif); }
.SiteNavLinkContainer a.cancelled:hover { background-image: url(/Images/cancelTask18_Enabled.gif); }
.SiteNavLinkContainer a.rating { background-image:none; background-repeat: no-repeat; background-position: 90px center; font-size: 10px; font-weight: normal; color: #1946a3; display: block; line-height: 30px; padding-left: 10px; text-decoration: underline; white-space: nowrap; }
.SiteNavLinkContainer a.scheduled { background-image: url(/Images/18_Timer.gif); }
.SiteNavLinkContainer a.draft { background-image: url(/Images/NoteBook_18.gif); }
.SiteNavLinkContainer a.nonExecuted {
background-image: url(/Images/Inspect18_Normal.png);
}
.SiteNavLinkContainer a.nonExecuted:hover {
background-image: url(/Images/Inspect18_Normal.png);
}
.SiteNavLinkContainer a.nonExecuted.active {
background-image: url(/Images/Inspect18_Normal.png);
}
.SiteNavLinkContainer a.fullyExecuted {
background-image: url(/Images/ContractRatified_18.gif);
}
.SiteNavLinkContainer a.fullyExecuted:hover {
background-image: url(/Images/ContractRatified_18.gif);
}
.SiteNavLinkContainer a.createNoSave {
background-image: url(/Images/18_Order.gif);
}
.SiteNavLinkContainer a.draftt {
background-image: url(/Images/compose18_Normal.png);
}
.SiteNavLinkContainer a.draftt:hover {
background-image: url(/Images/compose18_Normal.png);
}
.SiteNavLinkContainer a.deleted {
background-image: url(/Images/Trashcan18_Normal.png);
}
.SiteNavLinkContainer a.inProcess {
background-image: url(/Images/activityIcon_18.gif);
}
.SiteNavLinkContainer a.draftDisapRecalled {
background-image: url(/Images/DISAP_Recalled12_Normal.png);
}
.SiteNavLinkContainer a.draftApproved {
background-image: url(/Images/Approved12_Normal.png);
}
.SiteNavLinkContainer a.vendorReview {
background-image: url(/Images/VendorReview18_Normal.png);
}
.SiteNavLinkContainer a.returnedToClient {
background-image: url(/Images/VendorReviewReject18.png);
}
.SiteNavLinkContainer a.returnedToClient:hover {
background-image: url(/Images/VendorReviewReject18.png);
}
.SiteNavLinkContainer a.reSubmitted {
background-image: url(/Images/envelopeClosed.gif);
}
.SiteNavLinkContainer a.reSubmitted:hover {
background-image: url(/Images/OpenEnvelope_Small.gif);
}
.SiteNavLinkContainer a.approvalRejected {
background-image: url(/Images/envelopeClosed.gif);
}
.SiteNavLinkContainer a.approvalRejected:hover {
background-image: url(/Images/OpenEnvelope_Small.gif);
}
.SiteNavLinkContainer a.vendorApproved {
background-image: url(/Images/VendorReviewApproved18.png);
}
.SiteNavLinkContainer a.vendorApproved:hover {
background-image: url(/Images/VendorReviewApproved18.png);
}
.SiteNavLinkContainer a.readyToFullyExec {
background-image: url(/Images/ReadyToSign18_Normal.png);
}
.SiteNavLinkContainer a.signed {
background-image: url(/Images/envelopeClosed.gif);
}
.SiteNavLinkContainer a.signed:hover {
background-image: url(/Images/OpenEnvelope_Small.gif);
}
.SiteNavLinkContainer a.ratified {
background-image: url(/Images/envelopeClosed.gif);
}
.SiteNavLinkContainer a.ratified:hover {
background-image: url(/Images/OpenEnvelope_Small.gif);
}
.SiteNavLinkContainer a.closed {
background-image: url(/Images/cancelTask18_Enabled.gif);
}
.SiteNavLinkContainer a.closed:hover {
background-image: url(/Images/cancelTask18_Enabled.gif);
}
.SiteNavLinkContainer a.waitingToStart {
background-image: url(/Images/WaitingToStartFolder18_Normal.png);
}
.SiteNavLinkContainer a.waitingToStart:hover {
background-image: url(/Images/WaitingToStartFolder18_Normal.png);
}
.SiteNavLinkContainer a.active_f {
background-image: url(/Images/ContractRatified_18.gif);
}
.SiteNavLinkContainer a.active_f:hover {
background-image: url(/Images/ContractRatified_18.gif);
}
.SiteNavLinkContainer a.ended {
background-image: url(/Images/EndedFolder18_Normal.png);
}
.SiteNavLinkContainer a.ended:hover {
background-image: url(/Images/EndedFolder18_Normal.png);
}
.SiteNavLinkContainer a.cancelled {
background-image: url(/Images/CancelledFolder18_Normal.png);
}
.SiteNavLinkContainer a.cancelled:hover {
background-image: url(/Images/CancelledFolder18_Normal.png);
}
.SiteNavLinkContainer a.stopWatch {
background-image: url(/Images/stopWatchIcon18_Normal.png);
}
.SiteNavLinkContainer a.stopWatch:hover {
background-image: url(/Images/stopWatchIcon18_Normal.png);
}
.SiteNavLinkContainer a.sub-folder {
margin-left: 20px;
}
.SiteNavLinkContainer a.linkToExecFolder {
background-image: none;
padding-left: 20px;
text-decoration: underline !important;
}
.SiteNavLinkContainer .folder-label { color: grey; margin-top: 10px; }
.SiteNavLinkContainer .folder-label span { margin-left: 7px; }
.SiteNavLinkContainer .folder-label hr { margin-top: 0; margin-bottom: 0; width: 180px; }
.SiteNavLinkContainer a.expired { background-image: url(/Images/expiredCheckbox.gif); background-position: 7px center !important; }
.SiteNavLinkContainer a.expired:hover { background-image: url(/Images/expiredCheckbox.gif); background-position: 7px center !important; }
.SiteNavLinkContainer a span { color: Black; font-weight: bold; text-decoration: none; }
.SiteNavLinkContainer a span:hover { color: Black; font-weight: bold; text-decoration: none; }
.SiteNavLinkContainerAdvanced { border: 2px solid #493E95; background-color: White; text-align: left; }
.SiteNavLinkContainerAdvanced .inactive { background-image: url(/Images/envelopeClosed.gif); background-repeat: no-repeat; background-position: 5px center; font-size: 10px; font-weight: normal; color: #1946a3; display: block; line-height: 30px; padding-left: 30px; text-decoration: underline; white-space: nowrap; }
.SiteNavLinkContainerAdvanced .active { background-color: #FFFF99; background-image: url(/Images/OpenEnvelope_Small.gif); background-repeat: no-repeat; background-position: 5px center; font-size: 10px; font-weight: normal; color: #1946a3; display: block; line-height: 30px; padding-left: 30px; text-decoration: underline; white-space: nowrap;}
.SiteNavLinkContainerAdvanced > div a { font-size: 10px; font-weight: normal; color: #1946a3; text-decoration: underline; white-space: nowrap;}
.SiteNavLinkContainerAdvanced > div { font-size: 10px; font-weight: normal; color: #1946a3; }
.SiteNavLinkContainerAdvanced > div.inactive { background-image: url(/Images/envelopeClosed.gif); background-repeat: no-repeat; background-position: 5px center; line-height: 30px; padding-left: 30px; text-decoration: none; white-space: nowrap; width:165px; }
.SiteNavLinkContainerAdvanced > div.active { background-color: #FFFF99; background-image: url(/Images/OpenEnvelope_Small.gif); background-repeat: no-repeat; background-position: 5px center; line-height: 30px; padding-left: 30px; text-decoration: none; white-space: nowrap; width:165px; }
.SiteNavLinkContainerAdvanced > div div {line-height:normal; padding-left: 0; }
.SiteNavLinkContainerAdvanced .lnk-with-count {
margin-top: -5px;
width: 100%;
border: 0 solid;
}
.SiteNavLinkContainerAdvanced .lnk-with-count-active {
margin-top: -5px;
width: 100%;
border: 0 solid;
background-color: #FFFF99;
line-height: 20px;
}
.SiteNavLinkContainerAdvanced .dropsown { width:100%; text-align:right; margin-top:-30px; }
.SiteNavLinkContainerAdvanced .group-name { border-bottom: 1px solid #999999; color: #999999 !important; font-family: arial !important; font-size: 11px !important; line-height: 11px; margin: 10px 5px 2px; padding: 1px 0; text-align: left; text-transform: uppercase; }
.SiteNavLinkContainerAdvanced .item-count { color: black; display: inline-block; font-size: xx-small; font-weight: bold; vertical-align: super; }
.SiteNavLinkContainerAdvanced2 {
border: 2px solid #493E95;
background-color: White;
text-align: left;
}
.SiteNavLinkContainerAdvanced2 .group-name {
border-bottom: 1px solid #999999;
color: #999999 !important;
font-family: arial !important;
font-size: 11px !important;
line-height: 11px;
margin: 10px 5px 2px;
padding: 1px 0;
text-align: left;
text-transform: uppercase;
}
.SiteNavLinkContainerAdvanced2 .nav-link {
background-image: url(/Images/envelopeClosed.gif);
background-repeat: no-repeat;
background-position: 5px center;
font-size: 10px;
font-weight: normal;
color: #1946a3;
cursor: pointer;
display: block;
line-height: 30px;
padding-left: 30px;
white-space: nowrap;
}
.SiteNavLinkContainerAdvanced2 .nav-link:hover {
background-color: yellow;
}
.SiteNavLinkContainerAdvanced2 .nav-link.active {
background-color: #FFFF99;
background-image: url(/Images/OpenEnvelope_Small.gif);
}
/* for a simple links (just title) */
.SiteNavLinkContainerAdvanced2 span.nav-link {
text-decoration: underline;
}
.SiteNavLinkContainerAdvanced2 .nav-link .title {
padding: 0;
text-decoration: underline;
}
.SiteNavLinkContainerAdvanced2 .nav-link .item-count {
color: black;
display: inline-block;
font-size: xx-small;
font-weight: bold;
vertical-align: super;
}
/* for jquery.treeview plugin (treeview class is added by the plugin to a tree container) */
/*.SiteNavLinkContainerAdvanced2 .tree-menu {
margin-top: 12px;
}*/
.SiteNavLinkContainerAdvanced2 .tree-menu .nav-link {
margin-top: -10px;
}
.SiteNavLinkContainerAdvanced2 .tree-menu .hover {
color: inherit;
}
.manageEventsGrid img.createNoSaveImg {
content:url(/Images/18_Order.gif);
background-image: url(/Images/18_Order.gif);
background-repeat:no-repeat;
background-position-x:center;
width:20px;
height:20px;
color: transparent;
}
.manageEventsGrid img.draftImg {
content:url(/Images/NoteBook_18.gif);
background-image: url(/Images/NoteBook_18.gif);
background-repeat:no-repeat;
background-position-x:center;
width:20px;
height:20px;
color: transparent;
}
.manageEventsGrid img.waitingToStartImg {
content:url(/Images/WaitingToStartFolder18_Normal.png);
background-image: url(/Images/WaitingToStartFolder18_Normal.png);
background-repeat:no-repeat;
background-position-x:center;
width:20px;
height:20px;
color: transparent;
}
.manageEventsGrid img.active_fImg{
content:url(/Images/ContractRatified_18.gif);
background-image: url(/Images/ContractRatified_18.gif);
background-repeat:no-repeat;
background-position-x:center;
width:20px;
height:20px;
color: transparent;
}
.manageEventsGrid img.endedImg {
content:url(/Images/EndedFolder18_Normal.png);
background-image: url(/Images/EndedFolder18_Normal.png);
background-repeat:no-repeat;
background-position-x:center;
width:20px;
height:20px;
color: transparent;
}
.manageEventsGrid img.cancelledImg {
content:url(/Images/CancelledFolder18_Normal.png);
background-image: url(/Images/CancelledFolder18_Normal.png);
background-repeat:no-repeat;
background-position-x:center;
width:20px;
height:20px;
color: transparent;
}
@-moz-document url-prefix() {
.manageEventsGrid img.createNoSaveImg {
content:none;
padding-bottom:5px;
}
.manageEventsGrid img.draftImg {
content:none;
padding-bottom:5px;
}
.manageEventsGrid img.waitingToStartImg {
content:none;
padding-bottom:5px;
}
.manageEventsGrid img.active_fImg{
content:none;
padding-bottom:5px;
}
.manageEventsGrid img.endedImg {
content:none;
padding-bottom:5px;
}
.manageEventsGrid img.cancelledImg {
content:none;
padding-bottom:5px;
}
}
.folder-group {
border-bottom: 1px solid #999999;
color: #999999 !important;
font-family: arial !important;
font-size: 11px !important;
line-height: 11px;
margin: 10px 5px 2px;
padding: 1px 0;
text-align: left;
text-transform: uppercase;
}
.UpdateBalanceBtn {
background-image: url(/images/refreshIcon_18.gif);
background-repeat: no-repeat;
display: block;
font-size: 10px;
line-height: 25px;
margin-left: 10px;
padding-left: 20px;
white-space: nowrap;
COLOR: #FFFFFF;
}
.DateTimePickerTable select { border: 2px groove #FF0000; }
.MainMenu {
padding-bottom: 10px;
}
.MainContent {
background-color: #dccaa0;
padding: 10px;
}
.content-container { background-color: #d1d1d1; padding: 5px; }
.content-container.width-640 { margin: 0 auto; width: 640px; }
.content-container.width-770 { margin: 0 auto; width: 770px; }
.content-container.width-800 { margin: 0 auto; width: 800px; }
.content-container.width-950 { margin: 0 auto; width: 950px; }
.content-container.width-1100 { margin: 0 auto; width: 1100px; }
.content-container.width-1250 { margin: 0 auto; width: 1250px; }
.content-container.width-1300 { margin: 0 auto; width: 1300px; }
.content-container.width-1450 { margin: 0 auto; width: 1450px; }
.content-container.width-1600 { margin: 0 auto; width: 1600px; }
.content-container.width-1680 { margin: 0 auto; width: 1680px; }
.content-container.width-1920 { margin: 0 auto; width: 1920px; }
.heading-blackbox { background-color: Black; color: White; font-weight: bold; line-height: 35px; text-align: center; margin-bottom: 5px;}
.heading-grey { background-color: #808080; color: White; font-size: 16px; font-weight: bold; font-family: Arial; line-height: 35px; text-align: center; margin-bottom: 5px;}
.heading-Warning { background-color: #ffc4c4; border: 1px solid Red; line-height: 25px; text-align: center; text-align:center; }
.heading-Warning span { display:inline-block; font-weight: bold; padding-left: 25px; background-image: url(/Images/Attantion_20.gif); background-repeat:no-repeat; background-position:bottom; background-position:left;}
.WarningRed { background-color: #ff0000; border: 1px solid black; line-height: 30px; text-align: center; margin-bottom:5px; }
.WarningRed span { display:inline-block; color: White; font-weight: bold; padding-left: 35px; background-image: url(/Images/AnimatedExclamationYellow.gif); background-repeat:no-repeat; background-position:bottom; background-position:left;}
.WarningDivPink { background-image: url(/images/glError_bak.png); background-repeat: no-repeat; background-position: 5px center; border: 2px solid #d10000; background-color: #fec8c8; color: #d10000; font-weight: bold; font-size: 18px; line-height: 32px; padding: 2px 2px 2px 40px; margin-top: 2px; }
.WarningDivError { background-image: url(/images/Error.gif); background-repeat: no-repeat; background-position: 5px center; color: #d10000; font-weight: bold; font-size: 15px; line-height: 32px; padding: 2px 2px 2px 40px; margin-top: 2px; }
.WarningDivPink i { font-size: 12px; font-style: normal; font-weight: normal; }
.empty-datatable { color: Black; text-align: left; background-color:#ffffcc; vertical-align:middle; padding: 80px 0 80px 480px; }
.empty-datatable div { border: 1px solid black; background-color: #fff; color: #444444; font-weight: bold; line-height: 40px; margin: 45px 150px; overflow: hidden; }
.empty-datatable div i { }
.empty-datatable div i.icon { background-image: url(/images/Notice.gif); background-repeat: no-repeat; background-position: center center; background-color: gray; display: block; float: left; margin-right: 10px; width: 40px; height: 40px; }
.empty-datatableFlat {text-align: center; background-color:#ffffcc; vertical-align:middle; padding:5px; }
.FolderNoResults {
margin:40px;
border:2px solid #fe9900;
background-color: white;
background-image: url(/Images/noticeFlag18_Normal.png);
background-repeat: no-repeat;
background-position:left;
padding-left:30px;
color:#fe9900;
font-weight:bold;
font-size:14px;
text-align: left;
}
.FolderNoResultsERFX {
max-width:500px;
margin:auto;
border:2px solid #fe9900;
background-color: white;
background-image: url(/Images/noticeFlag18_Normal.png);
background-repeat: no-repeat;
background-position:left;
padding-left:30px;
color:#fe9900;
font-weight:bold;
font-size:14px;
text-align: center;
}
.FlaggedMessageBox
{
margin:40px;
border:2px solid #fe9900;
background-image: url(/Images/noticeFlag18_Normal.png);
background-repeat: no-repeat;
background-position:left top;
padding-left:30px;
padding-right: 12px;
line-height:18px;
background-color: #ffffff;
}
.FlaggedMessageBox.same-color {
color: #fe9900;
}
.FlaggedMessageBox.slim {
margin: 0;
line-height:16px;
}
.FlaggedMessageBox.red {
border:3px solid red;
color: red;
font-weight: bold;
background-image: url(/Images/noticeFlag18_Normal_red.png);
}
.IMessageBox
{
margin:40px;
border:2px solid #0a5ebe;
background-image: url(/Images/InfoIcon20_normal.png);
background-repeat: no-repeat;
background-position:left top;
padding-left:30px;
line-height:18px;
}
.BulbMessageBox
{
border:2px solid #4d4d4d;
background-image: url(/Images/lightBulb18_Normal_filled.png);
background-repeat: no-repeat;
background-position:left top;
line-height:18px;
padding-left:30px;
color: #4d4d4d;
}
.ExMessageBox
{
border:2px solid #c60000;
background-image: url(/Images/AnimatedExclamation_filled.gif);
background-size: 18px 18px;
background-repeat: no-repeat;
background-position:left top;
color: #c60000;
font-weight:bold;
padding-left:30px;
line-height:18px;
}
.ExMessageBox.slim {
margin: 0;
line-height:16px;
}
.ReportNoResults {
margin:40px;
border:2px solid #fe9900;
background-image: url(/Images/noticeFlag18_Normal.png);
background-repeat: no-repeat;
background-position:left;
padding-left:30px;
color:#fe9900;
font-weight:bold;
font-size:14px;
}
.PageLocalTitle {
background-color: Black;
color: White;
line-height: 50px;
text-align: center;
zoom: 1;
}
.PageLocalTitle.Grey {
background-color: #808080;
font-family: Arial;
font-size: 16px;
font-weight: bold;
line-height: 40px;
}
.PageBlackBox {
background-color: Black;
color: White;
margin-top: 5px;
padding: 5px;
text-align: center;
}
.PageBlackBox table {
margin: 0 auto;
}
.PageBlackBox input[type=image] { cursor: pointer; }
.GridBlackBox {
background-color: Black;
color: White;
margin-bottom: 5px;
padding: 2px;
text-align: center;
}
.GridBlackBox input[type=image] { vertical-align:bottom; }
.PageTabHelp {
float:right; padding-right:10px;
}
.PageTabTitle {
overflow: hidden;
zoom: 1;
padding-top: 10px;
padding-left: 40px;
}
.PageTabTitle div {
background-image: url(/images/tab-bg.gif);
background-repeat: repeat-x;
background-position: left top;
float: left;
padding-left: 20px;
}
.PageTabTitle.disabled div {
background-image: url(/images/tab-bg-disabled.gif);
}
.PageTabTitle div span, .PageTabTitle div a {
background-image: url(/images/tab-bg.gif);
background-repeat: repeat-x;
background-position: right top;
color: Black;
display: block;
font-weight: bold;
line-height: 25px;
padding-right: 20px;
text-decoration: none;
}
.PageTabTitle.disabled div span, .PageTabTitle.disabled div a {
background-image: url(/images/tab-bg-disabled.gif);
color: #444444;
}
.PageTabContent {
background-color: White;
padding: 10px;
zoom: 1;
}
.PageTabContent.disabled {
background-color: #dbdbdb;
}
.PageTabContent.Compare {
padding: 3px;
}
.PageTab.disabled .PageTabTitle div {
background-image: url(/images/tab-bg-disabled.gif);
}
.PageTab.disabled .PageTabTitle div span, .PageTab.disabled .PageTabTitle div a {
background-image: url(/images/tab-bg-disabled.gif);
color: #444444;
}
.PageTab.disabled .PageTabContent {
background-color: #dbdbdb !important;
}
.CompareContent {
background-color: #edede1;
_text-align: center;
}
#divRegularPanelContainer { background-color: #FFFFFF; zoom: 1; overflow: hidden; }
#divTogglePanelContainer { overflow: hidden; zoom: 1; width:100%;}
#divTogglePanelLeft { background-color: #c3d5fd; display: block; float: left; width: 200px; }
#divTogglePanelLeft b { margin: 5px; line-height: 30px; white-space: nowrap; }
#divTogglePanelRight { margin-left: 200px; zoom: 1;}
#divTogglePanelRight.alone { margin-left: 0px; }
.clear-both { clear: both; margin-bottom: 5px; }
.required {
border: 2px groove #FF0000;
color: #333333;
}
.NonRequiredFontBlack
{
color: #000000;
}
.booksSearchHeader { background-color: #000080; color: White; font-family: Arial; margin-top: 5px; text-align: left; }
.booksSearchHeader h1 { font-size: 20px; margin: 0; margin-left: 3px; }
.booksSearchHeader h1 span { font-size: 16px; }
.booksSearchHeader a { background-image: url(/Images/backButtonMouseDown_18.gif); background-repeat: no-repeat; background-position: left center; color: White; font-size: 13px; font-weight: bold; line-height: 30px; padding: 4px 0 4px 22px; margin-left: 3px; }
.booksSearchHeader a:hover { text-decoration: none; }
.booksSearchResults { background-color: #e1e1e1; margin-top: 20px; overflow: hidden; zoom: 1; }
.booksSearchResults .imageContainer { float: left; text-align: center; width: 100px; }
.booksSearchResults .imageContainer img { border: 0; padding: 5px; width: 80px; }
.booksSearchResults .descriptionContainer { margin-left: 100px; text-align: left; }
.booksSearchResults .descriptionContainer h2 { font-size: 12px; font-weight: bold; margin: 2px 0 2px 0; white-space: normal; }
.booksSearchResults .descriptionContainer h3 { font-size: 12px; font-weight: normal; margin: 2px 0 2px 0; white-space: normal; }
.booksSearchResults .descriptionContainer .shopForItem { color: #271f95; float: right; font-size: 10px; margin-right: 2px; }
.booksSearchResults .descriptionContainer .shopForItem:hover { text-decoration: none; }
.booksSearchResults .descriptionContainer .label { float: left; text-align: left; width: 90px; }
.booksSearchResults .descriptionContainer .value { margin-left: 90px; text-align: left; }
.booksSearchMoreInfo { background-color: #e1e1e1; display: none; overflow: hidden; zoom: 1; }
.booksSearchMoreInfo .label { float: left; margin-left: 100px; text-align: left; width: 90px; }
.booksSearchMoreInfo .value { margin-left: 190px; text-align: left; }
.booksSearchMoreInfo p { margin: 10px 20px 10px 20px; text-align: left; white-space: normal; }
.show-more-info, .hide-more-info { background-repeat: no-repeat; background-position: right center; color: #271f95; display: block; float: right; font-size: 10px; padding-right: 10px; margin: -15px 5px 2px 0; position: relative; }
.show-more-info { background-image: url(/Images/leftCapDownDouble_transparent.gif); }
.hide-more-info { background-image: url(/Images/leftCapUpDouble_transparent.gif); }
.td-changeuser-form { padding-top: 3px; white-space: nowrap; }
.hidden { display: none!important }
.ig-grid-head { background-color: #000284 !important; color: #ffffff; font-size: 10pt !important; }
.ig-grid-row { background-color: #ffffff; border: 0 !important; padding: 3px; }
.ig-grid-row-alt { background-color: #ebebeb; }
.ig-grid-row-active { background-color: #ffff88; border: 0 !important; }
.ig-grid-filter { background-color: #ffff88; }
.ig-grid-filter td { cursor: pointer; padding: 2px; text-decoration: underline; }
.ig-grid-filter td:hover { text-decoration: none; }
.ig-grid-pager { background-color: #000284; color: White; padding: 3px;}
.ig-grid-pager a { color: White; }
.emptyData-attention { font-weight: bold; line-height: 80px; _padding: 35px; }
.emptyData-attention img { vertical-align: middle; padding-bottom: 3px; }
.ContentBox
{
border: #cccccc 1px solid;
margin: 10px;
padding: 20px;
text-align:left;
}
.ContentBox .Title
{
text-align:left;
position: relative;
top: -28px;
left: 20px;
background-color: white;
display: inline;
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
font-weight: bold;
}
.ContentBox .Title .Comment
{
font-size: 10px;
font-weight: bold;
}
.ContentBox .Title.ParticipantsTitle
{
color: grey;
font-size: 11px;
font-weight: normal;
font-style: italic;
}
.ContentBox .Title.ParticipantsTitle.Left
{
top: -70px;
left: 10px;
}
.ContentBox .Title.ParticipantsTitle.Right
{
top: -70px;
left: -10px;
float:right;
}
.ContentBox .Content
{
clear:both;
}
.ContentBox .TopComment
{
font-size: 10px;
font-weight: normal;
font-style: italic;
}
.ContentBox .TopCommentRight
{
text-align: right;
position: relative;
top: -28px;
font-size: 12px;
font-weight: normal;
font-style: italic;
}
.ContentBox .TopCommentCenter
{
text-align:center;
position: relative;
top: -20px;
font-size: 12px;
font-weight: normal;
font-style: italic;
}
.ContentArea
{
margin: 10px;
padding: 20px;
}
.ContentArea .Title
{
float:left;
position: relative;
top: -28px;
left: -15px;
font-size: 14px;
font-weight: bold;
}
.ContentArea .TopComment
{
text-align: right;
float: right;
position: relative;
top: -28px;
font-size: 12px;
font-weight: normal;
font-style: italic;
}
.ContentArea .Content
{
clear:both;
}
.tbl-products { border: 1px solid black; }
.tbl-products a { color: #0066cc; }
.two-columns-container { overflow: hidden; zoom: 1; }
.two-columns-container .left { float: left; }
.two-columns-container .right { float: right; }
.two-columns-container .bold { font-weight: bold; }
.two-columns-container .underline { text-decoration: underline; }
.two-columns-container.margin10 { margin: 10px; }
.tbl-acceptedPayments { border: 0; line-height: 22px; margin-right: 2px; *padding-bottom: 3px; }
.tbl-acceptedPayments td { font-size: 12px; font-family: Arial; font-weight: bold; white-space: nowrap; }
.tbl-acceptedPayments img { margin-bottom: -5px; }
.div-payByCC { margin-top: 15px; text-align: left; }
.div-payByCC .cntr { font-weight: bold; text-align: center; }
.div-payByCC a { color: #0000ee; }
.show-other-items, .hide-other-items { background-position: right center; background-repeat: no-repeat; font-family: Arial; font-size: 11px; padding: 6px 10px 6px 10px; }
.show-other-items { background-image: url(/Images/downDouble_Red.gif); }
.hide-other-items { background-image: url(/Images/upDouble_Red.gif); }
a.payWithCreditCard { background-image: url(/Images/visaIcon_18.gif); background-repeat: no-repeat; background-position: left center; color: Blue; padding: 3px 5px 5px 23px; }
a.payWithCreditCard-disabled { background-image: url(/Images/visaIcon_18_disabled.gif); background-repeat: no-repeat; background-position: left center; color: #aaaaaa; padding: 3px 5px 5px 23px; }
a.payWithAmazon { background-image: url(/Images/amazonCheckout18_Normal.png); background-repeat: no-repeat; background-position: left center; color: Blue; padding: 3px 5px 5px 23px; }
a.payWithAmazon-disabled { background-image: url(/Images/amazonCheckout18_Disabled.PNG); background-repeat: no-repeat; background-position: left center; color: #aaaaaa; padding: 3px 5px 5px 23px; }
a.receipt { background-image: url(/Images/Receipt.png); background-repeat: no-repeat; background-position: left center; color: #aaaaaa; padding: 3px 5px 5px 23px; height: 20px; background-size: 20px; }
.requisition-fast-info { float: right; }
.requisition-fast-info td.red { color: Red; }
a.view-filter { color: gray; font-family: Arial; font-size: 10px; text-decoration: none; white-space: nowrap; }
a.view-filter:hover { color: Blue; text-decoration: underline; }
.date-form { margin: 0 auto; }
.date-form td.l { text-align: center; font-style: italic; }
.date-form td.r { text-align: center; font-style: italic; }
.attach-point { background-image: url(/Images/black-circle.png); background-repeat: no-repeat; background-position: center center; color: White; font-family: Arial; font-size: 15px; font-weight: bold; padding: 0 6px 0 6px; }
.attach-label { font-family: Arial; font-size: 12px; white-space: nowrap; }
.attach-caption { font-family: Arial; font-size: 10px; white-space: nowrap; }
.attach-limitations { line-height: 20px; text-align: left; }
.attach-limitations img { vertical-align: middle; }
.attach-limitations label { font-family: Arial; font-size: 11px; }
.WarningLabelBold{
background-image: url(/Images/Attantion_20.gif);
background-repeat: no-repeat;
padding-left: 24px;
line-height:20px;
display:inline-block;
FONT-WEIGHT:bold;
FONT-SIZE: 12px;
COLOR: #ff3333;
}
.WarningLabel{
background-image: url(/Images/Attantion_20.gif);
background-repeat: no-repeat;
padding-left: 24px;
line-height:20px;
display:inline-block;
FONT-WEIGHT:normal;
FONT-SIZE: 12px;
COLOR: #ff3333;
}
.AttentionLabel{
background-image: url(/Images/Attantion_20.gif);
background-repeat: no-repeat;
background-position:left, center;
padding-left: 30px;
line-height:20px;
display:inline-block;
FONT-WEIGHT:bold;
FONT-SIZE: 12px;
}
.mmenu { margin: 0 auto; }
#lstType td { text-align: left; }
.CenterImage { display:table-cell; cursor: pointer; }
.CenterImage img { vertical-align:middle; padding-right:5px; margin-top: 0px; /*float: left;*/ }
.link-add-participants {
background-image: url(/Images/SelectIcon18Trans_Normal.png);
background-repeat: no-repeat;
padding-left: 20px;
line-height: 15px;
}
.link-add {
background-image: url(/Images/14_addButton.gif);
background-repeat: no-repeat;
padding-left: 20px;
line-height: 15px;
}
.link-add.disabled {
background-image: url(/Images/14_addButton_Disabled.gif);
background-repeat: no-repeat;
padding-left: 20px;
line-height: 15px;
color: #CCCCCC;
}
.link-search {
background-image: url(/Images/smallMagGlass.gif);
background-repeat: no-repeat;
padding-left: 25px;
line-height: 15px;
}
.link-search.disabled {
background-image: url(/Images/smallMagGlass_Disabled.gif);
background-repeat: no-repeat;
padding-left: 20px;
line-height: 15px;
color: #CCCCCC;
}
.link-delete {
background-image: url(/Images/removeIcon_18.gif);
background-repeat: no-repeat;
padding-left: 20px;
line-height: 15px;
}
.link-delete.disabled {
background-image: url(/Images/removeIconDisabled_18.gif);
background-repeat: no-repeat;
padding-left: 20px;
line-height: 15px;
color: #CCCCCC;
}
.link-edit {
background-image: url(/Images/14_edit.gif);
background-repeat: no-repeat;
padding-left: 20px;
line-height: 15px;
}
.link-save {
background-image: url(/Images/saveIcon18.gif);
background-repeat: no-repeat;
padding-left: 20px;
line-height: 15px;
background-size: 16px;
}
.link-edit.disabled {
background-image: url(/Images/14_editDisabled.gif);
background-repeat: no-repeat;
padding-left: 20px;
line-height: 15px;
color: #CCCCCC;
}
.link-upload {
background-image: url(/Images/Upload18Trans_Normal.png);
background-repeat: no-repeat;
padding-left: 20px;
line-height: 15px;
}
.link-upload.disabled {
background-image: url(/Images/Upload18Trans_Disabled.png);
background-repeat: no-repeat;
padding-left: 20px;
line-height: 15px;
color: #CCCCCC;
}
.RevLinkBlack {
color:Black;
}
.RevLinkBlack a {
text-decoration:none;
color:Black;
}
.RevLinkBlack a:hover {
text-decoration:underline;
color:Black;
}
.search-container {
background-color: Black;
width: 100%;
text-align:center;
}
.search-container td {
color: White;
}
.DivHeaderMaroon {
background-color:Maroon;
color:White;
font-size: 14px;
font-weight:bold;
padding:3px;
width:100%;
}
ul.YellowDot {
list-style-image: url(/Images/YellowBullet.gif);
margin-left: 0px;
padding-left: 15px;
margin-top: 0px;
padding-top: 5px;
margin-bottom: 0px;
padding-bottom: 5px;
}
ul.YellowDot li.bold {
font-weight:bold;
}
/* UNSPSC popup toggleBox css */
.toggleBox {
border: #cccccc 1px solid;
margin: 10px 0 10px 0;
}
.toggleBox h2.trigger:hover{
cursor:pointer;
background-color:#ffff99;
}
.toggleBox h2.trigger {
margin: 0 0 0 0;
height: 32px;
line-height: 25px;
width: 100%;
font-size: 12px;
font-weight: normal;
background: url(/Images/expand_down_12.gif) no-repeat right;
}
.ToggleBox h2.diskSpace {
margin: 0 0 0 0;
line-height: 25px;
width: 100%;
font-size: 12px;
font-weight: normal;
background: url(/Images/expand_down_12.gif) no-repeat right;
}
.toggleBox h2.trigger a {
color: black;
float: right;
padding-right:20px;
}
.toggleBox h2.trigger a:hover {
color: black;
text-decoration: none;
}
h2.trigger a.faq { background-image: url(/images/questionMark18_Normal.png); background-repeat: no-repeat; background-position: left center; color: blue; float: left; display: inline-block; margin-left: 10px; padding-left: 20px; }
h2.trigger a.faq:hover { color: blue; text-decoration: none; }
/*.toggleBox h2.active {
background: #f0f0f0 url(../../Images/expand_up_12.gif) no-repeat right;
}*/
.toggleBox .toggle_container {
margin: 0 0 0 0;
border-top: 1px solid #cccccc;
overflow: hidden;
clear: both;
padding: 20px;
}
.toggle_container .hr
{
color:#cccccc;
border-bottom: 1px solid #cccccc;
width: 100%;
height: 1px;
margin: 10px 0px 10px 0px;
}
/* UNSPSC popup toggleBox css */
.horizontal-notice { border: 1px solid rgba(100, 100, 100, 0.5); background-color: rgba(240, 240, 240, 0.30); margin: 5px; }
.horizontal-notice .ticker { display: inline-block; line-height: 20px; }
.horizontal-notice .ticker > a { color: Blue; font-weight: bold; text-decoration: none; vertical-align: middle; }
.horizontal-notice .ticker > a:hover { text-decoration: underline; }
.horizontal-notice a.close { background-color: Blue; color: white; font-family: arial; font-size: 11px; padding: 0 3px 1px 3px; text-decoration: none; }
.horizontal-notice a.close:hover { background-color: #000099; }
.horizontal-notice > table { width: 100%; }
.horizontal-notice > table > tbody > tr > td { vertical-align: middle; }
.horizontal-notice marquee img { vertical-align: middle; }
.StandardForm { width:100%; }
.StandardForm td.Left, .StandardForm td.Right { padding:2px; margin:2px; height:24px; }
.StandardForm tr.Row { vertical-align:middle; }
.StandardForm .Left { text-align:left; background-color: #dcdcdc; white-space:nowrap; }
.StandardForm .Right { text-align:left; background-color: #ebebeb; }
.assessment-approbals { /*background-image: url(../../images/backGround.png);*/ background-repeat: repeat-x; background-position: left top; padding: 20px 5px; }
.approval-tab { background-color: #dbdbdb; color: #444444; font-weight: bold; font-size: 12px; line-height: 25px; float: left; margin-left: 40px; padding: 0px 20px; }
.approval-process-bar {}
.approval-process-bar .green { background-color: #82da4e; text-align: center; padding: 10px; height: 100px; }
.approval-process-bar .yellow { background-color: #ffff80; text-align: center; padding: 10px; height: 100px; }
.approval-process-bar .inside-gray { border: 3px solid #797979; background-color: #dbdbdb; padding: 10px; text-align: center; font-size: 10px; margin-top: 5px; }
.approval-process-bar .inside-yellow { border: 3px solid #ffff2d; background-color: #ffff80; padding: 16px; text-align: center; font-size: 12px; margin-top: 5px; }
.approval-process-bar .bar-left-dotted { border-left: 3px dotted #00bc00; }
.approval-process-bar .bar-left-solid { border-left: 3px solid #007700; }
div.hr
{
color:#cccccc;
border-bottom: 1px solid #cccccc;
width: 100%;
height: 1px;
margin: 10px 0px 10px 0px;
}
.go-btn { background-image: url(/images/goButton_Normal.gif); background-repeat: no-repeat; background-position: center center; display: inline-block; vertical-align: middle; width: 27px; height: 19px; text-decoration: none; }
.go-btn:hover { background-image: url(/images/goButton_MouseOver.gif); }
.go-btn.mousedown { background-image: url(/images/goButton_MouseDown.gif) !important; }
.edit-icon, .add-icon, .remove-icon { background-repeat: no-repeat; background-position: 2 2; height: 18px; width: 18px; display: inline-block; text-decoration: none; }
.edit-icon img, .add-icon img, .remove-icon img { display:none; }
.edit-icon { background-image: url(/images/changeIconHover.gif); }
.add-icon { background-image: url(/images/Add14_Normal.png); height: 14px !important; width: 14px !important; }
.remove-icon { background-image: url(/images/14_removeButton.gif); height: 14px !important; width: 14px !important; }
.edit-icon.disabled { background-image: url(/images/changeIcon_Disabled.gif) !important; cursor:default; }
.edit-icon.disabled:hover { background-position: 0 0 !important; }
.add-icon.disabled { background-image: url(/images/Add14_Disabled.png) !important; cursor:default; }
.remove-icon.disabled { background-image: url(/images/14_removeButton_disabled.gif) !important; cursor:default; }
.edit-icon:hover { background-position: 0 -18px; }
.add-icon:hover { background-color: Blue; }
.remove-icon:hover { background-color: Blue; }
.menu-tabs {}
.menu-tabs .tab { float: left; background-color: #dcdcdc; margin: 0px 2px; padding: 8px 12px; }
.menu-tabs .tab.active { background-color: White; font-weight: bold; }
.menu-tabs .tab:hover { background-color: White; cursor: pointer; }
.tab-content { background-color: White; visibility: hidden; position: absolute; overflow: hidden; zoom: 1; top: -1000px; left: -1000px; }
.tab-content.active { visibility: visible; position: inherit; *position: static; }
.opt-exists { background-color: #A0EDB8; text-transform: uppercase; }
.ButtonsBottom { padding:20px 10px; min-height:25px; }
.ButtonsBottom .Right { float:right; padding-left:5px; }
.ButtonsBottom .Left { float:left; }
.ToggleBox { border: 1px solid #f0f0f0; }
.ToggleBox div.header { padding-left: 10px; line-height: 28px; background-color: #f0f0f0 }
.ToggleBox div.content { padding-left: 10px; }
#customerLogo { text-align: center; }
#customerLogo img { max-width: 265px; max-height: 68px; }
.help-notice { color: blue; cursor:pointer; }
.help-notice:hover { text-decoration: none; }
.shipto-notice { color: red; }
.shipto-notice:hover { text-decoration: none; }
.shipto-notice2 { background-image: url(/images/AnimatedNeedsAttention_18.gif); background-repeat: no-repeat; cursor: pointer; display: inline-block; width: 18px; height: 18px; margin-bottom: -4px; }
.shipto-notice-popup { display: none; background-color: #cfe9f1; position: absolute; text-align: right; margin-top: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,0.5); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); z-index: 1000; }
.shipto-notice-popup h2 { background-color: #315f90; color: white; margin: 0; font-size: 14px; text-align: center; text-transform: uppercase; }
.shipto-notice-popup p { color: black; text-align: left; padding: 10px 10px 0 10px; }
.shipto-notice-popup a { color: blue; font-size: 11px; padding: 2px; }
.shipto-notice-popup a:hover { text-decoration: none; }
.setParams tr
{
vertical-align: baseline;
}
.popupMainContainer table
{
width: 100%;
}
.popupMainContainer input[type=text]
{
width: 700px;
}
.EditFormTitle {
background-color: #095972;
color: #ffffff;
font-weight: bold;
line-height: 25px;
margin: 0 auto;
text-align: center;
text-transform: uppercase;
width: 100%;
}
.LoadingTable table {
width:100%;
color:black;
}
.LoadingTable .loading {
background-image: url(/Images/stopWatchIcon48_Normal.gif);
background-repeat: no-repeat;
background-position:right;
width:45%;
}
.LoadingTable .text {
width:55%;
line-height: 50px;
display:block;
font-size: 16px;
font-weight:bold;
}
.EditVendorForm table .Input .TextNormal div span
{
font-size: 12px;
}
.EditVendorForm table .Input .TextNormal div
{
margin-bottom: 0px;
}
table.w9 {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
table.w9 > tbody > tr > td {
background-color: #F5F5F5;
}
table.w9 > tbody > tr:first-child > td {
padding-top: 10px;
}
table.w9 td.header {
background-color: #E6E6E6;
text-align: center;
}
table.w9 > tbody > tr > td {
text-align: left;
padding: 2px;
}
.nowrap {
white-space: nowrap;
}
.link-double-arrow {
padding-right:15px;
background-repeat: no-repeat;
background-position:right;
}
.link-double-arrow.down
{
background-image: url(/Images/down-double-black-hover.png);
}
.link-double-arrow.up
{
background-image: url(/Images/up-double-black-hover.png);
}
.clear { clear: both; }
a.ratethis { background-image: url(/Images/rateItem18_Normal.png); background-repeat: no-repeat; color: blue; font-size: 14px; padding: 2px 2px 2px 20px; }
.data-panel
{
border: 1px solid #a1a1a1;
font-family: Arial;
margin: 5px;
margin-top: 20px;
}
.data-panel .header
{
border-bottom: 1px solid #a1a1a1;
background-color: #e0e0e0;
font-weight: bold;
line-height: 23px;
overflow: hidden;
height: 1%;
}
.data-panel .header .step
{
float: left;
background-color: #ff7f27;
border: 1px solid #a1a1a1;
line-height: 14px;
margin: 2px;
margin-right: 5px;
padding: 2px 5px;
text-transform: uppercase;
font-weight: bold;
}
.data-panel .content
{
padding: 1em;
}
.data-panel .content.slim {
padding: 0;
}
.data-panel .content .grid {
width: 100%;
}
.data-panel .content .grid .label {
background-color: #dcdcdc;
height: 25px;
}
.data-panel .content .grid .value {
background-color: #ebebeb;
height: 25px;
}
.data-panel .content .options
{
margin-left: 40px;
}
.margin-auto {
margin: auto auto;
float: right;
vertical-align: middle;
}
.margin-auto2 {
margin: auto auto;
vertical-align: middle;
}
/* hide clear button in text input*/
input[type='text'].no-clear::-ms-clear {
display: none;
}
.inctrl {
display: inline-block;
vertical-align: middle;
}
.inctrl.inctrl-attachments {
display: block;
}
.inctrl.inctrl-attachments > div {
padding: 10px;
}
.add{
background-image: url(/Images/Add14_Normal.png);
}
.youtube-upload-btn {
background-image: url(/Images/YouTube18.png);
}
.object-max-content { width: -moz-max-content; width: -webkit-max-content; width: -o-max-content; width: -ms-max-content; width: 900px; }
.Refunded {
background-image: url(/images/Refunded.png);
background-position: center;
background-repeat: space;
background-size: 30%;
}
.RefundRequest {
background-image: url(/images/RefundRequest.png);
background-position: center;
background-repeat: space;
background-size: 30%;
}
.ExpiredItem {
background-image: url(/images/Expired.png);
background-position: center;
background-repeat: no-repeat;
}
.Refunded-pseudo {
position: relative;
}
.Refunded-pseudo::after {
top: 0;
left: 0;
position: absolute;
content: " ";
width: 100%;
height: 100%;
background-image: url(/images/Refunded.png);
background-position: center;
background-repeat: space;
background-size: 30%;
}
.RefundRequest-pseudo {
position: relative;
}
.RefundRequest-pseudo::after {
top: 0;
left: 0;
position: absolute;
content: " ";
width: 100%;
height: 100%;
background-image: url(/images/RefundRequest.png);
background-position: center;
background-repeat: space;
background-size: 30%;
}
.ExpiredItem-pseudo {
position: relative;
}
.ExpiredItem-pseudo::after {
top: 0;
left: 0;
position: absolute;
content: " ";
width: 100%;
height: 100%;
background-image: url(/images/Expired.png);
background-position: center;
background-repeat: no-repeat;
}
.hasJSCountdown {
border:1px solid #ccc;
background-color:#eee;
text-align:right;
padding: 3px;
margin-top: 3px;
}
.Included {font-weight: normal; font-size: 10px; color:#F29200!important; white-space:nowrap;}
.Recommended{ font-weight:bold; font-size: 10px; color: Green;}
.numberCircle {
border-radius: 50%;
width: 36px;
height: 36px;
background: #fff;
border: 2px solid #666;
color: #666;
text-align: center;
/*font: 30px Arial, sans-serif;*/
font: 26px Arial, sans-serif;
padding:2px;
-webkit-box-flex: 0;
-ms-flex: none;
flex: none
}
.numberCircle.rs-required {
/*background: red;*/
color: #ca0602;
border: 2px solid #ca0602;
}
.numberCircle.rs-required:before {
content: "\2716";
position: relative;
bottom: 4px;
}
.numberCircle.rs-accepted {
/*background: green;*/
color: green;
border: 2px solid green;
}
.numberCircle.rs-accepted::before {
content: "\2714";
position: relative;
bottom: 4px;
}
.numberCircle.rs-optional {
color: orange;
border: 2px solid orange;
}
.numberCircle.rs-optional::before {
content: "\0021";
position: relative;
bottom: 1px;
}
.req-setting-btns div {
margin: 0 10px;
}
a {
color: Blue;
font-family: Arial;
text-decoration: underline;
}
a:hover {
text-decoration: none;
}
a.more, a.more-error {
background-image: url(/images/downDouble_Blue.gif);
background-repeat: no-repeat;
background-position: right center;
padding-right: 10px;
}
a.more-error {
background-image: url(/images/downDouble_Red.gif);
color: red;
cursor: pointer;
}
a.blank, a:hover.blank {
text-decoration: none;
color: black;
}
a.see-more {
background-image: url(/images/tagArrow.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 12px;
}
a.back {
background-image: url(/Images/backButtonNormal_18.gif);
background-repeat: no-repeat;
color: blue;
font-size: 14px;
padding: 2px 2px 2px 20px;
}
h2 {
margin: 0;
padding: 5px 0;
font-family: Arial;
font-weight: normal;
}
h2.black {
background-color: black;
color: white;
line-height: 25px;
font-family: verdana,geneva,sans-serif;
font-size: 12px;
font-weight: bold;
}
h2.black a.back {
color: White;
font-weight: normal;
float: left;
line-height: 14px;
margin: 5px;
}
h2.black.compensation {
padding-right: 108px;
}
h2.blue-line {
background-image: url(/images/PlainBlueLabel1.gif);
background-repeat: repeat-x;
background-position: left center;
font-size: 18px;
text-align: left;
padding: 5px 5px 5px 10px;
text-shadow: 1px 1px 0px #C2DAE2;
}
h3 {
margin: 10px 50px;
padding: 5px 0;
font-family: Arial;
font-weight: normal;
text-align: center;
}
h3.gray {
background-color: #666666;
color: White;
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
}
h3.wine-red {
background-color: transparent;
color: #720835;
margin: 10px 10px 0px 10px;
padding-bottom: 2px;
}
h3.left {
text-align: left !important;
}
#tooltip h3 {
margin: 0;
padding: 0;
}
.corners-top {
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}
.corners-bottom {
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-moz-border-radius-bottomright: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
}
/*
p {
padding: 2px 0px 15px 0px;
}
*/
.icon-checkmark {
background-image: url(/images/checkMarkRed11_Normal.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 13px;
line-height: 20px;
}
.icon-files {
background-image: url(/images/checkMarkRed14_Normal.png);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
line-height: 20px;
}
.icon-quote {
border: solid 0px;
width: 50%;
background-image: url(/images/RFQx18.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
line-height: 20px;
}
.icon-error {
background-image: url(/images/Error_14.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
line-height: 20px;
}
.icon-warning {
background-image: url(/images/AnimatedNeedsAttention_18.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
line-height: 20px;
}
.icon-warning1 {
background-image: url(/images/AnimatedNeedsAttention_12.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 13px;
line-height: 20px;
}
.icon-remove {
background-image: url(/images/removeButton.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
line-height: 20px;
}
.icon-enlarge {
background-image: url(/images/magnifyZoom18_Normal.png);
background-repeat: no-repeat;
background-position: left center;
padding: 5px 5px 5px 20px;
line-height: 20px;
}
span.warning {
/*background-image: url(../../images/glError_bak.gif);*/
background-image: url(/images/warning.svg);
background-size: 24px 24px;
background-repeat: no-repeat;
background-position: left center;
padding: 12px 5px 12px 35px;
color: Black;
font-weight: bold;
}
.no-icon-gray {
color: #bbbbbb;
padding-top: 5px;
}
.icon-off-x {
padding-left: 5px;
}
.price-green {
color: #007700;
font-family: Arial;
font-size: 14px;
font-weight: bold;
}
.links-list {
padding: 10px;
}
.links-list a {
color: #1946a3;
font-size: 14px;
}
.links-list a:hover {
background-color: #ffff99;
}
table.data-list {
background-color: White;
width: 100%;
}
table.data-list td {
font-family: Arial;
padding: 4px;
}
table.data-list td img {
vertical-align: middle;
}
table.data-list td.first {
background-color: #dcdcdc;
font-weight: bold;
width: 30%;
}
table.data-list td.second {
background-color: #ebebeb;
width: 70%;
}
table.table-clear {
}
table.table-clear td {
font-family: Arial;
font-size: 12px;
}
.horizontal-scroll-box {
border: 1px solid black;
margin: 0 auto;
overflow-x: scroll;
width: 770px;
}
.item-preview-box {
font-size: 10px;
padding: 10px;
width: 200px;
}
.item-preview-box .ipb-image {
text-align: center;
}
.item-preview-box .ipb-image img {
max-width: 175px;
}
.item-preview-box .ipb-mfg {
}
.item-preview-box .ipb-mfg table {
margin: 0 auto;
}
.item-preview-box .ipb-mfg td {
font-size: 10px !important;
}
.item-preview-box .ipb-name {
text-align: center;
height: 50px;
}
.item-preview-box .ipb-rating {
text-align: center;
border-bottom: 1px dashed #a2a2a2;
padding-bottom: 5px;
margin: 0 auto;
width: 80%;
}
.item-preview-box .ipb-rating img {
vertical-align: middle;
}
.item-preview-box .ipb-added {
background-color: #66ff66;
border: 1px solid black;
color: #ff3333;
margin-top: 5px;
text-align: center;
font-weight: bold;
padding: 10px;
line-height: normal;
}
.ipb-added .icon-remove {
padding: 2px 2px 2px 16px;
}
.z1 {
padding: 10px;
}
.z2 {
background-color: White;
padding: 10px;
}
.m1 {
margin: 5px;
}
.u {
text-decoration: underline;
}
.middle {
vertical-align: middle;
}
.product-item {
border: 1px solid gray;
margin: 3px 0;
}
.product-item .gray {
background-color: #eaeaea;
padding: 3px;
}
.product-item td.gray {
width: 260px;
}
.product-item .gray img {
vertical-align: baseline;
}
.product-item .lowest-price {
margin-left: 15px !important;
}
.product-item .price-options {
width: 450px;
border: 1px grey solid;
display: flex;
}
.product-item .price-options .price-lbl {
padding: 5px;
background-color: grey;
color: white;
max-width: 140px;
min-width: 130px;
}
.product-item .substitute {
background-image: url(/images/AnimatedRedStrobe12_Normal.gif);
background-position: left center;
background-repeat: no-repeat;
padding: 4px 0px 4px 16px;
margin: -4px 0 0 0;
float: left;
}
.product-item .substitute a {
background-image: url(/images/downSingle_Blue.gif);
background-repeat: no-repeat;
background-position: right center;
padding: 0 10px 0 0;
color: Blue;
}
.product-item .qty-table {
margin: 0 auto;
}
.product-item .add-table {
margin: 0 auto;
}
.product-item .added, .product-item-details .added {
background-color: #66ff66;
color: #ff3333;
text-align: right;
font-weight: bold;
padding: 5px;
line-height: normal;
}
.product-item .remove, .product-item-details .remove {
background-image: url(/Images/delete18_Normal.gif);
background-repeat: no-repeat;
background-position: left center;
background-size: 14px;
margin-top: -3px;
float: left;
font-weight: normal;
padding-left: 16px;
line-height: 20px;
}
.product-item img.main {
max-height: 100px;
max-width: 100px;
}
.product-item .gray img.v-attr-icon {
height: 16px;
border: 1px red;
vertical-align: top;
}
.grayed-out {
background-color: #EAEAEA;
color: Gray;
}
.additional-items {
}
.div-amazon-check {
background-image: url(/Images/amazon_price.jpg);
line-height: 18px;
background-position: right bottom;
background-repeat: no-repeat;
width: 120px;
float: left;
margin-top: -1px;
margin-left: 5px;
}
.qty-avail {
font-weight: bold;
}
.specs-title {
font-weight: bold;
}
.no-data-gray {
color: Gray;
}
#divPreloadIndicator {
background-color: Yellow;
border: 2px solid red;
padding: 3px 8px 3px 8px;
position: fixed;
left: 45% !important;
top: 0;
width: 100px;
z-index: 100000;
}
#divPreloadIndicator img {
float: left;
margin: 2px;
vertical-align: middle;
}
#divPreloadIndicator span {
font-weight: bold;
line-height: 20px;
}
#divScrollableContainer {
margin-top: 10px;
}
#footer {
margin: 20px;
}
.erase {
background-image: url(/images/eraseButton18_Normal.gif);
background-repeat: no-repeat;
display: block;
height: 18px;
width: 18px;
}
.erase.disabled {
background-image: url(/images/eraseButton18_Disabled.gif);
cursor: default;
}
.erase.disabled:hover {
background-image: url(/images/eraseButton18_Disabled.gif) !important;
}
.erase:hover {
background-image: url(/images/eraseButton18_MouseOver.gif);
}
.heading-blackbox {
line-height: 30px;
margin: 0 auto;
max-width: 1076px;
}
.heading-blackbox a.back {
color: White;
font-weight: normal;
float: left;
line-height: 14px;
margin: 5px;
}
.content-container .heading-blackbox {
display: block;
max-width: none;
}
.po-notes p {
padding: 0;
margin: 0;
}
#customerLogo {
text-align: center;
}
#customerLogo img {
max-width: 265px;
max-height: 68px;
}
.settings-container {
padding: 5px;
}
.settings-table {
width: 100%;
}
.settings-table td.even, .settings-table td.odd, .settings-table td.yellow {
padding: 2px 2px 2px 5px;
}
.settings-table td.even {
background-color: #e0e0e0;
}
.settings-table td.odd {
background-color: #ffffff;
}
.settings-table td.yellow {
background-color: #feff7f;
}
.vendor-class {
padding-top: 5px;
}
.vendor-class img {
vertical-align: middle;
}
.vendor-class span {
white-space: nowrap;
max-width: 125px;
text-overflow: ellipsis;
}
.multiple-roles {
padding: 10px;
}
.multiple-roles .multiple-roles-inner {
border: 2px groove #A0A0A0;
margin: 0 auto;
padding: 50px 20px 30px 20px;
max-width: 1150px;
}
.multiple-roles .dxeListBox {
width: 100%;
height: 150px;
}
.multiple-roles .dxeBase.dxeTAR {
margin: 0 auto;
}
.multiple-roles-steps {
width: 100%;
}
.multiple-roles-steps > tbody > tr > td {
width: 24%;
}
.multiple-roles-steps > tbody > tr > td:nth-child(3) {
width: 28%;
}
.multiple-roles-steps .mr-step {
font-weight: bold;
line-height: 20px;
margin-bottom: 5px;
text-align: left;
}
.multiple-roles-steps .mr-step-num {
background-image: url(/images/black-circle.png);
background-repeat: no-repeat;
background-position: center center;
color: White;
font-family: Arial;
font-size: 15px;
font-weight: bold;
padding: 0 6px 0 6px;
display: inline-block;
line-height: 20px;
}
.multiple-roles-steps .dxbButton {
margin-top:40px;
}
.multiple-roles-steps .dxlbd {
width: 100% !important;
}
.multiple-roles .controls {
text-align: center;
}
.multiple-roles .skip-role-selection {
margin-top: 20px;
white-space: nowrap;
}
.creditcard-form {
overflow: hidden;
}
.creditcard-form label {
display: block;
height: 30px;
float: left;
font-size: 11px;
width: 110px;
padding-right: 10px;
text-align: right;
overflow: hidden;
line-height: 25px;
white-space: nowrap;
}
.creditcard-form label span {
color: red;
}
.creditcard-form div.fe {
margin-left: 120px;
height: 30px;
}
.creditcard-form span.pull-left {
display: block;
height: 30px;
line-height: 25px;
padding: 0 1px;
}
.creditcard-error {
color: red;
font-weight: bold;
font-size: 14px;
}
.order-summary {
background-color: #9dc4d8;
border-radius: 5px;
float: right;
width: 234px;
height: 235px;
padding: 15px 3px 3px 3px;
}
.order-summary .white-box {
background-color: white;
border-radius: 3px;
font-size: 11px;
margin-top: 15px;
height: 183px;
padding: 5px;
}
.order-summary h1 {
color: #990000;
padding: 0;
margin: 15px 0;
font-size: 14px;
font-family: Arial;
text-align: center;
}
.order-summary h3 {
font-size: 12px;
font-weight: bold;
text-align: center;
padding: 0;
margin: 3px 0 10px 0;
}
.order-summary hr {
margin: 5px 0;
}
.order-summary hr.short {
width: 35%;
}
.order-options {
margin-right: 210px;
}
.order-options .row {
overflow: hidden;
margin: 10px;
}
.order-options .col1 {
border-top: 1px solid #a4c8db;
height: 160px;
float: left;
padding-top: 20px;
width: 400px;
}
.order-options .col2 {
border-top: 1px solid #a4c8db;
border-left: 1px solid #a4c8db;
padding-top: 20px;
margin-right: 20px;
margin-left: 400px;
height: 160px;
}
.order-options .top-label {
position: absolute;
background-color: #eaf3fe;
width: 200px;
height: 20px;
line-height: 20px;
font-weight: bold;
margin-top: -30px;
}
.order-options .top-space {
position: absolute;
background-color: #eaf3fe;
width: 50px;
height: 20px;
margin-top: -30px;
margin-left: 396px;
}
.order-success {
padding: 10px;
}
.order-success .success-message {
color: #3f48cc;
margin-right: 60%;
text-align: right;
}
.order-success .success-message h2 {
text-align: right;
padding: 0;
margin: 0;
}
.order-success .back-message {
padding-top: 100px;
}
.order-item-head {
background-color: #efefef;
margin-top: 15px;
padding: 10px;
overflow: hidden;
}
.order-item-head div.c1 {
float: left;
margin-right: 20px;
width: 343px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.order-item-head div.c2 {
float: left;
margin-right: 20px;
width: 290px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.order-item-head div.c3 {
float: left;
width: 370px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.order-item {
background-color: #d2d2d2;
border-radius: 0 0 10px 10px;
padding: 10px;
margin-bottom: 10px;
overflow: hidden;
}
.order-item div.info {
overflow: hidden;
margin-bottom: 10px;
}
.order-item div.info div.c1 {
float: left;
width: 343px;
margin-right: 20px;
}
.order-item div.info div.c2 {
float: left;
width: 290px;
margin-right: 20px;
}
.order-item div.info div.c3 {
float: left;
width: 370px;
}
.order-item .cc-definition {
padding-top: 15px;
}
.item-required .order-item-head {
border: 2px solid #FFD2D2;
background-color: #FFEFEF;
}
.item-required .order-item {
background-color: #FFD2D2;
}
.order-item-qty {
}
.order-item-qty-upd {
display: none;
}
.order-item-qty-upd input {
border: 1px solid #a4c8db;
text-align: center;
width: 40px;
}
.creditcard-form {
overflow: hidden;
}
.creditcard-form label {
display: block;
height: 30px;
float: left;
font-size: 11px;
width: 110px;
padding-right: 10px;
margin-top: 20px;
text-align: right;
overflow: hidden;
line-height: 25px;
white-space: nowrap;
}
.creditcard-form label span {
color: red;
}
.creditcard-form div.fe {
margin-left: 120px;
height: 30px;
}
.creditcard-form span.pull-left {
display: block;
height: 30px;
line-height: 25px;
padding: 0 1px;
}
.creditcard-error {
color: red;
font-weight: bold;
font-size: 14px;
}
.intable-description {
line-height: 14px;
max-height: 28px;
overflow: hidden;
text-overflow: ellipsis;
}
.approval-panel {
border: 1px solid red;
background-repeat: no-repeat;
background-position: 3px center;
background-image: url(/images/Attantion_20.gif);
padding: 5px 5px 5px 30px;
margin-top: 5px;
clear: both;
}
.approval-panel b {
color: red;
}
/* sensible css */
.box {
overflow: hidden;
}
.box-900 {
padding: 2px;
width: 896px;
margin: 0 auto;
overflow: hidden;
}
.box-1080 {
padding: 2px;
width: 1076px;
margin: 0 auto;
overflow: hidden;
}
.w180 {
width: 180px;
}
.w300 {
width: 300px;
}
.w400 {
width: 400px;
}
.w420 {
width: 420px;
}
.border {
border: 1px solid black;
}
.border-red {
border: 1px solid red;
}
.border-required {
border: 2px solid #ed1c24;
}
.bg-blue {
background-color: #eaf3fe;
}
.hidden {
display: none;
}
.shown {
display: block !important;
}
.smaller {
font-size: 9px;
}
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.nav {
overflow: hidden;
zoom: 1;
}
.nav.p5 {
padding: 5px;
}
.nav.p5 .pull-right {
margin-left: 5px;
}
.nav.p5 .pull-left {
margin-right: 5px;
}
.nav.p10 {
padding: 10px;
max-width: 1076px;
margin: 0 auto;
}
.nav.p10 .pull-right {
margin-left: 10px;
}
.nav.p10 .pull-left {
margin-right: 10px;
}
.nav.centered {
margin: 0 auto;
}
.title {
padding: 20px;
}
.title h1 {
color: #f18411;
text-align: left;
margin: 0;
padding: 0;
}
.title h2 {
color: #f18411;
text-align: left;
margin: 0;
padding: 0;
}
.edit-link {
background-image: url(/images/changeIcon.gif);
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
float: right;
height: 20px;
width: 20px;
}
.edit-link:hover {
background-color: blue;
}
.notice {
background-color: #fffddd;
border: 1px solid #84878c;
height: 38px;
line-height: 38px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.notice.centered {
margin: 30px auto;
width: 800px;
height: auto;
}
.notice.centered.warning {
background-color: #FFF4D5;
}
.notice .exclamation {
background-image: url(/images/Exclamation26_Normal.png);
background-repeat: no-repeat;
background-position: center center;
display: inline-block;
background-color: #fff200;
border-right: 1px solid #84878c;
width: 38px;
height: 38px;
float: left;
margin-right: 5px;
}
.notice .message {
text-align: center;
font-weight: bold;
font-size: 18px;
margin: 40px 0;
}
.notice .message2 {
text-align: left;
font-weight: bold;
font-size: 16px;
line-height: 20px !Important;
}
.form {
overflow: hidden;
padding: 10px;
}
.form label {
display: inline-block;
float: left;
width: 110px;
padding-right: 10px;
line-height: 25px;
text-align: right;
}
.form label span {
color: red;
}
.form div.input {
margin-left: 120px;
height: 30px;
}
.form div.input {
margin-left: 120px;
height: 30px;
}
.dxgvEmptyDataRow_BlackGlass td.dxgv {
padding: 0px;
}
.dxgvEmptyDataRow_BlackGlass td.dxgv .FlaggedMessageBox {
color: black;
text-align: left;
}
.approval-context {
background-color: white;
}
.approval-context a {
cursor: pointer;
color: blue !important;
display: block;
font-weight: normal !important;
line-height: 12px;
padding: 5px 5px 5px 18px;
text-decoration: none !important;
}
.approval-context a:hover {
cursor: pointer;
color: blue !important;
display: block;
font-weight: normal !important;
line-height: 12px;
padding: 5px 5px 5px 18px;
text-decoration: underline !important;
}
.approval-context h3 {
border-bottom: 1px solid #999999;
color: #999999;
font-size: 11px;
line-height: 15px;
margin: 0;
padding: 0;
text-align: left;
text-transform: uppercase;
}
.approval-context .mainbox {
padding: 10px;
}
.approval-context .mainbox .td1 {
text-align: right;
}
.approval-context .mainbox .td2 {
font-weight: bold;
}
.approval-context .box {
padding: 10px;
margin-bottom: 10px;
border: 1px solid #999999;
}
.approval-context .descMemo {
padding: 10px 50px 0 50px;
}
.menu-context {
display: none;
border: 2px solid #444C56;
background-color: white;
/*border-radius: 0 0 5px 5px;*/
position: absolute;
/*padding: 10px;*/
min-width: 200px;
max-width: 280px;
z-index: 1000;
}
@media(min-width:769px){
.menu-context {
margin: 50px 15px 15px 15px;
}
}
.menu-context.view-requisitioner {
min-width: 158px;
}
.menu-context a {
cursor: pointer;
color: blue !important;
display: block;
font-weight: normal !important;
line-height: 12px;
padding: 5px 5px 5px 18px;
text-decoration: none !important;
}
.menu-context.black a {
color: black !important;
}
.menu-context a:hover {
text-decoration: underline !important;
}
.menu-context a.alert {
background-image: url(/images/AnimatedNeedsAttention_12.gif);
background-repeat: no-repeat;
background-position: 2px center;
}
.menu-context a.alert span {
color: red;
}
.menu-context h3 {
color: #999999;
font-size: 11px;
line-height: 11px;
margin: 0;
padding: 0;
text-align: left;
text-transform: uppercase;
}
.menu-context .list {
border-top: 1px solid #999999;
padding: 5px;
}
.menu-context .list.black a {
color: #000 !important;
}
.menu-context.search-ddl {
background-color: white;
max-height: 432px;
overflow-y: scroll;
}
.reqTabHead {
background-color: #efefef;
margin: 10px 0;
padding: 5px;
}
.reqTabHead span {
font-weight: bold;
font-size: 15px;
}
.reqTotal-right {
height: 27px;
background-color: #DCDCDC;
float: right;
font-weight: bold;
}
.reqTabBody {
overflow: hidden;
margin-top: -5px;
}
.reqPrintButton {
background-image: url(/Images/printer18_Normal.gif);
background-repeat: no-repeat;
background-position: 40px center;
}
.reqCancelButton {
background-image: url(/Images/doNotSaveIcon_18.gif);
background-repeat: no-repeat;
background-position: 35px center;
}
.reqContinueButton {
background-image: url(/Images/continueIcon_14.png);
background-repeat: no-repeat;
background-position: 30px center;
}
/*---------------------------------------------------*/
/* Edit form*/
/*---------------------------------------------------*/
table.edit-form {
border-collapse: separate;
border-spacing: 2px;
width: 100%;
}
table.edit-form > tbody > tr > td.required-mark {
color: red;
vertical-align: top;
}
table.edit-form > tbody > tr > td.label {
padding-right: 10px;
vertical-align: top;
white-space: nowrap;
}
table.edit-form > tbody > tr > td .hint {
color: gray;
font-size: x-small;
font-style: italic;
white-space: normal;
width: 130px;
}
table.edit-form > tbody > tr.inline-section > td {
}
table.edit-form > tbody > tr.inline-section > td .header {
text-align: right;
}
table.edit-form > tbody > tr.inline-section > td .header > .btn-section-toggle {
background-image: url(/Images/leftCapDownDouble_Red_long.gif);
background-repeat: no-repeat;
display: inline-block;
font-family: Arial;
font-size: 11px;
line-height: 25px;
padding-left: 25px;
padding-right: 5px;
text-align: left;
width: 220px;
}
table.edit-form > tbody > tr.inline-section > td .header > .btn-section-toggle.hidden {
background-image: url(/Images/leftCapUpDouble_Red_long.gif);
}
table.edit-form > tbody > tr.inline-section > td .content {
background: white;
display: none;
margin-top: 1em;
}
.edit-form .horizontal-sep {
background-color: #c0c0c0;
height: 1px;
margin: 0.5em auto;
width: 80%;
}
/* Grid customization window hint */
.grid-customization-hint {
background-color: white;
border-radius: 5px;
margin: 4px;
padding: 5px;
}
.grid-customization-hint p {
color: black;
font-size: 10pt;
margin-bottom: 7px;
}
.footer {
width: 100%; text-align: center; padding: 5px; font-size: 10px;
}
.header-quick-dashboard {
vertical-align:middle; height:25px;
margin-left:13px;
}
.header-quick-dashboard a {
display: inline-block;
margin: 0 0 0 50px;
padding: 1px;
}
body{min-width:320px}.dxm-hovered{padding:0 !important}.content-left{max-width:1920px !important;min-width:320px !important}.menu-heading div{font-family:Arial;line-height:25px}.menu-heading .left{padding-left:5px;height:25px;overflow:hidden}.menu-heading .left b{text-transform:uppercase}.menu-heading a.change-resp{font-size:10px;font-family:Arial;text-transform:uppercase;margin-left:5px;line-height:14px}.SiteNavLink a{font-family:arial;font-weight:bold;text-transform:uppercase}.tb-breadcrumb,.tb-head,.tb-container{margin:0 auto;overflow:hidden;width:auto !important;padding:2px}.basket-bottom{padding:10px !important}.basket-bottom a img{vertical-align:middle}table.lite-nav{border-collapse:collapse;clear:both;padding:2px;width:100%}table.lite-nav>tbody>tr>td{padding:0;width:20%;white-space:nowrap}table.lite-nav.cell-8>tbody>tr>td{padding:0}table.lite-nav>tbody>tr>td a,table.lite-nav>tbody>tr>td div.blank{display:block;padding:5px 10px;text-align:center;background-color:#808080;color:#fff;text-decoration:none !important;margin:1px;font-weight:bold;text-transform:capitalize !important;cursor:pointer;text-shadow:0 1px 0 #000}table.lite-nav>tbody>tr>td div.blank{cursor:default}table.lite-nav>tbody>tr>td a.alert span{color:#f00}table.lite-nav>tbody>tr>td a img{vertical-align:middle}table.lite-nav>tbody>tr>td a i.arrow-down{background-image:url(/images/arrow-down-white.gif);background-repeat:no-repeat;background-position:center center;display:inline-block;width:7px;height:6px;vertical-align:middle}table.lite-nav>tbody>tr>td:active a{padding:6px 0 4px 0}table.lite-nav>tbody>tr>td:hover a{background-color:#f3d361 !important;color:#000;text-shadow:none}table.lite-nav>tbody>tr>td:hover a:hover{text-shadow:none}table.lite-nav>tbody>tr>td a.activem{background-color:#c8f0f8;color:#000;text-transform:uppercase;text-shadow:0 0 10px #fff;white-space:nowrap}table.lite-nav>tbody>tr>td:hover a img,table.lite-nav>tbody>tr>td a.activem img,table.lite-nav>tbody>tr>td:hover i.arrow-down,table.lite-nav>tbody>tr>td a.activem i.arrow-down{display:none}table.lite-nav>tbody>tr>td div.blank{background-color:#808080;font-family:Arial;padding:5px 0;margin:1px}table.lite-nav>tbody>tr>td .menu-item{background-color:#fff;min-width:200px;max-width:280px;position:relative;z-index:1000}table.lite-nav>tbody>tr>td .menu-item>.menu-title{background-color:#808080;color:#fff;text-decoration:none;text-transform:capitalize}table.lite-nav>tbody>tr>td .menu-item:hover>.menu-title{background-color:#f3d361 !important;color:#000 !important;font-weight:bold !important}table.lite-nav>tbody>tr>td .menu-item:hover.menu-has-children>.menu-children{display:block}table.lite-nav>tbody>tr>td .menu-item.menu-has-children>.menu-title::after{content:'►';font-size:9px;padding-left:.5em;vertical-align:middle}table.lite-nav>tbody>tr>td .menu-children{background-color:#fff;display:none;position:absolute;left:100%;top:0}table.lite-nav>tbody>tr>td .menu-children .menu-item:first-child{margin-top:0}table.lite-nav>tbody>tr>td .menu-context.lite{padding:0;margin:0;border:0;border-radius:0}table.lite-nav>tbody>tr>td .menu-context a{background-color:#808080 !important;color:#fff !important;text-transform:capitalize !important;text-decoration:none !important}table.lite-nav>tbody>tr>td .menu-context a:hover{background-color:#f3d361 !important;color:#000 !important;font-weight:bold !important}table.lite-nav>tbody>tr>td .menu-context a .sufx{text-transform:lowercase}div.nav{clear:both;padding:2px}#ucBasketBottom .basket a.ctrl-purge{font-size:.8em;text-align:right}#ucBasketBottom .basket{float:right;text-align:right}#ucBasketBottom .basket a{color:#000;text-decoration:none;display:block;padding:0 11px 0 0 !important;border-top:1px solid #fff;margin-top:-1px}.cart-container .divider{border-right:1px solid #ccc;height:29px;margin:0 5px}#ucBasketBottom span{white-space:nowrap;font-size:10px}#ucBasketBottom .basket a .shopping-cart-icon{background-image:url("/Images/cartIcon.gif");background-position:left top;background-repeat:no-repeat;display:inline-block;height:20px;width:20px;vertical-align:middle}#authorsAll,#authorsSpec,#publishersSpec,#publishersAll{border:0 !important;padding:0 !important;margin:0 !important;height:auto !important;width:auto !important}#contextBasket.menu-context,#contextBasketBottom.menu-context{width:450px;max-width:450px}#contextBasketBottom.menu-context{border-radius:5px 5px 0 0}.view-cart th{font-size:12px;text-align:center;padding:0 5px}.view-cart th.desc{text-align:left}.view-cart td.qty{text-align:center}.view-cart td.desc{text-align:left}.view-cart td a{text-decoration:underline !important}.view-cart td a:hover{text-decoration:none !important}.context-empty{text-align:center;padding:20px;font-style:italic;font-size:12px}.context-empty.basket{display:none}.tb-breadcrumb{background-color:#eee;border-top:1px solid #ccc;margin:5px 0;padding:5px;background-image:-moz-linear-gradient(top,#fff,#ccc);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ccc));background-image:-webkit-linear-gradient(top,#fff,#ccc);background-image:-o-linear-gradient(top,#fff,#ccc);background-image:linear-gradient(to bottom,#fff,#ccc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffcccccc',GradientType=0);font-family:Arial;margin:5px 0 !important;margin-bottom:0 !important}.tb-breadcrumb .tb-viewas{margin-top:0}.bg-gray-gradient{background-color:#eee;border-top:1px solid #ccc;background-image:-moz-linear-gradient(top,#fff,#ccc);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ccc));background-image:-webkit-linear-gradient(top,#fff,#ccc);background-image:-o-linear-gradient(top,#fff,#ccc);background-image:linear-gradient(to bottom,#fff,#ccc);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffcccccc',GradientType=0);padding:0 25px;margin-bottom:0;line-height:26px;height:26px}.bg-gray-gradient .bg-left-col{float:left}.bg-gray-gradient .bg-right-col{float:right}.cart-buttons{padding-bottom:20px}.small-title{font-family:Arial;font-weight:bold}.home-box{border:1px groove #808080;margin:10px;overflow:hidden;-ms-zoom:1;zoom:1}.home-box .icon{border-right:1px solid #ccc;font-weight:bold;font-size:14px;float:left;width:150px;padding:20px}.home-box .icon img{margin-top:10px}.home-box .links{margin-left:190px}.home-box .links table{width:80%;margin:0 auto;margin-top:40px}.home-box .links td{width:33%;vertical-align:top}.home-box .links a{line-height:20px;text-decoration:none;padding-left:18px}.home-box .links.black a{color:#000}.home-box .links a:hover{text-decoration:underline}.home-box .links a.alert{background-image:url(/images/AnimatedNeedsAttention_12.gif);background-repeat:no-repeat;background-position:2px center}.home-box .links a.alert span{color:#f00}.lite-footer{border-collapse:collapse;width:100%}.lite-footer #emptySpace{border:1px solid #ccc;border-left:0;width:84%}.lite-footer #ucBasketBottom{border:1px solid #ccc;border-left:0;border-right:0}.lite-footer #divScrollableContainer{padding:0;height:95px}.content-container{background-color:#fff;padding:0;width:100%}.heading-blackbox,.PageTabTitle,.PageTabLegend{display:none}.PageTabContent{padding:3px}.GridBlackBox{display:none}.table-lite-buttons{padding:0;border-collapse:collapse;width:100%}.table-lite-buttons>tbody>tr{vertical-align:top}.tb-head{display:none}.search-start{border:1px solid #ccc}.search-start img.woman{margin-right:100px;margin-top:0}#tooltip div.tph{background-color:#ffc !important}.tooltip-help-text{background-color:#ffc;font-size:11px !important;width:550px;margin:0}.tooltip-help-text p{padding:0 !important;margin:0 !important;margin-top:10px !important}.tooltip-help-text b{font-style:italic;font-weight:normal}.tooltip-help-text b.h{font-style:normal}.hide-for-lite{display:none}.basket-splitter{border-bottom:1px solid #ccc;font-size:1px;margin:10px 20px}.EmptyDataTable{background-color:#eef2f5;color:#000;padding:20px 5px}.EmptyDataTable table{margin-left:200px}.EmptyDataTable table li{text-align:left}.editContent{background-color:#e6e6e6;padding:15px}.editContent-header{background-color:#000;vertical-align:middle;text-align:center;padding:15px 0;border-radius:6px 6px 6px 6px;box-shadow:1px 1px 1px 1px #333}.editContent-header span{FONT-FAMILY:verdana,geneva,sans-serif;FONT-WEIGHT:bold;FONT-SIZE:12px;COLOR:#fff}.editContent-prebody{text-align:right;vertical-align:middle;padding:10px 0}.editContent-body{border:0;background-color:#fff;border-radius:6px 6px 6px 6px;box-shadow:2px 2px 4px 2px #333}.editContent-footer{padding-top:30px;padding-bottom:10px}.WarningContent{padding-left:40%;padding-top:15px}.user-info,{border:none;border-collapse:separate;border-spacing:2px;height:50px;margin:auto;text-align:left;width:98%;padding:10px 0}.edit-content-table{border:none;border-collapse:separate;border-spacing:2px;margin:auto;text-align:left;width:98%;padding-top:10px}.user-info .td1,.edit-content-table .td1,.user-info .td2,.user-info .td4{background-color:#e6e6e6;height:25px}.user-info .td3,.edit-content-table .td2,.user-info .td5{background-color:#f5f5f5;height:25px}.edit-content-table .td1{width:30%;white-space:nowrap}.edit-content-table .td2{width:70%;white-space:nowrap}.user-info .td1{width:11%;white-space:nowrap}.user-info .td2{width:9%;white-space:nowrap}.user-info .td3{width:30%;white-space:nowrap}.user-info .td4{width:14%;white-space:nowrap}.user-info .td5{width:36%;white-space:nowrap}.EditVendorForm .Padding{padding-top:10px}.EditVendorForm .PaddingBottom table{padding-bottom:10px}.EditAdminSettings{padding:10px}.EditAdminSettings table{width:90%;margin:auto}.EditAdminSettings .td1{width:20%;text-align:center}.EditAdminSettings .td2{width:80%}.EditAdminSettings .rbnTable{margin:auto}.rounded{border:1px solid #dbdbdb;border-radius:5px}.left-col{border-right:1px solid #dbdbdb;padding:10px;width:250px}.left-col h2{text-align:left;padding:0}.right-col{border-left:1px solid #dbdbdb;padding:5px;margin-left:270px}.global-options{margin:10px;overflow:hidden;height:1%;font-family:Arial}.return-options{margin:10px;overflow:hidden;height:1%;font-family:Arial}.receipt-container{margin:10px;overflow:hidden;height:1%}.receipt-item{font-family:Arial;overflow:hidden;height:1%;margin-bottom:50px}.receipt-item:first-child hr{display:none}.receipt-item hr{border:1px solid #ddd;margin:15px 85px}.receipt-item .row{overflow:hidden;height:1%;min-width:820px}.receipt-item .row .c{float:left;padding:2px}.receipt-item .row .c img{max-width:45px}.receipt-item .row.bold .c{font-weight:bold}.receipt-item .row.gray{background-color:#f4f4f4}.receipt-item .row.gray .c{padding-top:12px}.receipt-item .row .c1{width:50px;text-align:center}.receipt-item .row .c1 a{font-size:11px}.receipt-item .row .c2{width:50px;text-align:center}.receipt-item .row.gray .c2{padding:2px !important}.receipt-item .row .c3{width:50px;text-align:center}.receipt-item .row .c4{width:70px;text-align:center}.receipt-item .row .c5{width:280px}.receipt-item .row.gray .c5{padding:2px !important;padding-top:8px !important}.receipt-item .row .c6{width:145px;text-align:center}.receipt-item .row .c7{width:70px;text-align:center}.receipt-item .row .c8{width:70px;text-align:center}.receipt-item .row .c9{width:100px;font-size:10px}.receipt-item .row .status{font-size:14px;font-weight:bold;margin-left:60px;margin-top:20px;position:absolute}.receipt-item .row .deliver-info{color:#808080;margin-left:238px;font-size:11px;font-family:Arial;line-height:20px}.receipt-item .row .return-info{color:#ff7f27;margin-left:238px;font-size:11px;font-family:Arial;line-height:20px}.receipt-item .information{min-width:580px}.receipt-item .information th{background:url(/App_Themes/BlackGlass/GridView/gvHeaderBackground.gif) repeat-x scroll left top #444;color:#fff;font-weight:bold;border-right:1px solid #000;white-space:nowrap}.receipt-item .information th,.receipt-item .information td.inf{padding:2px 1px;line-height:20px}.receipt-item .information th:first-child{text-align:center;padding:2px 5px !important}.receipt-item .information td.inf:first-child{text-align:center}.receipt-item .information td.inf:first-child a{font-size:11px}.receipt-item .information td.inf.center{text-align:center}.receipt-item .save-icon{background-image:url(/images/saveIcon18.gif);background-repeat:no-repeat;background-size:20px;width:20px;height:20px;display:block;padding-left:20px}.receipt-item .save-icon-link{font-size:10px}.receipt-item .save-icon.disabled{background-image:url(/images/saveIcon18_disabled.gif);background-size:20px;width:20px;height:20px;color:#ccc}.receipt-item .status-received{color:#38b242}.receipt-item .status-partially{color:#ff832e}.receipt-item .status-notreceived{color:#ed1317}.receipt-item .print-icon{background-image:url(/images/printer18_Normal.gif);background-repeat:no-repeat;background-size:18px;text-decoration:none;padding-left:20px;padding-bottom:0 !important}.hidden{display:none}.form{background-color:#fff;padding:2px;border:1px solid #c7c7c7;overflow:hidden;height:1%}.form .lbl{background-color:#dcdcdc;float:left;width:225px;padding:2px;line-height:25px}.form .val{background-color:#ebebeb;margin-left:230px;margin-bottom:2px;padding:4px;height:21px}.form i{display:inline-block;padding:15px}.return-group{border:1px solid #a1a1a1;font-family:Arial;margin:20px}.center1{width:700px;margin:20px auto}.return-group .head{border-bottom:1px solid #a1a1a1;background-color:#e0e0e0;font-weight:bold;line-height:23px;overflow:hidden;height:1%;padding-left:.5em;text-align:left}.return-group .step{float:left;background-color:#ff7f27;border:1px solid #a1a1a1;line-height:14px;margin:2px;margin-right:5px;padding:2px 5px;text-transform:uppercase;font-weight:bold}.return-group .hint{color:#808080;text-align:right;margin-top:30px}.return-group .content{padding:10px;overflow:initial;-ms-zoom:1;zoom:1}.return-group .centered{margin:30px auto}.return-group .FlaggedMessageBox{margin:10px auto;width:380px}.return-group .step-form{width:400px;margin:20px auto;overflow:hidden;height:1%}.return-group .step-form .opt{padding-left:50px;margin:10px 0;overflow:hidden;height:1%}.return-group .step3-form .opt.disabled{color:#808080}.return-group .step-form .lbl{margin-bottom:5px;width:110px}.return-group .step-form .val{overflow:hidden;margin-bottom:5px;height:1%}.return-group.return-item-view .step-form.return-info .lbl{width:150px}.return-group .step1-form{width:300px;margin:30px auto;overflow:hidden;height:1%}.return-group .step1-form .lbl{line-height:20px}.return-group .step1-form .lbl label{color:#f00;font-weight:bold}.return-group .step2-form{width:400px;margin:20px auto;overflow:hidden;height:1%}.return-group .step2-form .lbl{line-height:21px;margin-bottom:5px;width:110px}.return-group .step2-form .lbl label{color:#f00;font-weight:bold}.return-group .step2-form .val{overflow:hidden;margin-bottom:5px;height:1%}.return-group .step2-form span.count{margin-left:5px;font-weight:bold;line-height:21px}.return-group .step3-form{width:400px;margin:20px auto;overflow:hidden;height:1%}.return-group .step3-form .opt{padding-left:50px;margin:10px 0;overflow:hidden;height:1%}.return-group .step3-form .opt.disabled{color:#808080}.return-group .step3-form .opt .lbl{line-height:21px;margin-bottom:5px;width:110px}.return-group .step3-form .opt .val{overflow:hidden;margin-bottom:5px;height:1%}.return-group.disabled .head .step,.return-group.disabled{background-color:#e0e0e0}.return-group.disabled .head .step,.return-group.disabled2 .head .step{background-color:#e0e0e0;color:#8b0000}.order-details{font-family:Arial}.order-details h2,.order-details h3,.order-details h4{margin:0;padding:0;text-align:left}.order-details h4{color:#808080;font-size:11px;text-transform:uppercase}.order-details .view-order{background-image:url(/images/PDF.gif);background-repeat:no-repeat;background-position:right center;padding:2px 20px 2px 0;margin:5px 0;display:inline-block}.order-details .total{font-weight:bold;color:#f00}.order-details p{color:#808080}.order-details p.info{background-image:url(/images/InformationBubble.jpg);background-repeat:no-repeat;background-position:left top;margin-top:50px;padding-left:35px}.order-details h3{color:#808080;font-size:15px;margin-bottom:5px;margin-top:50px}.receive-more{display:inline-block;font-size:11px;margin-left:37px;margin-top:7px}.return-item-anc{cursor:pointer}.return-item-anc-disabled{color:#aaa;cursor:default;text-decoration:none}a.view-cart-btn{display:block;width:130px;line-height:25px;text-align:center;margin:0 auto;background-image:url(/images/bg-yellowbutton.png);border:1px solid #e6a400;color:#000 !important;font-size:12px;font-weight:bold;text-decoration:none !important;padding:0 !important}.popup-btn-ok{display:block}.popup-btn-ok input{width:0 !important}.popup-btn-ok .dx-vam,.popup-btn-ok .dx-valm{vertical-align:top !important}.menu-context.admin-view-account{min-width:300px}.menu-context.admin-view-reports{min-width:250px;margin-left:-100px}.menu-context.buyer-view-orders{min-width:157px}.menu-context.buyer-view-catalogs{min-width:300px}.menu-context.buyer-view-contracts{min-width:300px}.menu-context.buyer-view-vendors{min-width:200px}.menu-context.buyer-admin{min-width:200px}.menu-context.approver-admin{min-width:300px}.help-box{background-color:#fff1bf;border:1px solid #e3e0d2;border-radius:5px;margin:10px;color:#cb9f5b}.help-box li{margin:5px 0}#fancybox-content #thecontent>table{display:none}#fancybox-content #thecontent tr.buttons{display:none}.btn-place-order{margin:0 auto;display:block;width:160px}.group-box{border:2px solid #afafaf;margin:20px}.group-box .group-head{background-color:#e0e0e0;border-bottom:2px solid #7f7f7f;font-weight:bold;font-size:14px;padding:3px}.group-box .group-content{background-color:#fff;padding:10px}.group-box .opt{overflow:hidden;height:1%;margin-bottom:20px}.group-box .opt .lbl{float:left;width:100px;text-align:right;padding-right:10px}.group-box .opt a.edit-icon{background-repeat:no-repeat;display:inline-block;width:18px;height:18px;float:left;margin-right:10px}.group-box .opt .val{float:left}.fright{float:right}.wildcard-notice{background:url(/Images/InfoBubbleSmall.gif) no-repeat;height:30px;line-height:30px;padding-left:22px}.wildcard-notice .read-more{font-size:x-small;margin-left:3px}.content-box{margin:5px;border:2px solid #a1a1a1}.content-box .header{padding-left:10px;line-height:28px}.content-box .header a.toggle-btn{background-image:url(/Images/leftCapDownDouble_Red_long.gif);background-repeat:no-repeat;background-position:left center;font-family:Arial;font-size:11px;display:block;line-height:25px;padding-left:25px;padding-right:5px;width:220px}.content-box .header a.toggle-btn-ex{background-image:url(/Images/leftCapUpDouble_Red_long.gif);background-repeat:no-repeat;background-position:left center;font-family:Arial;font-size:11px;display:block;line-height:25px;padding-left:25px;padding-right:5px;width:220px}.content-box .content{display:none;padding:10px 0}.content-box .content .dark,.option-box .content-box .content .dark2{background-color:#dcdcdc;margin:10px 10px 10px 125px;padding:10px}.content-box .content .dark p,.option-box .content-box .content .dark2{font-weight:bold}.content-box .content .dark table{border-spacing:5px;border-collapse:separate;width:500px}.content-box .content .dark table tr td:first-child{width:60%}.content-box .content .dark2 table{width:100%}.disableable-container{overflow:hidden;position:relative}.disableable-container .disabler{background-color:#c0c0c0;position:absolute;left:0;right:0;top:0;bottom:0;opacity:.8;z-index:1}.account-codes-control+.dxpcDropDown tr:nth-of-type(n) .dxeListBoxItem{vertical-align:top}@media all and (max-width:1120px){.header-quick-dashboard{width:100%}.header-quick-dashboard a{margin:5px 15px 5px 0}}@media all and (max-width:980px){.multiple-roles-steps .dxeBase.dxeTAR *{display:inline-block;white-space:normal}.multiple-roles-steps .dxeListBoxItem{white-space:normal !important}table.dxgvControl_BlackGlass,table.dxgvControl_BlackGlass>tbody,table.dxgvControl_BlackGlass>tbody>tr,table.dxgvControl_BlackGlass>tbody>tr>td{display:block;width:100% !important}.dxgvCSD{width:100% !important}.menu-ddl{max-width:95%;-webkit-box-sizing:border-box;box-sizing:border-box}table.lite-nav>tbody>tr>td div.blank{display:none}}@media all and (max-width:768px){.multiple-roles-steps{border-collapse:collapse}.multiple-roles-steps .multiple-roles-steps>tbody,.multiple-roles-steps>tbody>tr,.multiple-roles-steps>tbody>tr>td{display:block;width:100% !important}.multiple-roles-steps>tbody>tr>td{margin-bottom:10px}.black-heading .powered-by-label{display:block;position:static;margin-top:0;margin-left:25px}.menu-heading .left,.menu-heading .right{float:none}.menu-context{position:static;width:100%;max-width:none}.menu-context a{padding-left:20px !important}table.lite-nav,table.lite-nav>tbody,table.lite-nav>tbody>tr,table.lite-nav>tbody>tr>td{display:block;width:100% !important}table.lite-nav>tbody>tr>td a{text-align:left}table.lite-footer,table.lite-footer>tbody,table.lite-footer>tbody>tr,table.lite-footer>tbody>tr>td{display:block;width:100% !important}.lite-footer #divScrollableContainer{height:200px}.menu-ddl{margin-bottom:5px}}@media all and (max-width:480px){.content-left{padding-left:0;background:none}.content-right{padding-right:0;background:none}}
.sprite-icon {
background-image: url('/Images/sprites.png');
background-repeat: no-repeat;
display: inline-block;
}
.sprite-icon.section {
background-position: 0px 0px;
height: 7px;
width: 29px
}
.sprite-icon.arrows-down {
background-position: -31px 0px;
height: 9px;
width: 8px;
}
.sprite-icon.arrows-up {
background-position: -40px 0px;
height: 9px;
width: 8px;
}
.icon {
line-height: 18px;
padding-left: 22px;
}
.icon.inline {
display: inline-block;
}
.icon.pdf {
background: url(/Images/PDF.gif) left center no-repeat;
}
.icon.excel {
background: url(/Images/excel_Normal.gif) left center no-repeat;
}
.icon.view {
background: url(/Images/smallViewMagGlass.gif) left center no-repeat;
}
.icon.lightbulb {
background: url(/Images/lightBulb18_Normal.png) left center no-repeat;
}
/* rules to override devexpress settings */
/* checkbox is not correctly aligned */
.dxichCellSys {
padding-top: 1px;
}
/* styles from the Theme, need to duplicate here until we rename our theme (now it is BlackGlass which interfere with the built-in DX theme) */
.dxtlSelectedNode_BlackGlass > td.dxtl,
.dxtlSelectedNode_BlackGlass > .dxtlCommandCell_BlackGlass,
.dxtlSelectedNode_BlackGlass > .dxtlSelectionCell_BlackGlass
{
background: #ffff99 none;
}
.dxtlFocusedNode_BlackGlass > td.dxtl,
.dxtlFocusedNode_BlackGlass > .dxtlCommandCell_BlackGlass,
.dxtlFocusedNode_BlackGlass > .dxtlSelectionCell_BlackGlass
{
background: #ffff99 none;
}
/*
Fix issue in the ValidationDialog when accessibility row is visible
Caused because SiteStyles.css contains rule: TD { FONT-SIZE: 12px; }
*/
.dx-acc-r .dxAIR td {
font-size: 0 !important;
}
/*
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
*/
html {
margin: 0;
padding: 0;
}
body {
background: #fff;
color: #000;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.2;
margin: 0 auto;
width: 100%;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
min-width: 320px;
}
select {
border: 1px solid #A9A9A9;
}
textarea {
max-height: 150px;
padding: 2.5px;
resize: vertical;
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
}
input,
textarea {
border: 1px solid #A9A9A9;
font-family: Arial, Helvetica, sans-serif;
box-sizing: border-box;
}
input:focus,
textarea:focus,
select:focus {
outline: 0;
border: 1px solid rgb(125, 173, 217);
-webkit-box-shadow: 0px 0px 5px 0px rgb(125, 173, 217);
-moz-box-shadow: 0px 0px 5px 0px rgb(125, 173, 217);
-o-box-shadow: 0px 0px 5px 0px rgb(125, 173, 217);
-ms-box-shadow: 0px 0px 5px 0px rgb(125, 173, 217);
box-shadow: 0px 0px 5px 0px rgb(125, 173, 217);
}
input:not(:focus),
textarea:not(:focus) {
outline: none;
}
/*
input[type=text],
input[type=password],
input[type=email],
select {
padding: 2.5px;
}
*/
/*input[type=text][disabled],*/
select[disabled] {
background-color: lightgrey;
}
input[type=button],
input[type=submit] {
background: #fff;
padding: 5px;
width: 150px;
}
input[type=button]:hover,
input[type=submit]:hover {
background: #eee;
cursor: pointer;
}
select:invalid { color: #999; }
label[for]:hover {
cursor: pointer;
}
header, footer, hgroup,
nav, section {
display: block;
}
header {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
}
mark {
background-color: #a6dbed;
padding-left: 5px;
padding-right: 5px;
}
.float-left {
float: left;
}
.float-right {
float: right;
}
.clear-fix:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;
}
h1, h2, h3,
h4, h5, h6 {
color: #000;
font-style: normal;
font-weight: bold;
margin-bottom: 0;
padding-bottom: 0;
}
a {
color: #006BBE;
/*font-size: 10px;*/
}
a:hover,
a.info-link:hover {
color: #f60;
}
hr {
margin-bottom: 20px;
}
.no-float {
float: none;
}
.form-control {
width: 100%;
}
/* Popups */
.dvxPopupButtons {
margin: 0 auto;
overflow: hidden;
width: 120px;
text-align: center;
}
/* taken from bootstrap4 to remove gaps on cols */
.no-gutters {
margin-right: 0;
margin-left: 0;
}
.no-gutters .col, .no-gutters [class*="col-"] {
padding-right: 0;
padding-left: 0;
}
/* header */
.black-heading {
background-image: url(/Images/k12BuyBlackHeading.jpg);
background-size: 150% 100%;
border: 3px solid #fff;
border-bottom: none;
}
.black-heading a {
display: inline-block;
}
.black-heading .logo {
border: none;
margin-top: 10px;
max-height: 26px;
max-width:100%;
}
/* Content */
.content {
background-color: #fff;
clear: both;
margin-top: 100px;
padding: 0px;
}
.content::after {
clear: both;
content: '';
display: table;
width: 100%;
height: 1px;
}
.content-general main {
display: block;
position: relative;
padding: 20px;
}
.content-general main .content-header {
font-weight: normal;
text-decoration: underline;
}
.signup-menu {
background-color: #fff;
color: #999;
font-size: 13.5px;
margin-bottom: -35px;
padding: 10px;
text-align: right;
width: 100%;
position: relative;
z-index: 100;
}
.signup-menu .signup-item {
display: inline-block;
}
/****************
* Sections *
****************/
/* Footer */
footer {
border: 3px solid #fff;
border-top: none;
}
.black-footing {
background-image: url(/Images/Footer_grad.gif);
background-size: 100% 100%;
color: #fff;
display: table;
font-size: 10px;
height: 100%;
width: 100%;
}
.black-footing .footer-links,
.black-footing .footer-info {
float: none;
display: table-cell;
vertical-align: middle;
}
.black-footing .footer-info {
text-align: right;
}
.black-footing div.memuitem {
float: none;
text-align: center;
display: inline-block;
margin-right: 10px;
}
.black-footing div.memuitem.no-mobile {
display: none;
}
.black-footing a:hover {
color: #fff;
font-weight: normal;
}
/* Contracts */
.content-container.milestone-add-wrapper {
max-width:90%;
margin: 0 auto;
padding:10px;
}
.content-container.milestone-add-wrapper .top-actions-wrapper,
.content-container.milestone-add-wrapper #bottom-actions-wrapper {
padding: 10px 0;
}
.content-container.milestone-add-wrapper .top-actions-wrapper .btn-action,
.content-container.milestone-add-wrapper #bottom-actions-wrapper .btn-action {
display: inline-block;
}
.content-container.milestone-add-wrapper .top-actions-wrapper .pull-right {
width: 50%;
text-align: right;
}
.content-container.milestone-add-wrapper .center1 {
margin:0 auto;
position: relative;
top: -33px;
width:auto;
max-width: 500px;
}
.content-container.milestone-add-wrapper .center2 {
margin:0 auto;
position: relative;
max-width: 300px;
top: -22px;
}
.content-container.milestone-add-wrapper .center2 img {
vertical-align: middle;
position: relative;
top: -3px;
}
.content-container.milestone-add-wrapper .center2 > div {
margin: 10px 0;
}
.content-container.milestone-add-wrapper .center1 .FlaggedMessageBox {
margin: 0;
}
#jSignature_btnUndo {
left: auto !important;
right:0;
bottom:0;
margin-top: 0 !important;
}
.clearfix:after {
content:"";
width: 100%;
height: 0;
display: table;
clear: both;
}
/********************
* Media Queries *
********************/
@media (min-width:768px) {
div, input, textarea, select, a {
-webkit-transition: background-color 0.3s, color 0.3s, border 0.3s;
-moz-transition: background-color 0.3s, color 0.3s, border 0.3s;
-o-transition: background-color 0.3s, color 0.3s, border 0.3s;
-ms-transition: background-color 0.3s, color 0.3s, border 0.3s;
transition: background-color 0.3s, color 0.3s, border 0.3s;
}
body {
background: #05509E url(/Images/bbg.jpg) repeat-x 0 0;
margin: 20px 20px;
/*max-width: 85%;
max-width: 1200px;*/
-webkit-box-shadow: 0px 0px 15px 7px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 15px 7px rgba(0,0,0,0.75);
box-shadow: 0px 0px 15px 7px rgba(0,0,0,0.75);
}
.black-heading .logo {
margin-top: 8px;
max-height: 34px;
}
.black-footing div.memuitem.no-mobile {
display: inline-block;
}
a.info-link::before {
top: 0;
}
.content {
margin-top: 0;
}
}
@media (max-width:767px) {
.black-footing {
padding: 10px 0;
}
.black-footing .footer-links,
.black-footing .footer-info {
display: block;
width: 100% !important;
text-align: center;
}
}
@media(max-width:991px){
.black-footing{
background-image:none;
background-color:#000000;
background: linear-gradient(90deg, rgba(0,0,0,1) 15%, rgba(57,97,148,1) 90%, rgba(65,131,185,1) 100%);
}
}
@media(min-width:992px) {
header {
position: relative;
z-index: 10;
}
}
/* END: Mobile Styles */
/*Email change*/
.email-address {
direction: rtl;
unicode-bidi: bidi-override;
}
/*Recaptcha v3 hidden*/
.grecaptcha-badge {
visibility: hidden;
}
.icfx-static-disabled-notification {
margin: 10px auto;
border-left: 6px solid #808080;
background-color: #EEEEEE;
border-radius: 4px;
padding: 8px 16px;
font-size: 14px;
line-height: 30px;
}
.icfx-info-notification {
margin: 10px auto;
border-left: 6px solid #039AF2;
background-color: #B3E1FB;
border-radius: 4px;
padding: 8px 16px;
font-size: 14px;
line-height: 30px;
}
.icfx-accent-notification {
margin: 10px auto;
border-left: 6px solid #FFBB01;
background-color: #FFF1CC;
border-radius: 4px;
padding: 8px 16px;
font-size: 14px;
line-height: 30px;
}
.icfx-warn-notification {
margin: 10px auto;
border-left: 6px solid #CC0000;
background-color: #F0B3B3;
border-radius: 4px;
padding: 8px 16px;
font-size: 14px;
line-height: 30px;
}
.attach-upload.point { background-image: url(/Images/black-circle.png); background-repeat: no-repeat; background-position: center center; color: White; font-family: Arial; font-size: 15px; font-weight: bold; padding: 0 6px 0 6px; text-align: center; }
.attach-upload.attach-title {padding-left: 5px;}
.attach-upload.label { font-family: Arial; font-size: 12px; white-space: nowrap; }
.attach-upload.caption { font-family: Arial; font-size: 10px; white-space: nowrap; }
.attach-upload.limitations { line-height: 20px; text-align: left; }
.attach-upload.limitations img { vertical-align: middle; }
.attach-upload.limitations label { font-family: Arial; font-size: 11px; }
.contracts-home .action-links{display:flex}.contracts-home .action-links>.action,.contracts-home .action-links>a{background-color:#ffc0cb;border:1px solid #f00;color:#f00;cursor:pointer;flex:1 1 50%;font-size:16px;font-weight:bold;line-height:30px;margin:3px;padding:5px 5px 5px 20px;text-decoration:none}.contracts-home .action-links>.action:hover,.contracts-home .action-links>a:hover{background-color:#ffe4e7}.contracts-home .action-links>.action .urgent,.contracts-home .action-links>a .urgent{background:url('/Images/exclamation.png') left center no-repeat;display:inline-block;line-height:30px;padding-left:40px}.contracts-home .action-links>.action .count,.contracts-home .action-links>a .count{font-size:24px}.contracts-home .action-links>.action.disabled,.contracts-home .action-links>a.disabled{background-color:#e0e0e0;border:1px solid #666;color:#fff;cursor:default}.contracts-home .action-links>.action.disabled .urgent,.contracts-home .action-links>a.disabled .urgent{background:url('/Images/exclamation_disabled.png') left center no-repeat}.contracts-home .panel{border:1px solid #afafaf}.contracts-home .panel>.header{background:linear-gradient(to bottom,#dfeaf0,#ecf7fd 50%,#82a8b3);border:1px solid #7a979d;font-weight:bold;padding:2px 0}.contracts-home .panel>.header::after{clear:both;content:' ';display:block}.contracts-home .panel>.header>.title{vertical-align:middle;padding-left:10px}.contracts-home .panel>.footer{border-top:1px solid #afafaf;display:flex}.contracts-home .panel>.footer>*{flex:1 1 auto}.contracts-home .panel>.footer>.sep{flex:0 0 auto}.contracts-home .panel>.footer>.sep::after{content:'|'}.contracts-home .actions{margin:.5em 0}.contracts-home .panels{display:flex}.contracts-home .panels>.panel{display:flex;flex-flow:column;flex:1 1 50%;margin:3px}.contracts-home .panels>.panel>.content{display:flex;flex:1 0 auto}.contracts-home .header-controls{float:right}.contracts-home .header-controls>span{vertical-align:middle}.contracts-home .active-contracts .contracts{border:none;border-collapse:collapse;height:100%;width:100%}.contracts-home .active-contracts .contracts tr:nth-child(odd){background-color:#fffeff}.contracts-home .active-contracts .contracts tr:nth-child(even){background-color:#ddedf6}.contracts-home .active-contracts .contracts th,.contracts-home .active-contracts .contracts td{padding:3px}.contracts-home .active-contracts .contracts th,.contracts-home .active-contracts .contracts th.balance{text-align:left}.contracts-home .active-contracts .contracts th:empty::after,.contracts-home .active-contracts .contracts td:empty::after{content:'_';visibility:hidden;height:1em}.contracts-home .active-contracts .contracts .solicitation,.contracts-home .active-contracts .contracts .start,.contracts-home .active-contracts .contracts .end,.contracts-home .active-contracts .contracts .balance{width:15%}.contracts-home .active-contracts .contracts .vendor{width:40%}.contracts-home .active-contracts .contracts .balance{text-align:right}.contracts-home .active-contracts .pnl-refresh img{vertical-align:middle}.contracts-home .active-contracts .ctrl-refresh{color:#006bbe;cursor:pointer;text-decoration:underline}.contracts-home .active-contracts .ctrl-refresh:hover{color:#f60}
.black-heading .right{float:right;padding-right:10px;color:#fff}.black-heading .header-info{text-align:right}@media(max-width:991px){.black-heading .header-info{position:absolute;top:0;right:0}}.black-heading .logo{margin-left:20px;margin-top:8px;max-height:34px;max-width:100%}.black-heading .logo-box{float:left}.black-heading .right{color:#fff}.black-heading .right a.logout{background-image:url(/Images/logOut_18.gif);background-repeat:no-repeat;vertical-align:top;color:#fff;padding:0 0 2px 25px;text-decoration:underline}.black-heading .right a.logout:hover{text-decoration:none}.black-heading .time{color:#fff;float:right;clear:right;font-size:10px;line-height:20px;margin:7px 10px 0 0}.flex-header{display:flex;flex-flow:row-reverse;justify-content:space-between}.time-header{margin-top:-23px}.Google{float:right}@media(max-width:767px){.black-heading img{margin-left:10px!important}.time-header{margin-top:auto}.black-heading .logo-box{clear:both}.Google{float:none}}@media(max-width:991px){.black-heading{height:60px;background-image:none;background-color:#000;background:linear-gradient(90deg,rgba(0,0,0,1) 15%,rgba(57,97,148,1) 90%,rgba(65,131,185,1) 100%)}.black-heading .time-header{display:none}}.change-theme{cursor:pointer;transition:all .2s ease-out;margin-right:25px}@media(max-width:991px){.change-theme{position:absolute;top:25px;right:20%}}.dark-theme,.light-theme{display:flex !important;align-items:center;justify-content:center;width:30px;height:30px;border-radius:30px;text-decoration:none}.dark-theme:hover{filter:brightness(95%)}.light-theme:hover{filter:brightness(125%)}.dark-theme{background-color:#fff}.dark-theme .moon{display:flex}.dark-theme .sun{display:none}.dark-theme svg path{fill:#181818}.light-theme{background-color:#181818}.light-theme .sun{display:flex}.light-theme .moon{display:none}.light-theme svg path{fill:#fff}.chat-notification-control{margin-right:25px}@media screen and (max-width:991px){.chat-notification-control{display:none}}
.toggle-panel {
border-collapse: collapse;
width: 100%;
}
.toggle-panel .SiteNavLinkContainer2 {
overflow-y: scroll;
overflow-x: hidden;
min-height: 278px;
}
.toggle-panel td.panel-left {
background-color: #c3d5fd;
width: 0;
vertical-align: top;
}
.toggle-panel td.panel-splitter {
width: 5px;
vertical-align: top;
}
.toggle-panel td.panel-right {
width: 100%;
vertical-align: top;
background-color: #DCDCDC;
}
.toggle-panel div.left-panel-container {
white-space: nowrap;
width: 200px;
}
.toggle-panel div.left-panel-container b {
line-height: 25px;
padding-left: 5px;
}
.toggle-panel div.right-panel-container {
overflow-x: scroll;
display: block;
width: 1px;
}
.toggle-panel .dx-clear {
margin: 0 !important;
}
@media (max-width: 768px) {
.toggle-panel,
.toggle-panel > tbody,
.toggle-panel > tbody > tr {
display: block;
}
.toggle-panel td.panel-splitter {
display: none;
}
.toggle-panel td.panel-left,
.toggle-panel td.panel-right {
display: block;
width: 100%;
}
.toggle-panel div.left-panel-container {
white-space: normal;
width: 100% !important;
}
}
h2.black {
background-color: black;
color: white;
line-height: 25px;
font-family: verdana,geneva,sans-serif;
font-size: 12px;
font-weight: bold;
margin-top: 0;
padding: 5px 0;
text-align:center;
/*border: 3px solid #fff;*/
}
.multiple-roles {
margin-top: 20px;
border: 3px solid #fff;
}
.multiple-roles .multiple-roles-inner {
border: 2px groove #A0A0A0;
margin: 0 auto;
padding: 10px;
max-width: 1150px;
}
.multiple-roles .dxeListBox,
.multiple-roles .dxeListBox_BlackGlass {
width: 100% !important;
height: 150px;
border: 1px solid #A0A0A0;
}
.multiple-roles .dxeBase.dxeTAR {
margin: 0 auto;
}
.multiple-roles-steps {
width: 100%;
}
.multiple-roles-steps > tbody > tr > td {
vertical-align: bottom;
width: 24%;
padding-right: 10px;
}
.multiple-roles-steps > tbody > tr > td:nth-child(3) {
width: 28%;
}
.multiple-roles-steps .mr-step {
font-weight: bold;
line-height: 20px;
margin-bottom: 5px;
text-align: left;
font-size:12px;
}
.multiple-roles-steps .mr-step-num {
background-image: url(/images/black-circle.png);
background-repeat: no-repeat;
background-position: center center;
color: White;
font-family: Arial;
font-size: 15px;
font-weight: bold;
padding: 0 6px 0 6px;
display: inline-block;
line-height: 20px;
}
.multiple-roles-steps .dxbButton_BlackGlass {
margin-top:40px;
}
.multiple-roles-steps .dxlbd {
width: 100% !important;
}
.multiple-roles .controls {
text-align: center;
padding-right: 0;
}
.multiple-roles .controls .dxeListBox {
border: none;
}
.multiple-roles .skip-role-selection {
margin-top: 20px;
white-space: nowrap;
padding: 0 10px;
}
.multiple-roles-steps .dxeListBoxItem_BlackGlass {
white-space: normal !important;
}
.multiple-roles .dxbButton_BlackGlass {
color: #000000;
font: 12px Tahoma, Geneva, sans-serif;
border: 1px solid #7F7F7F;
background: #E0DFDF url('/DXR.axd?r=1_49-MVG4f') repeat-x top;
padding: 1px;
}
.table-container {
width: 750px;
background-color: #dccaa0;
padding: 5px;
}
.sign-into-lbl {
padding-top: 5px;
padding-bottom: 5px;
}
.sign-into-ddl {
padding-top: 2px;
padding-bottom: 10px;
margin-top: -8px;
padding-left: 40px;
}
.multiple-roles-steps > div > div{
width:100%;
margin-top:10px;
}
@media all and (max-width: 980px) {
.multiple-roles-steps .dxeBase_BlackGlass.dxeTAR * {
display: inline-block;
white-space: normal;
}
table.dxgvControl_BlackGlass,
table.dxgvControl_BlackGlass > tbody,
table.dxgvControl_BlackGlass > tbody > tr,
table.dxgvControl_BlackGlass > tbody > tr > td {
display: block;
width: 100% !important;
}
}
@media all and (max-width: 768px) {
.multiple-roles-steps {
border-collapse: collapse;
}
.multiple-roles-steps
.multiple-roles-steps > tbody,
.multiple-roles-steps > tbody > tr,
.multiple-roles-steps > tbody > tr > td {
display: block;
width: 100% !important;
}
.multiple-roles-steps > tbody > tr > td {
margin-bottom: 10px;
}
.multiple-roles-steps > tbody > tr > td {
padding-right: 0px;
}
}
@media(min-width:768px){
.multiple-roles-steps > div > div{
padding-right:10px;
}
}