﻿/* HTML Tags */
body
{
    font-family: Verdana, Arial, Helvetica, Sans-Serif;
    font-size: 12px;
    background-image: url('./Images/Background.jpg');
    /* Need to set body margin and padding to get consistence between browsers */
    margin: 10px 0px;
    padding: 0px;
    /* Hack for IE */
    text-align: center;
}
#Content
{
    width: 840px;
    margin: 0px auto;
    text-align: left;
    padding: 10px;
    border: none;
    position: relative;
}
#ContentBody
{
    background-color: #ffffff;
    color: #000000;
    padding: 10px;
}
h1
{
	color: #004000;
	font-weight: bold;
	font-size: 14pt;
	margin-top: 0px;
	margin-bottom: 10px;
}
h2
{
    color: #004000;
    font-weight: bold;
    font-size: 12pt;
    margin-top: 0px;
    margin-bottom: 10px;
}
h3
{
    color: #004000;
    font-weight: bold;
    font-size: 10pt;
    margin-top: 0px;
    margin-bottom: 10px;
}
a
{
	text-decoration: none;
	color: green;
}
a:hover
{
	text-decoration: underline;
}
th
{
    background-color: #1C5E55;
    height: 20px;
    color: White;
    text-align: center;
}

/* Control Specific Tags */
.MainMenu
{
    background-image: url('./Images/AgResourceMenu.png');
    background-repeat: no-repeat;
    background-position: center center;
    text-align: center;
}
.FooterMenu
{
    text-align: center;
}

/* Custom Misc. Tags */
.Label
{
	font-weight: bold; 
	text-align: right;
}
.Button
{
	background-color: #ffffff;
	border: solid 1px #008000;
	color: #008000;
}
.Button:hover
{
    text-decoration: underline;
    cursor: pointer;
}
.Help
{
    color: #808080;
    font-size: 7pt;
}
/* Borders - Master */
.MasterTopLeft
{
    height: 10px; 
    width: 10px;
    background-image: url(./Images/Borders/TopLeft.png); 
}
.MasterTopRight
{
    height: 10px; 
    width: 10px;
    background-image: url(./Images/Borders/TopRight.png); 
}
.MasterBottomLeft
{
    height: 10px; 
    width: 10px;
    background-image: url(./Images/Borders/BottomLeft.png); 
}
.MasterBottomRight
{
    height: 10px; 
    width: 10px;
    background-image: url(./Images/Borders/BottomRight.png); 
}
.MasterTop, .MasterBottom
{
    height: 10px;
    background-color: #ffffff; 
}
.MasterLeft, .MasterRight
{
    width: 10px;
    background-color: #ffffff; 
}

/* Borders - General */
.HeaderLeft
{
    height: 24px;
    width: 10px;
}
.HeaderCenter
{
    height: 24px;
    text-align: center;
    font-weight: bold;
    color: #ffffff; 
	font-size: 11pt; 
    width: auto;
}
.HeaderRight
{
    height: 24px;
    width: 10px;
}

.DialogLeft
{
    width: 9px;
    border-left: dotted 1px #808080;
    border-bottom: dotted 1px #808080;
}
 .DialogRight
{
    width: 9px;
    border-right: dotted 1px #808080; 
    border-bottom: dotted 1px #808080; 
}
.DialogContent
{
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: dotted 1px #808080; 
}

/* Dialog Background Colors */
.TealLeft       {background-image: url(./Images/Borders/TealLeft.png);}
.TealCenter     {background-image: url(./Images/Borders/TealCenter.png);}
.TealRight      {background-image: url(./Images/Borders/TealRight.png);}

.RedLeft        {background-image: url(./Images/Borders/RedLeft.png);}
.RedCenter      {background-image: url(./Images/Borders/RedCenter.png);}
.RedRight       {background-image: url(./Images/Borders/RedRight.png);}

.GoldLeft       {background-image: url(./Images/Borders/GoldLeft.png);}
.GoldCenter     {background-image: url(./Images/Borders/GoldCenter.png);}
.GoldRight      {background-image: url(./Images/Borders/GoldRight.png);}

.PurpleLeft     {background-image: url(./Images/Borders/PurpleLeft.png);}
.PurpleCenter   {background-image: url(./Images/Borders/PurpleCenter.png);}
.PurpleRight    {background-image: url(./Images/Borders/PurpleRight.png);}

.BlueLeft       {background-image: url(./Images/Borders/BlueLeft.png);}
.BlueCenter     {background-image: url(./Images/Borders/BlueCenter.png);}
.BlueRight      {background-image: url(./Images/Borders/BlueRight.png);}

.Silver         {background-color: #E0E0E0;}
.Green          {background-color: #E3EAEB;}

/* Tabs */
.TabContainer
{
    background-position: bottom;
    width: 100%;
    background: #fff url('./Images/Borders/TabBackground.gif') repeat-x bottom;
    margin: 0px;
    padding: 0px;
}
.TabLeftOff 
{
    background-position: left top; width: 5px; 
    background: url('./Images/Borders/TabLeftOff.gif') no-repeat left top;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    border-color: #aaa;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
}
.TabRightOff
{
    background-position: right top;
    background: url('./Images/Borders/TabRightOff.gif') no-repeat right top;
    padding: 7px 9px 5px 5px;
    border-color: #aaa;
    border-width: 0px 0px 1px 0px;
    border-style: solid;
}
.TabLeftOn
{
    background-position: left top;
    width: 5px;
    background: url('./Images/Borders/TabLeftOn.gif') no-repeat left top;
}
.TabRightOn
{
    background-position: right top;
    background: url('./Images/Borders/TabRightOn.gif') no-repeat right top;
    padding: 9px 9px 3px 5px;
}
.TabRightOn a
{
    font-size: 12pt;
    font-weight: bold;
    color: #333333;
    text-decoration: none;
}
.TabRightOff a
{
    font-size: 12pt;
    font-weight: bold;
    color: #5D5D5D;
    text-decoration: none;
}
.TabRightOff a:hover
{
    color: #5D5D5D;
    text-decoration: underline;
}
.TabDummy
{
    padding-left: 6px;
}