@import url("buttons.css");

body {
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	color: #333333;
	background: #666666 url(../images/new/body.gif) repeat-x;
}

body.empty { background: none; }

#updatePanel {
	width: 100%;
	padding: 10px;
	clear: both;
	display: none;
	top: 0;
	left: 0;
	font-weight: 800;
	font-size: 1.1em;
	position: absolute;
	background: #ffe5bf;
	border-bottom: 1px solid #AF6F15;
	filter: alpha(opacity = 90);
	-moz-opacity: 0.9;
}

h1, h2, h3, h4, h5, h6 { color: #000000; }

h1 { font-size: 1.4em; }

h2 {
	font-size: 1.2em;
	margin: 20px 0 10px 0;
	padding: 10px 0 0 0;
	text-decoration: underline;
}

.shown h2 {
	clear: both;
	margin: 20px 0 10px 15px;
}

a {
	color: #003366;
	text-decoration: underline;
}

p {
	margin: 5px 0;
	line-height: 1.6em;
}

.calHide, .notVisible { visibility: hidden; }

hr {
	width: 100%;
	height: 4px;
	display: block;
	border: none;
	background: #cccccc;
}

#clear_left {
	width:100%;
	clear:left;
}

.divider {
	clear: both;
	background: none;
	border: none;
	border-top: 4px solid #eeeeee;
}

/* containers */
#wrapper {
	width: 100%;
	text-align: left;
	background: #ffffff url(../images/new/body.gif) repeat-x;
}

#footer_wrapper {
	width: 100%;
	clear: both;
	float: left;
	text-align: left;/*background: #666666;*/
}

#popup_wrapper #container {
	width: 98%;
	margin: 1%;
	display: inline;
	float: left;
	text-align: left;
}

#bar {
	width: 100%;
	height: 30px;
	float: left;
	clear: both;
	margin: 5px 0 0 0;
}

#frame_wrapper {
	width: 100%;
	height: auto;
	float: left;
	display: block;
}

#frame_container {
	clear: both;
	width: 100%;
	height: auto;
	float: left;
	display: block;
}

#content {
	height: auto;
	margin-right: 200px;
	/*padding: 0 0 20px 0;*/
	display: block;
}

#container {
	width: 100%;
	height: auto%;
	float: left;
	text-align: left;
	display: block;
	padding: 0 0 50px 0;
}

#content_border {
	width: 100%;
	height: auto;
	float: left;
	padding: 0 0 20px 0;
	position: relative;
	display: block;
}

.contentpadding {
	display: block;
	min-height: 700px;
	padding: 10px 15px 15px 15px;
}

body#login .contentpadding { margin: 90px 0 0 0; }

#workingOverlay, #workingOverlayNavigation {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	margin-left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: transparent url(../images/white.gif);
	opacity: 0.80;
	filter: alpha(opacity=80);
	padding: 50px 0 0 0;
}

#navigation {
	position: relative;
	width: 200px;
	float: left;
	margin-left: -200px;
	text-align: left;
}

.left {
	width: 49.5%;
	float: left;/*margin: 5px 0 0 0;*/
}

.shown .left {
	width: 48.5%;
	margin: 0 0 0 1%;
	display: inline;
	background: #ffffff;
}

.right {
	width: 49.5%;
	float: right;/*margin: 5px 0 0 0;*/
}

.shown .right {
	width: 48.5%;
	margin: 0 1% 0 0;
	display: inline;
	background: #ffffff;
}

.full {
	clear: both;
	width: 100%;
}

.shown .full {
	width: 98%;
	margin: 0 1%;
	background: #ffffff;
}

.scrollPanel {
	width: 100%;
	height: 400px;
	overflow: auto;
}

.search {
	clear: both;
	float: left;
	width: 100%;
	height: 20px;
	padding: 10px 0;
	margin: 0;
	background: #eeeeee url(../images/new/grid.gif) repeat;
}

.search .floatleft { margin: 0 0 0 10px; }

.search h4 { float: right; }

/* header */
#header {
	width: 100%;
	height: 64px;
	float: left;
}

#header a img#headerImage {
	float: left;
	margin: 10px 0 0 20px;
}

#header ul {
	height: 25px;
	line-height: 25px;
	float: right;
	display: inline;
	margin: 10px 20px 0 0;
	color: #ffffff;
}

#header ul li {
	height: 25px;
	float: left;
	padding: 0 10px 0 0;
	background: url(../images/new/utilityTile.gif);
}

#header ul li.left {
	width: 13px;
	height: 25px;
	padding: 0;
	background: url(../images/new/utilityLeft.gif) no-repeat;
}

#header ul li.right {
	width: 11px;
	height: 25px;
	padding: 0;
	background: url(../images/new/utilityRight.gif) no-repeat;
}

#header ul li a {
	font-weight: 800;
	color: #ffffff;
}

/* bar */
#bar ul#tasks {
	width: 130px;
	height: 30px;
	float: right;
	display: inline;
	margin: 0 20px 0 0;
}

#bar ul#tasks li {
	float: left;
	margin: 0 10px 0 0;
}

#bar ul#tasks a {
	width: 50px;
	height: 30px;
	display: block;
	float: left;
	text-indent: -9999em;
	background: url(../images/new/tasks.gif) no-repeat;
}

#bar ul#tasks li#autoComplete a { background-position: 0 0; }

#bar ul#tasks li#fav a { background-position: -60px 0; }

#bar ul#tasks li#addFav a {
	width: 20px;
	background-position: -110px 0;
}

#bar ul#tasks li#autoComplete a:hover { background-position: 0 -30px; }

#bar ul#tasks li#fav a:hover { background-position: -60px -30px; }

#bar ul#tasks li#addFav a:hover {
	width: 20px;
	background-position: -110px -30px;
}

#bar ul#tasks li#autocomplete a { background-position: 0 0; }

#bar ul#tasks li#fav, #bar ul#tasks li#addFav/*, #bar ul#tasks li#autocomplete*/ { margin: 0; }

/* tabHolder */
#tabHolder {
	width: 100%;
	clear: both;
	height: 50px;
	float: left;
}

ul#tab {
	width: 98%;
	margin: 22px 0 0 2%;
	height: 28px;
	float: left;
	display: inline;
	font-size: 1em;
}

ul#tab li {
	height: 28px;
	line-height: 28px;
	float: left;
	margin: 0 20px 0 0;
	background: transparent url(../images/new/tabRight.gif) no-repeat top right;
}

ul#tab li a {
	height: 28px;
	float: left;
	font-weight: 800;
	padding: 0 10px 0 10px;
	outline: none;
	text-transform: uppercase;
	color: #ffffff;
	background: transparent url(../images/new/tabLeft.gif) no-repeat top left;
}

ul#tab li img {
	float: left;
	margin: 7px 5px 0 0;
}

ul#tab li.current { font-weight: 800; }

ul#tab li:hover { background-position: 100% -28px; }

ul#tab li:hover a { background-position: 0 -28px; }

ul#tab li:hover a {
	color: #203C59;
	background-position: 0 -28px;
}

ul#tab li.current a {
	color: #203C59;
	background-position: 0 -56px;
}

ul#tab li.current { background-position: 100% -56px; }

iframe { width: 100%; }

/* footer */
#footer {
	display: block;
	width: 100%;
	height: auto;
	clear: both;
	float: left;
	padding: 20px 0;
	color: #999999;/*background: #666666;*/
}

#footer p {
	margin: 0 0 0 20px;
	text-indent: 0;
	float: left;
}

#footer ul {
	float: right;
	margin: 0 10px 0 0;
	display: inline;/*background: url(../images/bg_footer_tile.gif) repeat-x left bottom;*/
}

#footer ul li {
	float: left;
	margin: 0 0 0 10px;
}

#footer ul li a {
	color: #ffffff;
	margin: 0 10px 0 0;
}

#footer ul li a:hover { color: #000000; }

/* handle */
#handle {
	width: 10px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	background:  url(../images/bg_expand.gif) repeat-y;
}

#handle:hover { background:  url(../images/bg_expand.gif) -10px 0 repeat-y; }

#handle.collapsed {
	width: 9px;
	border-left: 1px solid #999999;
	background:  url(../images/new/collapse.gif) repeat-y;
}

#handle.collapsed:hover { background:  url(../images/new/collapse.gif) -10px 0 repeat-y; }

/* portlet */
.portlet {
	width: 173px;
	border: 1px solid #bed2b7;
	margin: 10px 0 20px 10px;
	padding: 0 0 10px 0;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background: #eaf6e6 url(../images/new/portlet.gif) repeat-x;
}

.portlet h2 {
	color: #000000;
	margin: 10px;
}

.portlet ul { margin: 10px; }

.portlet ul li {
	padding: 5px 0;
	border-bottom: 1px solid #cad7cb;
}

.portlet ul li a { color: #336699; }

/* #breadcrumb */
#breadcrumb {
	height: 30px;
	line-height: 30px;
	text-indent: 15px;
	background: transparent url(../images/bg_breadcrumb_tile.gif) repeat-x;
}

#breadcrumb p { float: left; }

#breadcrumb a { color: #336699; }

#breadcrumb img {
	float: right;
	margin: 5px 20px 0 0;
	display: inline;
}

/* pageInfo */
#page_info {
	width: 100%;
	margin: 0 0 15px 0;
	float: left;
}

#page_info h1 { float: left; }

#page_info a {
	float: left;
	margin: 0 0 0 10px;
}

#page_info ul { float: right; }

/* subtitle */
.subtitle {
	width: 100%;
	height: 20px;
	float: left;
	padding: 10px 0;
	background: #eeeeee url(../images/new/grid.gif) repeat;
}

.subtitle h2 {
	float: left;
	margin: 0;
	padding: 0;
}

.subtitle ul { float: right; }

.subtitle a.viewall {
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
}

/* notab */
.notab .left {
	width: 49.5%;
	float: left;
}

.notab .right {
	width: 49.5%;
	float: right;
}

.notab table, .shown table { width: 100%; }

.shown table tr.address { height: 70px; }

.notab table th, .shown table th {
	width: 120px;
	padding: 4px 8px;
	border-top: 1px solid #cccccc;
	border-right: 2px solid #EFEFEF;
	text-align: right;
	vertical-align: top;
	color: #333333;
}

.notab table td, .shown table td {
	padding: 4px 8px;
	vertical-align: top;
	border-top: 1px solid #cccccc;
}

/* noborder table */
.shown table td .noborder td { border: none; }

/* intro elements */
.intro {
	width: 92%;
	border: 1px solid #cccccc;
	padding: 0 4% 5% 4%;
	margin: 0 0 10px 0;
	background: #ffffff url(../images/introTile.gif) repeat-x;
}

.intro h2 {
	padding: 15px 0 0 0;
	margin: 0;
	color: #336699;
}

.intro h3 {
	text-transform: uppercase;
	margin: 20px 0 10px 0;
	border-bottom: 1px solid #cccccc;
	color: #666666;
}

.intro table { font-size: 1.1em; }

.intro table th {
	width: 160px;
	border-top: none;
	padding: 4px 10px;
	font-weight: 100;
	text-align: right;
	border: none;
	background: none;
}

.intro table td {
	font-weight: 800;
	border: none;
	padding: 2px 10px;
}

.intro table tbody th {
	width: 160px;
	border-top: none;
	padding: 4px 10px;
	font-weight: 800;
	text-align: right;
	border: none;
	background: none;
}

.intro table tbody td {
	font-weight: 100;
	border: none;
	padding: 2px 10px;
}

.intro ul {
	font-size: 1.1em;
	line-height: 1.6em;
	margin: 20px 0 0 0;
}

.intro ul li {
	padding: 10px 0 0 0;
	border-top: 1px solid #cccccc;
}

.intro table#reminder { margin: 10px 0 0 0; }

.intro table#reminder thead th {
	border-bottom: 2px solid #cccccc;
	padding: 4px 10px;
	text-align: left;
	font-weight: 800;
}

.intro table#reminder tbody td, .intro table#reminder tbody th { padding: 4px 10px; }

.intro #range { margin: 5px 0 0 0; }

/* display */
table.display {
	width: 100%;
	clear: both;
	font-size: 1.05em;
	border: 1px solid #cccccc;
}

table.display thead th, table.display tr.header th {
	text-align: left;
	font-weight: 800;
	padding: 8px 4px;
	border-bottom: 1px solid #b4b0a8;
	border-right: none;
	background: #ece7dd url(../images/new/th.gif) repeat-x;
}

table.display tr.title td {
	font-style: italic;
	border-bottom: 1px solid #9F988B;
	background: #CFCBC2;
}

table.display thead th.alignright { text-align: right; }

.notab table.display th, .shown table.display th {
	width: auto;
	padding: 8px 4px;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #b4b0a8;
	text-align: left;
}

table.display tbody td, table.display tbody th {
	padding: 8px 4px;
	min-height: 30px;
	background: #fefefe url(../images/new/td.gif) repeat-x;
	border-bottom: 1px solid #cccccc;
}

table.display tbody tr:hover td, table.display tbody tr:hover th /*, table.display tbody tr.active td, table.display tbody tr.active th*/ { background: #eff8ff; }

table.display tbody tr.header:hover th { background: #ece7dd url(../images/new/th.gif) repeat-x; }

table.display tbody tr.title:hover td { background: #CFCBC2; }

table.display tfoot th, table.display tfoot td {
	padding: 8px 4px;
	font-weight: 800;
	border-bottom: 1px solid #cccccc;
	font-style: italic;
}

table.display td.nopadding {
	padding: 0;
	border-bottom: none;
}

table.display .innerTable { width: 100%; }

table.display .innerTable th { width: 100px; }

table.display .innerTable th.name { width: auto; }

table.display .innerTable td, table.display .innerTable th {
	border: 1px solid #cccccc;
	background: #eeeeee;
}

table.display .innerTable tr:hover td { background: #ffffff; }

table.nowrap td, table.nowrap th { white-space: nowrap; }

table.display td.wrap, table.display th.wrap { white-space: normal !important; }

table.reports th, table.reports td {
	padding: 5;
	margin: 0;
	height: 22px;
	line-height: normal;
}

.width100 { width: 100px; }

.nowrap { white-space: nowrap; }

/* section_tab */
#section_tab, #inactive_section_tab, .multipleInner {
	width: 96%;
	margin: 10px 0 0 0;
	padding: 0 2% 10px 2%;
	display: inline;
	height: 28px;
	float: left;
	font-size: 1.05em;
	background: #eeeeee url(../images/new/tabbed.gif) repeat-x;
}

#popup_wrapper #inactive_section_tab { margin: 0; }

#section_tab li, #inactive_section_tab li, .multipleInner li {
	height: 28px;
	line-height: 28px;
	float: left;
	margin: 0 2px 0 0;
}

#section_tab li a, #inactive_section_tab li a, .multipleInner li a {
	float: left;
	height: 28px;
	padding: 0 8px;
	font-weight: 800;
	border-bottom: 1px solid #a4aaaf;
	border-right: 1px solid #a4aaaf;
	color: #336699;
	background: #c7ced4;
	outline: none;
}

#section_tab li a:hover, #inactive_section_tab li a:hover, .multipleInner li a:hover {
	color: #333333;
	background: #d1d9df;
}

#section_tab li a.on, #inactive_section_tab li a.on, .multipleInner a.on {
	background: #ffffff;
	color: #000000;
	border-right: 1px solid #bbbbbb;
}

.hidden { /*width: 95.8%;
	float: left;*/ display: none;/*padding: 2% 2%;*/ }

.shown, .notab {
	width: 100%;
	font-size: 1.05em;
	clear: both;
}

.notab.divider { border-top: 4px solid #eeeeee; }

.shown {
	width: 100%;
	/*clear: both;*/
	float: left;
	padding: 0 0 10px 0;
	background: #eeeeee;
}

/* pager */
.pager {
	height: 20px;
	line-height: 20px;
	float: right;
	margin: 0 10px 0 0;
	font-weight: 800;
	color: #000000;
}

.pager li {
	float: left;
	margin: 0;
	padding: 0;
}

.pager li select {
	float: left;
	margin: 0 5px 0 5px;
}

.pager li a {
	float: left;
	display: block;
	outline: none;
	margin: 0 0 0 5px;
	text-indent: -9999em;
}

#page_info .pager li a { margin: 0 0 0 5px; }

.pager li.first a {
	width: 30px;
	height: 23px;
	background: transparent url(../images/new/pager_first_on.gif) no-repeat;
}

.pager li.first a.disabled { background: transparent url(../images/new/pager_first_off.gif) no-repeat; }

.pager li.prev a {
	width: 60px;
	height: 23px;
	background: transparent url(../images/new/pager_previous_on.gif) no-repeat;
}

.pager li.prev a.disabled { background: transparent url(../images/new/pager_previous_off.gif) no-repeat; }

.pager li.next a {
	width: 60px;
	height: 23px;
	background: transparent url(../images/new/pager_next_on.gif) no-repeat;
}

.pager li.next a.disabled { background: transparent url(../images/new/pager_next_off.gif) no-repeat; }

.pager li.viewall a {
	width: 80px;
	height: 23px;
	background: transparent url(../images/new/pager_viewall_on.gif) no-repeat;
}

.pager li.viewall a.disabled {
	width: 80px;
	height: 23px;
	background: transparent url(../images/new/pager_viewall_off.gif) no-repeat;
}

.pager li.last a {
	width: 30px;
	height: 23px;
	background: transparent url(../images/new/pager_last_on.gif) no-repeat;
}

.pager li.last a.disabled { background: transparent url(../images/new/pager_last_off.gif) no-repeat; }

#page_info a.viewall {
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
}

/* form elements */

input {
	padding: 0;
	margin: 0;
}

.longest { width: 500px }

.extralong { width: 320px; }

.long { width: 200px; }

.medium { width: 165px; }

.short { width: 130px; }

.tiny { width: 80px; }

.caltext { width: 60px; }

.tinier { width: 50px; }

.mini { width: 25px; }

.text_qty, .qty { width: 50px; }

.text_price, .unitprice { width: 60px; }

.forminput, .longest, .extralong, .long, .medium, .short, .tiny, .caltext, .tinier, .mini, .text_qty, .text_price {
	border-top: 1px solid #999999;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #999999;
	padding: 1px 3px;
	background: #ffffff url(../images/bg_input.gif) repeat-x;
}

.forminput:focus, .longest:focus, .extralong:focus, .long:focus, .medium:focus, .short:focus, .tiny:focus, .caltext:focus, .tinier:focus, .mini:focus, .text_qty:focus, .text_price:focus { background: #FFFFEF; }

.forminput[disabled="disabled"], .longest[disabled="disabled"], .extralong[disabled="disabled"], .long[disabled="disabled"], .medium[disabled="disabled"], .short[disabled="disabled"], .tiny[disabled="disabled"], .caltext[disabled="disabled"], .tinier[disabled="disabled"], .mini[disabled="disabled"], .text_qty[disabled="disabled"], .text_price[disabled="disabled"], .forminput.disabled, .longest.disabled, .extralong.disabled, .long.disabled, .medium.disabled, .short.disabled, .tiny.disabled, .caltext.disabled, .tinier.disabled, .mini.disabled, .text_qty.disabled, .text_price.disabled {
	color: #333333;
	background: #eeeeee;
}

.checkboxlist, .radiobuttonlist { width: 100%; }

.checkboxlist td, .radiobuttonlist td { padding: 3px 0; }

.notab .checkboxlist td, .notab .radiobuttonlist td { border: none; }

.checkboxlist label, .radiobuttonlist label { padding: 0 0 0 2px; }

.buttons {
	width: 100%;
	float: left;
	margin: 10px 0 10px 0;
	vertical-align: middle;
}

.buttons_left {
	float: left;
	margin: 10px 0 0 0;
	vertical-align: middle;
}

.buttons_right {
	float: right;
	text-align: right;
	margin: 10px 0 0 0;
	vertical-align: middle;
}

/* programs tree */

#programs { width: 100%; }

#programs th a.expanded { float: left; }

#programs .expanded a.expand {
	width: 20px;
	height: 20px;
	float: left;
	text-indent: -9999em;
	vertical-align: top;
	background: url(../images/tree/minus.gif) no-repeat;
}

#programs .collapsed a.expand {
	width: 20px;
	height: 20px;
	float: left;
	text-indent: -9999em;
	vertical-align: top;
	background: url(../images/tree/plus.gif) no-repeat;
}

#programs li {
	width: 100%;
	float: left;
	display: block;
	margin: 0;
	border-bottom: 1px solid #cccccc;
}

#programs li:hover { background: #e5fbff; }

#programs li span.programName {
	width: 30%;
	float: left;
}

span.programName, span.programCode, span.programRoles { padding: 5px 0; }

#programs li span.programCode {
	width: 18%;
	float: left;
}

#programs li span.programRoles {
	width: 50%;
	float: left;
}

#programs li li {
	width: 100%;
	margin: 0;
	border-bottom: 1px solid #cccccc;
	border-left: none;
	border-right: none;
}

#programs li ul {
	width: 100%;
	border-top: 1px solid #cccccc;
	float: left;
}

#programs li ul li:last-child { border-bottom: none; }

#programs li li span.programName {
	width: 28%;
	padding: 5px 0 5px 2%;
}

#programs li li li span.programName {
	width: 26%;
	padding: 5px 0 5px 4%;
}

#programs li li li li span.programName {
	width: 24%;
	padding: 5px 0 5px 6%;
}

#programs .expanded a.expand {
	width: 20px;
	height: 20px;
	float: left;
	text-indent: -9999em;
	vertical-align: top;
	background: url(../images/tree/minus.gif) no-repeat;
}

#programs .collapsed a.expand {
	width: 20px;
	height: 20px;
	float: left;
	text-indent: -9999em;
	vertical-align: top;
	background: url(../images/tree/plus.gif) no-repeat;
}

#programs .header {
	font-weight: 800;
	border-bottom: 1px solid #b4b0a8;
	background: #ece7dd url(../images/new/th.gif) repeat-x;
}

/* list */
.list {
	width: 100%;
	float: left;
	margin: 0 0 0 20px;
	font-size: 1.05em;
}

.list li {
	width: 45%;
	float: left;
	list-style: square;
	margin: 0 0 10px 0;
}

.singeList {
	width: 100%;
	float: left;
}

.singleList li {
	float: left;
	margin: 0 10px 0 0;
}

/* favorites */
#favorites {
	display: none;
	text-align: left;
}

#favorites ul { margin: 0 0 0 20px; }

#favorites ul li {
	margin: 0 0 10px 0;
	list-style: square;
}

#favorites ul li img {
	margin: 0 0 0 20px;
	vertical-align: middle;
}

/* autocompleteting */
#autocompleting {
	display: none;
	text-align: left;
}

#autocompleting input {
	float: left;
	margin: 0 4px 0 0;
}

.ac_results {
	border: 1px solid black;
	font-size: 1.1em;
	overflow: hidden;
	z-index: 99999;
	background: #ffffff;
}

.ac_results ul {
	width: 100%;
	text-align: left;
}

.ac_results li {
	padding: 2px 5px;
	cursor: default;
	display: block;
	overflow: hidden;
	text-transform: uppercase;
}

.ac_loading { background: #ffffff url(../images/new/tinyLoader.gif) right center no-repeat; }

.ac_odd { background-color: #eee; }

.ac_over {
	background: #33567A;
	color: white;
}

/* quickedit */
.loader {
	position: absolute;
	left: 48%;
	top: 170px;
}

#overlay, .overlay {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background: #000000;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

#quickedit, #quickedit2 {
	display: none;
	float: left;
	position: absolute;
	padding: 16px;
	background-color: white;
	z-index:1002;
	top: 30%;
	left: 25%;
	width: 50%;
	height: 50%;
	text-align: left;
	overflow: auto;
}

.quickedit {
	padding: 16px;
	background-color: white;
	z-index:1002;
	overflow: auto;
}

/* productListing, specific divs for inventory programs */
.productListing, #productListing {
	height: 260px;
	overflow: scroll;
	border: 1px solid #cccccc;
	overflow-x: scroll;
	overflow-y: scroll;
	clear: both;
}

#itemsListing {
	width: 75%;
	height: 200px;
	overflow: scroll;
	float: left;
}

#warehouseListing {
	width: 25%;
	height: 200px;
	overflow: scroll;
	float: right;
}

/* building a product */
#scrollable {
	width: 35%;
	float: left;
	background: #eeeeee;
}

#productTree {
	width: 90%;
	height: 575px;
	padding: 20px 5% 0 5%;
	float: left;
	overflow: scroll;
	background: #eeeeee;
}

#productTree ul {
	margin: 0 0 0 0;
	font-weight: 800;
	padding: 0;
}

#productTree ul ul { margin: 0 0 0 15px; }

#productTree ul li a { padding: 0 0 0 20px; }

#productTree ul li a.open { background: url(../images/tree/open.gif) no-repeat 0 50%; }

#productTree ul li a.close { background: url(../images/tree/close.gif) no-repeat 0 50%; }

#productTree ul li a.expanded { background: url(../images/tree/minus.gif) no-repeat 0 50%; }

#productTree ul li a.collapsed { background: url(../images/tree/plus.gif) no-repeat 0 50%; }

#productTree ul li.active a { background: #FFFEEA; }

#productTree ul li.active a.expanded { background: #FFFEEA url(../images/tree/minus.gif) no-repeat 0 50%; }

#productTree ul li.active a.collapsed { background: #FFFEEA url(../images/tree/plus.gif) no-repeat 0 50%; }

#productTree ul li li { height: auto; }

#productTree ul a { color: #000000; }

#productTree ul li.active a { background: #FFFEEA; }

#productTree ul li.active li a { background: #eeeeee; }

#productTree .quickSearch {
	font-weight: 800;
	color: #4D8F35;
}

#data {
	width: 65%;
	height: auto;
	float: right;
}

#data .error { margin: 0; }

#data .shown {
	width: 100%;
	height: 575px;
	border: none;
	padding: 0;
}

#data .left { width: 45%; }

#data .right { width: 55%; }

#data .shown table th { width: 40px; }

#data .shown table td { }

#data .shown #whInfo thead th {
	width: auto;
	text-align: left;
}

#quickAdd {
	position: relative;
	width: 90%;
	padding: 5px 10px 30px 5px;
	border-bottom: 1px solid #666666;
	background: #eeeeee;
}

#treeSearch {
	z-index: 100;
	position: absolute;
	left: 5px;
	top: 10px;
}

#quickAdd ul {
	width: 135px;
	height: 150px;
	overflow: scroll;
	margin: 0;
	position: absolute;
	top: 28px;
	left: 5px;
	z-index: 100;
	border: 1px solid #cccccc;
	display: none;
	background: #ffffff;
}

#quickAdd ul li {
	width: 100%;
	float: left;
	margin: 0 0 5px 0;
}

#quickAdd ul li a {
	width: 100%;
	padding: 0;
	display: block;
}

#quickAdd ul a:hover { background: #FFFEEA; }

#quickAdd select {
	width: 135px;
	height: 150px;
	position: absolute;
	top: 28px;
	left: 5px;
	z-index: 5;
	display: none;
}

#quickAdd #submitGo {
	position: absolute;
	left: 125px;
	top: 10px;
}

/* accounting progtams */
#scrollRight {
	clear: both;
	width: 100%;
	height: auto;
	overflow: scroll;
	border: 1px solid #cccccc;
	overflow-x: scroll;
	overflow-y: hidden;
}

/* productInfo for Order Entry */
.productInfo .left {
	width: 24%;
	float: left;
	background: #eeeeee;
}

.productInfo .midleft {
	width: 24%;
	float: left;
	background: #eeeeee;
}

.productInfo .center {
	width: 30%;
	float: left;
	background: #eeeeee;
}

.productInfo .midright {
	width: 24%;
	float: left;
	background: #eeeeee;
}

.productInfo .right {
	width: 24%;
	float: left;
	background: #eeeeee;
}

.productInfo table th {
	width: 70px;
	background: #eeeeee;
}

.productInfo table td, .productInfo table th { }

.shown .productInfo th, .shown .productInfo td { border: none; }

/* document page */
#tree {
	width: 25%;
	min-height: 200px;
	float: left;
	overflow: scroll;
	border: 1px solid #cccccc;
}

#tree table {
	margin: 0;
	padding: 0;
	text-align: left;
}

#document_panel {
	width: 74.5%;
	float: right;
}

#document_frame { border: 1px solid #333333; }

/* help */
#help {
	padding: 10px 30px;
	border: 2px solid #8AAF83;
	background: #F1FFEF;
}

#help li {
	list-style: square;
	margin: 0 0 10px 0;
}

/* order entry */
.displayDescription {
	width: 165px;
	height: 130px;
	border-top: 1px solid #999999;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #999999;
	padding: 3px 3px;
	overflow-x: hidden;
	overflow-y: scroll;
	background: #ffffff url(../images/bg_input.gif) repeat-x;
}

.hasError {
	border: 1px solid red;
	background-color: #ff3366;
}

#ui-dialog { z-index: 8888; }

#ui-datepicker-div { z-index: 9999; }