.noTitle .rtileTitle {
    display: none;
}

.myCustomPositions.RadTile img.rtileTitle {
    bottom: 2px;
    left: 5px;
    padding-bottom: 4px;
}

.myCustomPositions.RadTile .rtileTitleIndent {
    padding-left: 60px;
    padding-right: 60px;
    padding-top: 0;
    padding-bottom: 11px;
    font-size: 130%;
    font-weight: bold;
    font-family: Arial;
    color: white;
}

.RadMenu {
    z-index: 2000 !important;
}

.peeklabels {
    width: 380px;
    height: 189px;
    background-color: #002569;
    font-size: 130%;
    font-weight: bold;
    font-family: Arial;
    color: white;
    padding: 10px;
}

.titlelables {
    font-size: 130%;
    font-weight: bold;
    font-family: Arial;
    color: white;
}

.hideshowimage:hover {
    visibility: hidden;
}

.RadMenu_Office2007 .rmRootGroup {
    background-color: transparent !important;
    background-image: none !important;
}

.PageNavBar{

    border-width: 0 0 1px 1px;
    background: #c3d8f1;
    background-image: linear-gradient(#dee8f5,#c3d8f1);
    border: 0;
    padding: 5px; 
    width: 100%;
}


a.rmLink.rmRootLink.rmImageOnly {
    border-color: transparent !important;
    color: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

.RadSocialShare.RadSocialShare_Office2007 {
    float: right;
    padding: 0;
}

.RadSocialShare {
    z-index: 100;
    
}

.RadSocialShare.sshText{
   
    font-size:xx-small;
}
.ViewAllGrid {
    margin-bottom: 20px;
}

/*From Telerik stop eliminate the question mark in my RadWindow*/
div.rwDialog.rwAlertDialog:before {
    content: "";
}

div.rwDialog.rwConfirmDialog:before {
    content: "";
}



div.rwDialogMessage {
    margin-top: 50px;
    align-content: unset;
    margin-right: 35px;
}
.RadMenu .rmRootGroup #rmTopMenu, .RadMenu .rmRootGroup .rmRootLink .TopMenuButton, .t-row .menu {
    background: #1b4707; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#1b4707, #58983c ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#1b4707, #58983c); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#1b4707, #58983c); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#1b4707, #58983c); /* Standard syntax */
    border: #ffffff solid 1px;
}

.RadMenu .rmRootGroup, .RadMenu .rmRootGroup .rmRootLink {
    border: none !important;
    padding: 0 !important;
}

    .RadMenu .rmRootGroup.rmHorizontal > .rmItem {
        border: none !important;
    }


.TopMenuButton {
    padding-right: 6%;
    margin-left: 4px;
}

#Header {
    padding: 0 !important;
}

.HeaderImage {
    width: 100%;
}

.HeaderRow, .menu {
    margin-bottom: -7px;
}

html, body {
    margin: 0 auto;
    font-size: 12pt;
    line-height: 150%;
    font-family: Arial, Helvetica, sans-serif;
    /*background: url(images/breadcrumbs-bg.jpg) repeat-x;*/
    background-color: #002569;
}

.rmLogos {
    text-align: right !important;
}

.rmLogosCenter {
    text-align: center;
}

#rmLogobar, .logos, .rmRootGroup .rmHorizontal {
    margin: auto;
    background: #466aae;
    background-image: url(../images/breadcrumbs-bg.jpg);
    background-repeat: repeat-x;
    font-weight: bold;
    font-style: italic;
    color: white;
    padding-left: 10px;
    border: #ffffff solid 1px;
    height: 25px;
    margin-top: 1px;
    /*text-align: right;*/
    /*width:1500px;*/
}

.rmLeftImage {
    margin-left: 5px !important;
    margin-right: 5px !important;
    /*margin-top:2px !important;*/
}

.t-col {
    padding: 0px !important;
}

#mainbody {
    margin: 0 auto;
    background-color: #ffffff;
    width:100%;
}

#homesidewrapper {
    padding-right: 10px;
    padding-left: 10px;
    background: #ffffff;
    padding-top: 5px;
    vertical-align: top;
    min-height: 842px;
}

#sidewrapmenu h1 {
    padding-left: 8px;
    margin: 0;
    font-size: medium;
    background: url(images/bg-menu-env.png);
}

#sidewrapmenu ul {
    margin: 0;
    padding: 0 10px;
    list-style: none;
}

#sidewrapmenu li {
    margin: 0;
    list-style-type: none;
    text-align: left;
    border-bottom: #002569 dotted 1px;
}


#sidewrapmenu {
    border: #1b4707 solid 1px;
    width: 89%;
    padding-bottom: 10px;
}




#sidewrapmenuB {
    border: #1b4707 solid 1px;
    width: 89%;
    padding-bottom: 10px;
}

    #sidewrapmenuB h1 {
        padding-left: 8px;
        margin: 0;
        font-size: medium;
        background: url(images/bg-menu-env.png);
    }

    #sidewrapmenuB ul {
        margin: 0;
        padding: 0 10px;
        list-style: none;
    }

    #sidewrapmenuB li {
        margin: 0;
        list-style-type: none;
        text-align: left;
        border-bottom: #002569 dotted 1px;
    }


#annualReportList h1 {
    padding-left: 8px;
    margin: 0;
    color: white;
    font-size: medium;
    background: url(images/bg-menu-env.png);
}

#annualReportList ul {
    margin: 0;
    padding: 0 10px;
    list-style: none;
}

#annualReportList li {
    margin: 0;
    list-style-type: none;
    text-align: left;
    border-bottom: #002569 dotted 1px;
}


#annualReportList {
    border: #1b4707 solid 1px;
    width: 89%;
    padding-bottom: 10px;
}




.noPageWrapper {
    min-height: 100%;
}

#layoutwrapper {
    background-color: white;
}

.pagewrapper {
    /*min-height:100%;*/
    /*width:100px !important;*/
    background-color: white !important;
    /*margin: 0 auto !important;*/
}

#rmLogos {
    padding-top: 5px;
    padding-bottom: 5px;
    height: 50px;
}

.rbClearButton {
    background-color: transparent !important;
    border: none !important;
    color: #000 !important; /* optional, depending on the background */
}



/* CLASSES FOR COMM_UPLOAD AND COMM_VIEWUPLOADED----------------------------------- */


div.Choose {
    background-color: transparent;
    margin: 10px 0 10px 0;
    padding: 10px;
}


.demo-container {
    padding-left: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
}

.header-container {
    height: 10px;
}

.body-cont {
    padding-left: 15px;
}

.Button_space {
    margin-left: 10px;
    margin-right: 10px;
}

.tile_list_borders {
    margin-right: 20px !important;
}

.attachment-container {
    display: inline-block;
    /*background: rgba(161, 206, 251, 0.4);*/
    background-color: #60854f;
    width: 95%;
    padding: 5px 22px 22px;
    border-top: 1px solid rgb(50, 50, 50);
    border-bottom: 1px solid rgb(50, 50, 50);
    border-left: 1px solid rgb(50, 50, 50);
    border-right: 1px solid rgb(50, 50, 50);
    color: white;
}

.attachment-containerB {
    display: inline-block;
    /*background: rgba(192,192,192,0.3);*/
    /*background-color: #9ebc8f;*/
    background-color: #60854f;
    width: 95%;
    padding: 5px 22px 22px;
    border-top: 1px solid rgb(50, 50, 50);
    border-bottom: 1px solid rgb(50, 50, 50);
    border-left: 1px solid rgb(50, 50, 50);
    border-right: 1px solid rgb(50, 50, 50);
    color: white;
}


.execute-container {
    display: inline-block;
    background: white;
    width: 95%;
    padding: 22px 22px 22px;
    border-top: 1px solid rgb(50, 50, 50);
    border-bottom: 1px solid rgb(50, 50, 50);
    border-left: 1px solid rgb(50, 50, 50);
    border-right: 1px solid rgb(50, 50, 50);
}

.execute-block {
    display: inline-block;
    background: white;
    width: 95%;
    padding-left: 22px;
    padding-right: 22px;
    border-top: 1px solid rgb(50, 50, 50);
    border-bottom: 1px solid rgb(50, 50, 50);
    border-left: 1px solid rgb(50, 50, 50);
    border-right: 1px solid rgb(50, 50, 50);
}


.allowed-attachments-list {
    font-style: italic;
    font-size: 12px;
}

.allowed-attachments-blue {
    color: blue;
    font-style: italic;
}

.allowed-attachments-red {
    color: red;
    font-style: italic;
}

.centertext {
    text-align: center;
}

.lefttext {
    text-align: left;
}

.GreenLabelText {
    /*color:  #00ff00;*/
    /*color: green;*/
    color: black;
    font-style: italic;
    font-size: small;
    text-align: right;
}

.RedLabelText {
    color: red;
    font-style: italic;
    font-size: small;
    text-align: right;
}

.floatRight {
    float: right;
}

.floatLeft {
    float: left;
}

.floatmiddle {
    margin: auto;
}

.linkstyle {
    color: mediumblue;
    font-style: italic;
}

.mainTitle {
    font-style: italic;
    font-size: 130%;
    color: #060;
}

#oopsPage li {
    list-style: none;
}

#oopsPage {
    text-align: center;
    height: 500px;
    font-style: italic;
    font-size: 130%;
    color: #060;
    background-image: url(images/oops.png);
}

.subTitleWrapper {
    font-style: italic;
    color: #060;
    font-weight: bold;
}

.subTitles {
    color: #060;
}

.yearDropdown {
    color: #060;
    margin-left: 10px;
    margin-top: 4px;
}

.radgridrowoverflow {
    height: 30px;
    overflow: hidden;
}


/* BEGIN CLASSES FOR OLD LOGON.ASPX SCREEN----------------------------------- */
div.radwindow_Default .windowcontent .windowpopup.radalert {
    background: none !important;
}

.radalert {
    background: none !important;
}

.liWrap input {
    font-size: 20px;
}

    .liWrap input:focus {
        background-color: #ffffcc;
        color: #000;
    }

.liWrap a {
    text-decoration: underline;
}

.liWrap {
    width: 270px;
    min-height: 200px;
    margin: 50px auto 10px auto;
    padding: 10px 30px 30px 30px;
    border: 1px solid #ccc;
    background-color: #E6E6E6;
    font-size: 16px;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
}

.liTitle {
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    text-shadow: 1px 1px 3px #ccc;
}

.loginIcon {
    border-right: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    position: absolute;
    margin-left: 305px;
    margin-top: 0px;
    width: 128px;
    height: 128px;
    background-image: url(images/locked.png);
    -moz-border-radius-topright: 7px;
    -webkit-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-radius-bottomright: 7px;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: medium;
}

.logoutIcon {
    border-right: 1px solid #e9e9e9;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #e9e9e9;
    position: absolute;
    margin-left: 305px;
    margin-top: 0px;
    width: 128px;
    height: 128px;
    background-image: url(images/unlocked.png);
    -moz-border-radius-topright: 7px;
    -webkit-border-radius-topright: 7px;
    -moz-border-radius-bottomright: 7px;
    -webkit-border-radius-bottomright: 7px;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: medium;
}

.LiMessage {
    color: Red;
}

@media only screen and (max-width: 768px) {
    /* inherit the page's font-size that is set by the developer */

    .RadTileList.RadTileList_Office2007.rtlistResponsive.RadTileListHeight {
    }


    div.RadTileList.rtlistResponsive .rtlistWrapper,
    div.RadTileList.rtlistResponsive .RadTile {
        font-size: inherit;
    }

    /* avoid sizing problems by forcing a box model */
    div.RadTileList.rtlistResponsive .RadTile {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* zoom the image for RadImageTiles to 100% of the tile size */
    div.RadTileList.rtlistResponsive .rtileContentImage,
    div.RadTileList.rtlistResponsive .RadImageTile .rtileIconImage {
        width: 100%;
        max-width: 100%;
    }

    /* zoom the RadIconTile contents */
    div.RadTileList.rtlistResponsive .RadTile.RadIconTile .rtileTopContent {
        height: 500px !important;
    }

    /* make the RadIconTile icon 50% of the tile */
    div.RadTileList.rtlistResponsive .RadTile.RadIconTile .rtileIconImage {
        width: 50%;
        max-width: 50%;
        margin-top: 8vw;
    }

    /* set size for the square tile according to the viewport size */
    div.RadTileList.rtlistResponsive .RadTile.rtileSquare {
        width: 46vw;
        height: 46vw;
    }

    /* set size for the wide tile according to the viewport size */
    div.RadTileList.rtlistResponsive .RadTile.rtileWide {
        width: 92vw;
        height: 46vw;
    }

    /* set font size for the Tiles' Title element */
    div.RadTileList.rtlistResponsive .RadTile h6.rtileTitle {
        font-size: 4.1vw;
    }
    /* set font size for the Tiles' Badge element */
    div.RadTileList.rtlistResponsive .RadTile .rtileBadge {
        font-size: 4.1vw;
    }
}

/*STYLES Necessary for Master Page Footer*/
.footer {
    background: #002569; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#30569b, #002569 ); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#30569b, #002569); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#30569b, #002569); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#30569b, #002569); /* Standard syntax */
    height: 110px;
    text-align: center;
    padding-top: 25px;
    line-height: 120%;
}

.footerLinks {
    background: #d2d1bd; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#d2d1bd, #eae9d6); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#d2d1bd, #eae9d6); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#d2d1bd, #eae9d6); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#d2d1bd, #eae9d6); /* Standard syntax */
    text-align: center;
    margin-bottom: -15px;
    margin-top: 0px;
}

.footer img {
    margin-left: 5px;
}

a.blackfooter {
    color: #454335;
    text-decoration: none;
    font-weight: bold;
    font-style: italic;
}

    a.blackfooter:hover {
        color: red;
        text-decoration: none;
        font-weight: bold;
        font-style: italic;
    }

#Footer {
    margin-right: -15px;
    padding-right: 30px !important;
}

.noMargin {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.RadMenuPopup {
    top: 274px !important;
}

.rmSlide {
    background-color: white;
}