﻿/*  
    Default.css

    Author: T.Allen
    Last Updated: Feb 2008

    Stylesheet built for an 800x600 screen resolution.

*/
body 
{
    margin: 10px; 
    padding: 0px; 
    background-color: #FFF8EF;
    font-family: Arial, Sans-Serif, Helvetica;
}

/*  Page Header
    Contains logo, title and help button
*/
#PageHeader
{
    background-color: #D8B8B8;
    width: 671px;
    height: 134px;
    margin: 0px;
}
#PageHeader #cfLogo
{
    background-image: url(Images/cfLogo2.jpg); 
    width: 101px; 
    height: 124px;
    float: left;
    position: relative;
    top: 4px;
    left: 18px;
}
#PageHeader #cfTitle
{
    background-image: url(Images/cfTitle.gif); 
    width: 381px; 
    height: 52px;
    float: left;
    position: relative;
    top: 76px;
    left: 46px;
}
#PageHeader #ToolBar
{
    width: 131px;
    height: 25px;
    position: relative;
    top: 2px;
    float: right;
}
#PageHeader #ToolBar #ButtonWidth
{
    width: 52px;
    height: 25px;
    float: left;
}
#PageHeader #ToolBar #ButtonWidth #ButtonWidthIncrease
{
    background-image: url(Images/Buttons/ButtonIncreaseWidth.gif); 
    Width: 25px;
    height: 25px;
    float: left;
}
#PageHeader #ToolBar #ButtonWidth #ButtonWidthIncrease:hover
{
  background-position: 0 -25px;
}
#PageHeader #ToolBar #ButtonWidth #ButtonWidthReduce
{
    background-image: url(Images/Buttons/ButtonReduceWidth.gif); 
    Width: 25px;
    height: 25px;
}
#PageHeader #ToolBar #ButtonWidth #ButtonWidthReduce:hover
{
  background-position: 0 -25px;
}
#PageHeader #ToolBar #ButtonHeight
{
    width: 52px;
    height: 25px;
    float: left;
}
#PageHeader #ToolBar #ButtonHeight #ButtonHeightIncrease
{
    background-image: url(Images/Buttons/ButtonIncreaseHeight.gif); 
    Width: 25px;
    height: 25px;
    float: left;
}
#PageHeader #ToolBar #ButtonHeight #ButtonHeightIncrease:hover
{
  background-position: 0 -25px;
}
#PageHeader #ToolBar #ButtonHeight #ButtonHeightReduce
{
    background-image: url(Images/Buttons/ButtonReduceHeight.gif); 
    Width: 25px;
    height: 25px;
}
#PageHeader #ToolBar #ButtonHeight #ButtonHeightReduce:hover
{
  background-position: 0 -25px;
}
#PageHeader #ToolBar #ButtonHelp
{
    background-image: url(Images/Buttons/ButtonHelp.gif); 
    width: 25px; 
    height: 25px;
}
#PageHeader #ToolBar #ButtonHelp:hover
{
  background-position: 0 -25px;
}
#PageHeader #HeaderFooter
{
    background-image: url(Images/PageHeaderFooter.gif);
    background-repeat: repeat-x;
    width: 100%;
    height: 6px;
    font-size: 2pt;
    clear: both;
    position: relative;
    top: 4px;
}

/*  Page Body
    Contains Button bar, and tabular information.
*/
#PageBody
{
    width: 691px;
    height: 392px;
}
#PageBody #ButtonBarGreen
{
    background-color: #AAC0AA;
    width: 135px;
    border-right-color: #3F543F;
    border-right-style: solid;
    border-right-width: 1px;
    height: 392px;
    border-bottom-color: #3F543F;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    float: left;
    text-align: center;
}
#PageBody #ButtonBarGreen .ButtonGreen
{
    background-image: url(Images/Buttons/ButtonGreen122x25.gif);
    width: 122px;
    height: 25px;
}
#PageBody #ButtonBarGreen .ButtonGreen:hover
{
    background-position: 0px -25px;
}
#PageBody #ButtonBarGreen .ButtonSpacer
{
    width: 100%;
    height: 2px;
    font-size: 1pt;
}
#PageBody #ButtonBarGreen .ButtonGroupEnd
{
    width: 100%;
    height: 2px;
    font-size: 1pt;
    border-bottom-color: #3F543F;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#PageBody #ButtonBarGreen .ButtonSpacer151
{
    width: 100%;
    height: 151px;
    font-size: 1pt;
}
#PageBody #ButtonBarGreen .ButtonSpacer179
{
    width: 100%;
    height: 179px;
    font-size: 1pt;
}
#PageBody #ButtonBarGreen .ButtonSpacer360
{
    width: 100%;
    height: 360px;
    font-size: 1pt;
}
#PageBody #ButtonBarGreen .ButtonSpacerHeight
{
    width: 100%;
    height: 0px;
    font-size: 0pt;
}
#PageBody #ButtonBarGreen .ButtonRecord
{
    width: 100%;
    height: 40px;
    font-size: 10pt;
    font-weight: bold;
    text-align: center;
    border-bottom-color: #3F543F;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}

#PageBody #MainArea
{
    width: 534px;
    height: 392px;
    float: left;
    border-right-color: #D8B8B8;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: #D8B8B8;
    border-bottom-style: solid;
    border-bottom-width: 1px;
}
#PageBody #MainArea #MainAreaOffsetLeft
{
    width: 480px;
}
#PageBody #MainArea #MainAreaCentred
{
    text-align: center;
}
#PageBody #MainArea #MissionStatement
{
    font-size: 16pt;
    color: #543F3F;
    position: relative;
    top: 30px;
}
#PageBody #MainArea #LoginBox
{
    width: 360px;
    position: relative;
    top: 50px;
}
#PageBody #MainArea #LoginBox .LoginTextBox
{
    width: 178px;
    height: 18px;
    border-color: #543F3F;
    border-style: inset;
    border-width: thin;
}
#PageBody #MainArea .ButtonSubmitB
{
    background-image: url(Images/Buttons/ButtonBrown122x25.gif);
    width: 122px;
    height: 25px;
}
#PageBody #MainArea .ButtonSubmitB:hover
{
    background-position: 0px -25px;
}

#PageBody #MainArea #MainHeader
{
    height: 40px; 
    border-bottom: solid 1px #543F3F;
}
#PageBody #MainArea .HeaderTable
{
    width: 100%; 
    font-family: Arial, Sans-Serif, Helvetica;
    font-weight: bold; 
    font-size: 10pt; 
    color: black;
}
#PageBody #MainArea .HeaderTable .FieldLabel
{
    width: 80px;
}
#PageBody #MainArea .HeaderTable #UnitsText
{
    width: 120px; 
    text-align: right;
}
#PageBody #MainArea #MainBody
{
    height: 321px; 
    border-bottom-color: #D8B8B8;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    overflow: auto;
}
#PageBody #MainArea #MainBody #ValidationMessage
{
    width: 100%;
    height: 20px;
    text-align: center;
}
#PageBody #MainArea #MainBody #BodyFilter
{
    width: 100%; 
    font-family: Arial, Sans-Serif, Helvetica;    
    font-weight: bold;
    font-size: 10pt; 
    color: black; 
}
#PageBody #MainArea #MainBody #BodyTable
{
    width: 100%; 
    font-family: Arial, Sans-Serif, Helvetica;    
    font-weight: bold;
    font-size: 10pt; 
    color: black; 
}
#PageBody #MainArea #MainBody #RecipientTable
{
    font-family: Arial, Sans-Serif, Helvetica;    
    font-weight: bold;
    font-size: 10pt; 
    color: black; 
}
#PageBody #MainArea #MainBody .tdVHeader
{
    width: 160px;
    text-align: right;
}
#PageBody #MainArea #MainBody .tdVData
{
    height: 28px;
    text-align: left;
}
#PageBody #MainArea #MainBody .trHHeader
{
    background-color: #D8B8B8;
}
#PageBody #MainArea #MainBody .tdHHeader
{
    padding-left: 3px; 
}
#PageBody #MainArea #MainBody .tdHHeaderC
{
    padding-left: 3px; 
    text-align: center;
}
#PageBody #MainArea #MainBody .tdHHeaderR
{
    padding-left: 3px; 
    text-align: right;
}
#PageBody #MainArea #MainBody #BodyTable .trHData
{
    padding-left: 3px; 
    padding-bottom: 1px; 
    padding-top: 1px;
    cursor: hand;
}
#PageBody #MainArea #MainBody #BodyTable .trHData:hover
{
    background-color: #DFD8CF;
}
#PageBody #MainArea #MainBody #BodyTable .trHDataAgent
{
    height: 27px;
    padding-left: 3px; 
    padding-bottom: 1px; 
    padding-top: 1px;
    cursor: hand;
}
#PageBody #MainArea #MainBody #BodyTable .trHDataAgent:hover
{
    background-color: #DFD8CF;
}
#PageBody #MainArea #MainBody #BodyTable .trHDataMessage
{
    height: 25px;
    padding-left: 3px; 
    padding-bottom: 1px; 
    padding-top: 1px;
    cursor: hand;
}
#PageBody #MainArea #MainBody #BodyTable .trHDataMessage:hover
{
    background-color: #DFD8CF;
}
#PageBody #MainArea #MainBody #BodyTable .trHDataMessageView
{
    height: 25px;
    font-weight: normal;
    padding-left: 3px; 
    padding-bottom: 1px; 
    padding-top: 1px;
    cursor: hand;
}
#PageBody #MainArea #MainBody #BodyTable .trHDataMessageView:hover
{
    background-color: #DFD8CF;
}
#PageBody #MainArea #MainBody #BodyTable .tdHData
{
    border-bottom: solid 1px #D8B8B8;
}
#PageBody #MainArea #MainBody #BodyTable .tdHDataC
{
    border-bottom: solid 1px #D8B8B8;
    text-align: center;
}
#PageBody #MainArea #MainBody #BodyTable .tdHDataR
{
    border-bottom: solid 1px #D8B8B8;
    text-align: right;
}
#PageBody #MainArea #ButtonNewUser
{
    position: relative;
    top: 2px;
    left: -4px;
}
#PageBody #MainArea #ButtonNewMessage
{
    position: relative;
    top: 2px;
    left: -4px;
}
#PageBody #MainArea #ButtonRelease
{
    position: relative;
    top: 2px;
    left: -4px;
}
#PageBody #MainArea .ButtonGreen
{
    background-image: url(Images/Buttons/ButtonGreen122x25.gif);
    width: 122px;
    height: 25px;
}
#PageBody #MainArea .ButtonGreen:hover
{
    background-position: 0px -25px;
}

#PageBody .ButtonGreen68
{
    background-image: url(Images/Buttons/ButtonGreen68x20.gif);
    width: 68px;
    height: 20px;
}
#PageBody .ButtonGreen68:hover
{
    background-position: 0px -20px;
}

/*  Page Footer
    Contains Copyright, and legal
*/
#PageFooter
{
    width: 671px;
    font-size: 8pt;
    color: #543F3F;
    text-align: center;
}

/*  Section independent classes */
.WarningMessage
{    color:Red;
     font-size:x-small;
}
.WarningIdentifier
{    color:Red;
     font-size:small;
}
.pgTextBox
{   border-top: #D8B8B8 1px solid; 
    border-left: #D8B8B8 1px solid; 
    border-right: #543F3F 1px solid; 
    border-bottom: #543F3F 1px solid; 

