﻿/*--------------------------------------------------------------------------
ELEMENTS
--------------------------------------------------------------------------*/

body
{
	background-color: #c7c7c7;
	font-family: Arial, verdana, sans-serif;
	font-size: 12px;
	color: white;
	margin: 0px;
	padding: 0px; /*scrollbar-base-color: #fff; 	scrollbar-arrow-color: #c7c7c7; 	scrollbar-3dlight-color: #e5e5e5; 	scrollbar-darkshadow-color: #c7c7c7; 	scrollbar-face-color: #fff; 	scrollbar-highlight-color: #e5e5e5; 	scrollbar-shadow-color: #c7c7c7; 	scrollbar-track-color: #fff;*/
}

h1
{
	color: #3f6792;
	font-size: 18px;
	font-weight: bold;
}

h2
{
	color: #3f6792;
	font-size: 14px;
	font-weight: bold;
}

h3
{
	color: #3f6792;
	font-size: 12px;
	font-weight: bold;
}

h4
{
	font-size: 13px;
	font-weight: bold;
	display: list-item;
}

h5
{
	font-size: 11px;
}

h6
{
	font-size: 10px;
	font-weight: normal;
}

a
{
	color: White;
}

/*--------------------------------------------------------------------------
ID's
--------------------------------------------------------------------------*/

#PageWrapper
{
}

#MenuWrapper
{
	/*margin: 0px; 	padding:0px;*/
	width: 100%;
}


#MenuLeft
{
	height: 68px;
	float: left;
	background-image: url('../pics/top_bg.gif');
	background-repeat: repeat-x;
	width: 646px;
}

#MenuMid
{
	height: 68px;
	float: left; /*width: 1px;*/
}

#MenuRight
{
	height: 68px;
	text-align: right;
	padding-right: 10px;
	padding-top: 10px;
	background-image: url(../pics/top_bg.gif);
	background-repeat: repeat-x;
}

#MainContent
{
	padding-top: 20px;
	padding-right: 30px;
	padding-left: 20px;
}

#LoginStatusMain
{
}

/*--------------------------------------------------------------------------
CLASSES
--------------------------------------------------------------------------*/
.MenuStyle
{
	/*color: White; /*height: 49px; 	padding:0px; 	margin:0px;*/
}

.StaticMenuStyle
{
	/*color: White; 	padding: 20px; 	margin: 0px;*/
}

.StaticMenuItemStyle
{
	color: White;
	width: 100px;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}

.StaticSelectedStyle
{
	border-color: White;
	border-style: solid;
	border-width: 1px;
	color: #ff5d86;
}

.StaticHoverStyle
{
	background-color: #3539cd;
	color: #dcdcdc;
}

.DynamicMenuStyle
{
	/*background-color: #B5C7DE; 	color: White;*/
}

.DynamicMenuItemStyle
{
}

.DynamicSelectedStyle
{
	/*background-color: #507CD1; 	color: White;*/
}

.DynamicHoverStyle
{
	/*color: White;*/
}



.panelShopMain
{
	width: 95%;
	height: 90%;
	padding: 20px;
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
}

.panelShopVHG
{
	width: 25%;
	height: 300px;
	padding: 10px;
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	float: left;
}

.panelShopPG
{
	width: 25%;
	height: 300px;
	padding: 10px;
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	float: left;
}

.panelShopVNR
{
	width: 25%;
	height: 300px;
	padding: 10px;
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	float: left;
}

.panelShopInfo
{
	/*width: 25%;*/
	height: 300px;
	padding: 10px;
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid; /*float: left;*/
}

.shopListBox
{
	font-size: 10px;
	border: 2px inset white;
	height: 90%; /*width: 200px;*/
	width: 90%;
}

.shopLabelBox
{
	font-size: 12pt;
	font-weight: bold;
	color: #4169e1;
}

.textShopQty
{
	text-align: right;
}

.tableShopInfo
{
	width: 100%;
}

.tableShopInfoRowEven
{
	background-color: Silver;
}

.tableShopInfoRowOdd
{
	background-color: Gray;
}

.imgSeeBig
{
	width: 22px;
	height: 22px;
	position: absolute;
	left: -50px;
	border: 1px solid red;
}




.minibox
{
	/*position: relative; 	float: left; 	margin: 0px 15px 0 0px; 	line-height: 15px;*/
}

.miniinput
{
	/*font-size: 10px;*/
}

.miniinput_top
{
	/*font-size: 10px; 	height: 12px;*/
}

.button
{
	/*color: #fff; 	background-color: #9c9c9c; 	border-left: 1px solid #b7b7b7; 	border-top: 1px solid #b7b7b7; 	border-right: 1px solid #7a7a7a; 	border-bottom: 1px solid #7a7a7a; 	cursor: hand;*/
}

.button:hover
{
	/*color: #fff; 	background-color: #9c9c9c; 	border-right: 1px solid #b7b7b7; 	border-bottom: 1px solid #b7b7b7; 	border-left: 1px solid #7a7a7a; 	border-top: 1px solid #7a7a7a; 	cursor: hand;*/
}

.searchbutton
{
	/*color: #fff; 	background-color: #47709c; 	background-image: URL(../pics/searchbutton.gif); 	background-repeat: repeat-x; 	border-left: 1px solid #618cba; 	border-top: 1px solid #618cba; 	border-right: 1px solid #31547e; 	border-bottom: 1px solid #31547e; 	cursor: hand;*/
}

.searchbutton:hover
{
	/*color: #fff; 	background-color: #47709c; 	background-image: URL(../pics/searchbutton.gif); 	background-repeat: repeat-x; 	border-right: 1px solid #618cba; 	border-bottom: 1px solid #618cba; 	border-left: 1px solid #31547e; 	border-top: 1px solid #31547e; 	cursor: hand;*/
}

