/*TMTM TILES*/
.TileContainer {
    background: #dedede;
    background-color: #dedede;
    padding: 5px;
}

.TileName {
    word-break: break-word;
    word-wrap: break-word;
    font-size: small;
}

.TileTable {
    height: 120px !important;
    width: 300px !important;
    float: left;
    margin-right: 5px;
    margin-top: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    box-shadow: 5px 4px 4px 0 rgba(0,0,0,0.1);
    transition: 0.1s;
    border-radius: 5px;
    cursor: pointer;
}

    .TileTable:hover {
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
        border: 3px solid #eeeeee;
    }

.TileImage {
    height: 25px;
    width: 25px;
}

.TileTableDisable {
    pointer-events:none;
}

/*TMTM TILES*/

.lblClientHeader {
    display: inline-block;
}

.lblClientHeader img {
    max-height: 59px !important;
    max-width: 350px !important;
}

.lblClientHeader p {
    width: 100% !important;
    max-height: 65px !important;
    margin: 0;
}

.lnkPageActions{
    text-decoration:none;
    display:block;
    padding-left:13px;
    padding-top:5px;
    padding-bottom:5px;
}


.RadGrid .rgInfoPart {
    float:left !important;
    float:left !important;
    margin-left:20px;
}

.lnkPageActionsFirstItem {
    padding-top: 10px;
} 

.RadDock_Web20 .rdTop .rdLeft, .RadDock_Web20 .rdTop .rdRight, .RadDock_Web20 .rdTop .rdCenter, .RadDock_Web20 .rdBottom .rdLeft, .RadDock_Web20 .rdBottom .rdRight, .RadDock_Web20 .rdBottom .rdCenter {
    background-image: unset !important ;
    }

.RadDock_Web20 .rdMiddle .rdLeft, .RadDock_Web20 .rdMiddle .rdRight {
    background-image: unset !important ;
    }

.RadDock_Web20 .rdMiddle .rdCenter, .RadDock_Web20 .rdBottom .rdCenter {
    background-color: none !important;
    background-color: unset !important;
}

.dropbtn:hover, .dropbtn:focus {
    background-color: rgba(230, 230, 230, 0.4);
}

/* TMTM STYLES FOR THE VCG*/
/* BEGIN HEADER BUTTON STYLING - TMTM*/

.HeaderIconFocus {
    width: 55px;
    padding-left: 10px;
    padding-right: 10px;
}

.HeaderIconFocus:hover {
    background-color: rgba(230, 230, 230, 0.2);
}

.announcement {
    color: white;
    border: none;
    cursor: pointer;
}

.announcement:hover, .announcement:focus {
}

.announcementdropdown {
    position: relative;
    display: inline-block;
}

.announcementdropdown-content {
    display: none;
    left: -450px;
    top: 24px;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 450px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999999999;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 12px;
    padding-left: 12px;
    padding-right: 12px;
}

.announcementdropdown-content tr {
    color: #595959;
    text-decoration: none;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    background-color: white;
    margin-bottom: 2px;
    margin-top: 2px;
}

.announcementdropdown-content a {
    color: #595959;
    padding: 15px 15px;
    text-decoration: none;
    display: block;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
}

.announcementdropdown-content img {
    padding-left: 10px;
}

.announcementdropdown tr:hover {
    background-color: #ddd;
}

.show {
    display: block;
}

/* END HEADER BUTTON STYLING */

/* BEGIN USER MENU STYLING - TMTM */
.dropbtn {
    color: white;
    border: none;
    cursor: pointer;
    height : 18px;
    width : 18px;
}


.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    left: -197px;
    top: 22px;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 190px;
    overflow: auto;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 999999999;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 12px;
    padding-right: 12px;
}

    .dropdown-content a {
        color: #595959;
        padding: 8px 5px;
        text-decoration: none;
        display: block;
        font-style: normal;
        font-weight: normal;
    }

.dropdown a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}
/* END USER MENU STYLING - TMTM */

/*------------------------------------------------------*/

TD, LI, BODY, P { color: #000000; font-size: 12px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; }

H1 {
	FONT-WEIGHT: normal; COLOR: #093689; FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif; font-size: 24px
	; height: 16px; 
}
H2 {
	FONT-WEIGHT: normal; COLOR: #269; FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif; font-size: 18px;
}
H3 {
	FONT-WEIGHT: normal; COLOR: #269; FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif
}
H4 {
	FONT-WEIGHT: normal; COLOR: #269; FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif
}
DT {
	FONT-WEIGHT: normal; COLOR: #269; FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif
}
BLOCKQUOTE {
	FONT-WEIGHT: normal; COLOR: #269; FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif
}
CITE {
	FONT-WEIGHT: normal; COLOR: #269; FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif
}
H4 {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; MARGIN-BOTTOM: 10px
}


.small {
	FONT-SIZE: 0.9em
}
.center {
	MARGIN: 0px auto; TEXT-ALIGN: center
}
.screenImg {
	padding: 0px;
	MARGIN: 0px 0px 15px; 	TEXT-ALIGN: center! important
}
.screenImg IMG {
	BORDER-RIGHT: #269 1px solid; BORDER-TOP: #269 1px solid; BORDER-LEFT: #269 1px solid; WIDTH: 165px! important; BORDER-BOTTOM: #269 1px solid; HEIGHT: 165px! important
}

.HighlightWord
{
    background-color:Gold;
}

.HeaderPhoneNumber
{
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif; font-weight: bolder;
}

.FooterCopyright
{
	font-size: 9px; color: #666666; FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif; font-weight: bolder;
}

.HeaderTopLinks
{
	FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Verdana, 'Trebuchet MS', 'Trebuchet', sans-serif; font-weight: normal;
}

.ModeratorMenuLink
{
    font-size: 11px;
    color: Blue;
    text-decoration: underline;
}

/*RAD Docks Styles*/
.RadDock_My_TitlePanel
{
    float: left;
    height: 27px;
    line-height: 35px;
}

.RadDock_Login_TitlePanel
{
    height: 23px;
    line-height: 38px;
}
/*End RAD Docks Styles*/

/*Start Section Borders*/
.SectionBorder
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #000000;
    padding: 5px;
}
.SectionBorderCritical
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FF3334;
    padding: 5px;
}
.SectionBorderHelp
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #2BB0D7;
    padding: 5px;
}
.SectionBorderInfo
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #2BB0D7;
    padding: 5px;
}
.SectionBorderWarning
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #FFAD33;
    padding: 5px;
}
.SectionBorderReview
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid goldenrod;
    padding: 5px;
}
.SectionBorderOnHold
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #C71585;
    padding: 5px;
}
.SectionBorderEscalate 
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #1013C7;
    padding: 5px;
}
.SectionBorderAccept
{
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #228B22;
    padding: 5px;
}
/*End Section Borders*/

/*Start Mergable Content Placeholders*/
.PlaceholderDisplay
{
     background-color: #CFD8E4;
     -khtml-opacity: .75; 
     -moz-opacity: .75; 
     -ms-filter: "alpha(opacity=75)";
     filter: alpha(opacity=75);
     filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0.75);
     opacity: .75;
}
/*End Mergable Content Placeholders*/

div.csFieldSetTextBox {
    padding: 7px;
    margin: 0px;
    text-align: left;
    vertical-align: bottom;
    width: 55.6%;
    min-width: 200px;
}

    div.csFieldSetTextBox.AutoArrange {
        display: inline-block;
        width: 27.8%;
        vertical-align: text-top;
    }

    div.csFieldSetTextBox.TopDown {
        display: inline-block;
        width: 89.6%;
        padding: 1px 5px 15px 20px;
    }

    div.csFieldSetTextBox.InLine {
        margin: 0px 0px 0px 0px;
        width: 30.9%; /*-calc(77.3% - 52.5px);*/ /*--TODO - Should this be 48px??? 80% - input margins (24px) - label margins (24px) */
        border: 0px;
        display: inline-block;
        vertical-align: text-top;
        align-items: flex-start;
    }

    div.csFieldSetTextBox.Grid {
        display: block;
        width: 80.3%;
        float: left;
    }

label.riLabel {
    text-align: left;
    font-family: sans-serif,arial;
    font-weight: bold;
    font-size: large;
    padding: 0px 5px 5px 0px;
}

    label.riLabel.TopDown {
        display: block;
        width: inherit;
    }

    label.riLabel.AutoArrange {
        display: inline-block;
        width: 100%;
        vertical-align: text-top;
    }

    label.riLabel.InLine {
        padding: 0px;
        margin: 0px 5px 0px 0px;
        width: 27.8%; /* - Changed for IE 20% causes wrap */
        display: inline-block;
        text-align: left;
        float: left;
        vertical-align: text-top;
        align-items: flex-start;
    }

    label.riLabel.Grid {
        display: inline-block;
        width: 33.1%;
        min-width: 150px;
        text-align: left;
        vertical-align: top;
    }

    label.riLabel.Paragraph {
        display: inline;
        width: auto;
        min-width: 150px;
        vertical-align: text-top;
    }

    label.riLabel.required:hover {
        text-shadow: 1px 1px 1px red;
    }

    label.riLabel.required:before {
        content: "*";
        color: red;
    }

    label.riLabel.Grid.editLabel {
        display: inline-block;
        width: 33.1%;
        min-width: 150px;
        text-align: right;
        vertical-align: top;
        padding: 1px 8px 10px 0px;
    }

    label.riLabel:hover {
        text-shadow: 1px 1px 1px #b3b3b3;
    }

        label.riLabel:hover .title {
            visibility: visible;
        }

    label.riLabel.editLabel:hover a {
        visibility: visible;
        display: inline;
    }

    label.riLabel.editLabel a {
        /*visibility: hidden;
        display: none;*/
    }

label.DetailsScreen.FieldValue {
    vertical-align: text-top;
    font-family: sans-serif,arial;
    font-size: large;
    font-weight: normal;
    word-wrap: break-word;
}

    label.DetailsScreen.FieldValue.Grid {
        display: inline-block;
        text-align: left;
        width: 66.6%;
    }

    label.DetailsScreen.FieldValue.TopDown {
        display: inline-block;
        width: 89.6%;
        padding: 1px 5px 15px 0px;
        text-align: left;
        float: left;
    }

    label.DetailsScreen.FieldValue.InLine {
        display: inline;
        width: 89.6%;
        padding: 1px 5px 15px 0px;
        text-align: left;
    }

    label.DetailsScreen.FieldValue.AutoArrange {
        padding: 2px 0px 15px 0px;
        width: 99.6%; /*-calc(77.3% - 52.5px);*/ /*--TODO - Should this be 48px??? 80% - input margins (24px) - label margins (24px) */
        border: 0px;
        display: inline-block;
        vertical-align: text-top;
        align-items: flex-start;
    }

    label.DetailsScreen.FieldValue.Paragraph {
        display: inline;
        width: 99.6%;
        padding: 1px 5px 15px 5px;
    }