﻿body
{
    background-color: #185F7B;
    color: #185F7B;
    margin: 0px;
    text-align: center;
    font-family: Arial;
    color: #666;
    font-size: 12px;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    display: block;
}

h1, .h1
{
    font-size: 2em;
    margin: .67em 0;
}
h2, .h2
{
    font-size: 1.5em;
    margin: .75em 0;
}
h3, .h3
{
    font-size: 1.17em;
    margin: .83em 0;
}
h4, .h4
{
    margin: 1.12em 0;
}
h5, .h5
{
    font-size: .83em;
    margin: 1.5em 0;
}
h6, .h6
{
    font-size: .75em;
    margin: 1.67em 0;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6
{
    font-weight: bolder;
}

H5, .H5
{
    font-size: 12px;
    font-weight: normal;
    text-decoration: underline;
}
P, .P
{
    line-height: 20px;
}
ul, .UL
{
    line-height: 20px;
    margin-left: auto;
}
A IMG
{
    border: 0px;
}
A:Visited, A:Active, A, A:Hover
{
    color: #2222dd;
}
BLOCKQUOTE
{
    font-style: italic;
    line-height: 20px;
    text-align: justify;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #eee;
    border: 1px solid #dfdfdf;
    padding: 10px;
}
.BackgroundContainer
{
    background-color: #0B4961;
    width: 1010px;
    margin: 0 auto;
}
.BackgroundFadeIn
{
    background-image: url(/~/media/Images/Arke%20Systems/Layout/BackgroundFadeIn.ashx);
    background-repeat: repeat-x;
    height: 28px;
    width: 100%;
}
.BackgroundFadeOut
{
    background-image: url(/~/media/Images/Arke%20Systems/Layout/BackgroundFadeOut.ashx);
    background-repeat: repeat-x;
    height: 34px;
    width: 100%;
}
.BackgroundDocument
{
    margin-left: 5px;
    margin-right: 5px;
}
.DocumentContainer
{
    text-align: left;
    background-color: #fff;
}
.DocumentMargin
{
    margin-left: 20px;
    margin-right: 20px;
    border-bottom: 20px solid #fff;
}
.MenuContainer
{
    height: 105px;
    width: 100%;
    border-bottom: solid 1px #90B23E;
}
.LogoContainer
{
}
.HeaderIconsContainer
{
    float: right;
    margin-top: 12px;
    margin-right: 10px;
}
.HeaderIconsContainer A
{
    color: #fff;
}
.HomeBanner
{
    position: relative;
    margin-bottom: 10px;
}
.LeftColumn
{
    width: 316px;
    background-color: #C9E0E8;
}
.RightColumn
{
    float: right;
    width: 316px;
}
.MiddleColumn
{
    float: right;
    margin-right: 6px;
    width: 316px;
    background-color: #C9E0E8;
}
.LightBlueContainerSeperator
{
    width: 100%;
    height: 10px;
    background-color: White;
}
.LightBlueContainer
{
    background-color: #C9E0E8;
}
.LightBlueContainerHeader
{
    background-image: url(/~/media/Images/Arke%20Systems/Layout/LightBlueContainerHeaderBackground_316x32.ashx);
    height: 32px;
    width: 316px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    border-bottom: 1px solid #fff;
}
.LightBlueContainerTitle
{
    margin-left: 10px;
    line-height: 32px;
}
.LightBlueContainerHr
{
    width: 296px;
    height: 1px;
    margin-bottom: 10px;
}
.LightBlueContainerContentMargin
{
    border: 10px solid #C9E0E8;
}
.LightBlueContainerContentMargin > P:first-child
{
    margin-top: 0px;
}
.LightBlueContainerContentMargin > P:last-child
{
    margin-bottom: 0px;
}
.LightBlueContainerContentMargin > UL:first-child
{
    margin-top: 0px;
}
.LightBlueContainerContentMargin > UL:last-child
{
    margin-bottom: 0px;
}
.GreyWhiteContainer
{
    background-color: #fff;
}
.GreyWhiteContainerHeader
{
    background-image: url(/~/media/Images/Arke%20Systems/Layout/GreyWhiteContainerHeaderBackground_316x32.ashx);
    height: 32px;
    width: 316px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    color: #444;
    font-size: 18px;
}
.GreyWhiteContainerHr
{
    width: 296px;
    height: 1px;
}
.GreyWhiteContainerTitle
{
    margin-left: 10px;
    line-height: 32px;
}
.GreyWhiteContainerContent
{
    background-image: url(/~/media/Images/Arke%20Systems/Layout/GreyWhiteContentBackground.ashx);
    background-repeat: repeat-x;
    padding: 5px 10px 5px 10px;
}
.GreyWhiteContainerContentMargin > P:first-child
{
    margin-top: 0px;
}
.GreyWhiteContainerContentMargin > P:last-child
{
    margin-bottom: 0px;
}
.GreyWhiteContainerContentMargin > UL:first-child
{
    margin-top: 0px;
}
.GreyWhiteContainerContentMargin > UL:last-child
{
    margin-bottom: 0px;
}
.ArrowsOnLightBlue
{
    list-style: square outside url(/~/media/Images/Arke%20Systems/Layout/Bullet_BlueArrowOnLightBlueBkgd.ashx);
}
.Footer
{
    text-align: left;
}
.InsideHeaderImage
{
    left: -2px;
    position: relative;
    border-top: 10px solid #fff;
}
.InsideHeaderTitle
{
    text-transform: uppercase;
    line-height: 32px;
    color: #B5DB50;
    font-size: 18px;
    position: relative;
    width: 743px;
    left: -2px;
    background-image: url(/~/media/Images/Arke%20Systems/Layout/InsideHeaderBkgd.ashx);
    background-repeat: no-repeat;
    border-top: 10px solid #fff;
    border-bottom: 10px solid #fff;
}
.InsideHeaderTitlePadding
{
    margin-left: 35px;
}
.InsideRightColumn
{
    float: right;
    width: 214px;
    border-top: 10px solid #fff;
}
.LightBlueContainer_214
{
}
.LightBlueContainerContent_214
{
    background-image: url(/~/media/Images/Arke%20Systems/Layout/LightBlueGradientBkgd.ashx);
    background-repeat: repeat-x;
}
.LightBlueContainerHeader_214
{
    background-image: url(/~/media/Images/Arke%20Systems/Layout/LightBlueContainerHeaderBackground_214x32.ashx);
    height: 32px;
    width: 214px;
    background-repeat: no-repeat;
    text-transform: uppercase;
    color: #fff;
    font-size: 18px;
    border-bottom: 1px solid #fff;
}
.LightBlueContainerTitle_214
{
    margin-left: 10px;
    line-height: 32px;
}
.LightBlueContainerContentMargin_214
{
    padding: 10px;
}
.LightBlueContainerContentMargin_214 > P:first-child
{
    margin-top: 0px;
}
.LightBlueContainerContentMargin_214 > P:last-child
{
    margin-bottom: 0px;
}
.LightBlueContainerContentMargin_214 > UL:first-child
{
    margin-top: 0px;
}
.LightBlueContainerContentMargin_214 > UL:last-child
{
    margin-bottom: 0px;
}
.LightBlueContainerContentMargin_214 > UL
{
    padding-left: 0px;
    list-style-position: inside;
}
.Container3_Container
{
    width: 100%;
    background-color: #E6EEF1;
}
.Container3_Padding
{
    border: 10px solid transparent;
}
.Container3_Padding > P:first-child
{
    margin-top: 0px;
    padding-top: 0px;
}
.Container3_Padding > P:last-child
{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.VerticalMenu
{
    width: 169px;
    float: left;
    margin-bottom: 20px;
}
.VerticalMenuItem
{
    width: 100%;
    line-height: 20px;
    background-image: url(/~/media/Images/Arke%20Systems/Layout/VerticalMenuHr.ashx);
    background-repeat: no-repeat;
    background-position: bottom;
}
.VerticalMenuItemInnerTube
{
    margin-left: 5px;
}
.VerticalMenuItem * A
{
    color: #666;
    text-decoration: none;
}
.VerticalMenuItem * A:Hover
{
    color: #56BADE;
    text-decoration: none;
}
A.VerticalMenuItemSelected:Visited, A.A.VerticalMenuItemSelected:Hover, A.VerticalMenuItemSelected:Active
{
    color: #56BADE;
    text-decoration: none;
}
.InsideContentMain
{
}
.InsideContentMainRight
{
    width: 555px;
    margin-right: 12px;
    float: right;
}
.InsideContentMainOnly
{
    width: 724px;
    margin-right: 12px;
}
.InsideContentMainOnly > UL
{
    list-style-position: inside;
}
.InsideContentMainRight > P:first-child
{
    margin-top: 0px;
    padding-top: 0px;
}
.InsideContentMainRight > P:last-child
{
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.InsideContentMainRight > BLOCKQUOTE:first-child
{
    margin-top: 0px;
}
.InsideContentMainRight > BLOCKQUOTE:last-child
{
    margin-bottom: 0px;
}
.InsideContentMainRight > H3:first-child
{
    margin-top: 0px;
}
.InsideContentMainRight > H3:last-child
{
    margin-bottom: 0px;
}
.InsideContentMainRight > UL:first-child
{
    margin-top: 0px;
}
.InsideContentMainRight > UL:last-child
{
    margin-bottom: 0px;
}
.InsideContentMainRight > P
{
    text-align: justify;
}
.InsideContentMainRight > UL
{
    text-align: justify;
    list-style-position: inside;
}

.HeaderImageBackground
{
    width: 960px;
    height: 85px;
    background-image: url(/~/media/Images/Arke%20Systems/Layout/Header_Products.ashx);
    background-repeat: no-repeat;
    line-height: 85px;
    color: #fff;
    font-size: 26px;
    padding-left: 25px;
    text-transform: uppercase;
}
.FooterMenu
{
    float: right;
    width: 365px;
    text-align: center;
    color: #4B8BA4;
    height: 70px;
    margin-top: 15px;
}
.FooterMenu A
{
    color: #4B8BA4;
}
.FooterMenu > TABLE > TBODY > TR > TD:first-child /* Hide the first seperator image in the footer menu */
{
    display: none;
}
.HorizontalMenuContainer
{
    float: right;
    line-height: 14px;
    font-size: 11px;
    margin-top: 8px;
    width: 575px;
}
A.HorizontalMenu_Level0
{
    text-transform: uppercase;
    color: #185F7B;
    font-weight: bold;
    text-decoration: none;
}
.HorizontalMenu_DivMoreMenu
{
    position: absolute;
    margin-top: 16px;
    margin-left: -10px;
    min-width: 100px;
    border: 3px solid rgba(0,0,0,0.075);
    border-top: 0px;
    z-index: 1000;
}
.HorizontalMenu_DivMoreBorder
{
    background-color: #fff;
    border: 1px solid #90B33F;
    border-top: 3px solid #90B33F;
}
.HorizontalMenu_DivMoreMenuInnerTube
{
    margin: 5px;
}
.HorizontalMenu_More
{
    cursor: pointer;
    position: absolute;
    top: 120px;
}
A.HorizontalMenuSubItem
{
    color: #666;
    text-decoration: none;
}
.Hidden
{
    display: none;
}
.Screenshot
{
    float: right;
    margin: 20px;
    margin-top: 0px;
}
#HomeBannerTestimonial
{
    position: absolute;
    top: 190px;
    left: 10px;
    color: #fcfcfc;
    width: 606px;
    text-align: justify;
    height: 106px;
}
#HomeBannerTestimonial P
{
    font-size: 12px;
    line-height: 14px;
    margin-top: 11px;
    margin-bottom: 11px;
    font-style: italic;
}
.Credit
{
    text-align: right;
}
#HomeBannerClients
{
    position: absolute;
    width: 331px;
    height: 73px;
    top: 222px;
    left: 628px;
}

#HomeBannerClientsLeft
{
    float: left;
}

#HomeBannerClientsRight
{
    float: right;
}
#HomeBannerClientsScroll
{
    position: absolute;
    width: 288px;
    left: 21px;
    height: 73px;
    overflow: hidden;
}
#HomeBannerClientsContent
{
    /* width: set dynamically by jQuery */
    height: 73px;
}
.SectionLandingTitleSpacer
{
    width: 746px;
    height: 10px;
}

.scfSectionLegend
{
  display: inline;
  color: #666;
}
.scfRequired { color: red; }
.scfSingleLineTextBorder { float: left; clear: both; }
.scfDropListBorder { float: left; clear: both; }
.scfNumberBorder { float: left; clear: both; }
.scfRadioButtonListBorder { float: left; clear: both; }
.scfMultipleLineTextBorder { float: left; clear: both; }
