﻿body
{
    background-color: #C0C0C0;
    background-image: url( 'Images/style/metal017.jpg' );
    background-repeat: repeat;
}

.BodyTable
{
    width: 850px;
    text-align: left;
    background-color: Transparent;
}
.HeaderPanel
{
    background-color: #ffffff;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left:3px;
}

.LeftPanelImages
{
    width: 170px;
    border: 0px;
}

.ContentPanel
{
    background-color: #ffffff;
    color: rgb(51, 51, 153);
    font-family: 'Times New Roman' , Times, serif;
    font-size: medium;
    vertical-align: top;
    border-left-width:1px;
    border-left-color:black;
    border-top-width: 1px;
    border-top-color: Black;
    width: 650px;
    text-align: left;
}

.Trademark
{
    color: #CC0000;
    font-size: 10pt;
}

.AddPanel
{
    background-color: #ffffff;
    text-align: center; 
}

.FooterPanel
{
    background-color: Transparent;
    text-align: center;
}

.ItemListDivideBar
{
    width: 95%;
    color: #0066FF;
    height: 1px;
}

.ItemViewImage
{
    width: 200px;
    border: thin ridge #C0C0C0;
}

.ItemListView
{
    text-align: left;
    padding-left: 70px;
    font-family: 'times New Roman' , Times, serif;
    font-size: 11pt;
    vertical-align:middle;
}

.AdminPanel
{
    border: 1px solid Red;
    width: 600px;
}

.AdminImagepanel
{
    background-color: #CCFF99; 
}

.AdminItemEditpanel
{
    background-color: #99CCFF;
}

.AdminConfirmpanel
{
    background-color: #FF0000;
}

.AdminRemoveItempanel
{
    background-color: #FF9933;
}

/************ Menu Items **************/

.TopMenuPanel
{
    background-color: #020183;   
    height: 22px;
    border: 0px;
    padding:0px;
    width:100%
}

.LeftMenuPanel
{
   background-color: #ffffff;
   width: 200px;
   vertical-align: top;
   text-align: center;
}

.TopMenu
{
    font-family: Arial;
    font-size: 10pt;
    font-style: italic;
    font-weight: 600;
    border: 0px;
    border-spacing: 0px;
    padding: 0px;
    font-variant: normal;
    color: #FFFFFF;
    text-align: left;
    width: 100%;
}

.TopMenuButton
{
    background-color: #020183;
    border-right-style: double;
    border-right-width: medium;
    border-right-color: #FFFFFF;
    border-left-style: double;
    border-left-width: medium;
    border-left-color: #FFFFFF;
    padding-left: 5px;
    padding-right: 5px;
}

.TopMenuButtonOver
{
    background-color: #0201a3;
    border-right-style: double;
    border-right-width: medium;
    border-right-color: #FFFFFF;
    border-left-style: double;
    border-left-width: medium;
    border-left-color: #FFFFFF;
    cursor: pointer;
    padding-left: 5px;
    padding-right: 5px;
    color: #CCDFFF;
}

.LeftMenu
{
    font-family: Arial;
    font-size: 10pt;
    font-style: italic;
    font-weight: 600;
    border: 0px;
    border-spacing: 0px;
    padding: 0px;
    font-variant: normal;
    color: #FFFFFF;
    text-align: center;
}

.LeftMenuFont
{
    color: Blue;
    font-family: Arial;
    font-size: 13pt;
    font-weight: normal;
}

.LeftMenuBar
{
    width: 98%;
    color: #0000FF;
    height: 1px;
}

.LeftMenuButton
{
    background-color: #020183;
    border-right-style: double;
    border-right-width: medium;
    border-right-color: #FFFFFF;
    border-left-style: double;
    border-left-width: medium;
    border-left-color: #FFFFFF;
}

.LeftMenuButtonOver
{
    background-color: #0201a3;
    border-right-style: double;
    border-right-width: medium;
    border-right-color: #FFFFFF;
    border-left-style: double;
    border-left-width: medium;
    border-left-color: #FFFFFF;
    cursor: pointer;
    color: #CCDFFF;
}
