@import url(/css/vendio_app.css);

/*** HTML TAGS ***/
body {
   background-color: #FFFFFF;
   color: #000000;
   font-size: 10pt;
   font-family: verdana, arial, sans-serif;
}

table {
   border-collapse: collapse;
}

.tableWht{
color: #ffffff;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
}

td {
   color: #000000;
   font-size: 10pt;
   font-family: verdana, arial, sans-serif;
}

p {
   color: #000000;
   font-family: verdana, arial, sans-serif;
}

li {
   color: #000000;
   font-family: verdana, arial, sans-serif;
}

a {
   color: #0000CC;
}

input {
   font-size: 9pt;
   font-family: arial;
}

select {
   font-size: 9pt;
   font-family: arial, sans-serif;
}

textarea {
   font-size: 9pt;
   font-family: arial, sans-serif;
}

/*** ---------- ***/

/*** TEXT EFFECTS ***/
.tableTitle {
   font-size: 13.5pt;
   font-weight: bold;
}

.title {
   font-size: 13pt;
   font-weight: bold;
}

.learnmore {
   font-size: 8pt;
   font-weight: normal;
   font-family: verdana, arial, sans-serif;
}

.eighteen {
   font-size: 18pt;
}

.fourteen {
   font-size: 14pt;
}

.eleven {
	font-size: 11px;
}

.bigger {
   font-size: 11pt;
}

.regular {
   font-size: 10pt;
}

.nine {
   font-size: 9pt;
}

.eight {
   font-size: 8pt;
}

.eightTd td{
   font-size: 8pt;
}

.sevenfive {
   font-size: 7.5pt;
}

.alert {
   font-size: 8.5pt;
}

.smaller {
   font-size: 7pt;
}

.black {
   color: #000000;
}

#black {
   color: #000000;
}

.green {
   color: #009900;
}

.red {
   color: #FF0000;
}

.darkred {
   color: #990000;
}

#darkred {
   color: #990000;
}

#darkredLink {
   color: #990000;
}

.blue {
   color: #0000FF;
}

.darkblue {
   color: #003366;
}

.darkblueReg {
   color: #003366;
}

.gray {
   color: #666666;
}

.white {
   color: #FFFFFF;
}

.searchYellow{
	background-color:#f4dc43;
}


.style1{
  color: #999999;		
}
.style2{
  color: #AF0000;		
}

#whiteLink {
   color: #FFFFFF;
}

.required {
   color: #006600;
}

.important {
   color: #CC0000;
}

.nobr {
   white-space: nowrap;
}

.fbackPositive {
   color: #336600;
   font-weight: bold;
}
.fbackNeutral {
   font-weight: bold;
}
.fbackNegative {
   color: #990000; 
   font-weight: bold;
}

.lightBlueLarge{
   color: #8cb4dd;
   font-size: 15pt;
   font-weight: bold;
}

.strikeLine{
	text-decoration: line-through;
	color:#990000;
	font-weight: bold;
}

.storeURL
{
	background-color:#eeeeee;
	font-size:12px;
	border-top:#9B9B9B 1px solid;
}

.topnav			{ 
color			:#38497B; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:8pt;
text-decoration	:underline; 
}

.topnav:hover	{ 
color			:#33CCFF; 
text-decoration :none;
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:8pt
}

.calCellHeaderST{
color			:#000000; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:10px;
height			:18px;
background-image:url(/images/top_header_bg.gif);
}

.firstTabOff{
background-image:url(/images/subTab_firstoff.gif);
}

.firstTabOn{
background-image:url(/images/subTab_firston.gif);
}

.middleTabOff{
background-image:url(/images/subTab_middleoff.gif);
}

.middleTabOn{
background-image:url(/images/subTab_middleon.gif);
}

.lastTabOff{
background-image:url(/images/subTab_lastoff.gif);
}

.lastTabOn{
background-image:url(/images/subTab_laston.gif);
}

.firstTopTabOff{
background-image:url(/images/nn_top_first_off.gif);
}

.firstTopTabOn{
background-image:url(/images/nn_top_first_on.gif);
}

.middleTopTabOff{
background-image:url(/images/nn_top_middle_off.gif);
}

.middleTopTabOn{
background-image:url(/images/nn_top_middle_on.gif);
}

.lastTopTabOff{
background-image:url(/images/nn_top_last_off.gif);
}

.lastTopTabOn{
background-image:url(/images/nn_top_last_on.gif);
}


.calCellHeaderST1{
color			:#000000; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:10px;
height			:18px;
background-image:url(/images/subTab_Bgon.gif);
vertical-align	:bottom;
}

.calCellHeaderST2{
color			:#000000; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:10px;
height			:18px;
background-image:url(/images/subTab_Bgoff.gif);
vertical-align	:bottom;
}


.calTopCellHeaderST1{
color			:#000000; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:10px;
height			:24px;
background-image:url(/images/nn_top_tabbg_on.gif);
}

.calTopCellHeaderST2{
color			:#000000; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:10px;
height			:24px;
background-image:url(/images/nn_top_tabbg_off.gif);
}

A.subTabtable	{
color			:#000000; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:10px;
vertical-align: bottom;
text-decoration :none;
}

A.subTabtable:hover{
color			:#ffffff; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:10px;
vertical-align: bottom;
text-decoration :none;
}

.formElementQL {
font-family		:Tahoma,verdana;
font-size		:8pt;
width			:150;
}




/*** ---------- ***/

/*** BORDERS ***/
.borderAllTd td {
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 1px;
}

.borderNoTd td {
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 0px;
}

.borderAll {
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 1px;
}

.borderAllBlack {
   border-color: #000000;
   border-style: solid;
   border-width: 1px;
}

.borderAllRed {
   border-color: #990000;
   border-style: solid;
   border-width: 1px;
}

.borderNoTop {
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 0px 1px 1px 1px;
}

.borderNoBottom {
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 1px 1px 0px 1px;
}

.borderBottomTd td {
   border-bottom-color: #CCCCCC;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}

.borderNoBottomTd td {
   border-bottom-color: #CCCCCC;
   border-bottom-style: solid;
   border-bottom-width: 0px;
}



.borderBottom {
   border-bottom-color: #CCCCCC;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}

.borderTop {
   border-top-color: #CCCCCC;
   border-top-style: solid;
   border-top-width: 1px;
}

.borderTopTd td {
   border-top-color: #CCCCCC;
   border-top-style: solid;
   border-top-width: 1px;
} 

.borderSides {
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 0px 1px 0px 1px;
}

.borderNoLeftSide {
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 1px 1px 1px 0px;
}

.borderNoRightSide {
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 1px 0px 1px 1px;
}

.borderLeft {
   border-left-color: #CCCCCC;
   border-left-style: solid;
   border-left-width: 1px;
}

.borderRight {
   border-right-color: #CCCCCC;
   border-right-style: solid;
   border-right-width: 1px;
}

.imgPreviewBorder {
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 1px;
}

/*** ---------- ***/

/*** PADDING ***/
.paddingVert td {
   padding-top: 2px;
   padding-bottom: 3px;
}

.paddingVert5 td {
   padding-top: 5px;
   padding-bottom: 5px;
}

.paddingVert10 td {
   padding-top: 10px;
   padding-bottom: 10px;
}

.paddingHor td {
   padding-left: 4px;
   padding-right: 4px;
}

.paddingHor7 td {
   padding-left: 7px;
   padding-right: 7px;
}

.paddingHor8 td {
   padding-left: 8px;
   padding-right: 8px;
}

.paddingHor0 td {
   padding-left: 0px;
   padding-right: 0px;
}

/*** ---------- ***/

/*** FORMS ***/
.button {
   border-style: double;
	border-color: #333333;
	border-width: 3px 3px 3px 3px;
	background-color: #009933;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	background-image: url(/images/button_bg.gif);
}

.buttonSt		{
	border-style: double;
	border-color: #333333;
	border-width: 3px 3px 3px 3px;
	background-color: #009933;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	background-image: url(/images/button_bg.gif);
}

.hBold			{ 
color			:#38497B; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:9pt;
font-weight		:bold;
}

.buttondisable {
    border-style: double;
	border-color: #333333;
	border-width: 3px 3px 3px 3px;
	background-color: #009933;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	background-image: url(/images/button_bg.gif);
}


.buttonLarge {
   background-color: #EEEEEE;
   background-image: url(/images/bgd_grey_buttonlarge.gif);
   border-color: #990000 #660000 #660000 #990000;
   border-style: solid;
   border-width: 1px;
   cursor: pointer;
   color: #333333;
   font-size: 11px;
   font-weight: bold;
   font-family: arial;
   height: 35px;
}

.checkbox {
   width: 30px;
   text-align: center;
}

.textarea {
   width: 400px;
}

.monospace {
   /*font-size: 10pt;*/
   /*font-family: courier, monospace;*/
}

.fieldName {
   width: 150px;
   font-size: 9pt;
   font-weight: bold;
}

.fieldNameSmall {
   width: 120px;
   font-size: 9pt;
   font-weight: bold;
}
.fieldNameLarge {
   width: 230px;
   font-size: 9pt;
   font-weight: bold;
}

.inputRight {
  text-align: right;
  font-size: 9pt;
  font-family: courier, sans-serif;
}

.selectMotors {
   width: 150px;
}

.selectOslLeft {
   width: 190px;
}

.selectOslRight {
   width: 175px;
}

.selectOslLayout{
   width: 375px;
}

.selectOslThemes{
   width: 175px;
}


.listerCatBox {
   width: 230px;
}

.smartListerDesignCenter{
  width: 300px;
}

.smartListerDesignCenterPopUp{
  width: 210px;
}

/* ? */
.textBox {
   background-color: #F6F6F6;
   border-color: #000000 #AAAAAA #AAAAAA #000000;
   border-style: solid;
   border-width: 1px;
   color: #000000;
   font-size: 10pt;
   font-family: courier, monospace;
}

/* ? */
.selectsmall {
   color: #003366;
   font-size: 12px;
}

/* ? */
.buttonYellow {
   background-image: url(/images/bgd_yellow_button.gif);
   background-color: #FFCC33;
   border-color: #999999 #666666 #666666 #999999;
   border-style: solid;
   border-width: 1px;
   cursor: pointer;
   font-size: 12px;
   font-weight: bold;
   font-family: arial;
}

/* ? */
.buttonsmall {
   background-image: url(/images/bgd_yellow_button.gif);
   background-color: #FFCC33;
   border-color: #999999 #666666 #666666 #999999;
   border-style: solid;
   border-width: 1px;
   cursor: pointer;
   font-size: 11px;
   font-weight: bold;
   font-family: arial;
}
/*** ---------- ***/

/*** TABLES ***/
/* ? */
.tableTitleRule {
    background-color: #CCCCCC;
}

.dataOut {
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 1px;
}

.columnHeader {
   background-color: #DDDDDD;
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 1px;
   height: 28px;
   text-align: center;
   color: #000000;
   font-size: 7.5pt;
   font-weight: bold;
   font-family: verdana, arial, sans-serif;
}

.columnHeaderSort {
   background-color: #EEEEEE;
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 1px;
   height: 28px;
   text-align: center;
   color: #000000;
   font-size: 7.5pt;
   font-weight: bold;
   font-family: verdana, arial, sans-serif;
}

.saColumnHeader {
   background-color: #DDDDDD;
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 1px;
   height: 20px;
   text-align: center;
   color: #000000;
   font-size: 7.5pt;
   font-weight: bold;
   font-family: verdana, arial, sans-serif;
}

.saColumnHeaderSort {
   background-color: #EEEEEE;
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 1px;
   height: 20px;
   text-align: center;
   color: #000000;
   font-size: 7.5pt;
   font-weight: bold;
   font-family: verdana, arial, sans-serif;
}

.columnHeaderNoBorder {
   background-color: #DDDDDD;
   height: 28px;
   text-align: center;
   color: #000000;
   font-size: 7.5pt;
   font-weight: bold;
   font-family: verdana, arial, sans-serif;
}

.data td {
   font-size: 8pt;
}

.dataRowGrey {
   background-color: #F9F9F9;
}

.dataRowWhite {
   background-color: #FFFFFF;
}

.dataRowYellow {
   background-color: #FFFFCC;
}

.dataRowTotal td {
   background-color: #666666;
   color: #FFFFFF;
}

.evenLedgerStripe td {
   background-color: #FFFFFF;
   font-size: 8pt;
}

.oddLedgerStripe td {
   background-color: #FFFFFF;
   font-size: 8pt;
}
/** for td height - lister activation **/

.tdLearnMoreHeight{
	height:32px;
}
/** for td height - trafic reports **/
.tdHeight{
	height:10px;
}

.tdDataHeight{
	height:25px;
}
.tdDataHeightBig{
	height:28px;
}
.tableLayout{
	table-layout:fixed;
}
/** for pending sales page **/
.evenLedgerStripePS td {
   background-color: #EEEEEE;
   font-size: 8pt;
}

.pagination {
   text-align: right;
   font-size: 10px;
   font-family: verdana, arial, sans-serif;
}

.alertCsr {
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 1px;
}

.alertGray {
   border-color: #666666;
   border-style: solid;
   border-width: 1px;
}

.alertRed{
   border-color: #990000;
   border-style: solid;
   border-width: 1px;
}

.greyBg {
   background-color: #F9F9F9;
}

.lightGreyBg{
	background-color: #FBFBFB;
}

.darkGreyBg{
	background-color: #F5F5F5;
}

.yellowBg {
   background-color: #FFFFCC;
}

.verticalStripe {
   background-color: #999999;
}

.clusterBody{
   background-color: #EEEEEE;
}

.autoShowroomDataout{
   border-color: #336699;
   border-style: solid;
   border-width: 1px;
}

.asBorderBottomTd td {
   border-bottom-color: #336699;
   border-bottom-style: solid;
   border-bottom-width: 1px;
}

.itemPrefillBg{
   background-color: #EFEFEF;
}

/* ? */
.columnHeaderPaid {
   background-color: #336699;
   background-image: url("/images/bgd_blue_a.gif");
   background-position: center center;
   background-repeat: no-repeat;
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 1px;
   text-align: center;
   color: #FFFFFF;
   font-weight: bold;
   font-size: xx-small;
   font-family: verdana;
}

/* ? */
.linkColumnHeader{
   color: #FFFFFF;
   font-weight: bold;
   font-size: xx-small;
   font-family: verdana;
   text-decoration: none;
}

/* ? */
.tableOuter {
   background-color: #CCCCCC;
}

/* ? */
.tableInner {
   background-color: #FFFFFF;
}

/* ? */
.tableInnerDataIn {
   background-color: #FFFFFF;
   padding: 2px 0px 2px 0px;
}

/* ? */
.tableInnerDataInMP {
   background-color: #F9F9F9;
   padding: 2px 0px 2px 0px;
}

/* ? */
.tableInnerDataInCP {
   background-color: #D6E0CC;
   padding: 2px 0px 2px 0px;
}

/* ? */
.bottomtoolbar {
   padding: 4px 4px 4px 4px;
}

/* ? */
.toptoolbar {
   border-style: solid;
   border-width: 1px 1px 0px 1px;
   border-color: #CCCCCC
}

/* ? */
.pagination {
   padding: 3px 4px 4px 4px;
}
/*** ---------- ***/

/*** SECTIONS ***/
.sectionTitle {
   background-color: #EEEEEE;
   border-color: #CCCCCC;
   border-style: solid;
   border-width: 0px 1px;
   font-weight: bold;
}

.saSectionTitle {
   background-color: #C3CFDB;
   border-color: #999999;
   border-style: solid;
   border-width: 1px 0px 1px 1px;
   height: 21px;
   font-weight: bold;
}

.saSectionTitleChannel {
   background-color: #EFEFEF;
   border-color: #999999;
   border-style: solid;
   border-width: 1px 0px 1px 1px;
   height: 21px;
   font-weight: bold;
}


.corpHeader {
   background-image: url(/corp/images/header_fill_page.gif);
}

.header {
   background-image: url(/corp/images/header_titlefill_grey.gif);
   color: #990000;
   white-space: nowrap;
   font-size: 10pt;
   font-weight: bold;
}

.headerFill {
   background-image: url(/corp/images/header_fill_grey.gif);
   text-align: right;
   width: 100%;
}

.headerGrey {
   background-image: url(/corp/images/header_titlefill_grey.gif);
   color: #990000;
   white-space: nowrap;
   font-size: 10pt;
   font-weight: bold;
   font-family: verdana, arial, sans-serif;
}

.headerFillGrey {
   background-image: url(/corp/images/header_fill_grey.gif);
   text-align: right;
   width: 100%;
}

.bottomGrey {
   background-image: url(/corp/images/frame_bottom_grey.gif);
}

.miniHeader td {
   background-image: url(/corp/images/header_fill_mini.gif);
   border: 0px;
   padding: 0px;
   font-weight: bold;
}

.box {
   background-color: #F9F9F9;
   border-color: #CCCCCC;
   border-style: double;
   border-width: 0px 3px;
}

.boxTop {
   background-image: url(/corp/images/box_top.gif);
   color: #990000;
   text-align: center;
   font-weight: bold;
}

.boxBottom {
   background-image: url(/corp/images/box_bottom.gif);
}

.greyBg {
   background-color: #F9F9F9;
}

.productsDrop {
   background-image: url(/corp/images/products_drop_fill.gif);
}

.prodNav {
  background-image: url(/images/prod_nav_bg.gif);
   
} 

.verticalStripe {
   background-color: #999999;
}
/*** ---------- ***/

/*** NAVIGATION ***/
.user {
   color: #000000;
   font-size: 8pt;
   font-style: italic;
   font-weight: bold;
}

.subNav {
   background-color: #DDDDDD;
   background-image: url(/images/nav_bg.gif);
}

.subNavLink {
   color: #0000FF;
   font-size: 7.5pt;
}

.prodNavLink {   
FONT-WEIGHT			:normal;
FONT-SIZE			:9pt;
COLOR				:#000000;
FONT-FAMILY			:arial, sans-serif;
TEXT-DECORATION		:none
}

.menuPadding { 
   text-align: center;
   padding-left: 8px;
   padding-right: 8px;
   padding-top			:5px;
 }

 .menuPaddingSel {
  background-image: url(/images/prod_nav_top_line.gif);
   text-align: center;
   padding-left: 6px;
   padding-right: 6px;
   padding-top			:5px;
 }


.prodNavLinkSel { 
	background-color: #ffffff;
   color: #990000;
   text-decoration: none;
   font-size: 8.5pt;
   font-weight: bold;
   font-family: arial, sans-serif;
}

.subNavLinkOff {
   color: #999999;
   text-decoration: underline;
   font-size: 7.5pt;
}

.subNavLinkSel {
   color: #990000;
   text-decoration: none;
   font-size: 8pt;
   font-weight: bold;
}

.corpAdminLink {
   font-weight: bold;
}

.corpAdminLinkSel {
   text-decoration: none;
   font-weight: bold;
   color: #000000;
}

.corpPageLink {
   font-weight: bold;
}

.corpPageLinkBlack {
   font-weight: bold;
   color: #000000;
}

.footer td {
   background-color: #EEEEEE;
   color: #990000;
   padding: 3px;
   font-size: 8pt;
}

.breadcrumbTable {
   padding: 4px 0px 4px 0px;
}

.breadcrumb {
   font-size: 9pt;
   font-family: verdana, arial, sans-serif;
}

.autoShowroomNav{
   background-color: #6C9DCE;
   font-size: 7.5pt;
   font-family: verdana, arial;
   font-weight: bold;
   font-style: normal;
   color: #FFFFFF;
}

.autoShowroomWebLink{
   background-color: #CCCCCC;
   font-size: 7.5pt;
   font-family: verdana, arial;
   font-weight: bold;
   font-style: normal;
   color: #0000FF;
}

.autoShowroomAboutus{
   background-color: #6C9DCE;
   border-style: solid;
   border-width: 1px;
   border-color: #6C9DCE;;
}
#breadcrumbLink {
   color: #0000FF;
}

/* ? */
.subNavbody {
   background-color: #EEEEEE;
   color: #0000FF;
}

/* ? */
.linkSelected {
   color: #990000;
   text-decoration: none;
   font-weight: bold;
   font-size: 9pt;
   font-family: arial, geneva, sans-serif;
}

/* ? */
.linknotSelected{
   color: #0000FF;
   text-decoration: underline;
   font-weight: normal;
   font-size: 8pt;
   font-family: arial, geneva, sans-serif;
}

/* ? */
.linkSelectedNA {
   color: #FFFFFF;
   text-decoration: none;
   font-weight: bold;
   font-size: 11pt;
   font-family: arial, geneva, sans-serif;
}

/* ? */
.linknotSelectedNA {
   color: #FFFFFF;
   text-decoration: none;
   font-weight: normal;
   font-size: 9pt;
   font-family: arial, geneva, sans-serif;
}

/* ? */
#footerNav {
   background-color: #FFFFFF;
   font-size: 8pt;
   font-family: arial, geneva, sans-serif;
}

/* ? */
#footerRow {
   background-color: #FFFFFF;
   color: #000000;
   font-size: 8pt;
   font-family: arial, geneva, sans-serif;
}
/*** ---------- ***/

/*** POPUPS ***/
/*.popupHeader {
   background-color: #990000;
   color: #FFCC33;
   font-size: 8pt;
   font-family: arial, geneva, sans-serif;
}*/

.popupHeader {
	background-color: #F5F5F5;
	border-bottom: 3px #009933 double;
}

/*.popupFooter {
   background-color: #990000;
   color: #FFFFFF;
   font-size: 8pt;
   font-family: arial, geneva, sans-serif;
}*/

.popupFooter {
	background: #F5F5F5;
	border-top: 1px #009933 solid;
	border-bottom: 1px #009933 solid;
	text-align: right;
	padding: 3px;
}

#popupHeaderTop {
   color: #FFCC33;
   font-size: 8pt;
   font-family: arial, geneva, sans-serif;
}

.popupHeaderStripe {
   background-color: #999999;
}

.popupHeaderFooterText {
   color: #FFFFFF;
}

.popupFooterStripe {
   background-color: #000000;
}

.honestyPopupStripe {
   background-color: #669999;
}

.subHeader {
	font-weight: bold;
	color: #009933;
	font-family: verdana;
	font-size: 11pt;
	border-bottom: 1px #006633 solid;
	margin-bottom: 5px;
}
/*** ---------- ***/

/*** CSR BILLING TOOL ***/
.billingHeader {
   color: #FFFFFF;
   font-size: 12pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;
}

.billingAdminNav {
   color: #FFCC33;
   text-decoration: underline;
   font-size: 9pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;
}

.billingNav {
   background-color: #990000;
   color: #FFCC33;
   text-decoration: underline;
   font-size: 10pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;
}

.billingNavSelected {
   background-color: #333333;
   color: #FFFFFF;
   text-decoration: none;
   font-size: 10pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;
}

.billingSectionHeader {
   color: #FFFFFF;
   font-size: 10pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;
}
/*** ---------- ***/

/*** RESEARCH ***/
.resSectionTitleFill {
   background-image: url(/images/bgd_research_sectiontitle.gif);
}

.resNegative {
   color: #990000;
   font-size: 8pt;
   font-family: arial, geneva, sans-serif;
}

.resPositive {
   color: #009900;
   font-size: 8pt;
   font-family: arial, geneva, sans-serif;
}

.resNegativeCompare {
   color: #990000;
   font-size: 10pt;
   font-family: arial, geneva, sans-serif;
}

.resPositiveCompare {
   color: #009900;
   font-size: 10pt;
   font-family: arial, geneva, sans-serif;
}

.resListingHeading {
   background-color: #FFFFFF;
   color: #006600;
   text-decoration: none;
   font-size: 12pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;
}

.resBasicSearch {
   background-color: #CCCCCC;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
   font-family: arial, geneva, sans-serif;
}

.resSectionStripe {
   background-color: #666666;
}
/*** ---------- ***/

/*** UNSORTED ***/
.supportHeading {
   color: #990000;
   font-size: 12pt;
   font-family: arial, geneva, sans-serif;
}

.nineHeader {
   font-size: 8pt;
   color: #000000;
   text-decoration: none;
   font-family: arial, geneva, sans-serif;
}

/* Font style for the "To Do" list on Pending Items Details */
.toDoFont{
   color:#990000;
   font-weight: normal;
   font-size: 8pt;
}

.wizStatus{
   color:#990000;
   font-weight: bold;
}

.quickChange {
   background-color: #FFFFCC;
   font-size: 8pt;
}

.quickChangeFont {
   color: #FFFFCC;
}

.otherMarkets {
   background-color: #FFFFCC;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
   font-weight: normal;
   font-family: arial, geneva, sans-serif;
}

.confirmed {
   background-color: #FFFFCC;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
   font-weight: normal;
   font-family: arial, geneva, sans-serif;
}

.migChecked{
   background-color: #FFFFCC;
}

/* The odd numbered rows containing the insurance, handling, tax, total on the pending items details page */
.psDetailsOddLedgerStripe {
   background-color: #FFFFFF;   
}
   
/* The even numbered rows containing the insurance, handling, tax, total on the pending items details page */
.psDetailsEvenLedgerStripe {
   background-color: #FFFFCC;   
}

/* section that contains the title of the page */
.pageHeader {
  border-width: 0px 0px 1px 1px;
  border-color: #006633;
  border-style: solid;
  font-size: 13pt;
  font-weight: bold;
  font-family: verdana;
  color: #003399;
  margin-left: 10px;
  padding: 2px 0px 1px 4px;
  background-image: url(http://www.vendio.com/img/backgrounds/page_header_background.gif);
  background-position: bottom left;
  background-repeat: repeat-x;
  margin-top:10px;
}

/* section that contains the title of the page on the stores . */
.storesPageHeader {
   background-color: #990000;
   color: #FFFFFF;
   font-size: 10pt;
   font-family: Arial, geneva, sans-serif;
}

/* section that contains the title of the page */
.checkoutPageHeader {
   background-color: #CCCCCC;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;
}

/* background style for market profile */
.mprofileBg {
   background-color: #666666;
   color: #FFFFFF;
}

/* background style for checkout profile */
.cprofileBg {
   background-color: #666666;
   color: #FFFFFF;
}

/* background style for ad template */
.atemplateBg {
   background-color: #666666;
   color: #FFFFFF;
}

/* background style for ad template view edit */
.atemplateView {
   background-color: #666666;
   text-decoration: underline;
   color: #FFFFFF;
   font-weight: bold;
   font-size: 8pt;
   font-family: arial, geneva, sans-serif;
}

/* background style for market profile DHTML box */
.mpDhtml {
   background-color: #EEEEEE;
}

/* background style for checkout profile DHTML box */
.cpDhtml {
   background-color: #EEEEEE;
}

/* styles for hr in data in pages */
.gridRule {
   color: #CCCCCC;   
}

/* Font style for prepay total text */
.prepayTotal {
   color: #008000;
   font-size: 10pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;  
}

.unTrended {
   color: #999999;
   text-decoration: underline;
}

/* Font and background style for support alert messages */
.supportAlert {
   background-color: #FFFF99;
   color: #000000;
   font-weight: bold;
   font-size: 10pt;
   font-family: arial, geneva, sans-serif;
}

/* The header section of the error messages */

.error { 
color: #ff0000; 
font-family: verdana,arial, helvetica, sans-serif;
font-size: 11px;
}


.errorHeader {
   background-color: #FFcc66;
   color: #000000;
   font-weight: bold;
   font-size: 10pt;
   font-family: arial, geneva, sans-serif;
}

/* The body of the error messages */
.alertBody {
   background-color: #FFFFCC;
}
 
/* The body of the messages */
.messageBody {
   background-color: #FFFFCC;
}

.orangeUpsell {
   border-style: solid;
   border-width: 1px;
   border-color: #FFCC00;
   background-color: #FFFFCC;
}


.smartListerUpsellBg{
   background-color: #FFFFAA;
}

.smartListerUpsell {
   background-color: #FFFFEA;
}

/* The site outage section */
.outageBody {
  background-color: #EEEECC;
}

/* The background color of the alert messages posted by the account managers for site performance or bug issues */
.csrAlertBody {
   background-color: #FFFFFF;
}

.evenLedgerStripeLight {
   background-color : #EEEEEE;
}

.evenUpsellStripe {
   background-color : #EEEEEE;
}

/* The bars with titles that designate certain sections of the page */
.sectionHeader {
   background-color: #CCCCCC;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;
}

.sectionHeaderLight {
   background-color: #EEEEEE;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;
}

/* The row above the line listings that contains the column titles */
.lineListingHeader {
   background-color: #CCCC99;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
   font-weight: normal;
   font-family: arial, geneva, sans-serif;
}

.lineListingExcelHeader {
   background-color: #CCCCCC;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
   font-weight: normal;
   font-family: arial, geneva, sans-serif;
}

/* The row above the line listings that contains the column titles & is the selected sorted column */
.lineListingHeaderSort {
   background-color: #990000;
   color: #FFFFFF;
   text-decoration: none;
   font-size: 10pt;
   font-weight: normal;
   font-family: arial, geneva, sans-serif;
}
  
/* The last row in data out pages that contains the column totals */
.lineListingTotals {
   background-color: #FFFFCC;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;
}

/* The color of the links on the line listing headers */
.lineListingLink {
   text-decoration: underline;
   color: #3300FF;
   visited: #660066;
}

/* The color of the links on the sorted line listing header */
.lineListingLinkSort {
   text-decoration: underline;
   color: #FFFFFF;
   visited: #FFFFFF;
}

/* The color of the text on the line listing headers */
.lineListingNoLink {
   text-decoration: none;
   color: #3300FF;
   visited: #660066;
}

/* The color of the text on the sorted line listing header */
.lineListingNoLinkSort {
   text-decoration: none;
   color: #FFFFFF;
   visited: #FFFFFF;
}

/* The title section of the filter & search panel */
.filterTitle {
   background-color: #CCCCCC;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;
}

.filterTitleNonBold {
   background-color: #CCCCCC;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
   font-weight: regular;
   font-family: arial, geneva, sans-serif;
}

/* The section of the filter & search panel that contains the headings, such as "Search For:" */
.filterHeading {
   background-color: #FFFFFF;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;
}

/* The section of the filter & search panel that contains input fields or filter links */
.filterInput {
   background-color: #FFFFFF;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
   font-family: arial, geneva, sans-serif;
}

 /* The section of the Create Folder heading */
.folderHeading {
   background-color: #CCCCCC;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
   font-family: arial, geneva, sans-serif;
   font-weight: bold;
}

/* The section of the Create Folder heading */
.folderListHeading {
   background-color: #CCCCCC;
   color: #000000;
   text-decoration: none;
   font-weight: normal;
   font-size: 10pt;
   font-family: arial, geneva, sans-serif;
}

/* The section of the Manage Folder listing */
.folderList {
   background-color: #F7F7F7;
   color: #000000;
   text-decoration: none;
   font-weight: normal;
   font-size: 10pt;
   font-family: arial, geneva, sans-serif;
}

/* The section of the upsellbody */
.upsellBody {
   background-color: #FFFFCC;
}

.upsellBodyDataIn{
   background-color: #FFFFEE;
}


/* Reserach upsell on smart lister page */
.smartListerRes {
   border-style: solid;
   border-width: 1px;
   border-color: #990000;
   background-color: #FFFFEE;
}

.smartListerProfileDisplay {
   border-style: solid;
   border-width: 1px;
   border-color: #CCCCCC;
   background-color: #EFEFEF;
}

.smartListerSteps{
   background-color: #FFFFEA;
}

/* The message that appears on data-out pages when there is no line listing data */
.noDataMessage {
   background-color: #FFFFFF;
}

.quickStartMessages {
   background-color : #FFFFCC;
}

.quickStartHeader {
   background-color : #FFFFCC;
}

.quickStartRule {
   background-color: #CCCCCC;   
}

/* The status messages on the Refund Manager page */
.refundStatus {
   color: #006600;
   font-size: 8pt;
   font-family: arial, geneva, sans-serif;
}

/* The border on the gridification for data in pages */
.gridBorderColor {
   border-color: #CCCC99;
   border-style: solid;
}

/* The border on the filter & search panel */
.filterBorderColor {
   border-color: #CCCC99;
   border-style: solid;
}

.qsHeader {
   background-color: #FFCC33;
}

.prdHeading {
   color: #E0E0E0;
   font-weight: bold;
   font-size: 80pt;
   font-family: arial,geneva, sans-serif;

}

/* The background of the gallery header */
.galheaderbg {
   background-color: #CCCCCC;
}

/* The section stripe on the taco bell page */
.tbSectionStripe {
   background-color: #999999;
}

/* The stripe on the Quick Pack on taco bell page */
.tbQuickPack {
   background-color: #666666;
   color: #FFFFCC;
   font-size: 8pt;
   font-family: arial, geneva, sans-serif;
}

/* The frame of the pictures on the gallery */
.gallerypicframe {
   background-color : #DCDCDC;
}

/* The text of the gallery header */
.galleryHeaderText {
   color: #FFFFFF;
}

/* The first stripe of the gallery header */
.galleryHeaderStripe1 {
   background-color: #CCCC99;
}

/* The second stripe of the gallery header */
.galleryHeaderStripe2 {
   background-color: #000000;
}

/* The gallery header background color */
.galleryHeader {
   background-color: #006699;
}

/* The top stripe used in the intuit channel header */
.intuitChannelStr1 {
   background-color: #CCCC99;
}

/* The 2nd stripe used in the intuit channel header */
.intuitChannelStr2 {
   background-color: #000000;
}

/* Formatting for the shipping labels in Post Sale */
.shipLabel {
   color: #000000;
   font-size: 10pt;
   font-family: courier;
}

/* Odd numbered rows containing Consolidated Shipping data */
.oddLedgerConsStripe {
   background-color: #FFFFFF;
}

/* Even numbered rows containing Consolidated Shipping data */
.evenLedgerConsStripe {
   background-color: #DCDCDC;
}

/* Odd numbered rows containing Post Sale Details data */
.oddLedgerPSDetailsStripe {
   background-color: #FFFFFF;
}

/* Even numbered rows containing Post Sale Details data */
.evenLedgerPSDetailsStripe {
   background-color: #FFFFFF;
}

/* The title on Help Desk topic pages */
.helpTopicTitleFont {
   color: #000000;
   font-size: 12pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;
}

/* The bgcolor of the Help Desk topic pages */
.helpTopicBackground {
   background-color: #FFFFFF;  
}

/* Help Desk navigation frame */
.helpNavColors {
   background-color: #DCDCDC;  
}

/* Link styles for help desk navigation links */
.helpNavLinks {
   A:link {color: #0000FF; } 
   A:visited {color: #800080; } 
   A:active {color: #FF0000; } 
}

/* A block of the page that is set a side by a lite gray background color (example: insurance popup) */  
.sectionBlockLite {
   background-color: #FFCCCC;
   color: #000000;
   text-decoration: none;
   font-size: 10pt;
   font-weight: normal;
   font-family: arial, geneva, sans-serif;
}

/* Text used to promote new or featured items on a page. 
Example: when new themes are added we can use promo text 
in the theme selection area of ad creation to point this out. */
.promoFont {
   color: #006699;
   font-size: 10pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;
}

/* Counter Dashboard 'Quick Change' Title */
.quickChangeTitle {
   font-size: 12pt;
   font-weight: bold;
   font-style: italic;
}

/* Intructional text bgcolor */
.instr {
   background-color: #FFFFCC;
}

/* Font and border style for help tips */
.tip {
   border-width: 1px;
   border-style: solid;
   border-color: #FF9933;
   width: 50%;
   font-size: 10pt;
   font-family: arial, geneva, sans-serif;
}

/* Priority levels for Alerts; High, Normal, and Low */
.highPri {
   color: #FF0000;
}
.normPri {
   color: #996600;
}
.lowPri {
   color: #000000;
}

/* Added for the calendar wizard */
.calHeader {
   background-color: #660000;
   color: #FFFFFF;
   font-size: 11pt;
   font-family: arial, geneva, sans-serif;
}

.calToday {
   font-weight: bold;
   font-size: 9pt;
   font-family: arial, geneva, sans-serif;
}

.calInactiveDay {
   color: #00000;
   font-size: 9pt;
   font-family: arial, geneva, sans-serif;
}

.calActiveDay {
   color: #0000FF;
   font-size: 9pt;
   font-family: arial, geneva, sans-serif;
}

.calActiveWeek {
   background-color : #CCCCCC;
}

.imgUploadUpgrade {
   background-color: #CCFFFF;
}

.smartListerProfileBg {
   background-color : #CCCCCC;
}

/* Font style for heavy image alert in ad archive flow */
.heavyImage {
   color: #000080;
   font-size: 10pt;
   font-family: arial, geneva, sans-serif;
}

/* font style and size for learn more links on section headers*/
#learnMore {
   color: #0000FF;
   font-weight: normal;
   font-size: 8pt;
   font-family: arial, geneva, sans-serif;
}

#lineListingLink {
   text-decoration: underline;
   color: #FFFFFF;
   visited: #FFFFFF;
}
  
/* The bars with titles that designate certain sections of the page, but with smaller font 
   (example: "Select a Marketplace" in "Create Ad > Create a New Listing") */

.sectionHeaderSmall {
   background-color: #CCCC99;
   color: #333333;
   text-decoration: none;
   font-size: 10pt;
   font-weight: bold;
   font-family: arial, geneva, sans-serif;
}


/* Store Builder message appearing in red color */
.storeBuilderMessage {
   color: #FF0000;
   text-decoration: none;
   font-size: 8pt;
   font-family: arial, geneva, sans-serif;
   font-weight: normal;   
}

/* html editor classes */
.Divider
{
 background-color: #dddddd;
 border-left: #bbbbbb solid 1px;
 border-top: #bbbbbb solid 1px;
 border-right: #ffffff solid 1px;
 border-bottom: #ffffff solid 1px;
 width: 2px;
 height: 24px;
}

.Text
{
 font: 8pt verdana,arial,sans-serif
}

.Toolbar 
{
 background-color: #dddddd;
 border-left: solid 0px #eeeeee;
 border-right: solid 0px #eeeeee;
 border-top: solid 0px #eeeeee;
 border-bottom: solid 1px #cccccc;
 padding: 2px;
}

.tacoSelect
{
   color: #003366;
   font-size: 9pt;
}

A:link.menu {
   text-decoration: none
}

A:visited.menu {
   text-decoration: none
}

A:hover.menu {
   text-decoration: underline
}

A.sub{ 
color:#666666; 
font-family:verdana, arial, helvetica, sans-serif;
font-size:8pt;
text-decoration :none
}

A.sub:hover{ 
color:#33CCFF; 
text-decoration:underline; 
font-family:verdana, arial, helvetica, sans-serif;
font-size:8pt
}

A.sub2 {
	font-size: 8pt;
	cursor: hand;
	color: #38497b; 
	font-family: verdana,arial, helvetica, sans-serif; 
	text-decoration : none
}

A.sub2:hover {
	font-size: 8pt;
	cursor: hand;
	color: #8ba8fc;
	font-family: verdana,arial, helvetica, sans-serif; 
	text-decoration: none
}

.menu {
   text-decoration: none
}
.style4 {
font-size: 11px; 
font-weight: bold; 
}
.formElementNW 	{
font-family		:Tahoma,verdana;
font-size		:8pt;
}

.formElement250	{
font-family		:Tahoma,verdana;
font-size		:8pt;
width			:250;
}

.formElement	{
font-family		:Tahoma,verdana;
font-size		:8pt;
width			:100%;
}

.tableHeader	{
background-color:#97A1C0;
color			:#ffffff;
font-family		:verdana,arial, helvetica, sans-serif;
font-size		:8pt;
font-weight		:bold;
height			:20px;
}

.calCellTableNoBorder   {
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:8pt;
}


.calCellTable   {
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:8pt;
border-top 		:#ffffff 1px solid;
border-left		:#ffffff 1px solid;
border-right	:#808080 1px solid;
border-bottom	:#808080 1px solid;
background-color:#EFEFEF;
}

.calCellTableW2 {
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:8pt;
border-top 		:#808080 1px solid;
border-left		:#808080 1px solid;
border-right	:#ffffff 1px solid;
border-bottom	:#ffffff 1px solid;
background-color:#ffffff;
}
.calCellTableW2ac{
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:8pt;
height			:20px;
border-bottom	:#D4D4D4 1px solid;
border-left		:#D4D4D4 1px solid;
}

.calCellTableW2bc{
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:8pt;
background-color:#EFEDED;
height			:20px;
border-bottom	:#D4D4D4 1px solid;
border-left		:#D4D4D4 1px solid;
}	

.calCellTable3   {
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:8pt;
border-right	:#808080 1px solid;
background-color:#EFEFEF;
}

.calCellTable4   {
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:8pt;
border-top 		:#ffffff 1px solid;
border-left		:#ffffff 1px solid;
border-right	:#ffffff 1px solid;
border-bottom	:#ffffff 1px solid;
background-color:#8993A8;
font-weight		:bold;
color			:#ffffff;
height			:20px;
}


.navHeader		{
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:11px;
FONT-WEIGHT		:bold;
border-top 		:#cccccc 1px solid;
border-left		:#cccccc 1px solid;
border-right	:#cccccc 1px solid;
border-bottom	:#cccccc 1px solid;
background-color:#dddddd;
height			:27px;
}

/*UL {
margin-top: 4px;
font-size: 8pt;
margin-bottom: 8px;
margin-left: 20px;
font-family: verdana,arial, helvetica, sans-serif;
list-style: square
}*/

.table			{
color			:#000000;
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:11px;
}

A.tablink		{
color			:#000000;
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:11px;
text-decoration :none;
}

A.tablink:hover	{
color			:#8BA8FC;
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:11px;
text-decoration	:underline;
}

A.table			{ 
color			:#38497B; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:8pt;
text-decoration	:underline; 
}

A.table:hover	{
color			:#33CCFF;
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:11px;
text-decoration :none;
}

.columnHeader2		{
BORDER-RIGHT		:#cccccc 1px solid;
BORDER-TOP			:#cccccc 1px solid;
FONT-WEIGHT			:bold;
FONT-SIZE			:7.5pt;
BORDER-LEFT			:#cccccc 1px solid;
COLOR				:#000000;
BORDER-BOTTOM		:#cccccc 1px solid;
FONT-FAMILY			:verdana, arial, sans-serif;
HEIGHT				:20px;
BACKGROUND-COLOR	:#dddddd;
}

A.catHeader	{
color			:#ffffff;
font-family		:verdana,arial, helvetica, sans-serif;
font-size		:8pt;
text-decoration :none;
font-weight		:bold;
}

A.catHeader:hover{
color			:#ffffff;
font-family		:verdana,arial, helvetica, sans-serif;
font-size		:8pt;
text-decoration :underline;
font-weight		:bold;
}

.calCellTableM	{
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:11px;
border-left		:#808080 1px solid;
border-bottom	:#808080 1px solid;
background-color:#EFEDED;
height			:18px;
}

.calCellTableMa	{
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:11px;
border-bottom	:#808080 1px solid;
background-color:#EFEDED;
height			:18px;
}

.calCellTableMb	{
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:11px;
border-left		:#808080 1px solid;
background-color:#EFEDED;
height			:18px;
}
.calCellTableMc	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
border-left		:#808080 1px solid;
background-color:#EFEDED;
height			:18px;
}
.calCellTableE	{
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:10px;
border-left		:#808080 1px solid;
border-bottom	:#808080 1px solid;
background-color:#ffffff;
height			:18px;
}

.calCellTableP{
font-family: verdana, arial, helvetica, sans-serif;
color: #000000; 
font-size: 11px;
border-left: #808080 1px solid;
border-bottom: #808080 1px solid;
background-color: #C4CDE0;
height: 18px;
}
.calCellTablePa	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
background-color:#C4CDE0;
height			:18px;
}
.calCellTablePb	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
border-left		:#808080 1px solid;
background-color:#C4CDE0;
height			:18px;
}
.calCellTablePc	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
border-left		:#808080 1px solid;
background-color:#D5D0D2;
height			:18px;
}

.calCellTableG	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
border-left		:#808080 1px solid;
border-bottom	:#808080 1px solid;
background-color:#F4E0B5;
height			:18px;
}
.calCellTableGa	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
background-color:#F4E0B5;
height			:18px;
}

.calCellTableGb	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
border-left		:#808080 1px solid;
background-color:#F4E0B5;
height			:18px;
}
.calCellTableGc	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
border-left		:#808080 1px solid;
background-color:#EBD2AF;
height			:18px;
}

.calCellTableS	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
border-left		:#808080 1px solid;
border-bottom	:#808080 1px solid;
background-color:#C39C9C;
height			:18px;
}
.calCellTableSa	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
background-color:#C39C9C;
height			:18px;
}

A.hRed			{ 
color			:#990000; 
font-family		:verdana,arial, helvetica, sans-serif;
font-size		:9pt;
font-weight		:bold;
text-decoration	:underline
}

A.hRed:hover	{ 
color			:#ff0000; 
font-family		:verdana,arial, helvetica, sans-serif;
font-size		:9pt;
font-weight		:bold;
text-decoration	:none
}
.calCellHeader1  {
color			:#ffffff; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:10px;
font-weight		:bold;
height			:18px;
}

.calCellHeader2  {
color			:#000000; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:10px;
height			:18px;
}

.calCellTableW {
font-family         :verdana, arial, helvetica, sans-serif;
font-size            :8pt;
border-top          :#ffffff 1px solid;
border-left          :#ffffff 1px solid;
border-right        :#808080 1px solid;
border-bottom    :#808080 1px solid;
}

.tComponent      {
font-family         :verdana, arial, helvetica, sans-serif;
font-weight         :bold;
font-size            :8pt;
border-top          :#cccccc 1px solid;
border-left          :#cccccc 1px solid;
border-right        :#cccccc 1px solid;
border-bottom    :#cccccc 1px solid;
background-color:#eeeeee;
}


.calCellTableM	{
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:11px;
border-left		:#808080 1px solid;
border-bottom	:#808080 1px solid;
background-color:#EFEDED;
height			:18px;
}

.calCellTableMa	{
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:11px;
border-bottom	:#808080 1px solid;
background-color:#EFEDED;
height			:18px;
}

.calCellTableMb	{
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:11px;
border-left		:#808080 1px solid;
background-color:#EFEDED;
height			:18px;
}
.calCellTableMc	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
border-left		:#808080 1px solid;
background-color:#EFEDED;
height			:18px;
}
.calCellTableE	{
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:10px;
border-left		:#808080 1px solid;
border-bottom	:#808080 1px solid;
background-color:#ffffff;
height			:18px;
}

.calCellTableP	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
border-left		:#808080 1px solid;
border-bottom	:#808080 1px solid;
background-color:#C4CDE0;
height			:18px;
}
.calCellTablePa	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
background-color:#C4CDE0;
height			:18px;
}
.calCellTablePb	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
border-left		:#808080 1px solid;
background-color:#C4CDE0;
height			:18px;
}
.calCellTablePc	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
border-left		:#808080 1px solid;
background-color:#D5D0D2;
height			:18px;
}

.calCellTableG	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
border-left		:#808080 1px solid;
border-bottom	:#808080 1px solid;
background-color:#F4E0B5;
height			:18px;
}
.calCellTableGa	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
background-color:#F4E0B5;
height			:18px;
}

.calCellTableGb	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
border-left		:#808080 1px solid;
background-color:#F4E0B5;
height			:18px;
}
.calCellTableGc	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
border-left		:#808080 1px solid;
background-color:#EBD2AF;
height			:18px;
}

.calCellTableS	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
border-left		:#808080 1px solid;
border-bottom	:#808080 1px solid;
background-color:#C39C9C;
height			:18px;
}
.calCellTableSa	{
font-family		:verdana, arial, helvetica, sans-serif;
color			:#000000; 
font-size		:11px;
background-color:#C39C9C;
height			:18px;
}

A.hRed			{ 
color			:#990000; 
font-family		:verdana,arial, helvetica, sans-serif;
font-size		:9pt;
font-weight		:bold;
text-decoration	:underline
}

A.hRed:hover	{ 
color			:#ff0000; 
font-family		:verdana,arial, helvetica, sans-serif;
font-size		:9pt;
font-weight		:bold;
text-decoration	:none
}
.calCellHeader1  {
color			:#ffffff; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:10px;
font-weight		:bold;
height			:18px;
background-image:url(/images/tableBg1.gif);
}

.calCellTableW {
font-family         :verdana, arial, helvetica, sans-serif;
font-size            :8pt;
border-top          :#ffffff 1px solid;
border-left          :#ffffff 1px solid;
border-right        :#808080 1px solid;
border-bottom    :#808080 1px solid;
}

.tComponent      {
font-family         :verdana, arial, helvetica, sans-serif;
font-weight         :bold;
font-size            :8pt;
border-top          :#cccccc 1px solid;
border-left          :#cccccc 1px solid;
border-right        :#cccccc 1px solid;
border-bottom    :#cccccc 1px solid;
background-color:#eeeeee;
}

.borderBlue {
border-color: #8094AE;
border-style: solid;
border-width: 1px;
}

.headerBlue {
background-color: #C3CEDC;
color: #000000;
font-weight: bold;
font-size: 12px;
height: 22px;
}

.redTitle {
 font-size: 20px;
 color: red;
}

.impMessage {
 font-size: 20px;
 color: #6581A4;
}

.boldGreyText {
 font-size: 12px;
 color: #39587E;
 font-weight: bold;
}

.greyText {
 font-size: 12px;
 color: #39587E; 
}

A.subTopTabtable	{
color			:#496285; 
font-family		:verdana,arial, helvetica, sans-serif;
font-size		:10px;
text-decoration :none;
font-weight		:bold;
}

A.subTopTabtable:hover{
color			:#33CCFF;
font-family		:verdana,arial, helvetica, sans-serif;
font-size		:10px;
text-decoration :none;
font-weight		:bold;
}

.calCellHeader1  {
color: #ffffff; 
font-family: verdana, arial, helvetica, sans-serif;
font-size:10px;
font-weight:bold;
height:18px;
background-image:url('/images/tableBg1.gif');
}

.buttonG {
 border-style: double;
	border-color: #333333;
	border-width: 3px 3px 3px 3px;
	background-color: #009933;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	background-image: url(/images/button_bg.gif);
}

.sysmsglink {			
color		:#0000ff;
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:11px;
	A:link {font-weight     :bold; } 
   A:visited {font-weight   :normal;} 
   A:active {font-weight    :bold; } 
}

.reg {
	FONT-SIZE: 9pt; COLOR: #000000; FONT-FAMILY: verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}

.calCellTableW2bg{
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:8pt;
height			:20px;
border-bottom	:#D4D4D4 1px solid;
border-left		:#D4D4D4 1px solid;
background-image:url('/images/pf_tabon2_bg.gif');

}

.calCellHeader2bg  {
color			:#000000; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:10px;
height			:18px;
background-image:url("/images/tableBg2.gif");
}

UL.sub			{
margin-top		:4px;
font-size		:8pt;
list-style-image:url(/buyerplace/images/navD.gif);
margin-bottom	:0px;
margin-left		:20px;
font-family		:verdana,arial, helvetica, sans-serif;
image-align		:bottom;
}

UL.subM			{
margin-top		:4px;
font-size		:8pt;
list-style-image:url(/buyerplace/images/navD.gif);
margin-bottom	:0px;
margin-left		:-20px;
font-family		:verdana,arial, helvetica, sans-serif;
image-align		:bottom;
}

UL.home			{
margin-top		:4px;
font-size		:9pt;
list-style-image:url(/buyerplace/images/bulletUL.gif);
margin-bottom	:0px;
margin-left		:20px;
font-family		:verdana,arial, helvetica, sans-serif;
image-align		:bottom;
}
UL.plus			{
margin-top		:4px;
font-size		:8pt;
list-style-image:url(/buyerplace/images/navD.gif);
margin-bottom	:0px;
margin-left		:20px;
font-family		:verdana,arial, helvetica, sans-serif;
image-align		:bottom;
}

UL.plusM		{
margin-top		:4px;
font-size		:9pt;
list-style-image:url(/buyerplace/images/navD.gif);
margin-bottom	:4px;
margin-left		:-20px;
font-family		:verdana,arial, helvetica, sans-serif;
image-align		:bottom;
}

.popupLink { COLOR: red; outline: none }
.ar1_dataColumn2 {
	padding: 5px 5px 5px 3px;
	width: 100%;
}

.greyBgLine {
	background-color: #F8F8F8;
	border-top: 1px solid #E5E5E5;
	border-collapse: collapse;
	width: 95%;
}

.ar1_dataColumn3 {
	padding: 5px 5px 5px 3px;
}

.greyBorder {
	border-bottom: 1px solid #E5E5E5;
	border-collapse: collapse;
	padding: 5px 3px 10px 0px;
	width: 100%;
}

.whitebg {
	background: url(/images/white_grey_line.gif) repeat-y top left;
	padding: 0px 12px 0px 10px;
}

.bluebggreyline {
	background-color: #F6FBFF;
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
	padding: 5px;
	margin: 0px 0px 5px 0px;
	width: 100%;
}
.dottedlinewrap {
	border-bottom: 1px dotted #CCCCCC;
	border-collapse: collapse;
	padding: 5px 3px 5px 3px;
}
.dottedline {
	white-space: nowrap;
	border-bottom: 1px dotted #CCCCCC;
	border-collapse: collapse;
	padding: 5px 3px 5px 3px;
}

.popup { POSITION: absolute; VISIBILITY: hidden; z-index: 10 }
.darkBlueLine{
	color: #3366FF;
	text-decoration: underline;
	font-weight:bold;
	font-size:8pt;
}

A.topn			{ 
color			:#666666; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:10px;
text-decoration :none
}

A.topn:hover	{ 
color			:#33CCFF; 
font-family		:verdana, arial, helvetica, sans-serif;
font-size		:10px;
text-decoration :none;
}

/* New Nav Ui Changes*/
.topLinks {
	vertical-align: bottom;
	padding: 0px 5px 3px 0px;
	font-weight: bold;
	font-family: arial, helvetica;
}

table.horizontalNav {
	border-collapse: separate;
	border-width: 1px 0px;
	border-color: #003399;
	border-style: solid;
	font-family: arial, helvetica;
}
.horizontalNav td {
	background-color: #3366CC;
	color: #FFFFFF;
	height: 28px;
	padding: 0px 5px;
	font-family: arial, helvetica;
}

.horizontalNav a {
	color: #FFFFFF;
	padding: 0px 3px;
}

.mainNavTable {
	height: 0%; /*For some reason, this enables the side nav to fill the entire vertical area. "auto" doesn't work in mozilla*/
}

.menuItem {
	background-color: #E7E7D6;
	border-bottom: #FFFFFF 1px solid;
	color: #000000;
	padding: 3px 5px 3px 5px;
	font-size: 9pt;	
}

.leftmenu {
	border-right: #006633 1px solid;
	border-bottom: #006633 1px solid;
	border-left: #009933 1px solid;
	background-color: #E7E7D6;
	margin-bottom: 10px;
	border-collapse: separate;
}

.bold{
 font-weight: bold;
}

.sideNav {
	border-top: #003399 1px solid;
	border-right: #003399 1px solid;
	background-color: #BDCEE7;
	text-align: center;
	height: 100%;
}

.sideNav td {
	padding: 1px 0px;
}

.treeScroll{
	background: transparent url(/images/tree_px.gif) repeat-y scroll 0%; 
	text-indent: -14px; 
	padding-left: 14px; 
	line-height: 14px;
	width: 120px;
}

.treeNonScroll{
	background: transparent url(/images/tree.gif) no-repeat 0%; 
	text-indent: -14px; 
	padding-left: 14px; 
	line-height: 16px;
}

.treeLast{
	background: transparent url(/images/tree_last.gif) no-repeat 0%; 
	background-position: top left;
	text-indent: -14px; 
	padding-left: 14px; 
	line-height: 16px;
	width: 120px;
}

.menuAutos {
	border-right: #006633 1px solid;
	border-bottom: #006633 1px solid;
	border-left: #009933 1px solid;
	background-color: #E7E7D6;
	margin-bottom: 10px;
	border-collapse: separate;
}

.menuItemAutos {
	background-color: #E7E7D6;
	border-bottom: #FFFFFF 1px solid;
	color: #000000;
	padding: 3px 5px 3px 5px;
	font-size: 9pt;
	text-decoration: none;
	font-family: arial, helvetica;
}

.menuItem2 {
	background-color: #EDEDE3;
	border-bottom: #FFFFFF 1px solid;
	color: #000000;
	padding: 3px 5px 3px 5px;
	font-size: 9pt;
	cursor: pointer;
}

.selectedMenu {
	background-color: #EDEDE3;
	border-bottom: #FFFFFF 1px solid;
	color: #000000;
	padding: 3px 0px 3px 5px;
	font-size: 9pt;
}

.selectedMenu a {
	color: #000000;
	text-decoration: none;
}

.selectedMenu a:hover {
	color: #000000;
	text-decoration: underline;
}

.tiny {
	font-size: 8pt;
	font-family: arial,helvetica;
}

table.tiny td {
	font-size: 8pt;
	font-family: arial,helvetica;
}

/*from Vendio for bulk SCO*/
.dataOutToolbar {
	/*border: 1px solid #003399;*/
	border: 1px solid #CCCCCC;	
	/*background-color: #BDCEE7;*/
	background-color: #EEEEEE;
	padding: 10px;
	height: 30px;
}

.columnRow td {
	font-family: verdana;
	font-size: 8pt; 
	height: 23px;
	padding: 1px 5px;
	background-color: #E7E7D6;
}

* .columnRow td {
	height: 25px;
}

.columnRow2Subs TD { /*Used when multiple rows of column headers*/
	padding: 0px 5px 1px 5px;
	font-size: 8pt; 
	font-family: verdana; 
	background-color: #E7E7D6
}

td.dataOutCheck {
	border-right: 1px solid #999999;
	text-align: center;
	width: 30px;
	background-color: #E7E7D6;
	padding: 0px;
}

.pagination {
	text-align: right;
	font-size: 9pt;
	padding: 0px 5px 0px 0px;
}

.paginationPill td {
	padding: 0px;
}

.paginationPill select {
	font-size: 9pt;
}

/*.dataOut {
	border-left: 1px solid #003399;
	border-right: 1px solid #003399;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-collapse: separate;
	background-color: #ffffff;
}*/

.evenRow td {
	border-top: 1px #999999 solid;
	padding: 2px 5px;
	font-size: 9pt;
}

.oddRow td {
	border-top: 1px #999999 solid;
	padding: 2px 5px;
	font-size: 9pt;
}

td.subTable {
  padding: 0 15px;
  background: url(/img/bosco/bgr_subtable.gif) repeat-x;
}
.subTable table {
  border-left: 1px solid #999;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  background: #FFF;
  margin-bottom: 10px;
  width: 100%;
}
.subTable th {
  font-weight: normal;
  font-size: 8pt;
  background: #E7E7D6;
  text-align: left;
  height: 22px;
  padding: 2px 5px;
}
.subTable td {
  font-size: 8pt;
  height: 22px;
  border-top: 1px solid #CCC;
}

.item_off {
  background-image: url("/images/bo_row.gif");
  background-repeat: no-repeat;
  text-indent: 10px;
  background-position: 6px 7px;
  height: 25px;
}
.item_on {
  background-image: url("/images/bo_selected.gif");
  background-repeat: no-repeat;
  text-indent: 10px;
  background-position: 3px 10px;
  height: 25px;
}


/*Ends Vendio for bulk SCO*/

.cr_text {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
}

.counters_cr_text {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 8pt;
   text-align:center;
}


.lister_cr_text {
   font-weight: bold;
   font-size: 10pt;  
}

.disabledText {
 color: rgb(171,171,171);
}

/* fake select */

.fs_savedList {
        position: absolute;
        top: 23px;
        left: 0px;
        width: 168px;
        height: 178px;
        font-family: sans-serif;
        font-size: 10pt;
        border: 1px solid #000000;
        background: #FFFFFF;
	overflow: auto;
}
.fs_savedItem {
        width: 100%;
        cursor: default;
        overflow: hidden;
        white-space: nowrap;
        font-family: sans-serif;
        font-size: 10pt;
        padding-left: 3px;
}
.fs_savedItem2 {
        width: 100%;
        cursor: default;
        background: #0A246A;
        color: #FFFFFF;
        overflow: hidden;
        white-space: nowrap;
        font-family: sans-serif;
        font-size: 10pt;
        padding-left: 3px;
}
.fs_savedTable {
        font-family: sans-serif;
        font-size: 10pt;
        height: 16px;
        padding-left: 3px;
}
.dropFieldImg {
	vertical-align: top;
}

/*** DATE/TIME FIELDS ***/

.dc_fieldGray {
	color: #999999;
	text-align: center;
}

.dc_fieldRed {
	color: #FF0000;
	text-align: left;
}

.dc_fieldBlack {
	color: #000000;
	text-align: left;
}

.dc_fieldGreen {
	color: #009933;
	text-align: left;
}

.imgBorderAnd {
	background-color:#FFF;
	border:10px solid #FFF;
	margin-top:10px;
	margin-bottom:10px;
}

.buttonC2ETemplate {
   border-style: solid;
	border-color: #333333;
	border-width: 1px 1px 1px 1px;
	background-color: #009933;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 8pt;
	cursor: pointer;
	background-image: url(/images/button_bg.gif);
}

table tr td span.spanWidthgrayH
{
width: 100%;
}

table tr td span.spanWidthgrayH table.grayHlight
{
      background: #ccc;
      width: 100%;
      line-height: 14px;
}

table tr td span.spanWidthgrayH table.grayHlight td{padding: 5px; font-size: 11px;}
 
table tr td b.grayHlight_Field
{
  background: #ccc;
  padding: 2px 3px;
  font-weight: normal;
}

table tr td b.Nogray_Field
{
     padding: 2px 3px;
     font-weight: normal;
}

/*Promo/Alert/Notification/Message Box at the top of pages*/
.notif-box{
  background: #FFFFCC url(/images/notif-important.gif) no-repeat 10px 20px;
  padding: 15px 15px 15px 90px;
  margin: 10px 10px 25px 10px;
  border: 1px solid #FF9900;
  -moz-border-radius: 9px;
  border-radius: 9px;
  -moz-box-shadow: 2px 2px 5px #CCC;
  -webkit-box-shadow: 2px 2px 5px #CCC;
  box-shadow: 2px 2px 5px #CCC;
}

.notif-box h2{
  font-size: 16px;
  color: #38AF38;
  margin-bottom: 10px;
}

.notif-action{
 margin: 10px 0 0 0;
 font-weight: bold;
}