/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2002 osCommerce

  Released under the GNU General Public License
*/

.tableBody{ background-color:#FFF; border:1px solid; border-color:#999; padding:10px; width: 1400px; min-height: 800px; margin: 0px auto; }

.headerBody{ background-color:#FFF; margin-bottom: 15px; }

/* links */
a:link { font-family: Arial, sans-serif; font-weight:bold;  text-decoration: none; font-size: 12px; }
a:visited { font-family: Arial, sans-serif; font-weight:bold; text-decoration: none; font-size: 12px;}
a:active { font-family: Arial, sans-serif; font-weight:bold; text-decoration: none; font-size: 12px;}
a:hover { font-family: Arial, sans-serif; font-weight:bold; text-decoration: none; font-size: 12px;}

a.headerLink:link { font-family: Arial, sans-serif; font-size: 12px; color: #ffffff; font-weight:normal;  text-decoration: none; }
a.headerLink:visited { font-family: Arial, sans-serif; font-size: 12px; color: #ffffff; font-weight:normal;  text-decoration: none; }
a.headerLink:active { font-family: Arial, sans-serif; font-size: 12px; color: #ffffff; font-weight:normal;  text-decoration: none; }
a.headerLink:hover { font-family: Arial, sans-serif; font-size: 12px; color: #ffffff; font-weight:normal;  text-decoration: none; }

a.menuBoxHeadingLink:link { font-size: 12px; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:visited { font-size: 12px; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:active { font-size: 12px; color: #616060; font-weight: bold; text-decoration: none; }
a.menuBoxHeadingLink:hover { font-size: 12px; color: #616060; font-weight: bold; text-decoration: none; }

a.menuBoxContentLink:link { }
a.menuBoxContentLink:visited { }
a.menuBoxContentLink:active {  }
a.menuBoxContentLink:hover {  }

a.splitPageLink:link { font-family: Arial, sans-serif; font-size: 12px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:visited { font-family: Arial, sans-serif; font-size: 12px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:active { font-family: Arial, sans-serif; font-size: 12px; color: #0000FF; font-weight: normal; text-decoration: none; }
a.splitPageLink:hover { font-family: Arial, sans-serif; font-size: 12px; color: #0000FF; font-weight: normal; text-decoration: underline; background-color: #FFFF33; }

/* menu box */
.menuBoxHeading { font-family: Arial, sans-serif; font-size: 12px; color: #616060; background-color: #ffffff; }
.menuBoxContent { font-family: Arial, sans-serif; font-size: 12px; color: #616060; }

/* page */
body { background-color: #ffffff;/* background-image: url(images/bak.jpg);*/  margin: 0; padding:0; }
.headerBar { background-color: #7bb804; }
.headerBarContent { font-family: Arial, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; padding: 2px; }
.columnLeft { background-color: #F0F1F1; border-color: #999999; border-width: 1px; border-style: solid; padding: 2px; }
.pageHeading { color: #000000; font-family: Arial,sans-serif; font-size: 16px; font-weight: bold; padding-bottom: 12px;}
.pageHeadingx { font-family: Arial, sans-serif; font-size: 14px; color: #000000; font-weight: normal; }
.pageHeadingSmall { font-family: Arial, sans-serif; font-size: 12px; color: #727272; font-weight: bold; }

/* data table */
.dataTableHeadingRow { /*background-color: #3D464E;*/ background-color:#CCCCCC !important; /* background-image:url(images/chromebg_5.gif); */height:24px; }
.dataTableHeadingRow td{color:#000000; font-size:12px; font-weight:bold; background-color:#CCCCCC !important;}
.dataTableHeadingContent{ font-family: Arial, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; padding-left:7px; line-height: 20px; padding-right:7px; }
.dataTableRow { background-color: #fff; }
.dataTableHighlight { background-color: #DCDCDC; }
.dataTableTick { background-color: rgb(241, 239, 217); }

.dataTableRowSelected { background-color: #FFF0C6 !important;}
.dataTableRowOver { background-color: #F0F1F1; cursor: pointer; cursor: hand; }
.dataTableContent { font-family: Arial, sans-serif; font-size: 12px; color: #000000;  padding-left: 7px; padding-right: 7px;}
.dataTableContent a{color:#3773a6;}
.dataTableContentB { font-family: Arial, sans-serif; font-size: 12px; color: #000000; font-weight: bold; }
.dataTableHeadingContentx { font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; }

.dataTableTotalContent { font-family: Arial, sans-serif; font-size: 12px; color: #ffffff; font-weight: bold; width:70px; padding:0px; }

#subheading { padding-bottom: 20px; }
/*
#subheading .dataTableHeadingRow { background-color: #dbeaf9; background-image: none; height:24px;  }
*/
#subheading .dataTableHeadingContent { font-family: Arial, sans-serif; font-size: 12px; color: #333333; font-weight: bold; padding-left:8px; padding-right:8px; }
#subheading .dataTableRow { background-color: #F0F1F1; }
#subheading .dataTableRowSelected { background-color: #FFF0C6; }
#subheading .dataTableRowOver { background-color: #FFFFFF; cursor: pointer; cursor: hand; }
#subheading .dataTableContent { font-family: Arial, sans-serif; font-size: 12px; color: #000000; padding-left:8px; padding-right:8px; height: 22px; }
#subheading .dataTableContentB { font-family: Arial, sans-serif; font-size: 12px; color: #000000; font-weight: bold; padding-left:8px; padding-right:8px; }
#subheading .dataTableHeadingContentx { font-family: Arial,sans-serif; font-size: 12px; font-weight: bold; }


/* info box */
.infoBoxHeading { font-family: Arial, sans-serif; font-size: 12px; color: #000000; background-color: #CCCCCC; /* background-image:url(images/chromebg_5.gif); */height:24px;  } 
.infoBoxContent { font-family: Arial, sans-serif; font-size: 12px; color: #000000; padding:8px; background-color: #dadada; background-image:url(images/back_box.gif); background-repeat: repeat-y; }

.infoBoxContent2 { font-family: Arial, sans-serif; font-size: 12px; color: #000000; padding:8px; background-color: #dadada;}

/* message box */

.messageBox { font-family: Arial, sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: Arial, sans-serif; font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Arial, sans-serif; font-size: 12px; background-color: #99ff00; }

/* forms */
CHECKBOX, INPUT, RADIO, SELECT, TEXTAREA, FILE { font-family: Arial, sans-serif; font-size: 12px; }
FORM { display: inline; }

/* account */
.formArea { background-color: #f1f9fe; border-color: #7b9ebd; border-style: solid; border-width: 1px; }
.formAreaTitle { font-family: Arial, Arial, sans-serif; font-size: 12px; font-weight: bold; }

/* attributes */
.attributes-odd { background-color: #f4f7fd; }
.attributes-even { background-color: #ffffff; }

/* miscellaneous */
.specialPrice { color: #ff0000; }
.oldPrice { text-decoration: line-through; }
.fieldRequired { font-family: Arial, sans-serif; font-size: 12px; color: #ff0000; }
.smallText { font-family: Arial, sans-serif; font-size: 12px; }
.main { font-family: Arial, sans-serif; font-size: 12px; }
.minorText { font-family: Arial, sans-serif; font-size: 11px; }
.errorText { font-family: Arial, sans-serif; font-size: 12px; color: #ff0000; }

.text { font-family: Arial, sans-serif; font-size: 12px; color:#333333; font-weight: normal; }
.text2 { font-family: Arial, sans-serif; font-size: 12px; color:#333333 ; font-weight: normal; }

/* new messageStack styles */
.secInfo, .secSuccess, .secWarning, .secError {
  border: 1px solid;
  margin: 10px 0px;
  padding: 5px 8px;
  background-repeat: no-repeat;
  background-position: 10px center;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

.secInfo {
  border-color: #00529B;
  background-image: url('images/ms_info.png');
  background: url('images/ms_info.png') no-repeat 10px center, url('images/ms_info_bg.png') repeat-x; /* css3 multiple backgrounds */
  background-color: #BDE5F8;
}

.secSuccess {
  border-color: #4F8A10;
  background-image: url('images/ms_success.png');
  background: url('images/ms_success.png') no-repeat 10px center, url('images/ms_success_bg.png') repeat-x; /* css3 multiple backgrounds */
  background-color: #DFF2BF;
}

.secWarning {
  border-color: #9F6000;
  background-color: #FEEFB3;
  background-image: url('images/ms_warning.png');
  background: url('images/ms_warning.png') no-repeat 10px center, url('images/ms_warning_bg.png') repeat-x; /* css3 multiple backgrounds */
  background-color: #FEEFB3;
}

.secError {
  border-color: #D8000C;
  background-image: url('images/ms_error.png');
  background: url('images/ms_error.png') no-repeat 10px center, url('images/ms_error_bg.png') repeat-x; /* css3 multiple backgrounds */
  background-color: #FFBABA;
}

.secInfo p, .secSuccess p, .secWarning p, .secError p {padding: 2px; line-height:20px; font-size:11px; margin:0;}

/* Start PureCSSMenu.com MENU  */
#pcm{display:none;}
ul.pureCssMenu ul{display:none}
ul.pureCssMenu li:hover>ul{display:block}
ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}
ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.pureCssMenu,ul.pureCssMenu ul {
	margin:0px;
	list-style:none;
	padding:0 90px 0 10px;
	background-color:#fff;
	background-repeat:repeat;
	border-color:#808080;
	border-width:1px;
	border-style:solid;
	
	
	
}
ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {
	display:block;
	zoom:1;
	height:21px;
	float: left;

}
ul.pureCssMenu ul{
	width:86.10000000000001px;
	z-index:1000;
}
ul.pureCssMenu li{
	display:block;
	margin:2px 0px 0px 2px;
	font-size:0px;
}
ul.pureCssMenu a:active, ul.pureCssMenu a:focus {
outline-style:none;
}
ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {
	display:block;
	vertical-align:middle;
	/*background-color:#FFFFFF;*/
	border-width:1px;
	border-color:#fff;
	border-style:solid;
	text-align:left;
	text-decoration:none;
	_padding-left:0;
	font:normal 12px Arial;
	color: #000;
	text-decoration:none;
	cursor:default;
	
}
ul.pureCssMenu span{
	overflow:hidden;
}
ul.pureCssMenu li {
	float:left;
}
ul.pureCssMenu ul li {
	float:none;
}
ul.pureCssMenu ul a {
	text-align:left;
	white-space:nowrap;
}
ul.pureCssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
	

}
ul.pureCssMenu li.sep span{
	float:none;	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
	background-color:#808080;	background-image:none;}
ul.pureCssMenu ul li.sep span{
	width:100%;
	height:3px;
}
ul.pureCssMenu li:hover{
	position:relative;
}
ul.pureCssMenu li:hover>a{
	background-color:#DBF0F9;
	border-color:#45ADE4;
	border-style:solid;
	font:normal 12px Arial;
	color: #444;
	text-decoration:none;
}
ul.pureCssMenu li a:hover{
	position:relative;
	background-color:#DBF0F9;
	border-color:#45ADE4;
	border-style:solid;
	font:normal 12px Arial;
	color: #444;
	text-decoration:none;
	
}
ul.pureCssMenu li.dis a {
	color: #557D4F !important;
}
ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.pureCssMenu ul img {width:16px;
height:16px;
}
ul.pureCssMenu img.over{display:none}
ul.pureCssMenu li.dis a:hover img.over{display:none !important}
ul.pureCssMenu li.dis a:hover img.def {display:inline !important}
ul.pureCssMenu li:hover > a img.def  {display:none}
ul.pureCssMenu li:hover > a img.over {display:inline}
ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over{display:inline}
ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def{display:none}
ul.pureCssMenu a:hover ul{display:block}
ul.pureCssMenu span{
	display:block;
	background-repeat: no-repeat;
   padding-right:0px;}
ul.pureCssMenu ul span{background-image:url(./images/arr_black.gif)}
ul.pureCssMenu ul li:hover > a span{	background-image:url(./images/arr_white.gif);}
ul.pureCssMenu table a:hover span{background-image:url(./images/arr_white.gif)}
ul.pureCssMenu li.pureCssMenui0 {

height:20px;
}
ul.pureCssMenu li a.pureCssMenui0{
height:100%;
/*background-image:url(./images/chromebg_3.gif);*/
border-width:0px;
font:normal 14px Arial;
color:#fff;

}

ul.pureCssMenu li a.pureCssMenui0:hover{
/*background-image:url(./images/chromebg_4.gif);*/
font:normal 14px Arial;
color:#eee;
}
 ul.pureCssMenum0 {
background-color:transparent;
border-width:0px;
padding:0 0 0 0;
}
/* ul.pureCssMenum0>li>a {
padding:8px 10px 0px 10px;
}
 ul.pureCssMenum0 a {
padding:8px 10px 0px 10px;

}*/
 ul.pureCssMenum0 ul a {
padding:2px 5px 5px 10px;
width:150px;
}
 ul.pureCssMenum0>li {
margin:0px 0px 0px 0px;

}
 ul.pureCssMenum0 li {
margin:0px 0px 0px 0px;
}
 ul.pureCssMenum0 li li {
margin:2px 0px 0px 2px;
}
/* End PureCSSMenu.com MENU  */


	
.navBack { 
/* background-image:url(images/chromebg_3.gif);
 background-color:#0F3;
 margin:5px 5px 5px 5px;*/
 width:100%;
 height:28px;
 }
 
 .qmenu{
	 line-height:16.5px;
	 padding-left:10px;
	
}

 .selectBox
	{
	border: solid #b2b2b2; border-width: 1px 1px 1px 1px; 
	background-color:#f9f9f9;
	padding:5px 5px 5px 5px;
}
 .mindsparxText {
	font-family: Arial, Helvetica, sans-serif;      
 	font-size: 12px;
 	color: #333333;
	padding:5px 25px 5px 25px;
 
}

.supertracker_text {font-family: Arial, sans-serif; font-size: 12px;}
.supertracker_contact {font-family: Arial, sans-serif; font-size: 12px; background: #aaa; padding: 15px; margin: 10px 0px 10px 0px; border: 1px solid #000;}

#product-add { float: left; width: 100%;  margin-top: 10px;}
#product-add .records { float: left; width: 100%; padding: 5px 0px; border: 1px dotted; margin-top: 1px; }
#product-add .records .prodid { float: left; width: 12%; text-align: center; }
#product-add .records .prodname{ float: left; width: 73%; }
#product-add .records .prodact { float: left; width: 15%;  text-align: center; }

#printlabel { width: 200px; color: #000000; font-family: Arial,sans-serif; font-size: 12px; padding: 5px; }
#printlabel .orderno { width: 200px; position:absolute; text-align: right; font-size: 12px; }
#printlabel .addr { float: left; width: 100%; }
#printlabel .space { padding-bottom: 20px; }
#printlabel .returnaddr { clear: both; font-size: 9px; padding-top: 10px; }
div.print-page {page-break-before: always;}

#menu-container{background-color:#FFFFFF; border-bottom: #3BAF2B solid 2px;}/*#0783b3 */ 
#menu-container .navBack a{color:#2B2B2B; font-weight:bold;}
#menu-container .navBack a:hover{color:#000000;}
#menu-container .navBack ul.pureCssMenu{color:#000000;}
ul.pureCssMenum0>li>a {padding:4px 10px 0 10px;}
.headerBody .top-nav{float:right; background-color:#757575; padding:5px 10px; /*border-bottom-left-radius:10px; border-bottom-right-radius:10px;*/}
.headerBody .top-nav ul{margin:0; padding:0;}
.headerBody .top-nav ul li{list-style:none; display:inline-block; font-size:12px; padding:0 5px;}
.headerBody .top-nav ul li a{color:#FFFFFF; font-weight:normal;}
.listing-style{width:100%;}

.listing-style tr:nth-child(even), .listing-style tr:nth-child(even) table tr td.dataTableContent {background: #FFF;}
.listing-style tr:nth-child(odd), .listing-style tr:nth-child(odd) table tr td.dataTableContent {background: #F5F5F5;}
.listing-style table tr td.dataTableHeadingContent {background: #E7E7E7;}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.2em 0.8em 0.2em 2.0em; font-size: 12px; }
.reportfilter { font-size: 13px; }

#invoice{width:100%; float:left; font-family:verdana, Arial,sans-serif; font-size:12px;}
#invoice table tr .pageHeadingx{font-family: verdana, Arial, sans-serif; font-size:18px; color:#000000; font-weight:normal;}
#invoice table tr .main{font-family: verdana, Arial, sans-serif; font-size:12px;}
#invoice table tr .titleHeading{font-family: verdana, Arial, sans-serif; font-size:18px;}
#invoice table tr .dataTableHeadingContentx{font-family: verdana, Arial,sans-serif; font-size:10px; font-weight:bold;}
#invoice table tr .dataTableContent{font-family: verdana, Arial, sans-serif; font-size: 10px; color: #000000; padding-left: 7px; padding-right: 7px; }
#invoice table tr .minorText{font-family: verdana, Arial,sans-serif; font-size: 9px;}

#prodnoimg { float: left; width: 100%; }
#prodnoimg h3 { margin: 5px 0px; font-size: 14px }
#prodnoimg .pwrap { overflow: auto; height: 200px; float: left; width: 100%; font-size: 12px; border: 1px solid #d2d2d2; }
#prodnoimg .pwrap td.even { background-color: #f2f2f2; }
#prodnoimg .pwrap td.odd{ background-color: #d2d2d2; }

/* /////////// Tooltip and all positions - STARTS //////////////////// */
/*  ///  https://www.w3schools.com/howto/howto_css_tooltip.asp //// */
.tooltip {
    color: #006080;
    display: inline-block;
    position: relative;
}
.tooltip .tooltiptext {
    background-color: #555;
    border-radius: 6px;
    color: #fff;
    opacity: 0;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    transition: opacity 1s ease 0s;
    visibility: hidden;
    width: 120px;
    z-index: 1;
}
.tooltip:hover .tooltiptext {
    opacity: 1;
    visibility: visible;
}
.tooltip-right {
    left: 125%;
    top: -5px;
}
.tooltip-right::after {
    border-color: transparent #555 transparent transparent;
    border-style: solid;
    border-width: 5px;
    /*content: "";*/
    margin-top: -5px;
    position: absolute;
    right: 100%;
    top: 50%;
}
.tooltip-bottom {
    left: 50%;
    margin-left: -60px;
    top: 135%;
}
.tooltip-bottom::after {
    border-color: transparent transparent #555;
    border-style: solid;
    border-width: 5px;
    bottom: 100%;
    content: "";
    left: 50%;
    margin-left: -5px;
    position: absolute;
}
.tooltip-top {
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
}
.tooltip-top::after {
    border-color: #555 transparent transparent;
    border-style: solid;
    border-width: 5px;
    content: "";
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: 100%;
}
.tooltip-left {
    bottom: auto;
    right: 128%;
    top: -5px;
}
.tooltip-left::after {
    border-color: transparent transparent transparent #555;
    border-style: solid;
    border-width: 5px;
    content: "";
    left: 100%;
    margin-top: -5px;
    position: absolute;
    top: 50%;
}

/* /////////// Tooltip and all positions - ENDS //////////////////// */