#ordersToolbar
{
	background-color: #A3A3A3;
	color: #272727;
	height: 25px;
	font-size: small;
	vertical-align: middle;
}

#ordersSortLinks{
	position: absolute;
	padding-top: 5px;
	margin-left: 5px;
}

#ordersSortLinks a{
	color: #FFFFFF;
}

#ordersSortLinks a:hover{
	color: #FF7373;
}

#searchUsernameLabel{
	float: right;
	margin-top: 7px;
	margin-right: 2px;
	color: #FFFFFF;
	font-size: medium;
}

#searchUsernameLabel a{

	color: #FFFFFF;
	font-size: medium;
}

#searchUsernameLabel a:hover{

	color: #FF7373;
	font-size: medium;
}

#searchUsername{
	float: right;
	color: #FFFFFF;
}

.searchUsernamePopupEnabled
{
	border: 1px solid grey;
	background-color: white;
	width: 180px;
	height: 200px;
	position: absolute;
	color: black;
	z-index: 999;
	left: 840px;
	margin-top: 25px;
}

.searchUsernameLink{
}

.searchUsernamePopupDisabled
{
}

#searchUsernamePopup
{

}
.searchUsernameHint
{
	background-color: #FFFFFF;
}
.searchUsernameHint a{
	color: #232323;
}
.searchUsernameHintSelected
{
	background-color: #CCFFFF;
	color: #FFFFFF;
}

.orderIDButton
{
	width: 88px;
	height: 25px;
	font-size: medium;
}

.deliveredButton
{
	width: 88px;
	height: 25px;
	font-size: medium;
}

.pickedButton
{
	width: 88px;
	height: 25px;
	font-size: medium;
}

.readyButton
{
	width: 88px;
	height: 25px;
	font-size: medium;
}

.startedButton
{
	width: 88px;
	height: 25px;
	font-size: medium;
}


#tableContainer
{
	display: table; 
	position: relative; 
	overflow: hidden;
	border:0px solid  #666666;
	border-collapse:separate;
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
}

.orderDetailsTableContainer
{
	display: table; 
	position: relative; 
	overflow: hidden;
	border:0px solid  #666666;
	border-collapse:separate;
	text-align: center;
	margin-left: auto; 
	margin-right: auto;
}

.header
{
	color: white;
	display: table-row;

	text-align: center;
}

.header a
{
	color: white;
	text-decoration: none;
}

.row
{
	display: table-row; vertical-align: middle;

	text-align: center;
	background: white;
}
.cell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:102px;
	height:50px;
	padding-top: 25px;
	background: white;
}

.headerCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:102px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}

.printHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:35px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}

.printCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:35px;
	height:45px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: white;
}

.typeHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:60px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}

.typeCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:60px;
	height:45px;
	padding-top: 15px;
	padding-bottom: 15px;
	background: white;
}

.statusHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:100px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}

.statusCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:100px;
	height:45px;
	padding-top: 30px;
	background: white;
}

.orderDetails
{
	background-color: #E4EAFE;
	text-align: center;
}


.dateCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	font-size: 0.9em;
	width:97px;
	height:50px;
	padding-top: 25px;
	background: white;
}
.dateHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:97px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}
.productNameCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:170px;
	height:50px;
	padding-top: 25px;
	background: white;
}
.productNameHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:170px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}

.paddingHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid #E4EAFE;
	text-align: center;
	width: 130px;
	height: 25px;
	padding-top: 5px;
	background: #E4EAFE;
}
.paddingCell
{
	float:left;
	display:  table-cell;
	border:2px solid #E4EAFE;
	text-align: center;
	width: 130px;
	height: 50px;
	padding-top: 25px;
	background: #E4EAFE;
}

.paddingUsersHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid white;
	text-align: center;
	width: 40px;
	height: 25px;
	padding-top: 5px;
	background: white;
}
.paddingUsersCell
{
	float:left;
	display:  table-cell;
	border:2px solid white;
	text-align: center;
	width: 40px;
	height: 50px;
	padding-top: 25px;
	background: white;
}

.detailsCell
{
	border: none;
	float: left;
	margin-left: 10px;
	margin-top: 7px;
}
.customerCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:150px;
	height:45px;
	padding-top: 30px;
	background: white;
}
.customerHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:150px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}

#userListPage
{
	vertical-align: middle;
}

.userPageRow
{
	display: table-row; vertical-align: middle;
	width:auto;
	text-align: center;
	background: white;
}

.userListPageheader
{
	background: #8CA7F7;
	color: white;
	display: block;
	width:auto;
	text-align: center;
	background: #8CA7F7;
}
.userListPageheader a
{
	color: white;
	text-decoration: none;
}
.userHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:150px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}
.userCell
{

	
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:150px;
	height:50px;
	padding-top: 25px;

	overflow: hidden;
}
.nameHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:170px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}
.nameCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:170px;
	height:50px;
	padding-top: 25px;

	overflow: hidden;
}
.emailHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:300px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}
.emailCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:300px;
	height:50px;
	padding-top: 25px;

	overflow: hidden;
}
.phoneHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:120px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}
.phoneCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:120px;
	height:50px;
	padding-top: 25px;

	overflow: hidden;
}
.featuredProductThumbHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:170px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}
.featuredProductThumbCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:170px;
	height:75px;
	//padding-top: 25px;
	vertical-align: top;
}
.changeImageHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:170px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}
.changeImageCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:170px;
	height:50px;
	padding-top: 25px;
}
.usersListNavBarButton
{
	width: 60px;
	height: 25px;
	font-size: small;
}
.userIDButton
{
	width: 88px;
	height: 25px;
	font-size: medium;
}


.minusHeaderCell{
	float:left;
	display:  table-cell;
	text-align: center;
	width:15px;
	height:25px;
	padding-top: 5px;
}
.minusCellDisabled{
	visibility: hidden;
	float:left;
	display:  table-cell;
	//border:2px solid #eee;
	text-align: center;
	width:15px;
	height:50px;
	padding-top: 25px; 
}
.minusCellEnabled{
	float:left;
	display:  table-cell;
	text-align: center;
	width:15px;
	height:50px;
	padding-top: 25px;
}
.imageCollageHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:170px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}
.imageCollageCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:170px;
	height:71px;
	padding-top: 4px;
}
.productDescriptionHeaderCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:255px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}
.productDescriptionCell
{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: left;
	width:250px;
	height:70px;
	padding-top: 5px;
	padding-left: 5px;
	overflow: hidden;
}
.productThumbnailCollageRow{
	border: 0px;
	margin: 0px; 
	padding: 0px;
}
.productThumbnailCollageImage{
	border: 0px;
	margin: 0px; 
	padding: 0px;
}
.productCategoryCell{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:170px;
	height:50px;
	padding-top: 25px;	
}
.enabledHeaderCell{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:60px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;	
}
.enabledCellEnabled{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:60px;
	height:50px;
	padding-top: 25px;
	//background-color: #95E4AF;
}
.enabledCellDisabled{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:60px;
	height:50px;
	padding-top: 25px;	
	background-color: #FF3D3D;
}
.productPriceHeaderCell{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:70px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}
.productPriceCell{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:70px;
	height:50px;
	padding-top: 25px;
}
.productIDHeaderCell{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:70px;
	height:25px;
	padding-top: 5px;
	background: #8CA7F7;
}
.productIDCell{
	float:left;
	display:  table-cell;
	border:2px solid #eee;
	text-align: center;
	width:70px;
	height:50px;
	padding-top: 25px;
}
#deliveryInfoPopOver{
	position: absolute;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
	height: 200px;
	width: 300px;
	left: 265px;
	z-index: 1000;
	padding-left: 20px;
	background-color: #FFFFFF;
	border: 1px solid silver;
	border-radius: 10px;  
	-moz-border-radius: 10px;  
	-webkit-border-radius: 10px;
	-moz-box-shadow: 10px 10px 5px #999;
	-webkit-box-shadow: 10px 10px 5px #999;
	
}
.deliveryInfoPopOverHidden{
	visibility: hidden;
}
.deliveryInfoPopOverVisible{
	visibility: visible;
}
.clearboth{
clear:both;
}
.clearleft {
clear:left;
}