body 
{
    margin:0px 0px 0px 0px;
    font-family:Arial, Sans-Serif;
    text-align:center;
    font-size:12px;
    background-color:#FFFFFF;
}
h2 
{ margin: 0px 0px 16px 0px; font-size:20px;}
h4
{ margin: 0px 0px 8px 0px; font-size:14px; text-transform:uppercase;}
h5
{ margin: 12px 0px 4px 0px; font-size:12px; text-transform:uppercase;}
table {border-collapse:collapse;padding:0px 0px 0px 0px;}
th {text-align:left; background-color:#CCC; border-bottom:1px solid #999;border-right:1px solid #999; padding: 4px 4px 4px 4px; text-transform:uppercase; font-size:11px;} 
td {text-align:left;} 
tr.navTop td {background-color:#92d400; border-bottom:0px solid #92d400;border-top:1px solid #92d400;}   
tr.navTop td td {background-color:transparent; border-bottom:0px}    
.newLogo {/*position:relative;*/  width:100%; float:left; clear:both; text-align:left; /*margin-bottom:24px;*/}
.newLogo table {float:left; clear:both; width:100%;}
.newLogo table td { padding:0px 0px 0px 0px;}
.logoImg {max-width:200px;float:left; margin-top:2px; cursor:pointer; text-align:left;}
.logoImg img {width:100%;}
/* Login Pages*/
.LoginDiv {float:left; width:100%; text-align:center; padding-top:2%;}
.LoginPages table td {text-align:left; padding: 4px 4px 2px 8px; border:0px; letter-spacing:1px;}
.LoginPages table td input {text-align:left; }
.LoginPages table td a {text-transform:capitalize;}
/*Main Site */
.login_menu {float:right; clear:none; width:25%; min-width:250px; text-align:right; color:White; letter-spacing:0px; margin-right:10px;font-size:11px; letter-spacing:1px; padding: 15px 0px 15px 12px;}
.login_menu span {cursor:pointer;}
.login_menu span:hover {text-decoration:underline;}
.tbHolders {float:left; width:100%; clear:both;}
.mainSite td {vertical-align:top;}

.mainSite table tr td.tab-inactive { border: 1px solid #999999; width: 70px; height: 50px; -webkit-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; }
.mainSite table tr td.tab-selected { border-top: 1px solid #999999; border-right: 0px; border-bottom: 1px solid #999999; border-left: 1px solid #999999; width: 60px; height: 50px; -webkit-height: 20px; text-align: center; vertical-align: middle; cursor: pointer; }
.mainSite table tr td.tab-noshow { border-top: 0px; border-right: 1px solid #999999; border-bottom: 0px; border-left: 0px; }
.mainSite table tr td.left-menu { border-top: 1px solid #999999; border-right:0px; border-bottom:0px; border-left:0px; padding:0px; width:70px; height:50px; -webkit-height:20px; text-align:center; vertical-align:top; cursor:pointer; }
.mainSite table tr td div.left-menu-item { width:100%; border-bottom: 1px solid #999999; border-left: 1px solid #999999; padding-top:5px; padding-bottom:5px; }
.mainSite table tr td.content { border-top: 1px solid #999999; border-right: 1px solid #999999; border-bottom: 1px solid #999999; border-left: 0px; }
.mainSite table tr td.date-attr { width: 72px; color: #999999; text-align: center; }

.mSitediv table td h4 {margin: 20px 0px 8px 0px;float:left; clear:both; width:100%; display:block; }
td.KPIrow { vertical-align:middle; text-align:center; padding-top:20px;}
.KPIrow img {height:200px; }

.navContainer {float:left; clear:none; width:auto; width:100%; padding:0px 0px 0px 0px;}
.navContainer ul {float:left; clear:none; width:auto; list-style:none; margin:0% auto 0% 10%; padding:0px 0px 0px 0px;}
.navContainer li {float:left; clear:none; width:auto; list-style:none; margin:34px 0px -4px 2px; padding: 12px 16px 12px 16px; position:relative; bottom:0px; background-color:#00a8b4; border:1px solid White; border-bottom:0px solid #00a8b4; font-weight:bold; font-size:12px; cursor:pointer; letter-spacing:1px; color:White; }
.navContainer li:hover {background-color:White; color:#00a8b4;}

/*.newLogo table.newNav {float:left; clear:both; width:auto; margin:-3px 0px -3px 0px; }
.newNav table {border-collapse:collapse; width:100%;}
.newNav td {padding:0px 0px 0px 0px; vertical-align:top; border-collapse:collapse;}
.newNav td.icon {max-width:100px;}
.newNav td.icon.part {max-width:94px;}
.newNav td img {width:100%; max-width:100px; border:0px; padding:0px 0px 0px 0px; cursor:pointer;}
.newNav td.icon.part img {max-width:94px;}
.newNav td.ulNav {width:420px;}*/

.newLogo table.factoryNav {float:none; text-align:center; width:auto; margin:5px auto 0px auto;}
table.factoryNav td.icon img { margin-right:5px;cursor:pointer;}
table.factoryNav td.icon.part img {margin-right:0px;}

tr.subConBack td {background-color:#00a8b4; color:White;}
.subContainer {float:left; clear:both; width:60%; text-align:left; padding:12px 0px 5px 0px; margin-top:-1px;font-size:12px; z-index:0;position:relative; }
.subContainer input {float:left; clear:none; text-align:center; margin-left: 2px;}
.subContainer label {font-weight:bold; text-indent:8px;text-align:left; float:left; text-transform:Capitalize; padding: 4px 4px 4px 2px; letter-spacing:1px;}

.mSitediv {float:left; clear:both; width:100%; padding-top:10px;}
.mSitediv table {max-width:1200px; width:100%; margin: 0 auto 0 auto;}
.mSitediv table td {text-align:left; padding: 2px 4px 2px 8px; border:0px;}
.mSitediv .shipItNav table td  {text-align:center;} 
.mSitediv table.mainTable td {padding:2px 0px 0px 0px;}
.mSitediv table.mainTable td table.sumGrid td {padding: 8px 8px 8px 8px; border-bottom:1px solid #999; vertical-align:middle; }
.mSitediv table td input {text-align:left; }
.mSitediv table td input.receiveInpt {float:right; margin:-8px 0px; width:60px; text-align:right;}
.mSitediv table td a {text-transform:capitalize;}
.mSitediv .adminLogins {float:left; width:100%; clear:both;}
.mSitediv .adminLogins th {text-align:left; background-color:#E3E3E3; font-weight:bold; font-size:10px; padding: 8px 4px 8px 8px; border-right:0px;}
.mSitediv .adminLogins td {text-align:left; font-size:11px;padding: 4px 4px 4px 8px; border-bottom:1px solid #CCC; vertical-align:middle;}
.mSitediv .adminLogins input.sbutton {font-size:10px; font-weight:bold; float:right;}
.errormessage { width:100%; float:left; clear:both; text-align:left; font-size:12px; padding: 6px 0px 6px 0px; font-weight:bold; color:#E51F6F;}
.errormessage a {font-family: Arial, Sans-Serif; text-decoration:underline; font-weight:bold;float:none; display:inline; margin:0px 0px 0px 0px; text-indent:0px; font-size:12px; padding:0px 0px 0px 0px;}
.Coverup {
    float:left;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    opacity:.50; 
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)";
    filter:alpha(opacity=50);
    -moz-opacity: 0.50;
    background-color:Black;
    z-index:50;
}
/* home */
.chartArea {text-align:center; float:left; clear:both; width:100%; height:300px; overflow:hidden;}
.chartArea div {float:left; clear:none; height:300px; width:300px;}
.chartArea span {display:none;}
 /*end home */
 
 div.backButton {float:left; width:100%; font-size:14px; margin: 0px 0px 0px 0px; padding:8px 0px 8px 0px; text-indent:16px; background-color:#f7931e; font-weight:bold; color:#333; cursor:pointer; text-transform:uppercase; letter-spacing:1px;}
.fkPaper {width:910px; text-align:center; clear:both; border:1px solid #999; margin-bottom:10px;}
.fkPaper table {text-align:center; width:910px;border-bottom:0px;}
.fkPaper table td {padding: 6px 30px 6px 30px; line-height:18px; font-family:Arial, Sans-Serif;}
.fkPaper table td div {width:100%; clear:left; float:left; font-size:12px; line-height:18px;}
.fkPaper table td label {float:left; width: 80px; clear:left; text-align:right;}
.fkPaper table td span {float:left; clear:none; text-align:left; margin-left:6px; display:block;}
.fkPaper table td h2 {margin: 16px 0px 6px 0px; line-height:22px; font-size:18px;}
.fkPaper table td h3 {margin: 0px 0px 0px 0px; line-height:18px; font-size:13px; float:left; clear:both;}
.dHeader {text-align:center; font-size: 20px; text-transform:uppercase; margin:0px 0px 0px 0px;}
.fkPaper table.orderTable {border-top:0px;border-bottom:1px solid #999;  font-size:12px;border-left:1px solid #999;border-collapse:collapse;}
.fkPaper table.orderTable th {text-align:left; border:1px solid #999; border-left:0px; padding: 4px 4px 4px 8px; background-color:#CCCCCC;}
.fkPaper table.orderTable td {text-align:left; border-right:1px solid #999; padding: 6px 4px 6px 8px; vertical-align:middle;}
.fkPaper table.orderTable .numb {text-align:right;}
.fkPaper table.orderTable .cent {text-align:center;}
.fkPaper table.orderTable input {font-size:11px; width:120px;}
.fkPaper table.orderTable td.shipDate {text-align:right; font-size:11px; font-style:italic; font-weight:bold;}
.addButton {width:45%; float:left; clear:left;}
.poButton /*border:1px solid #D9E021;*/ { background-color:#92d400; padding: 10px 16px 10px 16px; text-align:center; cursor:pointer; color:White; text-transform:uppercase; font-weight:bold; letter-spacing:1px; max-width: 160px; float:left; clear:none; margin: 4px 2px 4px 2px; font-size:14px; border:0px;}
.poButton:hover {background-color:#FBB03B}
.poButton.teal {background-color:#00a8b4}
.poButton.gray {background-color:#4d4f53}
.poButton.ltgray {background-color:#9a9b9c}
.poButton.orange {background-color:#FBB03B}
.smButton {font-size:12px; padding: 6px 12px 6px 12px; }
.smpoButton {padding: 6px 12px 6px 12px; font-size:12px;}
.fkFooter { width:45%; float:right;  text-align:right; clear:none; margin-left:0%;}
.fkFooter label {font-size:12px;display:block; float:right; clear:none; margin: 2px 0px 2px 4px; padding: 4px 4px 4px 4px; letter-spacing:1px; line-height:18px;}
.fkFooter span {font-size:13px; width: 100px; display:block; float:right; clear:right; margin: 2px 0px 2px 4px; padding: 4px 4px 4px 4px;text-align:right; line-height:18px;}
.fkFooter input {float:right; clear:none; line-height:18px;height:16px; margin-right:-4px;}
.fkFooter select {float:right; clear:none; font-size:12px; font-weight:bold; width:40px; padding: 5px 0px 5px 0xp; height:22px; margin-left:-15px; line-height:18px;}
.fkFooter b label {font-size:14px; text-align:right; margin: 3px 0px 0px 4px; }
.fkFooter b span {font-size:14px;border:1px solid Black; clear:none; width:100px; margin: 3px -7px 0px 4px;} 
.fkFooter b input {float:left;}
.fkMods { width:36%;  float:left; text-align:right;color:Black; margin-top:10px; }
.fkMods label {font-size:11px;display:block; float:left; clear:left; margin: 2px 4px 2px 4px; padding: 1px 1px 1px 1px; letter-spacing:1px; text-align:right; font-weight:bold;min-width:100px;}
.fkMods span {font-size:11px;display:block; float:left; clear:none; margin: 2px 4px 2px 4px; padding: 1px 1px 1px 1px;  text-align:left; font-style:italic;}
.fkMods2 { width:45%; clear:both; float:left; text-align:left; margin-top:6px;}
.fkMods2 label {font-size:12px;display:block; float:left; clear:both; margin: 2px 4px 2px 4px; padding: 1px 1px 1px 1px; letter-spacing:1px; text-transform:uppercase;}
.fkMods2 span {font-size:12px;display:block; float:left; clear:none; margin: 2px 4px 2px 4px; padding: 1px 1px 1px 1px;  text-align:left; text-transform:uppercase; font-weight:bold;}
.fkPaper table.orderTable .smSelect td {text-align:center; padding:2px 0px 2px 0px; text-decoration:underline;border:none; cursor:pointer; border-right:0px; border-left:0px; letter-spacing:1px;}
.fkPaper table.orderTable  td.smSelect {text-align:center; padding:2px 0px 2px 0px; text-decoration:underline; cursor:pointer; border-right:0px; border-left:0px; letter-spacing:1px;}
.fkFooter .poButton {float:right; clear:right;padding:5px 6px 5px 6px; font-size:11px;margin:5px 2px 2px 2px; }
.fkFooter .spacer {float:right; clear:right; width:50px;}

.subBody {float:left; clear:none; width:30%; padding:0px 10px 16px 16px; border:1px solid #CCC; margin:10px 10px 10px 0px; height:220px;}
.mSitediv table td .subBody h4 {margin-top:16px; float:left; clear:both; padding-top:0px;}

.mSitediv table td .subBody h4 b {color:Red;}
.subBody label {float:left; clear:left; margin: 5px 5px 5px 5px; width:38%; text-align:right;}
.subBody input {float:left; clear:none;}
.subBody div {float:left; clear:both; width:100%; line-height:18px;}
.mSitediv table td .subBody div h4 {margin-top:8px;}
.subBody .addButton {width: 100%; float:left; clear:both; margin-top:0px;}
.subBody .addButton .poButton { float:right; clear:none;padding:4px 10px 4px 10px; font-size:12px;margin:5px 5px 5px 5px; }

/* popup */
.popUp 
{
    position:fixed; 
    top:25%;
    left:50%;
    background-color:White;
    border:1px solid #999;
    z-index:51;
    display:block;
    font-size:12px;
}
.popUp1 
{
    position:absolute; 
    top:15%;
    left:25%;
    background-color:White;
    border:1px solid #999;
    z-index:10;
    display:block;
    font-size:12px;
}
.popUp h4 {color:#C4101D; text-align:left; font-weight:bold; text-transform:capitalize; text-indent:0px; margin-bottom:8px; font-size:16px; letter-spacing:1px;}
.closePop 
{
    float:left;
    width:98%;
    font-size:24px;
    font-weight:bold;
    margin: 5px 4px -20px 0px;
    cursor:pointer;
    text-align:right;
}
.popBody 
{
    float:left;
    clear:both;
    width:86%;
    text-align:left;
    margin: 2% 7% 2% 7%;
    font-size:12px;
    line-height:24px;
}
.popBody label {float:left; clear:both;  padding: 6px 4px 4px 4px; text-align:right; width: 120px; letter-spacing:1px; font-weight:bold; color:#333;}
.popBody span {display:block; float:left; clear:none; padding: 6px 4px 4px 4px;}
.popBody input {float:left; clear:none; height: 20px;margin:5px 0px 2px 0px;}
.popBody select {float:left; clear:none; margin:7px 0px 2px 0px; padding:2px 2px 2px 2px;}
.popBody .poButton {float:right; clear:both; margin-right:-5%;}


/* search */
.searchAll {width: 100%; background-color:#CCCCCC;float:left; padding: 10px 0px 6px 0px;}
.SRline {float:left; width:48%; clear:none; padding: 8px 0px 8px 0px;}
.SRline div {float:left; clear:both; width:98%; margin: 2px 0px 2px 0px;}
.SRline div label {margin: 5px 8px 4px 8px; float:left; width: 140px; text-align:right; clear:none; font-weight:bold; text-transform:capitalize; font-size:12px; letter-spacing:1px; color:#333;}
.SRline div input {float:left; clear:none; width: 120px; border:1px solid #999;}
.SRline div select {float:left; clear:none; width: 140px;}



/*summary grid*/
table.sumGrid {float:left; width:100%; clear:both; border:1px solid #999;}
table.sumGrid th {padding: 8px 8px 8px 8px; border-bottom:1px solid #999; border-right:0px;border-left:0px; }
table.sumGrid td {padding: 8px 8px 8px 8px; border-bottom:1px solid #999; vertical-align:middle; }
table.sumGrid tr th {border-right:0px;}
table.sumGrid tr.odd td {background-color:#E0F4C3;} 
table.sumGrid tr:hover td {background-color:#D9E021;cursor:pointer}
table.sumGrid tr:hover td.noGrid {background-color:#FFF;cursor:text}
table.sumGrid td input.buttonInput {font-size:11px; width:110px; text-align:center; text-transform:capitalize; font-weight:bold;cursor:pointer;} 
table.sumGrid td.buttonTD {padding: 2px 2px 2px 2px; text-align:right;}
table.sumGrid td input.smInput {font-size:11px; width:70px; text-align:left; float:right;} 
table.sumGrid td.right {text-align:right;}
table.sumGrid th.right {text-align:right;}
table.sumGrid td.center {text-align:center;}
table.sumGrid th.center {text-align:center;}

table.sumGrid thead tr .header {
	/*background-image: url(../Images/bg.gif);*/
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.sumGrid thead tr .headerSortUp {
	background-image: url(../Images/asc.gif);
/*	float:left;
	background-color:#CCC;*/
}
table.sumGrid thead tr .headerSortDown {
	background-image: url(../Images/desc.gif);
	/*float:left;
	background-color:#CCC;*/
}

.greenA {font-weight:bold; color:#92d400;}
.orangeA {font-weight:bold; color:#EF4B25;}
.grayA {font-weight:bold; color:#615E6D;}
.blueA {font-weight:bold; color:Blue;}

.redA{font-weight:bold; color:Red;}
.TotA{font-weight:bold;}
table.sumGrid .numb {text-align:right;}
table.sumGrid .cent {text-align:center;}

/*check detail */
table.innerTB {width:300px; float:right; clear:both;}
table.innerTB td {border:2px solid #92d400; padding: 4px 4px 4px 4px; text-align:center; background-color:White;}
table.innerTB th {border:2px solid #92d400; padding: 4px 4px 4px 4px; text-align:center; background-color:#92d400; color:White; text-transform:uppercase; font-size:11px;}
.fkPaper label.chNUmb {float:right; font-size:20px; letter-spacing: 2px; text-align:right; clear:both; margin: 0px 0px 16px 0px; display:block; width:100%;}
.fkPaper table.lgList td {padding: 2px 4px 2px 8px; }
#subTotal .subtHeader {background-color:Black; text-align:right; color:White; letter-spacing:1px; text-transform:uppercase;}
#subTotal td.numb {border-top:1px solid Black; font-weight:bold;}
label.chLabel {width: 100px; text-align:center; color:#92d400; text-transform:uppercase; padding: 0px 30px 0px 0px; font-weight:bold;}
.fkPaper table td label.nonNeg {width: 100%; font-size:16px; text-align:center; font-weight:bold; color:#666; text-transform:uppercase; letter-spacing:2px;}

/*consume detail */
.WOHeader {width: 100%; background-color:#CCCCCC;float:left;float:left; clear:both;}
.WOHeader table.sumGrid { width:100%;margin:0px 0px 0px 0px; border:2px solid #999;}
.WOHeader table.sumGrid td {background-color:White;min-width:20px; border:2px solid #999; font-size:12px; cursor:text;}
.WOHeader table.sumGrid tr:hover td {background-color:White;}
.WOHeader table.sumGrid tr:hover th {background-color:#E3E3E3;}
.WOHeader table.sumGrid th {text-align:right; font-size:12px;}
table.sumGrid td.inputTd {padding:2px 2px 2px 2px; text-align:center;}
table.sumGrid input.cent {width:50px; text-align:center;}
table.sumGrid .notesTD {padding:0px 5px 0px 0px; text-align:left; vertical-align:top; border-left:1px solid #999;}
table.sumGrid .odd .notesTD { background-color:White; border-left:1px solid #999;}
table.sumGrid .notesTD textarea {float:left; width:100%; height:100%; min-width:220px; min-height:58px; background-color:#F9F9CA;}
table.sumGrid th.fabricTd {background-color:#EF4B25; color:White;}
table.sumGrid th.trimTd {background-color:#2CD4E5; color:White;}
table.sumGrid th.fabricTddone {background-color:#b37162; color:White;}
table.sumGrid th.trimTddone {background-color:#6cb9c1; color:White;}
.smTB {float:left; clear:none; width: 45%;}
.smTB table {float:left; clear:none; width:100%;font-size:12px; line-height:18px;}
.smTB table  th {background-color:#e3e3e3; text-align:right; padding: 4px 4px 4px 4px; font-weight:normal; color:#333; border-bottom:0px solid #999; border-left:0px;border-right:0px; width:140px;}
.smTB table  td {background-color:#FFF; text-align:left; border-bottom:1px solid #999; border-top:1px solid #999; border-left:0px;border-right:0px; padding: 4px 4px 4px 4px; font-weight:bold;}
.smTB table .odd th {background-color:#FFF; border-bottom:1px solid #999; border-top:1px solid #999;}
.smTB table .odd td {background-color:#FFF;}
.fileHolder {float:left; clear:both; width: 100%; margin-top:20px;}
.fileHolder table {float:left; clear:none;width:100%;}
.fileHolder table td { padding: 4px 16px 4px 4px; font-size:13px; font-weight:bold;}
.fileHolder table td.fname {font-weight:bold; color:#EF4B25; text-align:left;cursor:pointer;}
.fileHolder table td.dload {font-weight:normal; text-align:right; color:#f7931e;}
.fileHolder table td.dload a { color:#0B599E; text-align:right; text-decoration:underline; cursor:pointer; width:50px; padding: 4px 10px 4px 10px; text-transform:lowercase; font-size:12px;}
.noteArea  {float:left; clear:none; width: 40%; margin-left:15%; }
.noteArea div.notes {float:left; width:90%; text-align:left; padding: 10px 20px 10px 20px; border:1px solid #999;}
.noteArea textarea {padding:0px 5px 0px 0px; text-align:left; vertical-align:top;  background-color:#F9F9CA; width:100%; height:140px;}

/*popup*/
.spiPop 
{
    width:500px;
    position:absolute;
    z-index:10;
    float:left;
    top:25%;
    left:50%;
    margin-left:-250px;
    background-color:White;
    border:1px solid #333;
    padding-bottom:20px;
    }
.window_close {font-weight:bold; font-size:28px; color:#333333;  text-align:right; width:100%; padding:4px 16px 8px 0px; width:30px; height:20px; float:right; clear:none; margin-bottom:-10px; cursor:pointer;}
.popBody {float:left; clear:both;}
.popBody p {font-size:14px; line-height:22px;}
.popBody p em {text-decoration:underline; font-weight:bold;}
.spiPop .addButton {width:100%; float:left; clear:both; margin-top:10px;}
.spiPop .addButton .poButton { float:right; clear:none;padding:5px 10px 5px 10px; font-size:12px;margin-right:5px; }


/*library */
 .TheHeader {font-size:16px; font-weight:bold;float:left; clear:both; font-family:Verdana, Arial, Sans-Serif; margin: 30px 0px 30px 0px;}
   div.downloadGrid
{
	float: left;
	clear: both;
	width: 70%;
	margin-top: 20px;
	margin-left:15%;
}
 div.downloadGrid a
{
	color: #000000;
		font-size:14px;
	font-weight:normal;
	text-decoration:none;
}
 div.downloadGrid table td
{
	vertical-align: middle;
	padding: 6px 6px 6px 6px;
	vertical-align: middle;
}
 div.downloadGrid table
{
	float: left;
	width: 100%;
	margin: 0px 0px 0px 0px;
}
 div.downloadGrid img
{
	float: left;
	clear: none;
	border:0px;

}
.MenuCoverPopUp  { 
            position: absolute; 
            width: 100%;
        height: 100%;
            top: 110px; 
            left: 0px;
            margin: 0px 0px 0px 0px;
            background-color:White;
            display:none; 
            z-index: 10;
            -moz-opacity: 20;
            filter: alpha(opacity=20); 
            opacity:0.20;
        }





.mainarea
{
	width: 940px;
	margin: 5px 0px 5px 0px;
}
.mainarea table
{
	float: left;
	clear: both;
	width: 100%;
}

.leftmenu
{
	width: 15%;
	background-color: #92d400;
	min-height:400px;
	/*float:left;
	clear:both;*/
	margin-top: 0px;
	padding-top:20px;
	z-index:0;
	
}
ul.left_menu
{
	border: 0;
	margin: 5px 0 0 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	width:100%;
	float:left;
	clear:both;
	border-left: 0px;
}
ul.left_menu li
{
	display: block;
	float: left;
	padding: 0;
	margin: 4px 0 0 0;
	clear: both;
	width: 100%;
	/*
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #999;*/
}
ul.left_menu li a
{
	text-decoration: none;
	text-transform:capitalize;
	font-weight:bold;
	color: #FFFFFF;
	width: 140px;
	padding: 8px 0px 7px 0px;
	display: block;
	border-top: 0px solid #FFF;
	border-bottom: 0px solid #999;
	text-align: left;
	text-indent:10px;
	font-size:14px;
}
ul.left_menu li a:hover
{
	text-decoration: none;
	background-color:White;
	border-top: 1px solid #999;
	border-bottom: 1px solid #FFF;
	padding: 7px 0px 6px 0px;
	color:#333333;
}
ul.left_menu li.subactive a
{
    background-color:White;
	border-top: 1px solid #999;
	border-bottom: 1px solid #FFF;
	padding: 7px 0px 6px 0px;
	color:#333333;
	text-decoration:none;
}
.column2
{
	/*max-width: 772px;*/
	margin: 25px 0px 0px 5px;
	float: left;
	clear: none;
	width:85%;
	
}
div.column2 div.mainheader
{
	max-width: 782px;
	padding: 2px 4px 2px 4px; /*background-color:#c11111;*/
	background-color: #999;
	color: #fff;
	font-weight: bold;
	float: left;
	clear: none;
	text-align: left;
	font-size: 13px;

}
div.column2 div.maintable table
{
	width: 100%;
	border: 0px;
	clear: both;
	border-collapse: collapse;
	z-index: 51;
	text-align: left;

}
div.column2 div.maintable table tr td
{
	padding: 1px 3px 1px 3px;
	line-height: 14px;
}
div.column2 div.maintable table tr td label
{
	width: 130px;
	text-align: right;
	padding-top: 2px;
    height: 14px;
}
div.column2 div.maintable table tr td input
{
	width: 227px;
	margin: 2px 0px 2px -4px;
	height:18px;
}
div.column2 div.maintable table tr td input.YPbutton {
width:220px;
padding: 6px 20px 6px 20px; 
font-weight: bold; 
text-transform: uppercase; 
font-size: 12px;
height:32px;
}
div.column2 div.maintable table tr td select
{
	width: 247px;
}


/* form styes */
.question { margin-left:6px; border:1px solid #666; -webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px; background-color:White;text-align:center; font-weight:bold; display:inline; padding: 3px 5px 2px 5px; cursor:pointer; color:#40769C;}
.questionPop { float:right; clear:none; width: 190px; height: 76px; position:relative; margin: -78px -170px 0px 10px; background-color:#F4F4F4; border:1px solid #666; color:#40769C;-webkit-border-radius: 10px;
-moz-border-radius: 10px; border-radius: 10px; padding: 10px 10px 10px 10px; line-height:18px; letter-spacing:1px;}
.mainButton {font-weight:bold; text-transform:capitalize; padding: 5px 26px 5px 26px; }


table.order_results  {
	border-collapse:collapse;
	width:100%;
	border: 1px solid #dfdfdf;
}
.order_results table {
	border-collapse:collapse;
	width:100%;
	border: 1px solid #dfdfdf;
}
.order_results th {
	text-align:left;
	padding: 2px 10px 2px 10px;
	text-transform:capitalize;
	color:#FFF;
	background:#999 url(//www.spiconnect.net/images/graphics/updown.png) no-repeat left;
}
.order_results th.nosort {
	text-align:left;
	padding: 2px 10px 2px 10px;
	text-transform:capitalize;
	color:#FFF;
	background-image:none;
}
.order_results th a {
    color:White;
    }
.order_results td {
	padding: 2px 2px 2px 4px;
	text-align:left;
	border-bottom: 1px solid #dfdfdf;
	line-height:18px;
	vertical-align:middle;
	line-height:20px;
	font-size:12px;
}
.order_results tr.odd {
	background-color:#f3f3f3;
}
.order_results tr:hover {
	background-color:#ffd957;
	/*cursor:pointer;*/
	cursor:pointer;
}
.order_results tr:hover .odd {
	background-color:#ffd957;
}
@media (max-width: 1200px) 
{
body {font-size:11px;}
.subContainer {font-size:11px;}
.mSitediv table {max-width:800px;}
.mSitediv table.table-attr { border: 1px solid #999999; margin-bottom: 10px; }

/*.newNav td.ulNav {width:300px;}
.navContainer li { margin:14% 0px 0% 2px; padding: 10px;  font-weight:bold; font-size:11px;  letter-spacing:0px; }*/
}
@media (max-width: 800px) 
{
.mSitediv table {max-width:780px;}
/*.newNav td.ulNav {width:270px;}    
.navContainer li {margin:6% 0px 0% 2px; padding: 8px; font-weight:bold; font-size:10px; letter-spacing:0px;  }*/
table.sumGrid th {padding:8px; font-size:10px;}
.subContainer label { text-indent:4px;text-align:left; float:left; text-transform:Capitalize; padding: 4px 2px 4px 2px; letter-spacing:1px;}
}
ul.ui-autocomplete li.ui-menu-item{text-align:left;}
.warning {
    float:left;
    clear:both;
    position:relative;
    /*position:absolute;
    top:0;
    left:0;*/
    width: 100%;
    background-color:#fffdab;
    height: 50px;
    margin-top:28px;
    z-index: 5;
    padding: 5px 0px 5px 0px;
    font-weight:normal;
    font-family: Trebuchet MS, Arial, Sans-Serif;
    font-size:13px;
    letter-spacing:1px;
    text-align:center;
    line-height: 20px;
    z-index:99;
    }
.warning2 {
height: auto;
position: relative;
top: 30px;
left: 20%;
width: 60%;
border: 1px solid #CCC;
padding: 20px 20px 20px 20px;
font-size:12px;
font-family:Arial, Helvetica, Sans-Serif;
}
.warning2 h5 {font-size:12px;}
.subTitle {font-weight:bold; font-size:12px;  }
.warning img {
    margin: 0px 10px -2px 0px;
    }
.warning td {text-align:left; vertical-align:middle;}

/* new popup */
.modal {
    display: block; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
    -webkit-animation-name: fadeIn; /* Fade in the background */
    -webkit-animation-duration: 0.4s;
    animation-name: fadeIn;
    animation-duration: 0.4s;
	text-align:center;
}

.ui-autocomplete { max-height: 200px; overflow-x: hidden; overflow-y: auto; !important; }
.docTrack {width:100%; max-width:700px; z-index:10; background-color:White; margin:0 auto; padding:10px; text-align:left; font-size:14px; color:#444444;}
.close {float:right;; font-weight:bold; color:#9A9B9C; font-size:24px; margin-right:10px; cursor:pointer;}
.docName {float:left; width:100%; font-size:18px; margin: 5px 0px 5px 0px;} .docName a {color:#00A8B4;}
.docText {float:left; clear:both;width:97%; border: 2px solid #9A9B9C; padding:1%; max-height: 300px; overflow-x:hidden; overflow-y:auto; margin: 10px 0px 4px 0px;  }
.docUploadPanel {float:right; width:60%; border:2px solid #92D400; padding:1%; margin:4px 2px;}
.docUploadPanel p {margin:0px 0px 10px 0px;}
.docUploadPanel  .inputfile {display:none;}
th.chrBack {background-color:#eeeeee;}
td.chrBack {background-color:#aacee7;}
table.sumGrid tr.odd td.chrBack {background-color:#ddebf5;}

/*documents */

/*empty table*/
table.emptyContainer {float:left; width:100%; clear:both; border:1px solid #999;}
table.emptyContainer td {padding: 0px; border-bottom:0px solid #999; vertical-align:middle; }
table.emptyContainer th {background-color:#eaeaea; padding: 8px; width:50%;}
table.emptyContainer table.sumGrid {border:0px;}
table.emptyContainer table.sumGrid td {padding: 8px; border-bottom: 1px solid #999;}
table.emptyContainer table.sumGrid th {background-color:#CCC; width:50%;}
table.emptyContainer table.sumGrid td a {display:block; width:100%;}

th.newUpload { text-align:left; clear:none; font-weight: bold;  text-align:left;  }
th.newUpload span {text-transform:uppercase; display:inline-block; }
th.newUpload input {background-color:White; margin-left:10px;}


/*ship it section */
.shipItNav {clear:both;  width:800px; font-size:18px; font-weight:bold; color: #00a8b4; text-align:center; margin: 0 auto 0 auto; }
.scanDivs { clear:both; width:800px; text-align:center; margin:2% auto 0 auto;}
.ShipItForms  .mSitediv .shipItNav table td {border:0px;}
.shipItNav a {font-size:18px; font-weight:bold; color: #00a8b4; text-align:center;  display:block; width:100%; vertical-align:middle;}
.shipItNav a:hover {color:#FFF;text-decoration:underline; }
.shipItNav span {font-size:11px; text-align:center; width:100%; display:inline-block; line-height:12px;}
.shipItNav td:hover {background-color:#92d400;}
.ShipItForms h2 {text-align:center;}
.ShipItForms .scanDivs label { font-weight:bold; color:#4d4f53; font-size:13px; display:inline-block; width:100%; float:left; clear:both; text-align:left; margin: 2px;}
.ShipItForms .mSitediv table td label { font-weight:bold; color:#4d4f53; padding: 5px 20px 5px 10px; font-size:13px; display:inline-block; width:150px; float:left; clear:none;}
.ShipItForms .mSitediv table td input {font-size:13px; padding: 5px;display:inline-block; float:left;}
.ShipItForms .mSitediv table td select {font-size:13px; padding: 4px;display:inline-block; float:left; min-width:120px;}
.ShipItForms .mSitediv table td {padding: 5px; border-bottom:1px solid #CCC;}
.ShipItForms .mSitediv table.noborder td {border:0px;}
.ShipItForms .mSitediv table table th {padding: 5px;}
.ShipItForms .mSitediv table table th {padding: 5px;}
.ShipItForms .mSitediv table.sumGrid th {padding: 5px 4px;}
.ShipItForms .mSitediv table td a {text-decoration:underline;}
.ShipItForms .mSitediv table td.right input {float:right;}
.ShipItForms .mSitediv table td.nopadding {padding: 0px 0px 0px 0px;}
.ShipItForms .mSitediv table.padBottom {margin-bottom: 20px;}
.ShipItForms .mSitediv table.sumGrid tr th.pHeader {color:White; background-color:#7d6654;}
.trButton /*border:1px solid #D9E021;*/ { background-color:#00a8b4; padding: 6px 0px 6px 0px; text-align:center; cursor:pointer; color:White; text-transform:uppercase; font-weight:bold; letter-spacing:1px; width: calc(100% - 10px); float:left; clear:none; margin: 2px 5px 2px 5px; font-size:11px; border:0px;}
.nopadding .trButton { padding: 6px 0px 6px 0px;}
.ShipItForms .mSitediv table td input.trButton {padding: 6px 0px 6px 0px;font-size:11px; margin: 2px 5px 2px 0px;width: calc(100% - 10px);}
.trButton.gray {background-color:#4d4f53}
.trButton.ltgray {background-color:#9a9b9c}
.trButton.orange {background-color:#FBB03B}
.trButton.red {background-color:#EF4B25;}

@media only screen and (max-width:999px) 
{
    #navContainer {display:none;}
}