@charset "UTF-8";


html {
	background-color: #F0F0F0;	
	font-family: arial,sans-serif;
	font-size: small;
	height:100%;
}


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}
table{
	border-collapse:collapse;
}
h1,h2,h3,h4,h5{
		text-align:left;
}
img{
	border: none;
}


table tr td{padding:.15em 1.5em .15em 0;}
table tr th{padding:.15em 1.5em .15em 0;text-align:left;}
form{width:auto;}
input[type=text],input[type=password]{	height:1.5em;}
input[type=button],input[type=submit],input[type=reset],input[type=file]{padding:.1em .5em .1em .5em}
input[type=checkbox]{padding-right:.5em}
input[disabled], input[readonly], select[disabled], select[readonly], checkbox[disabled], checkbox[readonly], textarea[disabled], textarea[readonly],div.disabled
{
	background-color: #dcdcdc;
	border: gray 1px solid;
	color: #000000;
	cursor: default;
	text-shadow: none;
}
input,select{
	font-size:inherit;
}
textarea{
	font-family: MS Shell Dlg,arial,sans-serif;
	font-size:inherit;
	resize:none;
	overflow: auto; 
}
div.disabled{
	padding:.1em .5em .1em .5em;
	display:inline;
}

h4{
	color:gray;
	font-style:normal;
}

a:link {
	color: #666;
}
a:visited {
	color: #039;
}
a:hover {
	color: #09C;
}

#wrapper {
	display: block;
	width: 970px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	border-right-width: medium;
	border-left-width: medium;
	border-right-style: groove;
	border-left-style: groove;
	border-right-color: #666;
	border-left-color: #666;
	min-height:100%;
}
.page_heading {
	margin: 0px;
	padding: 0px;
}

#appTitle{
	position: absolute;
	top:90px;	
	margin-left:400px;
	color:#444;
	width:500px; 

}

.content_body {
	width: 97%;
	min-height: 425px;
	margin: 15px;
	padding: 0px;
}

#text_content {
	display:block;
	width: 345px;
	color: #333;
	margin: 3px;
	height: 125px;
	position: absolute;
	z-index: 5;
	top: 120px;
	right: 10px;
	font-size: 12px;
	text-align: left;
}

#text_contentII {
	display:block;
	width: 500px;
	color: #333;
	margin: 3px;
	height: 100px;
	position: absolute;
	z-index: 5;
	top: 122px;
	right: 0px;
	font-size: 12px;
	text-align: left;
}

#navigate {
	background-image: url(../images/nav_bg.jpg);
	width: 100%;
	height: 18px;
	font-size: 12px;
	font-weight: bold;
	margin: 0px;
    padding: 0px;
	text-align:left;
	text-indent:10px;
}

#headr {
	width: 100%;
/* 	height: 112px; */
}

#floatr {
	z-index: 6;
	position: absolute;
	top:145px;
	right: 25px;
}

.site_map {
	bottom: 30px;
	width: 100%;
	font-size: 10px;
	color: #333;
	display: block;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}



a.roll_home {
	display: inline-block;
/*	width: 100px;*/
	height: 14px;
	text-decoration: none;
}

a.roll_home:hover {
	background-color:#039;
	text-decoration: none;
}
	
a.roll_link {
	display: inline-block;
/*	width: 130px;*/
	height: 16px;
	color:#039;
	margin-top: 1px;
	text-decoration: none;
	padding-right:10px;
	
}

a.roll_link:hover {
	background-color:#039;
	height: 16px;
	color:#E7E7E7;
	margin-top: 1px;
	text-decoration: none;
}

.displace {
	position: absolute;
	left: -5000px;
}

.required {
	color: red;
}

.dataTables_info{
	text-align:right;
	vertical-align:middle;
	color:#3383BB;
	font-weight:bold;
	background-color: white;
	padding: .5em;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius:6px;
}


#appMessage{
	min-height:1.5em;
	vertical-align:middle;
	padding-left:1em;
	margin-bottom:1.5em;
}

#appMessage.error{
	background-color: red;
	color:white;
	font-weight:bold
}

#appMessage.info{
	background-color: #00853f;
}

#appMessage.warn{
	background-color: yellow;
	color:white;
	font-weight:bold
}

.footr {
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #039;
	padding:.25em 2em .25em;
	font-size:.8em;
	margin-top:3em;
}

.appName{
	margin-left:-10em;
	font-weight:bold;
	color:#003399;
}

.appUser{
	margin-left:-20em;
	font-weight:bold;
	color:#003399;
}
.menuItem{
	padding-left:.5em;
	padding-right:.5em;
	border-left:1px solid #00853f;
}
.rightWrapper{
	width:100%;
	margin: auto 0;
	text-align:right;
}

.centerWrapper{
	width:100%;
	margin: 0 auto;
	text-align:center;
}

#navigate a:link {
	text-decoration: none;
	color:#003399;
}
#navigate a:visited  {
	text-decoration: none;
	color:#003399;
}
#navigate a:hover {
	color:blue;
}

#vendorHome{
	width:58em;
}
a.vendorHome ,a.vendorHome:visited{
	color: #039;
}


table.poTable{
	padding-top:2em;
	font-size:.9em;
	width:100%;	
}

table.poTable th{
	text-align:center;
	vertical-align: middle;
}
table.poTable th.left{
  text-align:left;
}
table.poTable th.tableHead{
	color:white;
	font-weight: bolder;
}
table.poTable thead{
	background-color: #3399FF;
	border-top:1px solid blue;
}
table.poTable tbody tr{
	background-color:#F5F5F5;
	border-bottom:1px solid #CACCCD;
}
table.poTable tbody tr.alt{
	background-color: #DDEEFF;
	border-top:1px solid #CACCCD;
	border-bottom:1px solid #CACCCD;
}

#main{
	margin-left:1em;
	margin-right:1em;
}

.poSearch{
	font-size:.9em;
}

input[type=button].link,input[type=submit].link {
    background:none;
    border:none; 
    padding:0;
    /*border is optional*/
    color:#003399;
    outline: none;
    -moz-outline-style: none;
}
input[type=button].link:hover,input[type=submit].link:hover {
    cursor: pointer;  
     outline: none;
    -moz-outline-style: none;  
}

input[type=button].a-link,input[type=submit].a-link {
    background:none;
    border:none; 
    padding:0;
    /*border is optional*/
    color:#003399;
    font:inherit;
    text-decoration: underline;
    outline: none;
}
input[type=button].a-link:hover,input[type=submit].a-link:hover {
    cursor: pointer;
    color:blue;
    text-decoration: underline;
    outline: none;
}

input[type=button].a-link::-moz-focus-inner,input[type=submit].a-link::-moz-focus-inner {
   border : 0px;
}

td.checkbox{
	text-align:center;
	vertical-align: middle;
}
.fieldError{
	color: #000;
	background-color: #ffEEEE;
	border: thin solid #ff0000;
	padding: 2px;	
}

.fieldErrorBlock{
	color: red;
	background-color: #ffEEEE;
	border: thin solid #ff0000;
	padding: 2px 2px 2px 20px;
	font-weight:bolder;
	display:block;	
	text-align: left;
	background-position:2px 2px;
	background-repeat: no-repeat;
	background-image: url(../images/error.png);	
}
label.error{
	color:red;
	font-weight:bolder;
}

#supplierUpdateForm{
	font-size:.85em;
}


table.supplierUpdateForm th{
	text-align:left;	
	vertical-align: middle;
}
table.supplierUpdateForm th.qty{
	text-align:right;	
	vertical-align: middle;
}
table.supplierUpdateForm th.left{
  text-align:left;
}
table.supplierUpdateForm th.tableHead{
	color:white;
	font-weight: bolder;
}
table.supplierUpdateForm thead,table.supplierUpdateForm tbody tr.headerRow{
	background-color: #3399FF;
	border-top:1px solid blue;
}
table.supplierUpdateForm tbody tr,tr th.row{
	background-color:#F5F5F5;
	border-bottom:1px solid #CACCCD;
}
table.supplierUpdateForm tbody tr.alt{
	background-color: #DDEEFF;
	border-top:1px solid #CACCCD;
	border-bottom:1px solid #CACCCD;
}


.cpyAll{
	background-image: url(../images/copy16x16.png);	
	background-position:center right;
	background-repeat: no-repeat;	
}


.noCpy:hover{
    cursor:url(../images/copy16x16.png),pointer;
     outline: none;
    -moz-outline-style: none;  
    
}

input.error{
	color: red;
	border-color: red;
}

input.xlsxButton{
	
	background-image: url(../images/excel32.png);	
	background-position:center right;
	background-repeat: no-repeat;	
	background-color: transparent;	
	color : #fff;
	border : none;
	font-size:0;
	width:32px;
	height:32px;
}
input.xlsButton{
	background-image: url(../images/excel-legacy32.png);	
	background-position:center right;
	background-repeat: no-repeat;
	background-color: transparent;	
	color : #fff;
	border : none;
	font-size:0;
	width:32px;
	height:32px;
}

.supplierUploadResults tr th{
	text-align: right;
}

.tempLbl{
	font-size: smaller;
	width: 9em;
	vertical-align: top;
}