* 									{ margin: 0; padding: 0; }
ul									{ list-style: none; }

body {
	text-align: left; /* for IE */
	margin: 0;
	padding: 0;
	background:#fff;
	color:#444444;
	font-size:14px;
	font-family: Verdana, Arial, Trebuchet;
 	text-align:left;
}

a {  text-decoration:none; color: #6A6666; /*color: #465BAB;*/ font-weight:normal; font-size: 14px; }

#page_wrapper {
	text-align:center;
	margin: 0px auto;
	padding:0;
 	margin-top: 75px; 
}

#page_content {
	min-height: 500px;
	text-align:center;
	margin: 0px auto;
	padding: 0;
}

.padding_div {  
	width: 98%;
	margin: 0px auto;
}


#footer{ 
	height:30px; text-align:center; color:#9C9CA3;
}


#header-wrap { 
	position: fixed; top: 0; left: 0; 
	height: 58px; /*background: #900000;*/ 
	position: fixed; width: 100%;
	z-index: 10000;
	background: #F2F2F2; 
	border-bottom: 1px solid #DCDCDC;
	background: -moz-linear-gradient(top, #FFFFFF, #e5e5e5);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#e5e5e5));
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e5e5e5');	
	-webkit-box-shadow: 0 8px 6px -6px #A8A8A8;
	-moz-box-shadow: 0 8px 6px -6px #A8A8A8;
	box-shadow: 0 8px 6px -6px #A8A8A8;	
}
	
#header-container { text-align: center; }

#menucolumn{
	float: left;
	width: 100%;
	height: 55px;
	vertical-align: middle;
	margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
	margin-top: 0;
	padding-top: 7px;
	font-size: 16px;
}


#report_menu {
	padding-top: 0px; display:none;  
	background:#FFF;  

	position: absolute;
	top: 70px; 
	left: 50%;
	margin-left: -225px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	width: 450px;
  border:2px solid #666666;
	filter: alpha(opacity=95); -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95;
	-moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
	z-index:999;
}


.report-menu-arrow-border {
  border-color: transparent transparent #666666 transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:-22px;
  left:225px;
}
.report-menu-arrow {
  border-color: transparent transparent #FFFFFF transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:-19px;
  left:225px;
}



#business_menu {
	display:none;  
	position: absolute;
	top: 70px; 
	left: 50%;
	z-index:999;
	margin-left: -120px;
  background-color: #FFF;
  border:2px solid #666666;
  font-size:16px;
  line-height:1.3em;
  padding:10px;
  padding-bottom: 15px;
  text-align:center;
  width: 240px; 
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  -moz-box-shadow:0 0 5px #888888;
  -webkit-box-shadow:0 0 5px #888888;
}
.business-menu-arrow-border {
  border-color: transparent transparent #666666 transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:-22px;
  left:120px;
}
.business-menu-arrow {
  border-color: transparent transparent #FFFFFF transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:-19px;
  left:120px;
}

#vendor_menu {
	padding-top: 0px; display:none;  
	background:#fff;  

	position: absolute;
	top: 70px; 
	left: 50%;
	margin-left: -120px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	width: 240px; 
    border:2px solid #666666;
	filter: alpha(opacity=98); -moz-opacity:0.98; -khtml-opacity: 0.98; opacity: 0.98;
	-moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
	z-index:999;
}

.vendor-menu-arrow-border {
  border-color: transparent transparent #666666 transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:-22px;
  left:120px;
}
.vendor-menu-arrow {
  border-color: transparent transparent #FFFFFF transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:-19px;
  left:120px;
}




#input_vendor {	
	border: 1px solid #C8C8C8; 
	font-size: 14px;
	width: 100%;
}

#monthyear_menu {
	padding-top: 0px; display:none;  
	background:#fff;  
	position: absolute;
	top: 70px; 
	left: 50%;
	padding-top: 10px;	
	margin-left: -60px;	
	width:127px;
	padding: 5px;
  border:2px solid #666666;
	filter: alpha(opacity=98); -moz-opacity:0.98; -khtml-opacity: 0.98; opacity: 0.98;
	-moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px;
	z-index:999;
}

.monthyear-menu-arrow-border {
  border-color: transparent transparent #666666 transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:-22px;
  left:63px;
}
.monthyear-menu-arrow {
  border-color: transparent transparent #FFFFFF transparent;
  border-style: solid;
  border-width: 10px;
  height:0;
  width:0;
  position:absolute;
  top:-19px;
  left:63px;
}


#datepicker {
	border: 0px solid #C8C8C8; 
	position: absolute;
	top: 60px; 
	left: 50%;
	padding-top: 10px;	
	margin-left: -160px;
	z-index:999;
	
}



.menuButton2 {
	/*width: 150px;*/
	margin: 2px;
	text-align: center;
	width: 200px;
	display:inline-block;
	color:#000000;
	font-family:Verdana;
	font-weight:bold;
	padding:5px 5px;
	text-decoration:none;
	font-size:14px;
	border:1px solid #c0c0c0;

}.menuButton2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.menuButton2:active {
	position:relative;
	top:1px;
}



/*
#report_menu a {
	color: black;
	background: red;
	padding:5px 10px;
	position:relative;

}
*/

.menuTitle {
	color:#000000;
	font-family:Verdana;
	font-size:16px;
	font-weight:bold;
	padding:5px 10px;

}

.menuButton {
	display:inline-block;
	/*width: 150px;*/
	margin: 2px;
	height: 18px;
	padding:10px 10px;
	text-align: center;
	vertical-align: middle;

/*
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
*/

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
/*
	border:1px solid #c0c0c0;
*/
	border:0px solid #e0d5d5;
	color:#000000;
	font-family:Verdana;
	font-weight:bold;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
	font-size:14px;
	
}.menuButton:hover {
	/*
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	*/
	background-color:#dfdfdf;
}.menuButton:active {
	position:relative;
	top:1px;
}








#leftcolumn{
	position: fixed; top: 10px; left: 5px; 

/*
float: left;
width: 100px;
margin-left: -100%;
padding-top: 10px;
padding-left: 0px;
*/

}

#rightcolumn{
	position: fixed; top: 20px; right: 15px; 
	

/*
	position: fixed; top: 5px; right: 0; 
float: left;
padding: 0;
padding-top: 8px;
width: 300px;
margin-left: -300px;
background: #FDE95E;
*/
}

#rightcolumn ul{
margin:0; padding:0;

/*
list-style:none; display:block;
overflow:hidden;
	margin:0; padding:0; list-style:none; display:block; text-align:center; overflow:hidden;
	background: green;
*/	
	
}
#rightcolumn li{
	padding: 0;
	margin: 0;
	display: inline-block;
	padding-left: 5px;
	padding-right: 5px;
/*
	list-style:none; margin:0; padding:0; float:right; display:block; font-size: 14px; padding-right: 15px;
*/	
}



/*
#rightcolumn a{ display:block; text-decoration:none; color: #465BAB; font-weight:normal; font-size: 14px;}
*/


#menu_link a {	
	display:block; 
	font-size:18px;
	width: 100%;
	border: 0px solid #C6C6C6;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}






.submitbutton {
    border: 1px solid #ccc;
    background: #F4F4F4;
	font-size:15px;
    margin: 10px;
    padding: 10px;
}

/*
.submitbutton {
	background: #ececec;
	background: -moz-linear-gradient(top, #ececec 0%, #dadada 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececec), color-stop(100%,#dadada));
	background: -webkit-linear-gradient(top, #ececec 0%,#dadada 100%);
	background: -o-linear-gradient(top, #ececec 0%,#dadada 100%);
	background: -ms-linear-gradient(top, #ececec 0%,#dadada 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececec', endColorstr='#dadada',GradientType=0 );
	background: linear-gradient(top, #ececec 0%,#dadada 100%);
	border: 1px solid #ababab;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset;
	box-shadow: 0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset;
	font-size: 12px;
	font-weight: bold;
	-webkit-font-smoothing: antialiased;
	margin: 0;
	outline: none;
}
*/


#page_spacer { padding-left: 8px; padding-right: 8px; padding-bottom: 25px; }

 div.ui-datepicker { font-size: 80%; margin-left: 10px; width: 250px; }
 div.month_select_set { font-size: 70%;  display: inline-block; }





#loader {
padding:0;
margin:0;
position:absolute;
top:0; left:0;
width:100%; height:100%;
background:#e5e5e5;
z-index:99999999;
	text-align: center;
	vertical-align:middle;
}

#loader_img {
    display:block;

    /*set the div in the center of the screen*/
    position:absolute;
    top:50%;
    left:40%;
    width:350px;
    
}

.displaytable
{
	width: 95%;
	margin: 0px auto;
	font-size:.8em;
	font-family: Verdana, Arial, Trebuchet;
	border-collapse:collapse;
	color:#000000;
	border:1px solid #000000;
	//table-layout: auto;

	
}

.displaytable td
{
	border:1px solid #000000;
	padding-top: .3em;
	padding-bottom: .3em;
	padding-left: 1em;
	padding-right: 1em;
}

.displaytable th
{
	font-size: 1em;
	padding: .2em;
	border:1px solid #000000;
}

.displaytable .spacer { width: 10px; border:1px solid #ffffff; }


.displaytable .red { background-color:#c89ea3; }
.displaytable .orange1 { background-color:#f5b70a; }
.displaytable .orange2 { background-color:#eebb2c; }
.displaytable .orange3 { background-color:#d1a019; }
.displaytable .yellow1 { background-color:#FEFF6F; }
.displaytable .yellow2 { background-color:#e3e348; }
.displaytable .green { background-color:#5ece78; }
.displaytable .gray { background-color:#E4E4E4; }

	

.myButton {
	width: 200px;
	margin: 5px;
	text-align: center;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#000000;
	font-family:Verdana;
	font-size:18px;
	font-weight:bold;
	padding:10px 10px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.myButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
}.myButton:active {
	position:relative;
	top:1px;
}





		div#users-contain { width: 350px; margin: 20px 0; }
		div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
		div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }

		input.text { width:95%; height: 23px;}
		input.salesentrytext { margin-bottom:12px; width:90px; padding: .2em; }
		
		
		.dialog_combo { margin-bottom:12px;  width:95%; padding: .4em;  }
		.ui-dialog .ui-state-error { padding: .3em; }
		.ui-dialog-buttonpane { text-align: center; } 
		fieldset { padding:0; border:0; margin-top:25px; }
		#new-dialog { font-size: 82.5%; }
		#edit-dialog { font-size: 92.5%; }


.totals_row {
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #C6C6C6;	
    background: #F9F9F9;		
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-o-border-radius:5px;
			border-radius:5px;

}

.salesentry {
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	border: 1px solid #C6C6C6;	
    background: #F9F9F9;		
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-o-border-radius:5px;
			border-radius:5px;

}

		.gray-button {
			font-size:15px;
			color:#000;
			text-decoration:none;
			display:block;
			width:150px;
			padding:5px;
			border:1px solid #AAAAAA;
			text-align:center;
			background: #E8E8E8;
			-moz-border-radius:5px;
			-webkit-border-radius:5px;
			-o-border-radius:5px;
			border-radius:5px;
		}

		#new-entry { 
			font-size: 12px; 
			margin-top: 0px;	
		}
		.new_row { background-color: #BAC1EC; }
		.undo_lnk { display:none; }
		.drow {
			/*cursor: progress;*/
			cursor: pointer;		
		}


		#alert {
			display:none; 
			background-color: yellow;	
			border: 1px solid #AAAAAA; padding: .6em 10px; text-align: left;
		}

.nodata {
	width: 100%;
	margin: 0px auto;
/*
	position: absolute; 
	left: 0; top: 100px;
*/
	padding-top: 10px;
	color:#CCC;
	font-size:18px;
	font-family: Verdana, Arial, Trebuchet;	
}


/* 
	LEVEL ONE
*/


ul.dropdown                         { /*position: relative; width: 100%;*/ }
ul.dropdown li                      { font-weight: bold; float: left; width: 180px; background: #ccc; position: relative; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown li a                    { display: block; padding: 20px 8px; color: #222; position: relative; z-index: 2000; background: red;  	
	font-size:18px;
	width: 100%;
	border: 0px solid #C6C6C6;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
  }
ul.dropdown li a:hover,
ul.dropdown li a.hover              { /*background: #F3D673;*/ position: relative; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{ display: none; position: absolute; top: 0; left: 0; width: 180px; z-index: 1000; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; }
ul.dropdown ul li a					{ display: block; background: #eee !important; } 
ul.dropdown ul li a:hover			{ display: block; background: #F3D673 !important; } 

#delete_dialog {
	display:none;
}