@import url("/ai-vendor-inquiry/javax.faces.resource/reset.css.xhtml?ln=css");

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

body {
	background: #6e6259;
	color: #666254;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px
}

a {
	color: #666254;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* HEADER STYLES */
#oHeader {
	width: 100%;
	height: 102px;
	background-color: white;
}

#header {
	width: 1002px;
	margin: 0 auto;
	position: relative;
}

#subheader {
	color: #6e6259;
	font-size: 34px;
	font-weight: bold;
	position: absolute;
	right: 0;
	text-align: right;
	top: 29px;
}

#logo {
	position: absolute;
}

#logo .logoScreen {
}

#logo .logoPrint {
	display: none;
}

#tNav {
	float: right;
	margin: 2px 0;
}

#tNav li {
	float: left;
	margin: 0 10px;
	list-style: none;
}

#tNav li a {
	color: #666254;
	display: block;
	padding: 0;
}

#tNav li a.on {
	color: #3ea8b5;
}

#tNav li a:hover {
	color: #3ea8b5;
	text-decoration: none;
}

/* MAIN NAV STRUCTURE STYLES */
#wContent {
	position: relative;
	padding: 30px 0;
	background: url("/ai-vendor-inquiry/javax.faces.resource/bg_entry.png.xhtml?ln=images") top left repeat-x;
	color: #363736;
	margin-bottom: 100px
}

#wContent p {
	color: #363736;
	margin-bottom: 15px;
	line-height: 1.5em;
}

#wContent div.intro p {
	line-height: 1.5em;
	margin: 0 200px 30px 0;
}

#wContent table {
	width: 100%;
	border: none
}

#wContent .inputArea table {
	width: auto;
}

#wContent .inputArea td.label {
	padding-right: 25px
}

#wContent thead {
	background: #E9EDF1;
	border-top: 1px solid #D8DCDE;
	border-bottom: 1px solid #D8DCDE;
	font-weight: bold;
}

#wContent thead th {
	text-align: left
}

#wContent thead th.filter {
	font-weight: normal
}

#wContent thead th.filter a {
	font-weight: normal
}

thead th a {
	color: #363636;
	text-decoration: none
}

thead th a:hover {
	text-decoration: underline
}

#wContent th,#wContent td {
	vertical-align: middle;
	white-space: normal;
	padding: 2px 5px;
	border: none;
}

#wContent .action-column,#wContent .action-column {
	width: 21px;
}

#wContent .inputArea .col1 {
	vertical-align: top;
	padding-top: 8px
} /* Input area field labels */
#wContent .ui-picklist td {
	padding: 0px
} /* These two avoid extra */
#wContent .ui-picklist .ui-button {
	margin: 5px;
} /* padding on picklists */
#wContent th {
	color: #363636;
	font-weight: bold
}

#wContent th.filter {
	vertical-align: top;
}

#wContent tr {
	border: none;
	height: 30px
}

#wContent div.full {
	width: 100%
}

#wContent div.large {
	width: 700px
}

#wContent div.medium {
	width: 370px
}

#wContent div.small {
	width: 175px
}

tr.rowHighlight {
	background-color: #DEE7F0 !important;
	cursor: pointer
}

#oContent {
	background: color: #6e6259 none repeat scroll 0 0;
	height: auto;
	overflow: hidden;
	width: 100%;
}


#oContent h1 {
	color: #6A8397;
	font-size: 210%;
	font-weight: normal;
	margin: 0 0 5px 5px;
	line-height: 1.5em;
	display: inline
}

#oContent img {
	vertical-align: text-bottom;
}

#oContent h2 {
	color: #6A8397;
	font-size: 150%;
	text-transform: uppercase;
	padding: 10px 0;
	font-weight: normal
}

#iContent {
	width: 1032px;
	margin: 0 auto;
	background: #FFF;
	border-left: 1px solid #c1c6ca;
	border-right: 1px solid #c1c6ca;
	padding-bottom: 150px;
	height: auto;
	overflow: hidden;
}

#iContent div.nobg {
	background: none;
}

#iContent div.noTopPadding {
	padding-top: 0;
}

/* BACK BUTTON */
div.backButton {
	font-weight: bold;
	text-transform: uppercase;
	margin-top: -30px;
	padding-bottom: 20px;
	font-size: 12px
}

div.backButton a {
	display: block;
	width: 82px;
	height: 29px;
	line-height: 29px;
	text-align: center;
	background: url("/ai-vendor-inquiry/javax.faces.resource/bg_back.png.xhtml?ln=images") no-repeat;
}

/* FOOTER STYLES */
#oFooter {
	height: 130px;
	margin-top: -100px;
	position: relative;
	width: 100%;
}

#iFooter {
	width: 852px;
	margin: 0 auto;
	padding: 45px 0 0 150px;
	height: auto;
	overflow: hidden;
}

#iFooter div.copyrightLinks {
	float: left;
	width: 250px;
	margin: 18px 35px 0 0;
	font-size: 12px;
	color: #70737f;
}

#iFooter div.spacer {
	float: left;
	display: block;
	width: 184px;
	height: 1px;
	margin: 0 45px 0 0;
}

#iFooter div.copyrightLinks li {
	float: left;
	margin-right: 10px;
}

#iFooter div.copyrightLinks a {
	color: #7794aa;
}

/* TAB STYLES */
div.ui-tabs-hide {
	display: none;
}

div.inputArea {
	clear: left;
	padding: 10px 30px;
	width: auto;
}


div.inputArea .ui-widget-content {
	background: transparent
}

textarea {
	height: 100px;
	font-family: Arial, Helvetica, sans-serif;
}

textarea.short {
	height: 19px
}

textarea.tall {
	height: 200px
}

#wContent input,#wContent input[type="text"],.filter input[type="text"]
	{
	height: 1.75em;
	margin: 0
}

[disabled],[readonly] {
	color: #333 !important
}

#oContent div.section>h2 {
	text-transform: none;
	font-weight: bold;
	font-size: 13px;
	color: #666254;
	background: url("/ai-vendor-inquiry/javax.faces.resource/bg_index_hdr.png.xhtml?ln=images") 
		repeat-x top;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border: 1px solid #CCC;
	box-shadow: 0 0 2px #CCC;
	height: 12px;
	padding-left: 10px
}


#oContent div.section>div.content {
	padding: 17px;
	background: white url("/ai-vendor-inquiry/javax.faces.resource/bg_index.png.xhtml?ln=images") repeat-x
		bottom;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border: 1px solid #CCC;
	box-shadow: 0 0 2px #CCC;
}

div.section+h2 {
	margin-top: -27px
}

div.inputArea .inputCol {
	float: left;
	width: 205px;
	margin-right: 10px;
}

div.inputArea .inputCol {
	width: 47%;
	margin-right: 10px;
}

div.inputArea .section.inputCol {
	margin-right: 0px;
}

div.inputArea .inputCol.right {
	padding-left: 10px;
	border-left: 1px solid #CCC;
}

div.inputArea .section.inputCol.right {
	border: none
}

select.large {
	width: 205px !important;
}

select.medium {
	width: 146px !important;
}

select.small {
	width: 105px !important;
}

select.xsmall {
	width: 65px !important;
}

/* Stylish select styling */
select+div.newListSelected {
	margin-bottom: 2px;
	display: block;
	text-align: left
}

select[disabled]+div.newListSelected .selectedTxt,select[readonly]+div.newListSelected .selectedTxt
	{
	color: #333
}

select.large+div.newListSelected {
	width: 205px !important;
}

select.medium+div.newListSelected {
	width: 146px !important;
}

select.small+div.newListSelected {
	width: 105px !important;
}

select.xsmall+div.newListSelected {
	width: 65px !important;
}

select+div.newListSelected .selectedTxt {
	height: 22px;
	padding-left: 8px;
	cursor: pointer;
	line-height: 22px;
	overflow: hidden;
	font-size: 12px;
}

select.large+div.newListSelected .selectedTxt {
	background: url("/ai-vendor-inquiry/javax.faces.resource/stylish_select_large.png.xhtml?ln=images")
		no-repeat
}

select.medium+div.newListSelected .selectedTxt {
	background: url("/ai-vendor-inquiry/javax.faces.resource/stylish_select_medium.png.xhtml?ln=images")
		no-repeat
}

select.small+div.newListSelected .selectedTxt {
	background: url("/ai-vendor-inquiry/javax.faces.resource/stylish_select_small.png.xhtml?ln=images")
		no-repeat
}

select.xsmall+div.newListSelected .selectedTxt {
	background: url("/ai-vendor-inquiry/javax.faces.resource/stylish_select_xsmall.png.xhtml?ln=images")
		no-repeat
}

select+div.newListSelected .newList {
	overflow: auto;
	background: #FFF;
	border-top: 1px solid #dad7ca;
	border-left: 1px solid #b8b7af;
	border-right: 1px solid #b8b7af;
	border-bottom: 1px solid #b8b7af;
	position: absolute;
	top: 22px !important;
	left: 0;
	z-index: 200;
	white-space: nowrap
}

select.large+div.newListSelected .newList {
	width: 203px !important;
}

select.medium+div.newListSelected .newList {
	width: 144px !important;
}

select.small+div.newListSelected .newList {
	width: 103px !important;
}

select.xsmall+div.newListSelected .newList {
	width: 63px !important;
}

select+div.newListSelected .newList li:hover {
	background-color: #DEE7F0
}

select+div.newListSelected .newList li a {
	display: block;
	padding: 2px 12px;
	color: #5e4f41;
	font-weight: normal;
	font-size: 12px;
	height: 15px
}

select+div.newListSelected .newList li a:hover {
	text-decoration: none
}

input,select,textarea,div.newListSelected {
	outline: none;
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out
}

input:focus,div.newListSelected:focus,textarea:focus,select:focus {
	box-shadow: 0 0 3px rgba(0, 0, 255, 1);
	-webkit-box-shadow: 0 0 3px rgba(0, 0, 255, 1);
	-moz-box-shadow: 0 0 3px rgba(0, 0, 255, 1);
}

#wContent input,input[type="text"],input[type="password"],#wContent textarea,select
	{
	border: 1px solid #cccccc;
	color: #363636;
	font-size: 12px;
	padding: 0 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: white url("/ai-vendor-inquiry/javax.faces.resource/bg_txtbox.png.xhtml?ln=images") top left
		repeat-x;
}

select {
	padding-right: 0
}

button,input[type="submit"],input[type="button"],input[type='reset'],#wContent .rf-fu-btn-add,#wContent .rf-fu-btn-upl,#wContent .rf-fu-btn-clr
	{
	padding: 3px 6px;
	font-size: 14px;
	border-radius: 8px;
	cursor: pointer;
	border: 1px solid #CCC;
	background: white url("/ai-vendor-inquiry/javax.faces.resource/bg_btn_submit.png.xhtml?ln=images") bottom
		left repeat-x;
	margin: 0 1px
}

button:hover,input[type="submit"]:hover,input[type="button"]:hover,input[type='reset']:hover
	{
	background: white url("/ai-vendor-inquiry/javax.faces.resource/bg_btn_submit.png.xhtml?ln=images") bottom
		left repeat-x;
}

button:focus,input[type="submit"]:focus,input[type="button"]:focus,input[type='reset']:focus,input[type="submit"]:hover,input[type="button"]:hover,input[type='reset']:hover
	{
	box-shadow: 1px 1px 1px #666
}

.autoWidth {
	width: auto !important
}

.fullWidth {
	width: 100% !important
}

.halfWidth {
	width: 48% !important
}

.hidden {
	display: none !important
}

.right {
	float: right !important;
	clear: none !important
}

.left {
	float: left !important;
	clear: none !important
}

input.small {
	width: 85px !important;
}

input.medium {
	width: 300px !important;
}

input.large {
	width: 600px !important;
}

input.full {
	width: 100% !important;
}

input.xsmall {
	width: 40px !important;
}

textarea {
	width: 600px
}

textarea.small {
	width: 200px !important
}

textarea.medium {
	width: 400px !important
}

textarea.large {
	width: 872px !important
}

th.small,td.small {
	width: 60px !important
}

th.medium,td.medium {
	width: 210px !important
}

th.large,td.large {
	width: 400px !important
}

div.headerTop {
	background-color: #bad739;
	height: 9px;
	overflow: hidden
}


#ajax-overlay {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	position: fixed;
	display: none
}

#ajax-progress {
	top: 3px;
	left: 3px;
	background: white;
	width: 130px;
	font-weight: bold;
	padding: 3px;
	background-color: #FFF;
	opacity: .6;
	filter: alpha(opacity = 60);
	color: black;
	display: none;
	position: fixed;
	z-index: 1010;
}

#ajax-progress img {
	vertical-align: bottom
}

/* jquery ui styling addendum */
#mNav .ui-menu.ui-widget-content .ui-icon {
	background-image:
		url("/ai-vendor-inquiry/javax.faces.resource/images/ui-icons_ffffff_256x240.png.xhtml?ln=primefaces-theme");
}

.ui-icon2 {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	width: 21px;
	height: 21px;
	background-image: url("/ai-vendor-inquiry/javax.faces.resource/icon_sprites2.png.xhtml?ln=images");
}

.ui-icon2.paperclip {
	background-position: 0px 0px;
}

.ui-icon2.gear {
	background-position: 0px -21px;
}

.ui-icon2.return {
	background-position: 0px -42px;
}

.ui-icon2.reply {
	background-position: 0px -63px;
}

.ui-icon2.bottom {
	background-position: 0px -84px;
}

.ui-icon2.chat {
	background-position: -21px 0px;
}

.ui-icon2.back {
	background-position: -21px -21px;
}

.ui-icon2.tag {
	background-position: -21px -42px;
}

.ui-icon2.replyAll {
	background-position: -21px -63px;
}

.ui-icon2.top {
	background-position: -21px -84px;
}

.ui-icon2.date {
	background-position: -42px 0px;
}

.ui-icon2.next {
	background-position: -42px -21px;
}

.ui-icon2.check {
	background-position: -42px -42px;
}

.ui-icon2.forward {
	background-position: -42px -63px;
}

.ui-icon2.dropdownArrow {
	background-position: -42px -84px;
}

.ui-icon2.unstar {
	background-position: -63px 0px;
}

.ui-icon2.refresh {
	background-position: -63px -21px;
}

.ui-icon2.trash {
	background-position: -63px -42px;
}

.ui-icon2.newWindow {
	background-position: -63px -63px;
}

.ui-icon2.mail {
	background-position: -42px -84px;
}

.ui-icon2.star {
	background-position: -84px 0px;
}

.ui-icon2.download {
	background-position: -84px -21px;
}

.ui-icon2.folder {
	background-position: -42px -42px;
}

.ui-icon2.print {
	background-position: -42px -63px;
}

.ui-icon2.filter {
	background-position: -84px -84px;
}

div.bodyCopy {
	clear: left;
	width: auto;
	padding: 10px 30px;
	min-height: 170px
}

#mNav .ui-menu-list {
	background-image: none;
	width: auto
}

/*  New stuff for mobile slide effects */
#contentArea>form {
	float: left;
	vertical-align: top;
	width: 50%;
	transition: all 800ms cubic-bezier(0.770, 0.000, 0.175, 1.000);
	/* easeInOutQuart */;
}

#contentArea {
	width: 200%;
}

#contentArea:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

#displayMode {
	display: block;
	position: absolute;
	left: -1000px;
}

#displayMode[checked="checked"] ~ #listForm {
	margin-left: -50%;
}

#oContent .ui-datatable th.action-column {
	font-size: 1.5em;
	text-align: center;
}

#dataFormHead {
	margin-left: 10px;
}

.ui-paginator {
	border-bottom: none;
	border-top: none;
	border-radius: none;
}

.ui-state-active {
	background-color: #aaa !important;
	color: white !important;
}

.panelList label {
	display: inline-block;
	width: 140px;
	height: 2em;
}

.panelList input {
	display: inline-block;
	margin-right: 27px !important;
}

.filterPanelList label {
	display: inline-block;
	width: 150px;
	height: 2em;
}

.filterPanelList input {
	display: inline-block;
	margin-right: 27px !important;
}


#errorsDialog {
	width: 40% !important;
	height: 200px;
}

#errorDataTable {
	width: 100%;
	height: 200px;
}

#errorDetailsDV {
	padding-top: 10px;
	padding-left: 10px;
	font-weight: bold
}

#materialList {
	width: 1032px;
	overflow: auto;
}

.materialCode {
	width: 100px;
}

.materialBatch {
	width: 100px;
}

.materialPlant {
	width: 100px;
}

.materialNotes {
	width: 400px;
	word-break: break-all;
}

.qualityComments {
	width: 210px;
	word-break: break-all;
}

.materialCodeDescription {
	width: 310px;
}

#materialList table {
	width: 3000px;
}

#userIdEditInput {
	width: 32.5% !important;
}

#statusReasonCodeEditInput {
	width: 300px;
}

#functionalGroupEditInput {
	width: 300px;
}

#statusGroupEditInput {
	width: 300px;
}

#regionEditInput {
	width: 300px;
}

#statusEditInput {
	width: 300px;
}

#materialCodeDescription {
	width: 412px;
}

#statusFromEditInput {
	width: 300px;
}

#statusToEditInput {
	width: 300px;
}

#groupOwnerFilterInput {
	width: 310px;
}

#notAuthorizedToApplicationMessage {
	font-size: xx-large;
	text-align: center;
}

#notAuthorizedToApplicationInstructions {
	font-size: large;
	text-align: center;
}

#notAuthorizedToPageMessage {
	font-size: xx-large;
	text-align: center;
}

#notAuthorizedToPageInstructions {
	font-size: large;
	text-align: center;
}

#functionalGroupFilterInput {
	width: 310px;
}

#statusGroupFilterInput {
	width: 310px;
}

#plantFilterInput {
	width: 310px;
}

#regionFilterInput {
	width: 310px;
}

#batchFilterInput {
	width: 303px;
}

#statusFilterInput {
	width: 310px;
}

#statusDateFilterInput {
	width: 303px;
}

#holdDateFilterInput {
	width: 303px;
}

#quantityFilterInput {
	width: 303px;
}

#unitFilterInput {
	width: 303px;
}

#costFilterInput {
	width: 303px;
}

#currencyFilterInput {
	width: 303px;
}

#reserveDollarsFilterInput {
	width: 303px;
}

#reservePercentFilterInput {
	width: 303px;
}

#previousStatusFilterInput {
	width: 310px;
}

#usageDecisionFilterInput {
	width: 310px;
}

#groupOwnerEditInput {
	width: 300px;
}

#emailFilterInput {
	width: 303px;
}

.filterDateFromToInput input{
	width:80px !important;
}

.filterDateToLabel{
	width:20px !important;
}


#omNav {
	background: #4ccede none repeat scroll 0 0;
	width: 100%;
	height: 25px;
}

#mNav>ul>li>a,#mNav>ul>li>label {
	screen-background: rgba(0, 0, 0, 0)
		url("/ai-vendor-inquiry/javax.faces.resource/bg_mnav_a_teal.png.xhtml?ln=images") no-repeat scroll left
		center;
	font-weight: bold;
}

#mNav li ul {
	z-index: 1000;
	background-color: #bad739;
	position: absolute;
	width: 130px;
	left: auto;
	display: none;
	box-shadow: 2px 2px 2px #666;
	margin-left: 2px
}

#mNav li.link:hover {
	background-color: #338c7d !important
}

#wContent div.contentWindow h2 {
	height: 36px;
	font-size: 100%;
	color: #666254;
	line-height: 36px;
	padding: 0 18px;
	margin: 0 0;
	border: 1px outset #CCC;
	border-radius: 6px 6px 0 0;
	border-bottom: none;
	text-transform: none
}

#omNav .ui-widget-content {
	border: none;
	background: #4ccede none;
}
#omNav .ui-menu .ui-menuitem-link.ui-state-hover {
	background-color: #3ea8b5;
	width: auto;
}
#qualityCommentsEditInput{
	width: 95%;
}
.descLarge {
	width: 180px;
}