html,body{
	margin:0;
	padding:0;
	height:100%;
	border:none
}
img {border: none;}
body, td {
	margin: 0px;
	font: 10px verdana;
}
a {
	outline: none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.topMenu {
	background-color: #373737;
	background-image: url(../images/client_logo.gif);
	background-repeat: no-repeat;
	background-position: 7px 8px;
}
.topMenu div{
	width: 950px;
	height: 78px;
	background-repeat: no-repeat;
	background-position: right 8px;
}
.topMenu div table{
	float: right;
	margin-top: 55px;
}
.topMenu div ul li {
	float: left;
	margin-top: 5px;
}
.buttonOn {
	background-image: url(../images/buttonon.gif);
	background-repeat: no-repeat;
	font: 12px verdana;
	font-weight: bold;
	color: #FFFFFF;
	height: 23px;
	width: 90px;
	text-align: center;
}
.buttonOff {
	background-image: url(../images/buttonoff.gif);
	background-repeat: no-repeat;
	font: 12px verdana;
	font-weight: bold;
	color: #3C66BA;
	height: 23px;
	width: 90px;
	text-align: center;
}
.buttonOff a:link, .buttonOff a:visited {
	font: 12px verdana;
	font-weight: bold;
	color: #3C66BA;
	text-decoration: none;
	outline: none;
}
.buttonOff a:hover {
	color: #FFFFFF;
}
.buttonOn a {
	font: 12px verdana;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
}
.topTime {
	height: 19px;
	background-color: #3C66BA;
}
.topTime div {
	width: 950px;
	height: 19px;
}
.topTime div span a {
	color: white;
	text-decoration: none;
}
.topTime div span a:hover {
	color: white;
	text-decoration: underline;
}
.topTime div span {
	color: white;
	margin: 3px;
	font-weight: bold;
}
.topTime div span.breadcrumb {
	float: left;
}
.topTime div span.time {
	float: right;
}
.bottomBar {
	height: 19px;
	background-color: #373737;
	position: fixed;
	clear: both;
	bottom: 0px;
	width: 100%;
}
.bottomBar div {
	width: 950px;
	color: white;
	text-align: right;
	font-weight: bold;
	margin: 3px;
}
.bottomBar div a {
	color: white;
	text-decoration: none;
}
.bottomBar div a:hover {
	color: white;
	text-decoration: underline;
}
.contentCell {
	background-color: #FFFFFF;
	vertical-align: top;
}
.contentTable {
	width: 950px;
}
.sideMenuCell {
	padding: 5px;
	width: 160px;
	vertical-align: top;
}
.sideMenuTable {
	background-color: #ebebeb;
	width: 150px;
}
.loginTable {
	background-color: #ebebeb;
	width: 300px;
}
.sideMenuTopLeft {
	background-image: url(../images/greytopleft.gif);
	background-repeat: no-repeat;
	background-position: top left;
	height: 6px;
}
.sideMenuTopRight {
	background-image: url(../images/greytopright.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 6px;
}
.sideMenuBottomLeft {
	background-image: url(../images/greybottomleft.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
	height: 6px;
}
.sideMenuBottomRight {
	background-image: url(../images/greybottomright.gif);
	background-repeat: no-repeat;
	background-position: bottom right;
	height: 6px;
}
.editCell {
	vertical-align: top;
	padding-top: 5px;
	padding-bottom: 5px;
}
.footerCell {
	height: 19px;
	background-color: #373737;
}
.loginCell {
	font: 10px verdana;
	color:#333333;
	padding-left: 20px;
}
.form {
	font: 10px verdana;
	color:#333333;
}
.sideMenuPrimary {
	padding-left: 8px;
	padding-top: 10px;
}
.sideMenuPrimary a:link, .sideMenuPrimary a:visited {
	font: 11px verdana;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.sideMenuPrimary a:hover {
	font: 11px verdana;
	font-weight: bold;
	color: #f5921f;
	text-decoration: none;
}
.sideMenuSecondary {
	padding-left: 14px;
	padding-top: 5px;
}
.sideMenuSecondary a:link, .sideMenuSecondary a:visited {
	font: 10px verdana;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.sideMenuSecondary a:hover {
	font: 10px verdana;
	font-weight: bold;
	color: #f5921f;
	text-decoration: none;
}
.welcomeCell {
	padding-right: 8px;
	padding-bottom: 4px;
}
#adminTable {
	width: 100%;
	color: #333333;
}
#adminTable th {
	font: 12px verdana;
	font-weight: bold;
	color:#FFFFFF;
	background-color: #3C66BA;
	text-align: left;
	padding: 1px;
}
#adminTable td {
	padding: 1px;
	height: 16px;
}
.heading {
	font: 22px Trebuchet MS, Verdana bold;
	color:#333333;
}
.subHeading {
	font: 14px Trebuchet MS, Verdana bold;
	color:#333333;
	font-weight: bold;
}
.listBold, .listBold a:link, .listBold a:visited {
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
.listBold a:hover {
	color: #f5921f;
	text-decoration: none;
}
.iconLink td {
	padding-right: 15px;
	padding-bottom: 15px;
}
.iconLink img {
	border: none;
}
.iconLink a:link, .iconLink a:visited {
	text-decoration: none;
	color: #333333;
}
.iconLink a:hover {
	color: #333333;
	text-decoration: underline;
}

.orangeText { 
	color: #f5921f;
	font: 10px verdana bold;
}
.redText { 
	color: #ff3232;
	font: 10px verdana bold;
}
div.product {
	float: left;
	width: 175px;
	height: 225px;
	text-align: center;
	display:block;
	margin: 7px;
}
div.clean {
	clear: both;
}

ul.users {
	list-style: none;
	width: 100%;
	margin: 0;
	padding:0;
}

ul.users li {
	background: #FFFFFF;
	width: 100%;
	color: #333333;
	padding: 2px;
	vertical-align: middle;
	height: 16px;
}

ul.users li.odd {
	background: #EBEBEB;
}

ul.users li:hover, ul.users li.title {
	background: #f5921f;
	width: 100%;
	color: #FFFFFF;
	vertical-align: middle;
	height: 16px;
}

ul.users li span, ul.users li.odd span {
	width: 150px;
	height: 20px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
	overflow: hidden;
}
input, select, textarea {
	font: 10px verdana;
}
.formText {
	width: 180px;
}

.formText:disabled {
	background: #EFEFEF;
	font: 10px verdana;
	border: solid 1px;
}
#sort {
	width: 10px;
}
.orderSizing input {
	width: 40px;
}
.inputError {
	color: #FF0000;
}
.removeCharge {
  cursor: pointer;
  color: #FF0000;
  text-decoration: underline;
}
.removeCharge:hover {
  text-decoration: none;
}

.addRemoveButtons {
	bottom: 0;
	float: right;
}
.addRemoveButtons a {
	width: 32px;
	height: 32px;
	display: block;
	opacity: 80;
	filter: alpha(opacity = 80);
	-moz-opacity: 0.8;
	float: left;
	margin: 0px 8px;
}
.addRemoveButtons a:hover {
	opacity: 100;
	filter: alpha(opacity = 100);
	-moz-opacity: 1;
}
.addButton {
	background: url(../images/Add_32x32.png) no-repeat;
}
.printButton {
	background: url(../images/Print_32x32.png) no-repeat;
}
.removeButton {
	background: url(../images/Delete_32x32.png) no-repeat;
}

.listTable {
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
	width: 100%;
	color: #333333;
	margin-bottom: 20px;
}

.listTable th {
	font: 11px verdana;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #3C66BA;
	text-align: left;
	/*padding: 2px;*/
	padding: 2px 0 2px 2px;
	border:1px solid;
}

.listTable .alternate {
	background-color: #ebebeb;
}

.listTable .over {
	background-color: #EEFEC2;
}

.listTable .selected {
	background-color: #c6d8f1;
}

.listTable td {
	padding: 2px;
}

.popupContainer {
	position:fixed;
	width:100%;
	height:100%;
	top: 0px;
	left: 0px;
	/*z-index:101; hide for editorder auto finder //pallabi */
}
.popupContainer * {
	padding:0;
	margin:0;
}
.popupContainer table.popupTable {
	width: 530px;
	position: relative;
	border-collapse: collapse;
}
.popup-content {
	background: #FFF;
}
.popup-title {
	height: 20px;
	background: #3C66BA;
	border: 1px solid #243E72;
	font-size: 16px;
	padding: 3px;
	color: white;
}
.popup-text {
	height: 30px;
	padding: 8px;
}
.popup-fluent {
	padding: 8px;
}
.popup-fixed {
	height: 400px;
	padding: 8px;
}
.popup-topleft {
	background: url(../images/popup-topleft.png) no-repeat;
	width: 10px;
	height: 10px;
}
.popup-topright {
	background: url(../images/popup-topright.png) no-repeat;
	width: 10px;
	height: 10px;
}
.popup-bottomleft {
	background: url(../images/popup-bottomleft.png) no-repeat;
	width: 10px;
	height: 10px;
}
.popup-bottomright {
	background: url(../images/popup-bottomright.png) no-repeat;
	width: 10px;
	height: 10px;
}
.popup-border {
	background-image: url(../images/popup-border.png);
}

.popupContainer .form {
	font: 10px verdana;
	color: #333333;
	border: 1px solid #c4c4c4;
}
.form-input, select {
	border: 1px solid #c4c4c4;
}
.form-input, select, select optgroup, select optgroup option {
	font: 10px verdana;
	color: #333333;
}
select optgroup {
  font-weight: bold;
  margin-bottom: 5px;
}
select optgroup option {
  padding-left: 5px;
}
.form-input:focus, select:focus {
	border: 1px solid #243E72;
}
.form-tiny {
	width: 30px;
}
.form-small {
	width: 60px;
}

.form-medium {
	width: 200px;
}

.form-large {
	width: 400px;
}

.form-textarea-small {
	font: 10px verdana;
	color: #333333;
	width: 200px;
	height: 80px;
}

.form-textarea-medium {
	font: 10px verdana;
	color: #333333;
	width: 300px;
	height: 100px;
}

.form-textarea-large {
	font: 10px verdana;
	color: #333333;
	height: 300px;
	width: 400px;
}

.form-submit {
	background-color: #3C66BA;
	border-color: #DDD #333 #333 #DDD;
	border-style: solid;
	border-width: 1px;
	color: #FFFFFF;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	padding: 2px 15px 3px;
	text-align: center;
}
.form-submit-login {
	width: 120px;
}

.form-cancel, .form-button {
	background-color: #DDD;
	border-color: #D9DFEA #0E1F5B #0E1F5B #D9DFEA;
	border-style: solid;
	border-width: 1px;
	color: #000;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	font-size: 11px;
	padding: 2px 15px 3px;
	text-align: center;
}

fieldset {
	padding: 2px;
	margin-bottom: 20px;

}
fieldset.fieldset-main {
	border: 1px solid #c4c4c4;
	background-color: #F4F7F9;
}
fieldset.fieldset-nobackground {
	background: none;
}
fieldset legend {
	padding: 0 2px;
	font-weight: bold;
	font-size: 11px;
}
fieldset a {
	font-weight: normal;
	font-size: 10px;
	color: #0392CE;
}
legend.legend-secondary {
	margin-top: 20px;
}
.addEditTable tr td.fieldName {
	width: 100px;
	vertical-align: top;
	padding: 8px 3px 0px 0px;
	font-weight: bold;
}
.addEditTable tr td.fieldName em {
	font-weight: bold;
	color: #FF0000;
}

.addEditTable tr td {
	padding: 5px 0;
}

div.tooltipHolder {
	/*width: 250px;*/
	min-width: 180px;
	max-width: 300px;
}

div.tooltipHolder .tip-top {
	background: url(../images/bubble-200.png) top left;
	height: 8px;
}

div.tooltipHolder .tip-bottom {
	background: url(../images/bubble-200.png) bottom right;
	height: 8px;
}

div.tooltipHolder .tip {
	background: url(../images/bubble-200.png) 0px -8px;
}

div.tooltipHolder .tip .tip-title {
	font-weight: bold; color : white;
	padding: 0px 3px 0px 3px;
	color: white;
}

div.tooltipHolder .tip .tip-text {
	color: #DDD;
	padding: 0px 3px 0px 3px;
}

.pagination {
	float: right;
	margin-bottom: 2px;
}
.pagination ul{
	float: right;
	margin: 0px;
}
.pagination li{
	float:left;
}
.pagination a {
	padding: 4px;
	color: #999;
	text-decoration: none;
}
.pagination ul li#page a {
	text-decoration: underline;
}
.paginationSummary {
	float: left;
	color: #999;
	/*margin-left: -450px;
    position: absolute;*/
	margin-bottom: 2px;
}

.innerfct .paginationSummary {
	margin-left:-250px !important;
}

.inneroth .paginationSummary {
	margin-left:-395px !important;
}

dd,dt,li,dl,ol,ul {
	list-style: none
}
.tooltipTable {
	overflow: hidden;
	white-space: nowrap;
	/*margin-right: 20px;*/
	margin-right:5px;
}
.partialRow {
	background-color: #f8edba;
}
.notviewedRow {
	background-color: #f8baba;
}
.tip-text span {
	color: #FF5050;
}
.form-textarea-communication {
	width: 400px;
	height: 100px;
}
#communication tr td {
	border-top: 1px solid #EEE;
}
div.multiselect {
	overflow:hidden;
	background-image:url('../images/dd.png');
	width:200px;
	background-repeat:no-repeat;
	background-position:right;
	border: 1px solid #C4C4C4;
	height: 12px;
	padding: 2px;
	background-color: white;
}

div.options {
	border: 1px solid gray;
	width:200px;
	position:absolute;
	background-color:white;
	max-height: 400px;
	overflow-y: auto;
	z-index: 4000;
}
div.options label {
	text-align: left;
	padding: 1px;
}
div.options label input{
	margin-right: 2px;
}

div.options label.hover {
	background-color: #3399ff;
	color: white;
}

div.options label.selected {}

/*.f-nav {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
}
*/
/* .listTable { border-spacing:0;} 
.listTable thead { background-color:grey; border: 1px solid black;text-align:left }   
.listTable tbody td { background-color:#E5E4E2; border: 1px solid black; }  
.sctable .listTable thead { position:absolute;margin-top:-20px; } 
.sctable { margin-top:30px; height:400px;overflow-y:scroll; width:1100px  }   */

  /*td.sctable #form1 {
  width: 1090px;
  height:500px;
} */

.listSelect > select{
	max-width:140px;
}

.cmtlistSelect > select{
	width:120px;
}

.listInput {
	width:100px;
}

.dtstyle {
    display: block;
    /*width: 108px;*/
	width:70px;
}
.appdate{ color: #000; font-style: italic; font-weight: bold; text-decoration: underline; cursor:pointer; }
.appdate > input {width: 70px;}

.colsp > select { width:100px; }


/***********Tooltip**********/

.headRow{
    display:table-row;
	font-weight:bold;
}
.divTable{
  display:table;         
  width:auto;         
 /* background-color:#eee;         
  border:1px solid  #666666;  */       
  border-spacing:5px;
}
.divRow{
  display:table-row;
  width:auto;
  clear:both;
  /*background-color:#ccc;*/
}
.divCell{
  display:table-cell;         
  width:100px;         
}
.ttdivCell{
  display:table-cell;         
  width:100px;         
  border-top: 1px solid #fff;
}

.listTable td {
	height: 16px;
}
.subRow {
	color: #FF0000;
}
.subRow td {
	vertical-align: top;
}
.subRowCustomer {
	color: #00B050;
}
.subRowAdministrator {
	color: #0000FF;
}
.subRowFactory {
    color: #FF0000;
}

/********************************* Start Order Scroller Css *******************************/
input.smdt {
	width:60px;
    /*width: 74px;*/
}

.inner table {
  table-layout: inherit; 
  width: 100%;
  *margin-left: -100px;/*ie7*/
}
/*.inner td, .inner th {*/

.inner th.afixa, .inner th.afix, .inner th.afix1, .inner th.afix2, .inner th.afix3, .inner th.afix4, .inner th.afix5, .inner th.afixft, .inner th.afixoth, .inner th.afixoth1 {
	border-bottom: 0 none;
    border-top: 0 none;
    height: 39px;
    line-height: 38px;
    padding: 0;
    vertical-align: middle;
	}
	.inner th.afixa {
   /* padding-bottom: 1px;
    padding-left: 0;
    padding-right: 0;
    top: 39px;
    width: 10px;*/
	height:0;
		}
.inner .afixa, .inner .afix, .inner .afix1, .inner .afix2, .inner .afix3, .inner .afix4, .inner .afix5, .inner .afixft, .inner .afixoth, .inner .afixoth1{
	vertical-align: middle;
	padding: 4px 0;
	/*padding: 11px 0;
	border-top: 1px solid #ccc; */  
	position:absolute;
	*position: relative; /*ie7*/
	left:0; 
	/*width:10px;*/
	width:2px;
}

.inner th.afix1 input { margin: 10px 0 0;}
.inner td.afix1 input { margin-top: 0;}

.inner .afix1 {
  left:2px; 
  width:25px;
}

.inner .afix2 {
  left:27px; 
  width:75px;
}

.inner .afix3 {
  left:102px; 
  width:85px;
}

.inner .afix4 {
	/* left:310px; */
  left:187px; 
  width:135px;
}

.inner .afix5 {
  left:322px; 
  width:130px;
}

.inner .afixft {
	left:102px;
	width:150px;
}

.inner .afixoth {
	left:102px;
	width:150px;
}

.inner .afixoth1 {
	left:252px;
	width:150px;
}

.outer {position:relative; width:870px; }

.inner {
  overflow-x:scroll;
  overflow-y:hidden;
  /*overflow-y:visible;
  width:850px; */
  width:600px;
  margin-left: 452px;
}

.innerfct {
	margin-left: 252px !important;
	width:800px !important;
}

.inneroth {
	margin-left: 402px !important;
	width:650px !important;
	/*width:700px !important;*/
}

.listTable .alternate .afixa, .listTable .alternate .afix1, .listTable .alternate .afix2, .listTable .alternate .afix3, .listTable .alternate .afix4, .listTable .alternate .afix5, .listTable .alternate .afixft, .listTable .alternate .afixoth, .listTable .alternate .afixoth1 {
	background-color:#ebebeb
}

.listTable .selected .afixa, .listTable .selected .afix1, .listTable .selected .afix2, .listTable .selected .afix3, .listTable .selected .afix4, .listTable .selected .afix5, .listTable .selected .afixft, .listTable .selected .afixoth, .listTable .selected .afixoth1 {
    background-color: #c6d8f1;
}

.listTable .over .afixa, .listTable .over .afix1, .listTable .over .afix2, .listTable .over .afix3, .listTable .over .afix4, .listTable .over .afix5, .listTable .over .afixft, .listTable .over .afixoth, .listTable .over .afixoth1 {
	background-color: #EEFEC2;
}

.notviewedRow .afixa, .notviewedRow .afix1, .notviewedRow .afix2, .notviewedRow .afix3, .notviewedRow .afix4, .notviewedRow .afix5, .notviewedRow .afixft, .notviewedRow .afixoth, .notviewedRow .afixoth1 {
    background-color: #f8baba;
}

.partialRow .afixa, .partialRow .afix1, .partialRow .afix2, .partialRow .afix3, .partialRow .afix4, .partialRow .afix5, .partialRow .afixft, .partialRow .afixoth, .partialRow .afixoth1 {
    background-color: #f8edba;
}
/********************************* End Scroller Css *******************************/


.moveRgt {
	margin-right: -164px;
	}