.PanelProperty
{
	width: 100%;
	border: none;
}

.FootBack
{
	background: url(  '../../Shared/Images/Footer.png' );
}
.Divider
{
	background: url(  '../../Shared/Images/Divider1.png' ) repeat-y;
}
.Banner
{
	background: url(  '../../Shared/Images/Lay_back.png' ) repeat-x;
}
.BarColour
{
	background-color:Gray;
	 
}
.Top
{
	background: url(  '../../Shared/Images/images/ElectroluxBannerV3_01.gif' );
	background-color: #ACA899;
	background-repeat:no-repeat;
	top:0; 
	left:0; 
	width:100%; 
	height:100%;	
}

.Bottom
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	background-color: #ECE9D8;
}

.Title
{
	background: url(  '../../Shared/Images/TitleMiddle.gif' ) repeat-x;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 150%;
	font-weight: bold;
	color: #000000;
}

table.DataPotion
{
	border-style: None;
	border-color: inherit;
	border-width: medium;
    width			: 1080px;
	border-collapse	: collapse;
	letter-spacing	: normal;
	word-spacing	: normal;
	height			: 40px;
}

.LoginPanelBack
{
	background: url(  '../../Shared/Images/images/logonbackground.gif' ) no-repeat center;
	height: 300px;
	width: 1000px;
}
.fontblack
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	line-height: 150%;
	font-weight: bold;
	color: #000000;
}



td.ItemDivider
{
	
	color: Black;
	font-family: Arial;
	font-size: 8pt;
	height: 25;
	vertical-align: middle;
	padding-left: 5px;
	height: 22px;
}
td.ItemHeader
{
	background-color: #B1C3D4;
	color: Black;
	font-family: Arial;
	font-size: 9pt;
	height: 25;
	font-weight: bold;
	vertical-align: middle;
	border-bottom: white 1px solid;
	border-right: white 1px solid;
	padding-left: 5px;
	height: 22px;
}

td.ButtonPotion
{
	background-color: Gray;
	vertical-align: middle;
	height: 22px;
}

.Button
{
	width: 80px;
	font-family: Arial;
	font-size: 8pt;
}

.FilterProperty
{
	width: 100%;
}

.GridViewHeader
{
	font-family: Arial;
	font-size: 8pt;
	color: Black;
	background-color: #87CEEB;
}

.GridViewFooter
{
	font-family: Arial;
	font-size: 8pt;
	color: Black;
	background-color: Gray;
}

.NormalGridViewFooter
{
	font-family: Arial;
	font-size: 8pt;
	color: Black;
	background-color: Gray;
	width: 700px;
}

.NormalPagerWidth
{
    width: 700px;
}

.GridViewRow
{
	background-color: #F7F6F3;
	color: #333333;
	text-align: left;
}

.GridViewAlternativeRow
{
	background-color: #FFFFFF;
	color: #284775;
	text-align: left;
}

.ErrorMessage
{
	font-family: Arial;
	font-size: 8pt;
	font-weight: bold;
	color: Red;
}

.SuccessfulMessage
{
	color: Blue;
	font-weight: bold;
	font-family: Arial;
	font-size: 8px;
	text-align: left;
}

.WaterMaker
{
	font-family: Arial;
	font-size: 8pt;
	color: Gray;
}

.DefaultFont
{
	font-family: Arial;
	font-size: 8pt;
}

.TitleFont
{
	font-family: Arial;
	font-size: 10pt;
	font-weight: bolder;
}

.MasterPageHeaderFont
{
	font-family: Arial;
	color:White;
	font-size: 16pt;
	font-weight: bolder;
}

.DefaultTitleFont
{
	font-family: Arial;
	color:White;
	font-size: 12pt;
	font-weight: bolder;
}

.WelcomeFont
{
	font-family:Arial;
	font-size:large;
	font-weight: bolder;
}

td.sideleft
{
    background: url(../../Shared/Images/MarginLeft.jpg) repeat-y right;
    width:14px;
}
td.sideright
{
    background: url(../../Shared/Images/MarginRight.jpg) repeat-y left;
    width:14px;
} 

/*==================================================================*/

.label
{
	color:Black;
	font-family:Segoe UI;
	font-size:10pt;
	font-weight:normal;
	padding-left:5;
}

.labelLight
{
	color:Black;
	font-family:Arial;
	font-size:8pt;
	padding-left:4;
	font-weight:normal; 
}

.labelAlighRight
{
	color:Black;
	font-family:Segoe UI;
	font-size:10pt;
	font-weight:normal;
	padding-left:5;
	text-align:right;
}

.button
{
	width:100px;
	height:25px;
	color:Black;
	font-family:Arial;
	font-size:8pt;
	padding-left:10;
	font-weight:bold
}

.buttonSegoe
{
	width:100px;
	height:25px;
	color:Black;
	font-family:Segoe UI;
	font-size:10pt;
	padding-left:2;
	padding-right:2;
	font-weight:normal;
	margin-right:1
}

.WhiteLabel
{
	color:White;
	font-family:Arial;
	font-size:10pt;
	font-weight: bold;
}


.WhiteLabelBanner
{
	color:White;
	font-family:Calibri;
	font-size:9pt;
	font-weight: bold;
}

.SmallWhiteLabel
{
	color:White;
	font-family:Arial;
	font-size:8pt;
	font-weight: normal;
	vertical-align: bottom;
}

.Error
{
	color:Red;
	font-family:Arial;
	font-size:9pt;
	font-weight:bold ;
	vertical-align:middle;
}
.error
{
	color:Red;
	font-family:Arial;
	font-size:9pt;
	font-weight:bold ;
	vertical-align:middle;
}
.txtbx
{
	color: Black;
	font-family: Arial;
	font-size: 8pt;
	font-weight:bold ;
}
.txtbx2
{
	color: Black;
	font-family: Arial;
	font-size: 8pt;
}

.textboxSegoe
{
	color: Black;
	font-family:Segoe UI;
	font-size: 10pt;
	padding-left: 2px;
	padding-right: 2px;
}


.dropdownbox
{
	color: Black;
	font-family: Arial;
	font-size: 8pt;
	font-weight:bold ;
}

.dropdownboxSegoe
{
	color: Black;
	font-family: Segoe UI;
	font-size: 10pt;
	font-weight: normal;
}

.dropdownbox2
{
	color: Black;
	font-family: Arial;
	font-size: 8pt;
}

.borderlessDropdownbox
{
	color: Black;
	font-family: Arial;
	font-size: 10pt;
	border: 0 none Black;
	padding: 0 0 0 0;
	width: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0;
	border-bottom-width: 0;
	border-left-width: 0;
	border-right-width: 0;
	border-top-width: 0;
}
/* .dgHeaderStyle is identical to dgHeading 
	please update both if you amend anyone of the instances */
.dgHeading
{
	color:White;
	background-color:#212654;
	font-family:Arial;
	font-size:9pt;	
	font-weight:bold;
	padding-left:3;
	margin-left:2;
}

/* .dgItemStyle is identical to itemStyle
	please update both if you amend anyone of the instances */
.itemStyle
{
	background-color:#C6DBF7;
	color:Black;
	font-family:Arial;
	font-size:8pt;
}
.treeview
{
	color : #FFA317;
	font-family: Arial;
	font-size: 10pt;
}

.heading
{
	display: table-cell;
	width:1024;
	height:30px;
	background-color:#212654;
	font-family:Segoe UI;
	font-weight:bold;
	color: White;
	font-size:12pt;
	padding-left:10;
	padding-top:0;
	border-top:solid 5 white;
	vertical-align:middle;
}

.headingMedium
{
	width:866px;
	height:20px;
	background-color:Black;
	font-family:Arial;
	font-weight:bold;
	color: Yellow;
	font-size:22px;
	padding-left:10;
	vertical-align:middle;
}

.subHeading
{
	background-color:Black;
	font-family:Segoe UI;
	font-weight:bold;
	font-style:italic;
	color:White;
	font-size:14px;
	padding-left:5px;
}


.dgAlternatingItemStyle
{
	background-color:Ivory;
	color:Black;
	font-family:Arial;
	font-size:8pt;
}
.dgEditItemStyle
{
	
}
.dgFooterStyle
{
	
}
/* .dgHeaderStyle is identical to dgHeading 
	please update both if you amend anyone of the instances */
.dgHeaderStyle 
{
	color:White;
	background-color:Black;
	font-family:Arial;
	font-size:8pt;	
	font-weight:bold;
}
/* .dgItemStyle is identical to itemStyle
	please update both if you amend anyone of the instances */
.dgItemStyle
{
	background-color:#C6DBF7;
	color:Black;
	font-family:Arial;
	font-size:8pt;
}
.dgPagerStyle
{
	color:Black;
	font-family:Arial;
	font-size:9pt;
}
.dgSelectedItemStyle
{
	
}
.cell
{
	background-color:Black;
	color:White;
	font-family:Arial;
	font-size:8pt;
}
.cellLabel
{
	color:White;
	font-family:Arial;
	font-size:8pt;
	font-weight: bold;
}
.blankCell
{
	background-color:White;
	color:Black;
	font-family:Arial;
	font-size:10pt;
}
A.Logout {
	color: #E0FFFF;
}

A.Logout:HOVER {
	color: Yellow;
}

.BorderCell {
	border-bottom: solid #00008B;
	border-bottom-width: 2;
}

.itemDetail
{
	background-color:#ffeecc;
	color:Black;
	font-family:Arial;
	font-size:8pt;
	height:25;
	vertical-align: middle;
	border-bottom:white 1px solid;
}

.itemDetailLeft
{
	background-color:#d1ffc3;
	color:Black;
	font-family: Arial;
	font-size:8pt;
	height: 20;
	vertical-align: middle;
	border-bottom:white 1px solid;
}


.LeftCell 
{
	background-color:#d1ffc3;
	border-left: black 1px solid;
	vertical-align: middle;
	height: 25 	
}


.LeftTopCell 
{
	background-color:#d1ffc3;
	border-left: black 1px solid;
	border-top: black 1px solid;
	vertical-align: middle;
	height: 30
}


.LeftCell_2
{
	background-color:#ffffcc;
	border-left:black 1px solid;
	vertical-align:middle;
	height:25
}

.LeftBottomCell_2
{
	background-color:#ffffcc;
	border-left:black 1px solid;
	border-bottom:black 1px solid;
	vertical-align:middle;	
	height:30
}

.MiddleTopCell
{
	background-color:#d1ffc3;
	border-top:black 1px solid;
	height:30
}

.MiddleCell
{
	background-color:#d1ffc3;
	height:30
}

.MiddleCell_2
{
	background-color:#ffffcc;
	height:30
}

.MiddleBottomCell_2
{
	background-color:#ffffcc;
	border-bottom:black 1px solid;
	height:30
}

.SeparatorCell 
{
	background-color:#e8ffff;
	border-top:black 1px solid;
	border-left:black 1px solid;
	border-right:black 1px solid;
	vertical-align: bottom;
	height:20
}


.RightCell 
{
	background-color:#d1ffc3;
	border-right: black 1px solid;
	vertical-align: middle;
	height: 25 	
	
}

.RightTopCell 
{
	background-color:#d1ffc3;
	border-right: black 1px solid;
	border-top: black 1px solid;
	vertical-align: middle;
	height: 30
}

.RightBottomCell 
{
	background-color:#d1ffc3;
	border-right: black 1px solid;
	border-bottom: black 1px solid;
	vertical-align: middle;
	height: 30
}

.RightCell_2
{
	background-color:#ffffcc;
	border-right:black 1px solid;
	vertical-align:middle;	
	height:30
}

.RightBottomCell_2
{
	background-color:#ffffcc;
	border-right:black 1px solid;
	border-bottom:black 1px solid;
	vertical-align:middle;	
	height:30
}

.Box_2
{
	background-color:#ffffcc;
	border-left:black 1px solid;
	border-bottom:black 1px solid;
	border-right:black 1px solid;
	border-top:black 1px solid;
	vertical-align:middle;	
}


/* Datagrid styles for inventory control; Special case */
.inventoryControlDatagridAlternatingItemStyle
{
	background-color:Ivory;
	color:Black;
	font-family:Arial;
	font-size:10pt;
	height: 28;
}
.inventoryControlDatagridItemStyle
{
	background-color:#C6DBF7;
	color:Black;
	font-family:Arial;
	font-size:10pt;
	height: 28;
}

/* Left Right */
.MiddleCell_SideBorders
{
	background-color:#ffffcc;
	border-left:black 1px solid;
	border-right:black 1px solid;
	vertical-align:middle;
}

.MovementHeaderIncoming
{
	position: relative;
	top: -32px;
	left: -30px;
}

.MovementHeaderOutgoing
{
	position: relative;
	top: -40px;
	left: -13px;
}

.TopBanner
{
	background: url(  '../../Shared/Images/images/ElectroluxBannerV3_03.gif' );
	background-color: #ACA899;
	top:0; 
	left:0; 
	width:100%; 
	height:100%;	
}

.hidden
{
	visibility:hidden;
}


.tdAlignLeft
{	
	background-color:#C6DBF7;
	height:22;
	vertical-align: middle;
	text-align: left; 
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-left:white 0px solid;
	border-top:white 0px solid;
	border-right:white 0px solid;
	border-bottom:white 0px solid;	
}

.tdAlignRight
{	
	background-color:#C6DBF7;
	height:22;
	vertical-align: middle;
	text-align: right; 
	padding-right: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
	border-left:white 0px solid;
	border-top:white 0px solid;
	border-right:white 0px solid;
	border-bottom:white 0px solid;	
}

.tdAlignleftBBorder
{	
	background-color:#C6DBF7;
	height:22;
	vertical-align: middle;
	text-align: left; 
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;	
	border-left:white 0px solid;
	border-top:white 0px solid;
	border-right:white 0px solid;
	border-bottom:white 1px solid;	
}

.tdAlignRightBBorder
{	
	background-color:#C6DBF7;
	height:22;
	vertical-align: middle;
	text-align: right; 
	padding-right: 5px;
	padding-top: 1px;
	padding-bottom: 1px;	
	border-left:white 0px solid;
	border-top:white 0px solid;
	border-right:white 0px solid;
	border-bottom:white 1px solid;	
}


.tableStyle
{
	width:1024;
	padding-top:1;
	padding-bottom:5;
	padding-right:1;
	border-spacing:0;
	border-top:solid 1 white;
}

.tableShortStyle
{
	width:820;
	padding-top:1;
	padding-bottom:5;
	padding-right:1;
	border-spacing:0;
	border-top:solid 1 white;
}



.FilterCell
{	
	background-color:#C6DBF7;
	height:22;
	vertical-align: middle;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-left:white 0px solid;
	border-top:white 0px solid;
	border-right:white 0px solid;
	border-bottom:white 0px solid;	
}


.FilterCellRight
{	
	background-color:#E7F2E3;
	height:22;
	vertical-align: middle;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-left:white 0px solid;
	border-top:white 0px solid;
	border-right:white 0px solid;
	border-bottom:white 0px solid;	
}


.FilterCellGreen
{	
	background-color:#d1ffc3;
	height:25;
	vertical-align: middle;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-left:white 0px solid;
	border-top:white 0px solid;
	border-right:white 0px solid;
	border-bottom:white 0px solid;	
}

.FilterCellBBorder
{	
	background-color:#C6DBF7;
	height:22;
	vertical-align: middle;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-left:white 0px solid;
	border-top:white 0px solid;
	border-right:white 0px solid;
	border-bottom:white 1px solid;	
}

.FilterCellRightBBorder
{	
	background-color:#E7F2E3;
	height:22;
	vertical-align: middle;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	border-left:white 0px solid;
	border-top:white 0px solid;
	border-right:white 0px solid;
	border-bottom:white 1px solid;	
}

.FilterCellNoRightBorder
{
	background-color:#C6DBF7;
	height:22;
	vertical-align: middle;
	padding-left: 5px;
	border-left:white 1px solid;
	border-top:white 1px solid;
	border-bottom:white 1px solid;	
}

.FilterCellTopBottomBorder
{
	background-color:#C6DBF7;
	height:22;
	vertical-align: middle;
	border-top:white 1px solid;
	border-bottom:white 1px solid;	
}

a.vmi-web-link,
a.vmi-web-link:link,
a.vmi-web-link:active,
a.vmi-web-link:visited {
	font-size: 12px;
	font-weight: 700;
	font-family: Arial;
	color: #fff;
	text-decoration: none;
	padding-left: 20px;
	padding-top: 12px;
	padding-bottom: 15px;
}

a.vmi-web-link:hover{
	text-decoration:underline;
}