﻿/**Stem Tech Global BO**/


body,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,td{
            margin:0;
            padding:0;
            font-family: arial;
}
span.SectionTitle{
	font-size: 17px;
	margin-bottom: 6px;
	font-weight: bold;
}

span.SectionHeader {
	font-size: 15px;
	margin-bottom: 6px;
	font-weight: bold;
}

.navMenu  {
	font-family: arial;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	padding-top: 9px;
	white-space: nowrap;
	line-height: 14px;
	text-decoration: none;
}
.navMenu a:link {
	font-family: arial;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	padding-top: 9px;
	white-space: nowrap;
	line-height: 14px;
	text-decoration: none;
}

.navMenu a:visited {
	font-family: arial;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	padding-top: 9px;
	white-space: nowrap;
	line-height: 14px;
	text-decoration: none;
                 
}
.navMenuSelected {
	font-family: arial;
	font-size: 11px;
	color: #57889F;
	font-weight: bold;
	padding-top: 9px;
	white-space: nowrap;
	line-height: 14px;
	text-decoration: none;
}
.navMenuSelected a:link {
	font-family: arial;
	font-size: 11px;
	color: #57889F;
	font-weight: bold;
	padding-top: 9px;
	white-space: nowrap;
	line-height: 14px;
	text-decoration: none;
}
.navMenuSelected a:visited {
	font-family: arial;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
	padding-top: 9px;
	white-space: nowrap;
	line-height: 14px;
	text-decoration: none;
}





.Title{

	padding: 3px 10px 3px 10px;
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#57889F;
	font-weight: bold;      
                width: 300px;
                height: 25;
	background:url("images/title_bg.gif") bottom left no-repeat ;
            

}

.Title1{

	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;   
	color: #57889F;        

}


.mastHead {
	background-image: url(images/backoffice-header.gif);
	width: 100%;
	height: 81px;
                text-align: left;
                font-size: 11px;                  
	vertical-align: text-top;
	font: Tahoma, Arial;
	background-repeat:no-repeat
}

#header1 {
                  FONT-SIZE: 93%; 
                  BACKGROUND: url(images/h1bg.gif) #FFFFFF repeat-x 50% bottom; 
                  FLOAT: left; 
                  WIDTH: 100%; 
                  LINE-HEIGHT: normal; 
                  font-family: arial;
             
}


#header1 UL {
            PADDING-RIGHT: 10px; 
            PADDING-LEFT: 10px; 
            PADDING-BOTTOM: 0px; 
            MARGIN: 0px; 
            PADDING-TOP: 10px; 
            LIST-STYLE-TYPE: none;
            font-family: arial;
}
#header1 LI {
            PADDING-RIGHT: 0px; 
            PADDING-LEFT: 9px; 
            BACKGROUND: url(images/leftb2.gif) no-repeat left top; 
            FLOAT: left; PADDING-BOTTOM: 0px; 
            MARGIN: 0px; PADDING-TOP: 0px
            font-family: arial;
}

#header1 A {
	PADDING-RIGHT: 15px; DISPLAY: block; 
                PADDING-LEFT: 6px; 
                FONT-WEIGHT: bold; 
                BACKGROUND: url(images/rightb2.gif) right top; 
                PADDING-BOTTOM: 4px; 
                COLOR: #765; 
                PADDING-TOP: 5px; 
                TEXT-DECORATION: none;
                font-family: arial;
}

#header1 A:hover {
	COLOR: #333
}


.clsTable { width: 100%;}
Table.clsProductList {width: 100%;}
.clsProductCategory { }
.clsProductList{}

Table.clsProductList TD {
      Padding-top: 12px;
      Padding-bottom: 6px;
      border-bottom: 1px dotted #CCCCCC;
      font-family: arial;
}
Table.fixMe TD {
      Padding-top: 12px;
      Padding-bottom: 6px;
      border-bottom: 0px #ffffff;
      font-family: arial;
}
.clsTable TH {
      	font-family: arial;
	font-size: 12px;
	text-decoration: none;
}


.mail a {
	font-family: arial;
	font-size: 12px;
	color: #006DC5;
	text-decoration: none;
}
.mail a:hover {
	font-family: arial;
	color: #006DC5;
	text-decoration: underline;
}


.news td{
            font-family: arial;
            font-size: 14px;
}
.news{
       font-family: arial;
      color: #ff0000;


}
.news a {
	font-family: arial;
	color: #000000;
	text-decoration: none;
}
.news a:hover {
	font-family: arial;
	color: #006DC5;
	text-decoration: none;
}
.stocks TH {
	font-family: arial;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
.TopBox {
	font-family: arial;
	font-size: 11px;
	line-height: 15px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top: 3px;
}
.middleContent {
	font-family: arial;
	font-size: 12px;
	color: #000000;
                line-height: 16px;
	text-decoration: none;
}
img {
	border: none;
}

table.emc td {
      Font-Family: Arial;
      Font-Size: 11px;
      Color: #000000;
      Text-Decoration: none;
      line-height: 15px;
}
.cart {
	font-family: Tahoma;
	font-size: 11px;
}
.cart a{
	font-family: Tahoma;
	font-size: 11px;
                Color: #000000;
                font-weight: bold;
                Text-Decoration: none;
}
.cart a:hover {
	font-family: Tahoma;
	font-size: 11px;
                Color: #000000;
                font-weight: bold;
                Text-Decoration: none;
}
.leftMenu td {
	border-bottom: 1px solid #ACCDE5;
	height:19px;
	padding-left:3px
}
.leftMenu {
	width: 120px;
	margin-left: 10px;
	font-family: Tahoma;
	font-size: 11px;
}
.leftMenu a {
	font-family: Tahoma;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
.leftMenu a:hover {
	font-family: Tahoma;
	font-size: 11px;
	color: #006DC5;
	text-decoration: none;
}
.welcome {
	margin-right: 10px;
	font-family: Tahoma;
	font-size: 11px;
                color: #FFFFFF;
}

.input { font-family: arial; font-size: 12px; }
.select { font-family: arial; font-size: 12px; }
.editor { padding-left: 3px; }
.messageIframe { height: 250px;}

Table.ActionGrid {
      background-image: url('images/topbgmain.gif');
      padding-left: 0px;
      padding-right: 0px;
      height: 400px;
      width: 100%;
      
}

Table.ActionGrid Select, Table.ActionGrid Input {

}

Table.ActionGridHeader {background-image: url('images/head_bk1.gif')}

Table.ActionGridHeader TD, Table.ActionGridHeader A:hover,  Table.ActionGridHeader A:visited, Table.ActionGridHeader A {
      color: #000000;
      font-weight: bold;
      font-size: 12px;
      padding-right: 10px;
      font-family: arial;
}


Table.ActionGridBar {
      color: white;
      cursor: hand;
}

Table.ActionGridBar, Table.ActionGridBar TD {
      border: none;
      font-family: arial;
}

table.ActionGridBar a, table.ActionGridBar a:hover, table.ActionGridBar a:visited {
      text-decoration: none;
      color: #000000;
      font-weight: bold;
      font-size: 12px;
      font-family: arial;
}

Table.ActionGridData {
      border: none;
      background-color: #FFFFFF;
      font-family: arial;
}
.ActionGridData {
background-color: #FFFFFF;
}
Table.ActionGridData TD {
      background-color: #E8F4FF;
      border: none;
      border-bottom: 1px solid white;
      font-size: 12px;
      font-family: arial;
}

Table.ActionGridData A {
      font-size: 11px;
      color: #3C4D80;
      font-family: arial;
}
Table.ActionGridData A:hover {
      font-size: 11px;
      color: #000000;
      font-family: arial;
}

Table.ActionGridData A:visited {
      font-size: 11px;
      color: #000000;
      font-family: arial;
}
Table.ActionGridFooter {
      height: 30px;
      border: none;
      background-image: url('images/footerbg.gif');
}



Table.ActionGridFooter TD {
      color: #000000;
      font-weight: bold;
      font-size: 12px;
      border:none;
      padding-left: 10px;
      padding-right: 10px;
      font-family: arial;
}

Table.ActionGridFooter TD, Table.ActionGridFooter A:hover,  Table.ActionGridFooter A:visited, Table.ActionGridFooter A {
      color: #000000;
      font-weight: bold;
      font-size: 12px;
      font-family: arial;
}

.ActionGridDataContainer {
      background-color: #ffffff;
      font-family: arial;
}

table.ctsheaderIMG {
  border:1px solid #7fb6dd;
}

.ctsInheaderIMG {
  border:1px solid #7fb6dd;
}
.subctsheaderIMG {
	background-color: #d0e5f8;
}
.smarrow {
	height: 15px;
	width: 20px;
	text-align: center;
}
Table.ctsUheaderIMG {
	height: 0px;
}
Table.ctsfooterIMG {
	height: 0px;
}

.box {
      background-color:#FFFFFF;
      border:1px solid #93BEE2;
}
.boxHd {
      background-color:#93BEE2;
}
.big {
      font-size:12px;
}

.big a {
      font-size:12px;
}
.bigBold {
      font-size:12px;
      font-weight:bold
}
.bttnReg {
      background: #FFFFFF;
}

.currentVw {
      font-size: 13px;
      font-weight:bold; 
      color:#000033;
} 			
.ltGryLine {
      background-color:#C1CDD8;
      height:1px;
}
.offWhtBg {
      background-color:#FFFFFF;
}
			
.today {
      font-weight:bold;
      background-color:#FFFAE0;
      border:1px solid #000066;
      padding:2px;
      font-family: arial;
}
.todayUnSelected {
      font-weight:bold;
      background-color:#FFFAE0;
      border:1px solid #000066;
      padding:2px;
      font-family: arial;
}
.time {
      font-size:14px;
      background-color:#ffffff;
      padding:4px;
      text-align:right;
      valign:center;
      border-bottom:1px solid #C1CDD8;
}
.toolBarBg {
      background-color:#EFF7FF;
}
			
.NonWorkHour {
      background-color:#E6EEF7;
      border-bottom:1px solid #C1CDD8;
      padding:0px;
      border-right:1px solid #FFFBF7;
}
.nonWorkbar{
      background-color:#E6EEF7;
      border-bottom:1px solid #C1CDD8;
      padding:0px;
      border-right:0px solid #FFFBF7;
}

.BusyHour {
      background-color:#D8D8D8;
      border-bottom:1px solid #C1CDD8;
      padding:0px;
      border-right:1px solid #FFFBF7;
}

.BusyBar{
      background-color:#D8D8D8;
      border-bottom:1px solid #C1CDD8;
      padding:0px;
      border-right:0px solid #FFFBF7;
}

.weekDayNum { 
      font-size:16px; 
      color:#104A7B;
      text-align:center;
}

.Workbar{
      background-color:#ffffff;
      border-bottom:1px solid #C1CDD8;
      padding:0px;
      border-right:0px solid #FFFBF7;
}

.WorkHour {
      background-color:#ffffff;
      border-bottom:1px solid #C1CDD8;
      padding:0px;
      border-right:1px solid #FFFBF7;
}
.weekDayName{
      font-weight:bold; 
      color:#104A7B;
      text-align:center;
}



.img {margin-right:15px}
.img1 {margin-right:9px}



#wrapper {background:url(images/1_bg.gif) top repeat-x;
margin:0px auto;
padding:0;
width:100%;
}

#wrap {
margin:0px auto;
padding:0;
width:735px;
}

.inbox { width:222px; height:48px; background-image:url(images/bg_sub.gif);
}


.top_txt a{
	color:#040404;
	font-size:12px;
	text-align:center;
	font-weight: bold;
	height:20px;
	vertical-align: text-bottom;
                text-decoration:none;
                  font-family: arial;
}
.top_txt_sub {color:blue4; font-size:12px; text-decoration:underline}



#cont {background:#ffffff;
margin:0px auto;
padding:0;
width:100%;
}


.line {background-image:url(images/dot.gif);
height:1px;
margin:13px 0px 13px 0px;}

.copy {color:#727272; text-decoration:none;
}




/************* Search **************/
#Search{
	width: 159px;
	font-weight: bold;
                height: 100%;
	background-color: #FFFFFF;
	text-align:left;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;

}
#WhiteSpace{
	width: 160px;
                height: 20px;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;

}
.hello{

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
                color: white;
                padding-left: 10px;
	padding-top: 10px;
                margin:20 0 0 0px;

}




/*-------------------------------------------------------PAGE_1-------------------------------------------------------*/

#left_content1 {
padding:0;
margin:0;
text-align:left;
width:240px;
float:left;
}

#right_content1 {
padding:0;
margin:0;
float:right;
text-align:left;
width:495px;
height:100%;
display:table;
}

.inner_left1 {margin:26px 2px 0px 16px;}
.inner_right1 {margin:36px 27px 40px 19px;}

#c_content {
padding:0;
margin:0;
text-align:left;
width:735px;
height:100%;
display:table;
font-family: arial;
}

.inner_c {margin:20px 32px 25px 18px;}

/*--jake 2 --*/


.gray {color:#727272; text-decoration:underline}
.blue {color:#36A3BC; text-decoration:none}
.white {color:#ffffff; text-decoration:none}

.abs {vertical-align:middle}
.big {font-size:15px; color:#4F4F4F}
.n {font-size:11px}
.sm {font-size:10px}

.clear {
clear:both}



.abs {vertical-align:middle}

.menu:hover{text-decoration:underline; color:A9FF00}




/******left menu******/


.menu {
 position:relative;
 background-color:#F98400;
 border:1px solid darkblue;
 width:160;
 font-size:11px;
 font-family:verdana;
 font:bold;
 position:absolute;
cursor: pointer;
}

.item_panel {
  width:160;
  border-left:1px solid darkblue;
  border-right:1px solid darkblue;
  clip:rect(0,160,0,0);
  position:absolute;
}

.item_panel a {
 text-decoration:none;
 color:black;
 cursor:hand;
outline: none;
}

.item {
 background-color:#999999;
 width:158;
 font-size:10px;
 font-family:verdana;
}






/*--kyle changes and adds--*/

#_ctl0_ReadMode td{
            font-size: 12px;
            font-family: arial;
}

.toplink {
            text-decoration:none;
            font-family: tahoma,arial,helvetica,sans-serif;
            font-size: 9px;
            color: #fff;
            margin:0 20px 0 0;
            
}

.toplink a{
            color:#fff;
            font-size: 9px;
}

.toplink a:hover{
            color:#fff;
            text-decoration:underline;
}

.toplink a:visited{
            color:#666;
}


.headB {
            text-decoration:none;
            font-family: tahoma,arial,helvetica,sans-serif;
            font-size: 12px;
            color: #fff;
}

.headB a{
            text-decoration:none;
            font-family: tahoma,arial,helvetica,sans-serif;
            font-size: 12px;
            color: #fff;
}

.headB a:hover{
            font-size: 12px;
            color:#fff;
            text-decoration:underline;
}
.barlinks {
            text-decoration:none;
            font-family: tahoma,arial,helvetica,sans-serif;
            font-size: 12px;
            color: #fff;
}

.barlinks a{
            color:#fff;
            font-size: 12px;
}

.barlinks a:hover{
            font-size: 12px;
            color:#fff;
            text-decoration:underline;
}

.barlinks a:visited{
            font-size: 12px;
            color:#fff;
            text-decoration:underline;
}


#barlinks{
      color: #ffffff;
      margin:0 20px 0 0;
}


#leftnav {
      background-image: url(images/bg_leftnav_bar.gif);
      background-repeat:repeat-y;
      width: 150px;
      height: 100%;
}




.leftnav {
      text-decoration:none;
      font-family: tahoma,arial,helvetica,sans-serif;
      font-size: 12px;
      color: #636363;
      text-align: center;
      padding-top: 3px;
      padding-bottom: 3px;
}

.contentbar{
      text-decoration:none;
      font-family: tahoma,arial,helvetica,sans-serif;
      font-size: 11px;
}

.contentbar a{
            color:#636363;
            font-size: 11px;
            text-decoration:none;
}

.contentbar a:hover{
            color:#aaaaaa;
            text-decoration:none;
}

.contentbar a:visited{
            color:#636363;
}


.contentbarselected {
      text-decoration:none;
      font-family: tahoma,arial,helvetica,sans-serif;
      font-weight: bold;
      font-size: 11px;
      color: #3D86BD;
}

.contentbarselected a{
            color:#3D86BD;
            font-size: 11px;
            text-decoration:none;
            font-weight: bold;
}

.contentbarselected a:hover{
            color:#3D86BD;
            text-decoration:none;
            font-weight: bold;
}

.contentbarselected a:visited{
            color:#3D86BD;
}





----------------Nav-------------------------

#sectionLinks{

	width: 149px;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 12px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
                position:absolute; left: 0px;

}

#sectionLinks a:link, #sectionLinks a:visited {
	display: block;
	border-top: 0px solid #ffffff;
	border-bottom: 0px solid #cccccc;
	font-weight: normal;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 15px;
	color: #636363;
	font-size: 12px;
	width: 149px;
	text-decoration: none;
	background-repeat: no-repeat; 
	background-position: 2% 40%;
}

#sectionLinks a:hover{
	border-top: 0px solid #cccccc;
	background-color: #ffffff;
	background-image: none;
	font-weight: normal;
	text-decoration: underline;
	font-size: 12px;
	width: 149px;
	background-repeat: no-repeat;
	background-position: 2% 40%;
}


/************* Header styles **************/

#HeaderLinks{
	width: 150px;
	font-family: tahoma,arial,helvetica,sans-serif;
	font-size: 12px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-weight: bold;
                BACKGROUND-IMAGE: url(images/left_nav_header.gif);
                background-repeat:no-repeat;
                color: #636363;
}



#cont {background:#ffffff;
margin:0px auto;
padding:0;
width:100%;
}

#content {
width: 100%;
margin:0px auto 0px auto;
padding:0;
text-align:left;
height: 100%;
}

#content A {
      FONT-WEIGHT: normal; 
      FONT-SIZE: 12px; 
      COLOR:#0F3B65; 
      LINE-HEIGHT: 15px; 
      FONT-FAMILY: arial; 
      TEXT-ALIGN: left; 
      TEXT-DECORATION: none;
}

#content A:hover {
      FONT-WEIGHT: normal; 
      FONT-SIZE: 12px; 
      COLOR:#fF3300; 
      LINE-HEIGHT: 15px; 
      FONT-FAMILY: arial; 
      TEXT-ALIGN: left; 
      TEXT-DECORATION: underline;
}

.todaycont{
      FONT-WEIGHT: normal; 
      FONT-SIZE: 13px; 
      COLOR:#000; 
      FONT-FAMILY: arial; 
      TEXT-ALIGN: left; 
}

.bgwhite{
background-color: #fffffff;
}

.contentW{
background: url('images/stem_water.gif') no-repeat 50% 20%;
border:none;
align: left;
}

#contentMain{
background-color: #ffffff;
margin: 0px 0px 0px 0px;
width: 100%;
height: 100%;

}

#contentMain td{
      font-size: 12px;
      font-family: arial;
}


#contentMain TH{
	margin: 0px;
	padding: 0px;
                font-size: 12pt;
                background-image: url(images/bg_head.gif);
                font-weight:bold;
                height:18px;
                font-family: arial;
}
TD.infoicon {
                  PADDING-RIGHT: 1px; 
                  PADDING-LEFT: 1px; 
                  PADDING-BOTTOM: 1px; 
                  PADDING-TOP: 1px;
}
TR.inforow {
                  CURSOR: hand;
}
TD.exTable {
                  COLOR: #000099; 
                  padding-left: 1px; 
                  WIDTH: 133px; 
                  HEIGHT: 15px; 
                  TEXT-ALIGN: left; solid
}
TD.description {
                  padding-right: 2px; 
                  padding-left: 1px; 
                  DISPLAY: none; 
                  PADDING-BOTTOM: 3px; 
                  PADDING-TOP: 3px;
}
