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;
    }
}
