@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:#dce6ef; font-family:Arial, Helvetica, sans-serif; color:#666254; font-size: 12px }

a { color:#0073CB; text-decoration:none; }
a:hover { text-decoration:underline; }

/* HEADER STYLES */
#oHeader { width:100%; height:102px; background:url("/ai-vendor-inquiry/javax.faces.resource/bg_oheader.png.xhtml?ln=images") center -26px no-repeat #0073CB; border-top:3px solid #0073CB;}
#header { width:1002px; margin:0 auto; position:relative; }
#subheader { font-size: 34px; font-weight: bold; text-align: right; color: white; text-shadow: black 0.1em 0.1em 0.2em; top: 29px; position: absolute; right: 0}
#logo { position: absolute; top: 34px; left: 50px }
	#logo .logoPrint {display: none;}
#tNav { float:right; margin: 2px 0; }
	#tNav li { float:left; margin: 0 10px; list-style:none;}
		#tNav li a { display:block; color:#FFFFFF; font-size: 90%; letter-spacing: 0.04em; padding: 0; }
		#tNav li a.on { color:#c6a8a8; }
		#tNav li a:hover { color:#c6a8a8; text-decoration:none; }

/* MAIN NAV STRUCTURE STYLES */
#omNav { width:100%; height:25px; background:url("/ai-vendor-inquiry/javax.faces.resource/bg_omnav.png.xhtml?ln=images") repeat-x; }
	#mNav { clear:both; width:1002px; height:25px; margin:0 auto; z-index:99; }
		#mNav ul { white-space: nowrap; }
		#mNav > ul > li > a, #mNav > ul > li > label { font-weight:bold; background:url("/ai-vendor-inquiry/javax.faces.resource/bg_mnav_a.png.xhtml?ln=images") no-repeat left; }
		#mNav > ul > li { float:left; width: auto }
			#mNav > ul > li > ul { width: 178px}
			#mNav li a, #mNav li label { text-decoration: none; display:block; height:15px; font-family:Arial, Helvetica, sans-serif; font-size: 100%; color:#FFFFFF; text-transform:uppercase; padding:5px 20px 5px 10px; }
			#mNav li ul { z-index: 1000; background-color: #0073CB; position: absolute; width: 130px; left: auto; display: none; box-shadow: 2px 2px 2px #666; margin-left: 2px }
			#mNav li.link:hover { background-color: #003458 !important}
			
			
#wContent { position:relative; padding:30px 33px; background:url("/ai-vendor-inquiry/javax.faces.resource/bg_wcontent.png.xhtml?ln=images") top left repeat-x; color:#363736; }
	#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 thead { background: #E9EDF1; border: 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 tr { border: none }
	#wContent th, #wContent td { vertical-align: middle; white-space: normal; padding: 2px 5px; border: none; }
		#wContent th.action, #wContent td.action { width: 21px; }
	#wContent th { color: #363636 }
		#wContent th.filter { vertical-align: top; }	
	#wContent tr {height: 30px}
		#wContent tr.odd { background-color: #F4F6F9; }
		#wContent .radioButtons tr { height: initial; }
	#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 { width:100%; background:url("/ai-vendor-inquiry/javax.faces.resource/bg_ocontent.png.xhtml?ln=images") repeat-x #dce6ef; height:auto; overflow:hidden; }
	#oContent h1 {color:#6A8397; font-size: 210%; font-weight: normal;}
		#oContent img { vertical-align: text-bottom; }
	#oContent h2 {color:#6A8397; font-size: 150%; text-transform: uppercase; padding: 10px 0; font-weight: normal}

#iContent { width:1000px; 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 { width:100%; height:130px; background:url("/ai-vendor-inquiry/javax.faces.resource/bg_ofooter.png.xhtml?ln=images") center no-repeat; margin-top:-100px; position:relative; }
#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; width: auto; background:url("/ai-vendor-inquiry/javax.faces.resource/bg_entry.png.xhtml?ln=images") top left repeat-x; padding: 10px 30px; }

.inputRow { padding-bottom: 5px; clear: both; width: auto }
	.inputRow label { display:block; margin-bottom:1px; color:#363636; ; font-size: 12px}
		.inputRow label ~ span.value { color: #888; padding-top: 4px; display: inline-block; padding-bottom: 2px}
	.inputRow input[type="radio"]+label {display:inline; margin-bottom:1px; color:#363636; ; font-size: 12px}
	.inputRow textarea { height: 100px; font-family:Arial, Helvetica, sans-serif; }
		.inputRow textarea.short { height: 19px }
		.inputRow textarea.tall { height: 200px }
	.inputRow input[type="text"], .inputRow input[type="password"], .filter input[type="text"] { height: 20px}
	[disabled], [readonly] { color: #333 !important}

	#oContent div.section > h2 { text-transform: none; font-weight: bold; font-size:13px; color:#900; 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.inputArea fieldset { border: 1px solid #CCC; background:white url("/ai-vendor-inquiry/javax.faces.resource/bg_wcontent.png.xhtml?ln=images") top left repeat-x; }
	div.inputArea fieldset legend { font-weight: bold }
	div.section>.inputRow, div.inputArea fieldset>.inputRow { padding: 17px;}
	div.section+h2 { margin-top: -27px }
	
	div.inputArea .inputCol { float:left; width:205px; margin-right:10px; }
	div.inputArea .section .content .inputCol { float:left; width:195px; margin-right:10px; }


	div.inputArea .inputRow.twoColInputRow .inputCol { width:47%; margin-right:10px; }
	div.inputArea .inputRow.twoColInputRow .section.inputCol { margin-right:0px; }
	div.inputArea .inputRow.twoColInputRow .inputCol.right { padding-left:10px; border-left:1px solid #CCC; }
	div.inputArea .inputRow.twoColInputRow .section.inputCol.right { border: none}
		div.inputArea .inputRow.twoColInputRow>.inputCol:nth-child(even) { float: right; margin-right: 0 }
	
	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: #999 }

	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); }
	
input[type="text"], input[type="password"], 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 }
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 }
#wContent .rf-fu-btn-add, #wContent .rf-fu-btn-upl, #wContent .rf-fu-btn-clr { padding: 1px 3px; }
	input[type="submit"]:hover, input[type="button"]:hover, input[type='reset']:hover, .rf-fu-btn-add:hover, .rf-fu-btn-upl:hover, .rf-fu-btn-clr:hover { background: white url("/ai-vendor-inquiry/javax.faces.resource/bg_btn_submit.png.xhtml?ln=images") bottom left repeat-x;  }
	 input[type="submit"]:focus, input[type="button"]:focus, input[type='reset']:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type='reset']:hover, .rf-fu-btn-add:focus, .rf-fu-btn-upl:focus, .rf-fu-btn-clr:focus, .rf-fu-btn-add:hover, .rf-fu-btn-upl:hover, .rf-fu-btn-clr: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}
.centered { margin: auto; }

input.xsmall { width: 30px !important; }
input.small { width: 50px !important; } 
input.medium { width: 130px !important; } 
input.large { width: 205px !important; }
input.full{ width: 100% !important; }

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:#6A8397; height: 9px; overflow: hidden}

h1{ margin-bottom: 5px; line-height: 1.5em;  }

.actionBar { clear: both; text-align: right; padding-bottom: 10px }
.actionBarCondensed { text-align: right; padding: 10px 0px; float: right; }
	
.ui-icon { height: 21px; width: 21px; float: left; background-image: url("/ai-vendor-inquiry/javax.faces.resource/icon_sprites2.png.xhtml?ln=images"); background-repeat: no-repeat; }
.ui-icon.filter { background-position: -84px -84px; }
.ui-icon.refresh { height: 21px; width: 28px; float: left; background-image: url("/ai-vendor-inquiry/javax.faces.resource/enter.png.xhtml?ln=images"); background-repeat: no-repeat; }
.ui-icon.star { background-position: -84px 0px; }
.ui-icon.unstar { background-position: -63px 0px; }
.ui-icon.check { background-position: -42px -42px; }
.ui-icon.download { height: 21px; width: 28px; float: left; background-image: url("/ai-vendor-inquiry/javax.faces.resource/export.png.xhtml?ln=images"); background-repeat: no-repeat; }

/* Windows with headers */
#wContent div.contentWindow { float: left; width: 400px; background:url("/ai-vendor-inquiry/javax.faces.resource/bg_wcontent.png.xhtml?ln=images") top left repeat-x; margin: 17px}
	#wContent div.contentWindow h2 { height: 36px; font-size: 100%; color: #900; 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 }
	#wContent div.contentWindow div.content { height: auto; overflow: hidden; padding: 17px; font-size: 12px; border: 1px outset #CCC; border-radius: 0 0 6px 6px; }

.scrollWindow { height: auto; overflow: auto; }

.sectionHead { clear: both; padding: 10px 0 3px 0}
	.sectionHead a { padding-top: 4px }
	.sectionHead h1 { display: inline}
	.sectionHead h2 { display: inline}
	.sectionHead img { margin-right: 5px; }
	
.businessCard { float: right; width: 300px; border: 1px solid #C1C6CA; padding: 20px; background: url(/ai-vendor-inquiry/javax.faces.resource/white-linen-paper-texture.jpg.xhtml?ln=images) top left no-repeat;  }
	.businessCard .companyName { float: right; color: black; font-size: 120%; font-weight: bold }
	.businessCard .content { clear: both; padding-top: 15px; font-size: 80% }

span.watermark_container { vertical-align: top }
span.watermark { padding: 2px }

input.fancyInputBox { background:url("/ai-vendor-inquiry/javax.faces.resource/bg_txtbox_sr_search.png.xhtml?ln=images") top left no-repeat; border: none; height: 26px; margin-right: 0; border-radius: 0; padding-left: 5px; box-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; vertical-align: top; line-height: 26px }

div.error { color: red; }

/* RICHFACES STYLING */

#wContent table.rf-cal-popup { border: 1px solid #CCC }

body .rf-au { border: none; background: none transparent;}
body .rf-au-tbl { width: 100% }
body .rf-au-tbl td { padding: 2px 10px; white-space: nowrap; }
body .rf-au-inp { text-align: left; }
body .rf-au-itm { white-space: nowrap; }
body .rf-au-itm-sel { background-color: #DEE7F0 !important; cursor: pointer; border: none }
body .rf-au-lst-scrl { width: auto; }
body input.rf-au-inp { 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; }

#ajax-overlay {top: 0; left: 0; width: 100%; height: 100%; background: #CCC; z-index: 1000; position: fixed; opacity: .4; filter: alpha(opacity = 40); 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: 1001 }
	#ajax-progress img { vertical-align: bottom }
	
#cluetip-waitimage { display: none; }
#cluetip-extra { display: none; }
.cluetip-default #cluetip-outer { position: relative; margin: 0; width: 319px; height: 67px; padding: 15px; background: url("/ai-vendor-inquiry/javax.faces.resource/bg_tooltip.png.xhtml?ln=images") no-repeat; }
.cluetip-default #cluetip-inner { padding: 0; }
.cluetip-default strong { display: block; margin-bottom: 5px; font-size: 12px; text-transform: uppercase; color: #0273CB; font-weight: bold; }