﻿body
{
    background-image: url(Images/WindowBG.gif);
    background-position: top left;
    background-repeat: repeat-x;
}
p
{
    margin: 1em 0 0 0;
    padding: 0;
}
a
{
    color: #005998;
    text-decoration: underline;
}
a:visited
{
    color: #005998;
    text-decoration: underline;
}
a:hover
{
    text-decoration: none;
}

/*                                                                  common floating */
.FloatLeft
{
    float: left;
}
.FloatRight
{
    float: right;
}
.FloatNone
{
    float: none;
}
.ClearBoth
{
    clear: both;
}
.Clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.Clearfix
{
    display: inline-block;
}
* html .Clearfix
{
    height: 1%;
}

/*                                                                  common displays */
.DisplayNone
{
    display: none;
}
.DisplayBlock
{
    display: block;
}
.DisplayInline
{
    display: inline;
}
.DisplayInlineBlock
{
    display: inline-block;
}
.VisibilityHidden
{
    visibility: hidden;
}
.Bold
{
    font-weight: bold;
}
.NoWrap
{
    white-space: nowrap;
}
.Wrap
{
    white-space: normal;
}
.NotBold
{
    font-weight: normal;
}
.Italic
{
    font-style: italic;
}
.NotItalic
{
    font-style: normal;
}
.NoBorder
{
    border: 0px none;
}

/*                                                                  common cursors */
.CursorPointer
{
    cursor: pointer;
}
.CurosrDefault
{
    cursor: default;
}

/*                                                                  common widths */
.AutoWidth
{
    width: auto;
}
.Width100Pct
{
    width: 100%;
}
.Width95Pct
{
    width: 95%;
}
.Width90Pct
{
    width: 90%;
}
.Width50Pct
{
    width: 50%;
}
.Width33Pct
{
    width: 33%;
}
.Width25Pct
{
    width: 25%;
}

/*                                                                  common heights */
.AutoHeight
{
    height: auto;
}

/*                                                                  common alignments */
.TextAlignLeft
{
    text-align: left;
}
.TextAlignCenter
{
    text-align: center;
}
.TextAlignRight
{
    text-align: right;
}
.VerticalAlignTop
{
    vertical-align: top;
}
.VerticalAlignBottom
{
    vertical-align: bottom;
}

/*                                                                  common margins */
.Margin0
{
    margin: 0;
}
.MarginTop0
{
    margin-top: 0;
}
.MarginTop1EM
{
    margin-top: 1em;
}
.MarginRight1EM
{
    margin-right: 1em;
}
.MarginLeft1EM
{
    margin-left: 1em;
}
.MarginBottom1EM
{
    margin-bottom: 1em;
}
.MarginTopHalfEM
{
    margin-top: 0.5em;
}
.MarginBottomHalfEM
{
    margin-bottom: 0.5em;
}
.MarginTopQuarterEM
{
    margin-top: 0.25em;
}
.MarginBottomQuarterEM
{
    margin-bottom: 0.25em;
}
.MarginLeft10PX
{
    margin-left: 10px;
}
.MarginRight10PX
{
    margin-right: 10px;
}
.MarginTop1PX
{
    margin-top: 1px;
}
.MarginBottom1PX
{
    margin-bottom: 1px;
}
.MarginTop2PX
{
    margin-top: 2px;
}
.MarginBottom2PX
{
    margin-bottom: 2px;
}
.PushRight5PX
{
    margin-right: -5px;
}
.PushUp5PX
{
    margin-top: -5px;
}

/*                                                                  common paddings */
.PaddingTop10PX
{
    padding-top: 10px;
}
.Padding0
{
    padding: 0;
}
.Padding5PX
{
    padding: 5px;
}
.PaddingBottom1PX
{
    padding-bottom: 1px;
}
.PaddingBottom2PX
{
    padding-bottom: 2px;
}


/*                                                                  common control styles */
.CollapsedPanel
{
    height: 0;
    overflow: hidden;
}
.ListView1PixelSeparator
{
    height: 1px;
    overflow: hidden;
}
.ModalBG
{
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}
.TreeView td div
{
    height: 20px !important;
}

/*                                                                  platter definitions */
/* platters are variable-width by default */
.PlatterTopLeft
{
    background-position: top left;
    background-repeat: no-repeat;
}
.PlatterTopRight
{
    float: right;
    background-position: top right;
    background-repeat: no-repeat;
    height: 10px;
    width: 10px;
}
.PlatterContent
{
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 20px;
}
.PlatterBody
{
    padding-top: 9px;
    padding-right: 15px;
}
.PlatterBottomLeft
{
    background-position: bottom left;
    background-repeat: no-repeat;
    height: 10px;
    font-size: 5px;
    line-height: 5px;
}
.PlatterBottomRight
{
    float: right;
    background-position: bottom right;
    background-repeat: no-repeat;
    width: 10px;
    height: 10px;
    font-size: 5px;
    line-height: 5px;
}

/* fixed-width platters contain top and bottom containers */
.PlatterTop
{
    width: 100%;
    height: 10px;
    font-size: 5px;
    line-height: 5px;
}
.PlatterTop .PlatterTopLeft
{
    float: left;
    width: 10px;
    height: 10px;
}
.PlatterTop .PlatterTopCenter
{
    float: left;
    height: 10px;
}
.PlatterTop .PlatterTopRight
{
    float: left;
}
.PlatterMiddle
{
    padding: 0 10px;
}
.PlatterMiddle .PlatterContent
{
    padding: 0;
    line-height: 1.2em;
}
.PlatterHeader
{
    line-height: 1em;
    margin-top: -3px;
    padding: 0 10px 5px 10px;
}
.PlatterBottom
{
    width: 100%;
    height: 10px;
    font-size: 5px;
    line-height: 5px;
}
.PlatterBottom .PlatterBottomLeft
{
    float: left;
    width: 10px;
}
.PlatterBottom .PlatterBottomCenter
{
    float: left;
    height: 10px;
}
.PlatterBottom .PlatterBottomRight
{
    float: left;
}

/*                                                                  platter styles */
.SilverPlatter .PlatterTopLeft
{
    background-image: url(Images/Silver/PlatterTopLeft.gif);
}
.SilverPlatter .PlatterTopRight
{
    background-image: url(Images/Silver/PlatterTopRight.gif);
}
.SilverPlatter .PlatterBottomLeft
{
    background-image: url(Images/Silver/PlatterBottomLeft.gif);
}
.SilverPlatter .PlatterBottomRight
{
    background-image: url(Images/Silver/PlatterBottomRight.gif);
}
.SilverPlatter .PlatterBG
{
    background-color: #E3E3E3;
}

.TangerinePlatter .PlatterTopLeft
{
    background-image: url(Images/Tangerine/PlatterTopLeft.gif);
}
.TangerinePlatter .PlatterTopRight
{
    background-image: url(Images/Tangerine/PlatterTopRight.gif);
}
.TangerinePlatter .PlatterBottomLeft
{
    background-image: url(Images/Tangerine/PlatterBottomLeft.gif);
}
.TangerinePlatter .PlatterBottomRight
{
    background-image: url(Images/Tangerine/PlatterBottomRight.gif);
}

.TurfPlatter
{
    color: #FFFFFF;
}
.TurfPlatter a, .TurfPlatter a:visited
{
    color: #FFDF68;
}
.TurfPlatter .PlatterTopLeft
{
    background-image: url(Images/Turf/PlatterTopLeft.gif);
}
.TurfPlatter .PlatterTopRight
{
    background-image: url(Images/Turf/PlatterTopRight.gif);
}
.TurfPlatter .PlatterBottomLeft
{
    background-image: url(Images/Turf/PlatterBottomLeft.gif);
}
.TurfPlatter .PlatterBottomRight
{
    background-image: url(Images/Turf/PlatterBottomRight.gif);
}

.CrimsonPlatter
{
    color: #FFFFFF;
}
.CrimsonPlatter a
{
    color: #FFDF68;
}
.CrimsonPlatter .PlatterTopLeft
{
    background-image: url(Images/Crimson/PlatterTopLeft.gif);
}
.CrimsonPlatter .PlatterTopRight
{
    background-image: url(Images/Crimson/PlatterTopRight.gif);
}
.CrimsonPlatter .PlatterBottomLeft
{
    background-image: url(Images/Crimson/PlatterBottomLeft.gif);
}
.CrimsonPlatter .PlatterBottomRight
{
    background-image: url(Images/Crimson/PlatterBottomRight.gif);
}

.TksPlatter
{
    color: #FFFFFF;
}
.TksPlatter a, .TksPlatter a:visited
{
    color: #FFCF81;
}
.TksPlatter h2
{
    color: #FFCC00;
}
.TksPlatter a:hover
{
    color: #FFFF66;
}
.TksPlatter .ValidationSummary
{
    color: #FF6600;
}
.TksPlatter .ValidationSummary ul
{
    color: #FFFFFF;
    list-style-image: url(Images/Arrows/TangerineRight.gif);
}
.TksPlatter .PlatterTopLeft
{
    background-image: url(Images/Tks/PlatterTopLeft.gif);
}
.TksPlatter .PlatterTopRight
{
    background-image: url(Images/Tks/PlatterTopRight.gif);
}
.TksPlatter .PlatterBottomLeft
{
    background-image: url(Images/Tks/PlatterBottomLeft.gif);
}
.TksPlatter .PlatterBottomRight
{
    background-image: url(Images/Tks/PlatterBottomRight.gif);
}
.TksPlatter .PlatterBG, .TksPlatter .PlatterTopCenter, .TksPlatter .PlatterBottomCenter, .TksPlatter .PlatterMiddle
{
    background-color: #005998;
}

.TksRing .PlatterTopLeft
{
    background-image: url(Images/Tks/RingTopLeft.gif);
}
.TksRing .PlatterTopRight
{
    background-image: url(Images/Tks/RingTopRight.gif);
}
.TksRing .PlatterBottomLeft
{
    background-image: url(Images/Tks/RingBottomLeft.gif);
}
.TksRing .PlatterBottomRight
{
    background-image: url(Images/Tks/RingBottomRight.gif);
}
.TksRing .PlatterTopCenter
{
    border-top: solid 1px #005A98;
    height: 9px;
}
.TksRing .PlatterBottomCenter
{
    border-bottom: solid 1px #005A98;
    height: 9px;
}
.TksRing .PlatterMiddle
{
    border-left: solid 1px #005A98;
    border-right: solid 1px #005A98;
}

.TurfRing .PlatterTopLeft
{
    background-image: url(Images/Turf/RingTopLeft.gif);
}
.TurfRing .PlatterTopRight
{
    background-image: url(Images/Turf/RingTopRight.gif);
}
.TurfRing .PlatterBottomLeft
{
    background-image: url(Images/Turf/RingBottomLeft.gif);
}
.TurfRing .PlatterBottomRight
{
    background-image: url(Images/Turf/RingBottomRight.gif);
}
.TurfRing .PlatterTopCenter
{
    border-top: solid 1px #009900;
    height: 9px;
}
.TurfRing .PlatterBottomCenter
{
    border-bottom: solid 1px #009900;
    height: 9px;
}
.TurfRing .PlatterMiddle
{
    border-left: solid 1px #009900;
    border-right: solid 1px #009900;
}

.CrimsonPedestal
{
    color: #FFFFFF;
}
.CrimsonPedestal a
{
    color: #FFDF68;
}
.CrimsonPedestal .PlatterTopLeft
{
    background-image: url(Images/Crimson/PedestalTopLeft.png);
}
.CrimsonPedestal .PlatterTopRight
{
    background-image: url(Images/Crimson/PedestalTopRight.png);
}
.CrimsonPedestal .PlatterBottomLeft
{
    background-image: url(Images/Crimson/PedestalBottomLeft.png);
}
.CrimsonPedestal .PlatterBottomRight
{
    background-image: url(Images/Crimson/PedestalBottomRight.png);
}
.CrimsonPedestal .PlatterTopCenter, .CrimsonPedestal .PlatterBottomCenter, .CrimsonPedestal .PlatterMiddle
{
    background-image: url(Images/Crimson/PedestalBG.png);
}

.SilverPedestal .PlatterTopLeft
{
    background-image: url(Images/Silver/PedestalTopLeft.png);
}
.SilverPedestal .PlatterTopRight
{
    background-image: url(Images/Silver/PedestalTopRight.png);
}
.SilverPedestal .PlatterBottomLeft
{
    background-image: url(Images/Silver/PedestalBottomLeft.png);
}
.SilverPedestal .PlatterBottomRight
{
    background-image: url(Images/Silver/PedestalBottomRight.png);
}
.SilverPedestal .PlatterTopCenter, .SilverPedestal .PlatterBottomCenter, .SilverPedestal .PlatterMiddle
{
    background-image: url(Images/Silver/PedestalBG.png);
}

.WhitePedestal .PlatterTopLeft
{
    background-image: url(Images/White/PedestalTopLeft.png);
}
.WhitePedestal .PlatterTopRight
{
    background-image: url(Images/White/PedestalTopRight.png);
}
.WhitePedestal .PlatterBottomLeft
{
    background-image: url(Images/White/PedestalBottomLeft.png);
}
.WhitePedestal .PlatterBottomRight
{
    background-image: url(Images/White/PedestalBottomRight.png);
}
.WhitePedestal .PlatterTopCenter, .WhitePedestal .PlatterBottomCenter, .WhitePedestal .PlatterMiddle
{
    background-image: url(Images/White/PedestalBG.png);
}

.WindowPedestal
{
    color: #000000;
}
.WindowPedestal .PlatterTopLeft
{
    background-image: url(Images/Tks/PedestalTopLeft.png);
}
.WindowPedestal .PlatterTopCenter, .WindowPedestal .PlatterHeader
{
    background-image: url(Images/Tks/PedestalBG.png);
    color: #FFF;
}
.WindowPedestal .PlatterHeader a
{
    color: #FFCF81;
}
.WindowPedestal .PlatterHeader a:hover
{
    color: #FFFF66;
}
.WindowPedestal .PlatterTopRight
{
    background-image: url(Images/Tks/PedestalTopRight.png);
}
.WindowPedestal .PlatterBottomLeft
{
    background-image: url(Images/White/PedestalBottomLeft.png);
}
.WindowPedestal .PlatterBottomRight
{
    background-image: url(Images/White/PedestalBottomRight.png);
}
.WindowPedestal .PlatterBottomCenter, .WindowPedestal .PlatterMiddle
{
    background-image: url(Images/White/PedestalBG.png);
}










.WindowPlatter .PlatterTopLeft
{
    background-image: url(Images/Tks/PlatterTopLeft.gif);
}
.WindowPlatter .PlatterTopCenter, .WindowPlatter .PlatterHeader
{
    background-image: url(Images/Tks/PlatterTopLeft.gif);
    background-position: -10px -10px;
    color: #FFF;
}
.WindowPlatter .PlatterHeader a
{
    color: #FFCF81;
}
.WindowPlatter .PlatterHeader a:hover
{
    color: #FFFF66;
}
.WindowPlatter .PlatterTopRight
{
    background-image: url(Images/Tks/PlatterTopRight.gif);
}
.WindowPlatter .PlatterBottomLeft
{
    background-image: url(Images/Tks/RingBottomLeft.gif);
}
.WindowPlatter .PlatterBottomRight
{
    background-image: url(Images/Tks/RingBottomRight.gif);
}
.WindowPlatter .PlatterBottomCenter
{
    background-image: url(Images/Tks/RingBottomLeft.gif);
    background-position: -10px 0;
}
.WindowPlatter .PlatterMiddle
{
    border-left: solid 1px #015B98;
    border-right: solid 1px #015B98;
}


.ConfirmationPanel
{
    width: 420px;
    text-align: left;
}
.ConfirmationPanel .PlatterTopCenter
{
    width: 400px;
}
.ConfirmationPanel .PlatterBottomCenter
{
    width: 400px;
}

.ProgressPanel
{
    width: 420px;
    text-align: left;
}
.ProgressPanel .PlatterTopCenter
{
    width: 400px;
}
.ProgressPanel .PlatterBottomCenter
{
    width: 400px;
}

.ActionWindow
{
    width: 420px;
    text-align: left;
}
.ActionWindow .PlatterTopCenter
{
    width: 400px;
}
.ActionWindow .PlatterBottomCenter
{
    width: 400px;
}
.ActionWindow .PlatterHeader
{
    width: 400px;
}



/*                                                                  common lists */
ul.ArrowedTurfCheckmark, ol.ArrowedTurfCheckmark
{
    list-style-image: url(Images/Arrows/TurfCheckmark.gif);
    margin: 0 0 0 20px;
    padding: 0;
}
ul.CircleBullet, ol.CircleBullet
{
    list-style-type: circle;
    margin: 0 0 0 20px;
    padding: 0;
}
ul.ArrowedTks, ol.ArrowedTks
{
    list-style-image: url(Images/Arrows/TksRight.gif);
    margin: 0 0 0 15px;
    padding: 0;
}
li.ArrowedTks
{
    list-style-image: url(Images/Arrows/TksRight.gif);
}
