body{
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 63.5%;
	color: #333333;
	background: #cccccc;
}

body.empty{
	font-size: 0.7em;
	background: #ffffff;
}

h1, h2, h3, h4, h5, h6{color: #333333;}
h1{font-size: 1.4em;}
h2{font-size: 1.1em; margin: 20px 0 5px 0 ;}
#important .h2indent{
	margin: 0 5px 0 5px;
}

a{color: #336699;}
.new{color: #009900;}
.emphasize{color: #FF3F3F;}
.elapsed{background: #FFFDDF;}
.negative{color: #EF4A4A;}
.price{
	color: #5A9F59;
	font-size: 1.4em;
}
.calHide{visibility: hidden;}
.hide{display: none;}
.divider{
	width: 100%;
	height: 2px;
	margin: 15px 0;
	border-top: 2px solid #CEBBA5;
}


.wrappermargin{margin: 0 15px;}
.contentpadding{padding: 15px;}
.navigationpadding{padding: 0 0 0 20px;}
.sectionpadding{padding: 10px;}
#wrapper{
	max-width: 1280px;
	min-width: 980px; 
	width: 96%;
	margin: 0 auto;
	text-align: left;
	font-size: 1.2em;
	border-left: 1px solid #999999;
	border-right: 1px solid #666666;
	background: #ffffff;
}

#container{
	width: 100%;
	float: left;
	text-align: left;
}

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

#content{
	margin-right: 200px;
	padding: 0 0 20px 0;
	/*border: 1px solid #999999;*/
	
}

#content_border{
	width: 100%;
	float: left;
	padding: 0 0 20px 0;
	border: 1px solid #999999;
	background: transparent url(../images/bg_intro.gif) bottom repeat-x;
}

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

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

iframe{
	width: 100%;
}

#frame_container{
	clear: both;
	width: 100%;
	float: left;
}

#frame_wrapper{
	width: 100%;
	float: left;
}

#popup_wrapper{
	width: 100%;
	float: left;
}

/* header */
#header{
	height: 65px;
	background: url(../images/bg_header_tile.gif) repeat-x;
}

#header img{
	float: left;
	margin: 12px 0 0 20px;
	display: inline;
}

#header ul{
	height: 28px;
	line-height: 28px;
	margin: 0 20px 0 0;
	display: inline;
	float: right;	
	font-size: 0.9em;
}

#header ul li{
	height: 28px;
	float: left;
	font-weight: 100;
	color: #999999;
	padding: 0 10px 0 0;
	background: transparent url(../images/utilmenu_tile.gif);
}

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

#header ul li a img{
	margin: 3px 0 0 15px;
}

#header ul li.left{
	width: 15px;
	padding: 0;
	margin: 0;
	background: transparent url(../images/utilmenu_left.gif) no-repeat;
}

#header ul li.right{
	width: 15px;
	padding: 0;
	margin: 0;
	background: transparent url(../images/utilmenu_right.gif) no-repeat;
}

#header ul a{
	font-weight: 100;
	color: #cccccc;
	outline: none;
}

#header ul select{	
	vertical-align: middle;
	margin: -1px 0 0 10px;
}

#header ul li.logout{
	padding: 0;
}

#header ul li.logout a{
	width: 86px;
	height: 20px;
	text-indent: -9999em;
	display: block;
	margin: 3px 0 0 0;
	background: transparent url(../images/utilmenu_logout.gif) no-repeat;
}

#header ul li.profile{
	padding: 0;
}

#header ul li.profile a{
	width: 108px;
	height: 20px;
	text-indent: -9999em;
	display: block;
	margin: 3px 10px 0 10px;;
	background: transparent url(../images/utilmenu_profile.gif) no-repeat;
}

* html #header ul li.logout a{
	margin: 0;
}

* html #header ul li.profile a {
	margin: 0 10px 0 0;
}

/* tabs */
#tabHolder{
	width: 100%;
	height: 28px;
	float: left;
	display: inline;
}

ul#tab{
	width: 98%;
	margin: 0 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/menu_tab_right.gif) no-repeat top right;
}

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

ul#tab li img{
	/*visibility: hidden;*/
	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;
}



/* display Table */
table.display{
	width: 100%;
	clear: both;
	font-size: 1em;
}

table.display thead{
	background: #fbf3ea;
}

table.display thead th, table.display tr.header th{
	border-bottom: 1px solid #666666;
	text-align: left;
	font-weight: 100;
	background: #fbf3ea;
	border-right: 1px solid #e0cbb3;
}

table.display th, table.display td{
	padding: 4px 10px 4px 10px;
	vertical-align: top;
}

table.display thead th, table.display thead th a{
	color: #336699;
}

table.display thead th a:hover{
	color: #6699cc;	
}

table.display tbody{
	color: #333333;
}

table.display tbody th{
	text-align: left;
}

table.display thead th a{
	text-decoration: underline;
}

table.display tbody td, table.display tbody th{
	border-bottom: 1px solid #dddddd;
}

table.display tbody a{
	color: #336699;
	text-decoration: underline;
}

table.display tbody a:hover{
	color: #6699CC;
}

table.display tfoot th, table.display tfoot td{
	text-align: right;
	background: #FFF3EF;
}

table.display .pager_bg td{
	background: #fbf3ea;
}

table.display tr.focus{
	background: #fffeea;
}

table.display thead th.alignright, table.display tbody td.alignright, table.display tr.header th.alignright, table.display tfoot td.alignright{
	text-align: right;
}

table.display table{
	width: 100%;
}

table.display td.nopadding{
	padding: 0;
}

table.display tfoot th, table.display tfoot td{
	text-align: left;
	font-weight: 800;
}

table.display tr.declined{
	background: #FFBFBF;
}

table.display th.headerSortUp {
	padding: 4px 6px 4px 12px;
	background: #efe1d1 url(../images/icons/sort_descending.gif) no-repeat 0 50%;
}

table.display th.headerSortDown {
	padding: 4px 6px 4px 12px;
	background: #efe1d1 url(../images/icons/sort_ascending.gif) no-repeat 0 50%;
}

table.display table.innerTable{
	border: none;
}

table.display table.innerTable td, table.display table.innerTable th, table.display table.innerTable tr{
	border: none;
}

/* table.form */
table.form{
	width: 100%;
}

.shown table.form th, .notab table.form th{
	width: auto;
	text-align: left;
}

table.form th.alignright, table.form td.alignright{
	text-align: right;
}

table.form tbody td, table.form tbody th{
	padding: 4px 10px;
}

/* sidebar stuff */
.portlet{
	width: 173px;
	\width: 175px;
	w\idth: 173px;
	border: 1px solid #99cc99;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
	background: #ecffe5;
}

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

.portlet ul{
	margin: 10px;
}

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

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

.portlet .box{
	position: relative;
}

.portlet .box ul{
	width: 148px;
	\width: 150px;
	w\idth: 148px;
	position: absolute;
	left: 0;
	top: 20px;
	margin: 0;
	border: 1px solid #666666;
	background: #ffffff;
}

.portlet .box ul li.current{
	background: #fffeea;
}

.portlet .add{
	margin: 0 0 0 10px;
	color: #336699;
}

.portlet .run{
	margin: 0 0 0 10px;
}

/* footer items */
#footer {
	width:100%;
	height: 35px;
	clear: both;
	margin: 20px 0 0 0;
	font-size: 0.9em;
	border-bottom: 1px solid #666666;
	color: #999999;
	background: #eeeeee;
}

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

#footer p img{
	vertical-align: middle;
}

#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: 10px 0 0 10px;
}

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

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

/* #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 10px 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: right;
}

#page_info ul{
	width: 110px;
	float: right;
}

#page_info ul li{
	float: left;
}

#page_info ul li a.previous{
	width: 50px;
	height: 20px;
	text-indent: -9999em;
	background: transparent url(../images/pager_previous_on.gif) no-repeat;
}

#page_info ul li a.next{
	width: 50px;
	height: 20px;
	text-indent: -9999em;
	background: transparent url(../images/pager_next_on.gif) no-repeat;	
}



/* subtitle */
.subtitle{
	width: 100%;
	padding: 10px 0;
	margin: 20px 0 0 0;
	float: left;
	background: #fbf3ea url(../images/bg_utility_tile.gif) repeat-x;
}

.subtitle h2{
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
	display: inline;
	color: #8F7C6B;
}

.subtitle .search{
	float: left;
	margin: 0 0 0 5px;
	display: inline;
}



.subtitle ul{
	float: right;
	margin: 0;
}

.subtitle ul.pager{
	margin: 0;
}


/* utility */
#utility{
	clear: both;
	width: 100%;
	float: left;
	border-top: 1px solid #e0cbb3;
	padding: 0 0 10px 0;
	background: #fbf3ea url(../images/bg_utility_tile.gif) repeat-x;
}

#utility+#important{
	padding: 0;

}

#utility .search{
	float: left;
	margin: 10px 0 0 5px;
	display: inline;
}

#utility .left{
	width: 49.5%;
	float: left;
	margin: 5px 0 0 0;
}

#utility .right{
	width: 49.5%;
	float: right;
	margin: 5px 0 0 0;
}

#utility .full{
	width: 100%;
	margin: 5px 0 0 0;
}

#utility h2{
	font-size: 1em;
	margin: 0;
	padding: 2px 0 0 0;
	border-top: 1px solid #9F6E59;
	color: #9F6E59;
}

#utility h2.title{
	float: left;
	font-size: 1.3em;
	text-indent: 10px;
	padding: 5px 0 0 0;
	border-top: none;
}

#utility table{
	width: 100%;
	font-size: 1em;
}

#utility table th, #utility table td{
	padding: 4px 8px;
	text-align: left;
	font-weight: 800;
	vertical-align: top;
	font-size: 1.05em;
}

#utility table th{
	width: 100px;
	text-align: right;
}


#utility ul.paging{
	width: 110px;
	float: right;
	margin: 5px 5px 0 0;
}

#utility ul.paging li{
	float: right;
}

#utility ul.paging li a{
	float: left;
	outline: none;
}

#utility ul.paging li a.prev{
	width: 50px;
	height: 20px;
	text-indent: -9999em;
	background: transparent url(../images/pager_previous_on.gif) no-repeat;
}

#utility ul.paging li a.next{
	width: 50px;
	height: 20px;
	text-indent: -9999em;
	background: transparent url(../images/pager_next_on.gif) no-repeat;	
}



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

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

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

.pager li a{
	float: left;
	outline: none;
	text-indent: -9999em;
}

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

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

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

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


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

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

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

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





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

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

/* bottom_pager */
#bottom_pager{
	clear: both;
	width: 100%;
	float: left;
	border-top: 1px solid #e0cbb3;
	border-bottom: 1px solid #e0cbb3;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	background: #fbf3ea url(../images/bg_utility_tile.gif) repeat-x;
}

/* detail page */
#important{
	clear: both;
	width: 100%;
	float: left;
	padding: 10px 0 10px 0;
	background: #fbf3ea;
}

#important h2{
	font-size: 1em;
	margin: 0;
	padding: 2px 0 0 0;
	border-top: 1px solid #9F6E59;
	color: #9F6E59;
}

#important .left{
	width: 49.5%;
	float: left;
}

#important .right{
	width: 49.5%;
	float: right;
}

#important .full{
	width: 100%;
}

#important table{
	width: 100%;
	font-size: 1em;
}

#important table th, #important table td{
	padding: 4px 8px;
	text-align: left;
	font-weight: 800;
	vertical-align: top;
	font-size: 1.05em;
}

#important table th{
	width: 100px;
	text-align: right;
}

/* section_tab */
#section_tab, #inactive_section_tab{
	width: 96%;
	\width: 100%;
	w\idth: 96%;
	padding: 10px 2% 0 2%;
	display: inline;
	height: 28px;
	float: left;
	border-bottom: 1px solid #4c453d;
	background: #fbf3ea;
}

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

#section_tab li a, #inactive_section_tab li a{
	float: left;
	height: 28px;
	padding: 0 5px;
	color: #336699;
	background: #e7dacc;
}

#section_tab li a:hover, #inactive_section_tab li a:hover{
	background: #DFD2C3;
}

#section_tab li a.on, #inactive_section_tab li a.on{
	border-left: 1px solid #cebba5;
	border-right: 1px solid #cebba5;
	border-top: 1px solid #4c453d;
	background: #ffffff;
}

#section_tab.inner{
	border-bottom: 1px solid #dddddd;
	background: #eeeeee;
}

#section_tab.inner li a{
	background: #cccccc;
}

#section_tab.inner li a.on{
	background: #ffffff;
}


.hidden{
	width: 95.8%;
	\width: 99.8%;
	w\idth: 95.8%;
	float: left;
	display: none;
	padding: 2% 2%;
	border: 1px solid #4c453d;
	border-top: none;
}

.shown, .notab{
	width: 95.8%;
	\width: 99.8%;
	w\idth: 95.8%;
	float: left;
	padding: 2% 2%;
	border: 1px solid #4c453d;
	border-top: none;

}

.notab {
	width: 99.8%;
	padding: 0;
	border: none;
}

.shown a, .notab a{
	color: #336699;
}

.shown .full{
	clear: both;
	width: 100%;
	float: left;
}

.shown .left, .notab .left{
	width: 49.5%;
	float: left;
}

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

.shown table, .notab table{
	width: 100%;
	empty-cells: show;
}

.shown table th, .notab table th{
	width: 100px;
	padding: 2px 8px;
	height: 22px;
	border-top: 1px solid #cccccc;
	text-align: right;
	vertical-align: top;
	color: #666666;
	background: #FFF7EF url(../images/bg_detail_tile.gif) repeat-x;
}

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

.shown table.display th, .notab table.display th{
	width: auto;
	padding: 4px 5px;
}

table.noborder td{
	border: none;
	font-weight: 100;
}

table.noborder th{
	border: none;
	font-weight: 800;
}

table.noborder tr{
	border: none;
}

.checkboxlist label{
	padding: 0 10px 0 0;
}

.radiobuttonlist label{
	padding: 0 10px 0 0;
}

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

.buttons{
	width: 100%;
	float: left;
	margin: 10px 0 10px 0;
}

.buttons_left{
	width: 50%;
	float: left;
	margin: 10px 0 0 0;
}

.buttons_right{
	width: 50%;
	float: right;
	text-align: right;
	margin: 10px 0 0 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{
	width: 50px;
}

.text_price{
	width: 60px;
}

.input-error{
	color: red;
}

.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: 0 3px;
	background: #ffffff url(../images/bg_input.gif) repeat-x;
}

textarea{
	font-size: 1.05em;
	font-family: Arial, Helvetica, sans-serif;
}

input.focus, select.focus, textarea.focus{
	background: #fffeea;
}


select{
	font-size: 0.95em;
}

.displayDescription ul li{
	margin: 0 0 5px 0;
}

.itemDescription{
	float: left;
	padding: 0 0 0 8px;
}

.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;
}

/* login */
#login{
	margin: 20px 0 0 0;
}

#login table th, #login table td{
	border-top: none;
	background: none;
}

#login p{
	padding: 10px 0 0 0;
}

/* help */
#help{
	padding: 10px;
	border: 1px solid #004182;
	background: #EFF7FF;
}

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

/* intro elements */
.intro{
	width: 92%;
	w\idth: 100%;
	w\idth: 92%;
	border: 1px solid #cccccc;
	padding: 0 4% 5% 4%;
	background: #ffffff url(../images/bg_intro_tile.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: 150px;
	border-top: none;
	padding: 2px 0;
	font-weight: 100;
	text-align: left;
	background: none;
}

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

.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;
}


/* table resize */
table.resize{
	table-layout: fixed;
}

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

table.resize th {
	white-space: pre;
}

th.moveOnHandle {
	cursor: move;
}

div.move-handle {
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fc6;
	cursor: move;
	filter: alpha(opacity =   50);
	-moz-opacity: 0.5;
}

th.resize-handle-active {
	cursor: e-resize;
}

div.resize-handle {
	cursor: e-resize;
	width: 2px;
	border-right: 1px dashed #ffcc66;
	position: absolute;
	top: 0;
	left: 0;
}

.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, #quickedit3, #quickedit4, #quickedit5, #quickedit6 {
	display: none;
	float: left;
	position: absolute;
	padding: 16px;
	background-color: white;
	z-index:1002;
}

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

/* ul.list */
ul.list{
	clear: both;
	width: 100%;
	float: left;
	margin: 0 0 0 20px;
}

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

.disabled{
	color: #000000;
	background: #efefef;
}

.lblview{
	width: 300px;
}

/* permission table */
#permissiontable{
	width: 100%;
}


#permissiontable thead th{
	text-align: left;
	width: auto;
}

#permissiontable tr td{
	height: 20px;
	padding: 4px 0 0 5px;
	border-bottom: 1px solid #cccccc;
}

/* upload */
#upload_document{
	position: relative;
}

#upload{
	position: absolute;
	z-index: 100;
	left: 5px;
	top: 0;
	-moz-opacity: 0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
}

#upload_document .browse{
	position: absolute;
	z-index: 10;
	left: 155px;
}

#upload_document .uploadsubmit{
	position: absolute;
	z-index: 10;
	left: 250px;
}

.ProgressBar{
	width: 500px;
	margin: 10px 0 0 0;
}

#document_frame{
	z-index: -6;
}



/* 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;
}

/* productInfo */
.productInfo .left{
	width: 31%;
	float: left;
}

.productInfo .center{
	width: 31%;
	float: left;
}

.productInfo .right{
	width: 38%;
	float: right;
}

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

/* productsListing */
#productListing{
	height: 180px;
	overflow: scroll;
	border: 1px solid #cccccc;
	overflow-x: hidden;
	overflow-y: scroll;
}

#productListing table{
	width: 99%;
}

/* error messages, flash notifications */
#flash { position: fixed; top: 0px; left: 0px; width: 100%; z-index: 1000; background-color: #569; color: white; background-image: url('/static/img/btn.png'); background-position: bottom; border-bottom: 1px solid #555; }
#flash, #flash * { cursor: pointer; }
#flash .yui-b { padding: 5px 0; }
#flash .yui-b>* { font-size: 128%; }
#flash label { display: block; text-align: right; font-weight: bold; text-transform: capitalize; }
#flash label:after { content: ':'; }

#flash.subtle { background-color: #444; color: white; }
#flash.subtle:hover { background-color: #222; }
#flash.warning { background-color: #ff0; color: black; }
#flash.warning:hover { background-color: #ff8; }
#flash.success { background-color: #595; }
#flash.success:hover { background-color: #7b7; }
#flash.failure, #flash.error { background-color: #800; }
#flash.failure:hover, #flash.error:hover { background-color: #a00; }
#flash.subtle, #flash.success, #flash.failure, #flash.error { text-shadow: black 2px 2px 2px; }