.BoldTextHeaderBlue {
    font-family: Arial;
    font-size: 8pt;
    font-weight: lighter;
    color: White;
    text-decoration: none;
}

.BoldTextLinkBlack {
    font-family: Arial;
    font-size: 12pt;
    font-weight: lighter;
    color: maroon;
    text-decoration: none;
}

.BoldText {
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
}

.NormalText {
    font-family: Arial;
    font-size: 10pt;
}

.BoldTextPrint {
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
}

.NormalTextPrint {
    font-family: Arial;
    font-size: 12pt;
}

.BoldTextPrintHeader {
    font-family: Arial;
    font-size: 14pt;
    font-weight: bold;
    color: #a32020;
}

.NormalTextRightAlign {
    font-family: Arial;
    font-size: 10pt;
    text-align: right;
}

.gridborder {
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    font-family: Arial;
    font-size: 10px;
}

.griditem {
    background-color: #fae2bf;
    font-size: 10pt;
    font-family: Arial;
}

.gridHeader {
    background-color: #a32020;
    color: White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
}

.gridPager {
    border-color: Black;
    border-style: solid;
    border-width: 1px;
    color: White;
    background-color: #a32020;
    font-size: 9pt;
}


.rkSignInPwCLogo {
    padding-right: 20px;
    vertical-align: middle;
}

ul.rkSignInBullet {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 10px;
    margin: 0px;
    padding: 0px;
    margin-left: 15px;
    padding-top: 5px;
    list-style: square;
}

.tablevalues {
    border-width: 0;
    height: 100%;
    width: 100%;
    border-collapse: collapse;
}

.MenuItem {
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    color: White;
}

.MenuTD {
    border-bottom-width: thin;
    border-bottom-color: White;
    border-bottom-style: solid;
    height: 35px;
    vertical-align: middle;
}

.modalBackground {
    background-color:black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    overflow: hidden;
}

/*.modalPopup
{
	background-color: White;
	border-width: 3px;
	border-style: solid;
	border-color: Gray;
	padding: 3px;
	height: 91px;
	width: 598px;
}*/


.modalPopup {
    background-color: White;
    border-width: 0px;
    border-style: solid;
    border-color: none;
    padding: 3px;
}


.DelegatePopup {
    background-color: White;
    border-width: 1px;
    border-style: solid;
    border-color: Gray;
}

.BigBoldText {
    font-family: Arial;
    font-size: 14pt;
    font-weight: bold;
}

.BiggerBoldText {
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
}

.PrintNormalText {
    font-family: Arial;
    font-size: 10pt;
}

.PrintPageHeader {
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
}

.PrintPageTitle {
    font-family: Arial;
    font-size: 20pt;
    font-weight: bold;
    background-color: #fae2bf;
}

.LoginButtonStyle {
    background-color: #a32020;
    color: White;
    font-weight: bold;
    height: 26px;
    font-family: Arial;
}

.NormalButtonStyle {
    background-color: chocolate;
    color: White;
    font-weight: lighter;
    font-family: Arial;
}

.NormalButtonCrossStyle {
    background-color: chocolate;
    color: White;
    font-weight: bold;
    font-family: Arial;
    font-size: 6pt;
}

.gridItemReport {
    background-color: #ffffff;
    font-size: 8pt;
    font-family: Arial;
}

.gridHeaderReport {
    background-color: #fae2bf;
    color: Black;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
}

.BoldTextSmall {
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
}

.NormalTextSmall {
    font-family: Arial;
    font-size: 8pt;
}

.BoldTextHeader {
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    color: #a32020;
}

.BoldTextHeaderBanner {
    font-family: Arial;
    font-size: 12pt;
    font-weight: bold;
    color: White;
}

.NormalTextHeader {
    font-family: Arial;
    font-size: 8pt;
    color: #a32020;
}

.BigBoldTextHeader {
    font-family: Arial;
    font-size: 26pt;
    font-weight: bold;
    color: #a32020;
}

.BigBoldTextHeaderBanner {
    font-family: Arial;
    font-size: 26pt;
    font-weight: bold;
    color: White;
}

a.Headerlinkactive:active {
    color: #a32020;
    text-decoration: none;
}

a.Headerlinkactive {
    color: #a32020;
    text-decoration: none;
}

    a.Headerlinkactive:visited {
        color: #a32020;
        text-decoration: none;
    }

    a.Headerlinkactive:hover {
        color: #a32020;
        text-decoration: none;
    }

.BoldTextFooter {
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: #a32020;
}

.gridBorderHeaderFooter {
    border-color: #a32020;
    border-style: solid;
    border-width: 1px;
}

.gridHeaderMenu {
    background-color: #a32020;
    color: White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    position: relative;
}

.gridHeaderSmall {
    background-color: #ff5220;
    color: White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    border-radius: 8px;
}

.gridHeaderSmallLighter {
    background-color: chocolate;
    color: White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: lighter;
}

.NormalTextSmallInput {
    font-family: Arial;
    font-size: 8pt;
    text-align: right;
}

.gridItemFooter {
    background-color: #ffffff;
    font-size: 8pt;
    font-family: Arial;
    font-weight: bold;
}

.adjustedZIndex {
    z-index: 1;
}

.dynamicHoverStyle {
    background-color: #c43100;
    color: White;
}

.gridHR {
    color: #a32020;
    border-style: solid;
    border-width: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
}

.gridHRWithOnlyBottomAndHeaderText {
    border-style: solid;
    border-width: 1px;
    border-bottom-color: Black;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    background-color: #a32020;
    color: White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
}

.gridHRWithAllClose {
    border-style: solid;
    border-width: 1px;
    border-bottom-color: Black;
    border-right-color: Black;
    border-left-color: Black;
    border-top-color: Black;
}

.pager, .pager a {
    color: White;
    background-color: #a32020;
    font-size: 9pt;
}

    .pager:visited {
        color: White;
        background-color: #a32020;
        font-size: 9pt;
    }

    .pager a:visited {
        color: White;
        background-color: #a32020;
        font-size: 9pt;
    }

    .pager:link {
        color: White;
        background-color: #a32020;
        font-size: 9pt;
    }

    .pager a:link {
        color: White;
        background-color: #a32020;
        font-size: 9pt;
    }

a.Headerlinkactive:active {
    color: #a32020;
    text-decoration: none;
}

a.Headerlinkactive {
    color: #a32020;
    text-decoration: none;
}

    a.Headerlinkactive:visited {
        color: #a32020;
        text-decoration: none;
    }

    a.Headerlinkactive:hover {
        color: #a32020;
        text-decoration: none;
    }

/**/
a.HeaderlinkactiveDashBoard:active {
    color: #a32020;
    text-decoration: none;
}

a.HeaderlinkactiveDashBoard {
    color: #a32020;
    text-decoration: none;
}

    a.HeaderlinkactiveDashBoard:visited {
        color: #a32020;
        text-decoration: none;
    }

    a.HeaderlinkactiveDashBoard:hover {
        color: black;
        text-decoration: Underline;
    }

.HeaderlinkInactiveDashBoard {
    color: #a32020;
    text-decoration: none;
}
/**/

.BodyForDashBoard {
    margin-top: 0;
    margin-bottom: 0;
}

.gridHRWithLeftRight {
    border-style: solid;
    border-width: 1px;
    border-bottom-color: transparent;
    border-right-color: Black;
    border-left-color: Black;
    border-top-color: transparent;
}

.gridHRWithTop {
    border-style: solid;
    border-width: 1px;
    border-bottom-color: transparent;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: Black;
}

.gridHRWithBottom {
    border-style: solid;
    border-width: 1px;
    border-bottom-color: Black;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
}

.gridHRWithoutBottom {
    border-style: solid;
    border-width: 1px;
    border-bottom-color: transparent;
    border-right-color: Black;
    border-left-color: Black;
    border-top-color: Black;
    padding: 2px;
}

.gridHRWithoutTop {
    border-style: solid;
    border-width: 1px;
    border-bottom-color: Black;
    border-right-color: Black;
    border-left-color: Black;
    border-top-color: transparent;
    padding: 2px;
}

.triangle {
    width: 10px;
    height: 0;
    text-indent: -9999px;
    border-bottom: 20px solid Chocolate;
    border-right: 30px solid transparent;
    color: White;
}

.gridHeaderSmallx {
    color: White;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
}

.BottomBorderTDStyle {
    color: chocolate;
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    border-bottom-style: solid;
    border-color: chocolate;
    border-top-style: none;
    border-left-style: none;
    border-right-style: none;
    border-bottom-width: 1.5pt;
}

.WithOutBorder {
    border-top-style: none;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
    overflow: auto;
}

.footer {
    height: 20px;
    background-color: #e4e3e0;
    border-top: 1px #fff solid;
    padding: 4px 0 0 20px;
    /*width: 1230px;*/
}

.BoldTextFooterBlack {
    font-family: Arial;
    font-size: 10pt;
    font-weight: bold;
    color: Black;
}

/*.box {
    background: #d1e2c6;
    border-radius: 20px;
    cursor: pointer;
    height: 95px;
    line-height: 100px;
    text-align: center;
    transition-property: background, border-radius;
    transition-duration: .2s, 1s;
    transition-timing-function: linear;
    width: 95px;
}

    .box:hover {
        background: #e4e3e0;
        border-radius: 50%;
    }*/


.element {
    height: auto;
    width: 350px;
    margin: 0 auto;
    padding: 2px 2px 2px 2px;
    float: left;
    border: 1px solid;
    border-top: 3px solid;
    border-color: chocolate;
    background-color: azure;
    animation-name: stretch;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-delay: 0;
    animation-direction: normal;
    animation-iteration-count: initial;
    animation-fill-mode: none;
}

@keyframes stretch {
    20% {
        background-color: orange;
    }

    70% {
        transform: scale(1.1);
        background-color: yellow;
    }
}