﻿/*
Colors
#225fad = STAFDA Logo blue
#ee3124 red
#f8971d yellow
#0079c1 blue - same as 2024
#006199 darker blue
*/

@font-face {
    font-family: Montserrat;
    src: url('Montserrat-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

html, body, form {
    margin: 0px auto !important;
    padding: 0px !important;
    height: 100% !important;
}
body {
    font-family: Montserrat, Calibri,Helvetica, sans-serif;
    font-size: 1.0em;
    color: #272727;
    text-align: left;
    background-color: #0079c1;
    margin-bottom: 10px;
    padding-bottom: 10px;
    position: relative !important;
}
div.pagewrapper {
    width: 100%;
    clear: both;
    margin: 0px auto -60px auto;
    padding: 0px;
    text-align: center;
    background-color: white;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    position: relative !important;    
}
div.clear {
    clear: both;
    height: 60px !important;
}
div.navMenu {
    margin: 0px auto;
    padding: 0px;
    width: 100%;
}
div.header_wrapper {
    text-align: center;
    margin: 0px auto;
    padding: 0px;
    width: 100%;
    overflow: hidden;
}
div.header_wrapper div.banner{text-align:center; margin:0px; padding:0px;}
div.content_wrapper {
    width: 100%;
    margin: 0px auto;
    padding: 0px 0px 20px 0px;
    background-color: #fff;
    min-height: 500px;
}
    div.content_wrapper h2 {
        font-size: 18px;
        color: #006199;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 5px;
        margin: 0px;
        margin-bottom: 5px;
        text-align: left;
        font-weight: normal;
    }

div.footer_wrapper {
    width: 100%;
    margin: 0px auto;
    margin-top: 0px;
    background: #000 url('../images/ETLogo.png') no-repeat right 5px;
    height: 60px;
    position: relative !important;
    bottom: 0 !important;
    clear: both;
}
    div.footer_wrapper div.LargeText {
        font-size: 1.0em !important;
        margin: 0 !important;
        padding-top: 12px !important;
        color: #fff !important;
        text-align: left !important;
        font-weight: bold !important;
        padding-left: 12px;
    }
    div.footer_wrapper div.NormalText {
        font-size: 0.85em !important;
        margin: 0 !important;
        padding-top: 6px !important;
        color: #fff !important;
        text-align: left !important;
        padding-left: 12px;
    }

/* content class around all pages not using 3rd party controls*/
div.content{margin:0px auto; padding-top:20px;}
div.content img{border:none;}
div.content hr{border:none; border-bottom:solid 1px #999; text-align:center; width:90%; height:1px;}
div.content .hrdotted{border:none; border-bottom:dotted 1px #339; text-align:center; width:90%; height:1px;}

    div.content h1 {
        margin: 5px 0 5px 0;
        padding: 0;
        font-size: 1.4em;
        font-weight: bold;        
    }
    div.content h2 {
        font-size: 1.4em;
        color: #0079c1;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 5px;
        margin: 0px;
        margin-bottom: 5px;
        text-align: left;
    }
    div.content h3 {
        font-size: 1.4em;
        color: #0079c1;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 5px;
        margin: 0px;
        margin-bottom: 5px;
        text-align: left;
        text-transform: uppercase;
        font-weight: normal;
    }
    div.content h4 {
        font-size: 1.2em;
        color: #F20505;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 5px;
        margin: 0px;
        margin-bottom: 5px;
        text-align: left;
        text-transform: uppercase;
        font-weight: normal;
    }
    div.content h5 {
        color: #f8971d;
        font-size: 1.1em;
        padding-bottom: 5px;
        margin: 0px;
        margin-bottom: 5px;
        text-align: center;
        font-weight: bold;
    }
div.content .hrdotted {border:none; border-bottom:dotted 1px #3C43BF; text-align:center; width:90%; height:1px; margin:0px auto;}
.url a, .url a:link, .url a:active, .url a:visited {
    color: #0079c1;
    text-decoration: none;
    border-bottom: dotted 1px #3269A2;
    font-size: 1.0em;
}
.url a:hover{text-decoration:none; color:#c00; border-bottom:solid 1px #c00; font-size:1.0em;}
 div.content fieldset{margin:10px 0px; padding:4px; border:1px solid #999; width:95%; text-align:left;} 
 div.content .rbTable td {font-size:1.1em; font-weight:bold;}

div.content .regformLeft, div.content div.greyBox .regformLeft {
    background-color: white;
    text-align: right;
    padding: 3px 5px 0px 0px;
    margin: 0px;    
}
input[type="text"]:disabled {
    background: #eee;
    color: #999;
}
div.content .regformRight{background-color:#fff; text-align:left; padding:3px 0px 0px 5px;}
div.content .required{font-size:11px; COLOR:#c00;}
div.content .notes, div.content .updateProgress{font-size:11px;}
div.content .updateProgress{color:#c30e19;}
div.content .error, div.content .rLarge{COLOR:#f00;}
.tdColor {color:#3294c1 !important;}

.search .header{background-color:#3294c1; text-align:left; color:#fff; height:30px; padding-top:10px !important; padding-left:10px !important; font-size:1.1em;}

.pinned{  position:fixed;  right:0;  top:150px;  background-color:#fff;  color:Red;  width:50px;  height:50px;}
.textSmall{font-size:.9em;}

.badge{width:320px; border:solid 1px #000; background-color:#fff; color:#000; padding:0px;}
.badge .header{background-color:#fff; height:40px; text-align:left; padding-left:2px;}
.badge table{height:200px; background:transparent url(../images/BadgeBackground.gif) no-repeat center; margin:0px auto; padding:0px;}
.badge p{margin:0px auto; padding:5px 0px; font-size:24px; font-weight:bold; text-align:center; text-transform:uppercase;}
.badge .Informal{font-size:30px;}
.badge .FullName{font-size:27px;}
.badge .footer{color:#fff; font-size:24px; font-weight:bold; text-align:center; text-transform:uppercase; background-color:#fff; height:30px;}

div.content .ProfileQuestion{font-size:15px; color:#8A080D; border-bottom:1px solid #CCCCCC; padding-bottom:5px; margin:0px; margin-bottom:5px; text-align:left; text-transform:uppercase;}
div.content .ProfileAnswers{text-align:left; padding:5px 0px 5px 25px; margin-bottom:10px;}

div.greyBox{background-color:#e3e3e3; padding:10px; margin:0px auto; width:90%;}
div.greyBox ul, li{margin:0; padding:3px; list-style:none; text-align:left;}
div.greyBox div.innerBox {border:none; background-color:#fff; padding:10px;}
div.greyBox div.innerBox tr.s1{background-color:#fff;}
div.greyBox div.innerBox tr.s2{background-color:#F7F7F7;}
    div.greyBox div.innerBox h2 {
        font-weight: normal;
        font-size: 1.2em;
        color: #0079c1;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 5px;
        margin: 0px;
        margin-bottom: 5px;
        text-align: left;
    }
    div.greyBox div.innerBox h3 {
        font-size: 1.1em;
        color: #006199;
        font-weight: normal;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 5px;
        margin: 0px;
        margin-bottom: 5px;
        text-align: left;
    }
    div.greyBox div.innerBox th.header {
        font-size: 1.1em;
        color: #0079c1;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 5px;
        margin: 0px 0px 5px 0px;
        font-weight: bold;
        font-style: italic;
        height: 24px;
        text-align: left;
    }
    div.greyBox div.innerBox td.colHeader {
        color: #fff;
        text-align: left;
        font-weight: bold;
        padding: 6px;
        margin: 10px auto;
        background-color: #006199;
    }
div.greyBox div.innerBox td.item, div.greyBox div.innerBox td.rate{color:#000; text-align:left;}
div.greyBox div.innerBox td.title{font-weight:bold; font-style:italic;}
div.greyBox div.innerBox td>span{cursor:pointer;}
div.greyBox div.innerBox .sItem input[type="checkbox"]{padding-right:5px; padding-left:5px;}

.tooltipLarge{display:none; background:transparent url(../images/tooltip_white_big.png); font-size:12px; height:134px; width:310px; padding:30px; color:#000;}
.tooltip{display:none; background:transparent url(../images/white_arrow.png); font-size:11px; height:80px; width:170px; padding:20px; color:#000;}
div.greyBox div.innerBox .details, div.greyBox div.innerBox .detailsTrans{font-size:12px; padding:5px 10px; background-color:#f3f3f3;}
div.greyBox div.innerBox .detailsTrans{background-color:transparent;}
div.greyBox div.innerBox .details p{ margin:0px auto; padding:8px 0px;}
div.greyBox div.innerBox div.options{ background-color:#E9F0F9; width:70%; margin:0px auto; text-align:center;}
div.greyBox div.innerBox .waitlist{background-color:#FFF8DC; height:22px; text-align:left; padding-left:5px;}
div.greyBox div.innerBox .bwaitlist{background-color:#E8F1F7; height:22px; text-align:left; padding-left:5px;}
div.greyBox div.innerBox .bwaitlist a{color:#3870a8; text-decoration:underline; border:none;}
div.greyBox div.innerBox .bwaitlist a:hover{color:#3870a8; text-decoration:none; border:none;}
div.greyBox div.innerBox span{display:inline;}
div.greyBox div.innerBox .sItem table>td{font-size:12px;}
/* Review page*/
.review, .managereview{width:90%; margin:0px auto; padding:0px; border:solid 1px #000;}
.managereview {
    width: 90%;
}
.managereview div{text-align:left;}
    .review td.header, .managereview td.header {
        text-align: left;
        background-color: #006199;
        font-size: 1.2em;
        height: 30px;
        font-weight: bold;
        padding-left: 5px;
        color: #fff;
    }
.review td.header a, .managereview td.header a{font-weight:normal; color:#fff; border-bottom-color:#fff; font-size:14px;}
    .review td.section, .managereview td.section {
        font-weight: bold;
        padding: 5px;
        background-color: #efefef;
        font-size: 1.2em;
        color: #0079c1;
    }
.review td h3, .managereview td h3{color:#4e4e4e; display:inline; font-size:15px; border:none; text-transform:none;}
.review td.colHeader, .managereview td.colHeader{background-color:#D7D7D7; color:#000; font-size:1.1em; font-weight:normal; padding:4px;}
.review td.item, .managereview td.item{text-align:left; padding:0px 10px;}
.review .account {font-size:1.2em; font-style:italic;}
.review .title, .managereview .title{text-align:left; padding:2px 0px; font-size:1.1em; color:#3870a8; font-weight:normal;}
.review .Btitle, .managereview .Btitle{text-align:left; padding:2px; font-size:1.1em; color:#000; font-weight:normal;}
.review td.details, .managereview td.details{font-size:0.9em; padding:0px 10px;}
.review td.rate, .managereview td.rate{color:#F03; text-align:right; padding-right:5px;}
.review td.footer, .managereview td.footer{background-color:#000; color:#fff; font-size:1.2em; font-weight:bold; height:30px; padding-right:5px;}
.cancelHeader{margin-top:15px; padding:5px; font-weight:bold; text-align:center;}
.cancelText{padding:0px 10px 10px 10px; text-align:center; font-size:0.9em;}
/*checkout page*/
#paymentPage{text-align:left;}
#checkout{border:dotted 1px #3398cb; text-align:center; padding:10px; background-color:#EBF5FA; width:500px; font-size:1.4em; font-weight:bold; margin-top:10px; margin:0px auto;}
div.instructions{background-color:#EBEBF5; border:solid 1px #99C;}
div.Help{padding:5px 10px; text-align:left; color:#333; font-size:13px;}
.waitHeader{background-color:#339; color:#fff; font-size:1.0em; font-weight:normal; padding-left:5px;}

div.trackBar{margin:0px auto; padding:0px; height:41px; width:930px; text-align:center; font-size:11px;overflow:hidden;}
div.trackBar div.trackOff{background:transparent url(../images/TrackBar/Off.gif) repeat-x top center; margin:0px auto; padding-top:1em; height:41px; float:left; color:#333;}
div.trackBar div.trackOff a{color:#333; border:none; text-decoration:none; cursor:default;}
div.trackBar div.trackOn, div.trackBar div.trackEnd{background:transparent url(../images/TrackBar/On.gif) repeat-x top center; margin:0px auto; padding-top:1em; padding-bottom:3px; height:41px; float:left; color:#333;}
div.trackBar div.trackOn a:link, div.trackBar div.trackOn a:active, div.trackBar div.trackOn a:visited{color:#333; text-decoration:none; border-bottom:dotted 1px #333;}
div.trackBar div.trackOn a:hover{color:#ea9b23; text-decoration:none; border-bottom:solid 1px #ea9b23;}
div.trackBar div.trackEnd a{color:#333; border:none; text-decoration:none; cursor:default;}
div.trackBar div.trackCurrent{background:transparent url(../images/TrackBar/Current.gif) no-repeat top center; margin:0px auto; padding-top:1em; height:41px; float:left; color:#ea9b23; font-weight:bold;}
div.trackBar div.trackCurrent a{color:#ea9b23; border:none; text-decoration:none; cursor:default;}
#conflictDIV{background-color:#fff; border:solid 1px #000; width:300px; min-height:100px; font-size:12px; padding:0px; margin:0px auto;}
#conflictDIV #conflictClose{background-color:#F00; height:20px; width:300px; text-align:right; padding:0px; padding-top:2px; margin:0px auto;}
#conflictDIV #conflictClose a, #conflictDIV #conflictClose a:link, conflictDIV #conflictClose a:active, conflictDIV #conflictClose a:visited, #conflictDIV #conflictClose a:hover{color:#fff; text-decoration:none; padding-right:10px; padding-top:2px; border:none; font-weight:bold;}
#conflictDIV #conflictClose a:hover{text-decoration:underline;}
#conflictDIV #conflictMessage{color:#F00; padding:10px;}

/* Admin Styles*/
div#GridOuter{background:#000; width:98%; padding:10px 5px 10px 5px; text-align:center;}
div#GridFilter{background:#333; Width:100%; padding:10px auto 10px auto;}
div#GridFilter td{color:#fff; font-size:12px;}
/* QuickLinks Menu*/
div.adminMenu{padding:0px; margin:0px auto; background:#f2f2f2; border:solid 1px #000; min-height:100%; width:180px}
div.adminMenu div.MenuHeader{background:#000 url(../images/QuickHeader.gif) repeat-x top center; color:#fff; font-weight:bold; height:26px; margin:0px auto; padding-top:5px; padding-left:10px}
div.adminMenu div.MenuBody{width:180px; margin:0px auto; background-color:#fff}
div.adminMenu ul{margin:0px auto; padding:0px 0px; text-align:left}
div.adminMenu li{text-align:left; padding:0px !important; margin:0px !important; list-style-type:none; border-bottom:solid 1px #fff; background-color:#f2f2f2}
div.adminMenu li a, div.adminMenu li a:link, div.adminMenu li a:visited, div.adminMenu li a:active, div.adminMenu li a:hover{border:none; font-size:12px; height:22px; display:block; background:transparent; text-decoration:none;}
div.adminMenu li a, div.adminMenu li a:link, div.adminMenu li a:visited, div.adminMenu li a:active{color:#000; padding:5px 0px 0px 5px; color:#333; border-left:solid 4px #ccc;}
div.adminMenu li a:hover{color:#00507F; font-weight:normal; padding:5px 0px 0px 5px; border-left:solid 4px #00507F;}
div.adminMenu a.links{border:none !important; color:#0000ff !important}

div.mHelp{background-color:#eee; border:solid 1px #999; padding:10px; text-align:left;}
/*#CancelledReg{margin-bottom:10px;}*/
#CancelledReg p.headerrow{background-color:#3294c1; color:#fff; font-size:1.2em; height:30px; font-weight:bold; padding-left:5px; border:none; margin:0px; padding-top:3px;}
#CancelledReg p.detail{margin:0px; padding:2px 0px 2px 10px; border:none;}
div.InfoPopup{position:absolute; z-index:10; border:solid 1px #000; background-color:#ddd; color:#000; font-size:12px; width:300px; padding:4px; margin-left:10px;}

/* Login Box Styles*/
.LoginBox{padding:0; margin:0 auto; }
.LoginBox div.headerOuter{background:url(../images/LoginSilver/TopMiddle.gif) repeat-x top center; height:33px;}
.LoginBox div.headerOuter div.headerInner{ height:33px; background:url(../images/LoginSilver/TopLeft.gif) no-repeat left top;}
.LoginBox div.headerOuter div.headerInner div.title{ height:23px; background:url(../images/LoginSilver/TopRight.gif) no-repeat right top; padding:0; padding-top:10px; color:#FFF;}
.LoginBox div.headerOuter div.headerInner div.title{ font-size:1.1em !important; margin:0 !important; padding-left:20px !important; padding-top:10px !important; color:#000!important;  border-bottom:none !important; font-weight:bold !important; text-align:left !important;}
.LoginBox div.contentOuter{background:url(../images/LoginSilver/Left.gif) repeat-y left top;}
.LoginBox div.contentOuter div.contentInner{background:url(../images/LoginSilver/Right.gif) repeat-y right top;}
.LoginBox div.contentOuter div.contentInner div.contentBody{margin-left:0px; padding:0px;}
.LoginBox .footerOuter{background:url(../images/LoginSilver/BottomMiddle.gif) repeat-x top center; height:15px;}
.LoginBox .footerOuter div.footerLeft{ height:15px; background:url(../images/LoginSilver/BottomLeft.gif) no-repeat left top;}
.LoginBox .footerOuter div.footerLeft div.footerRight{ height:5px; background:url(../images/LoginSilver/BottomRight.gif) no-repeat right top; padding:10px 0 0 0; color:#FFF;}

.gridLite{border-collapse: collapse;font-size:12px;}
.gridLite th{border:1px solid #e3e3e3; white-space:nowrap; padding:5px; vertical-align:top; background-color:#e3e3e3; font-size:13px; color:#000; font-weight:bold;}
.gridLite td{border:1px solid #e3e3e3; padding:5px; vertical-align:top; font-size:12px;}
.gridLite a, .gridLite a:link, .gridLite a:visited, .gridLite a:active{color:#1772AF; text-decoration:underline; border:none;}
.gridLite a:hover{color:#c00; text-decoration:underline; border:none;}
/* printable audit*/
.audit{width:90%; margin:0px auto; padding:0px; border:solid 1px #000; font-size:14px;}
.audit td.header{text-align:left; background-color:#3294c1; color:#fff; font-size:1.2em; height:30px; font-weight:bold; padding:5px;}
.audit td.section{font-weight:bold; padding:5px; background-color:#efefef; font-size:1.1em; color:#3294c1;}
.audit td.colHeader{border-bottom:solid 1px #D7D7D7; background-color:#fff; color:#000; font-size:0.9em; font-weight:bold; padding:4px; text-align:left;}
.audit td.item{text-align:left; padding:2px 10px; font-size:0.9em;}
.audit td.rate{color:#F03; text-align:right; padding-right:5px; font-size:0.9em;}

td.personnel, td.pRate {text-align:left; padding:5px 0px;}
th.personnel {text-align:left; padding:5px 0px; font-weight:bold; font-size:1.1em;}
td.pRate {color:#F00;}
div.content hr.pdotted {border:none; border-bottom:dotted 1px #c00; text-align:center; width:98%; height:1px; margin:0px auto;}

div.HomeHeader {
    height: 26px;
    background: transparent url('../images/Bullet.png') no-repeat 0px 5px;
    text-indent: 30px;
    font-weight: bold;
    padding-top: 10px;
    font-size: 1.3em;
    color: #0079c1;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 3px;
    margin: 0px;
    text-transform: uppercase;
}
.HomeTable{width:100%; text-align:left;}
.HomeTable td {text-align:left; font-weight:normal;}
.HomeTable p {padding:0px 0px 15px 0px;}
.HomeTable .important {color:#000; font-size:16px; font-weight:bold; padding:0; margin:0;letter-spacing:normal; text-decoration:none;}

/*rates section of the home page*/
#RatesDisplay table {width:100%; color:#000;}
#RatesDisplay .oddTR{background-color:#fff;}
#RatesDisplay .evenTR{background-color:#eee;}
#RatesDisplay th, #RatesDisplay th.Header{text-align:left; color:#3294c1; font-size:1.0em; font-weight:bold; border-bottom:1px solid #e5e5e5; padding:5px 0px 5px 5px; text-transform:uppercase;}
#RatesDisplay th.Header{font-size:18px; font-weight:normal; text-transform:uppercase;}
#RatesDisplay .title{font-size:1.1em; font-weight:bold; padding:5px;}
#RatesDisplay .rate{font-size:1.0em; font-weight:normal; padding:5px; color:#c00;}
#RatesDisplay .details{background-color:#efefef; font-size:12px; padding:10px 20px 10px 20px; font-weight:normal;}

/* for the floor plan*/
.info-box{padding:0; margin:0 auto}
.info-box div.headerOuter{background:url(../images/info-box/top-bg.gif) repeat-x top center; height:40px}
.info-box div.headerOuter div.headerInner{ height:40px; background:url(../images/info-box/top-left.gif) no-repeat left top}
.info-box div.headerOuter div.headerInner div.title{ height:30px; background:url(../images/info-box/top-right.gif) no-repeat right top; padding:0; padding-top:10px; color:#fff}
.info-box div.headerOuter div.headerInner div.title{ font-size:1.1em !important; margin:0 !important; padding-left:20px !important; padding-top:10px !important; color:#FFF!important;  border-bottom:none !important; font-weight:bold !important; text-align:left !important}
.info-box div.contentBody{margin:0px; padding:0px; border-bottom:1px solid #CCC; border-right:1px solid #CCC; border-left:1px solid #CCC}
div.contentBody td.rBorder{border-right:1px solid #CCC}
div.contentBody .title{font-weight:bold; background-color:#d5d5d5;  height:24px}
div.contentBody th{font-size:14px; background-color:#000; color:#fff}
.booth-list{width:230px; overflow:auto; height:500px}
.booth-list td{border-bottom:1px dashed #E8E8E8; font-size:12px; margin:2px 0px}
.booth-list td a{color:#404042 !important; text-decoration:none; display:block; border:none !important; min-height:20px; padding:3px 5px; overflow:visible}
.booth-list td a:hover{color:#404042 !important; text-decoration:underline; display:block; border:none !important; background-color:#efefef; min-height:20px; padding:3px 5px; overflow:visible}

.highLightRed {background-color:Red !important; color:#fff !important;}
.highLightGreen {background-color:Lime !important;}

/* used for Refund only*/
.dlgrid td {
    border: 1px solid #2C354D;
    padding: 5px;
    width: 800px;
    overflow: visible;
    white-space: normal;
    text-align: left;
}

.dlgrid .dlheader {
    width: 750px;
    background-color: #2C354D;
    color: #fff;
    font-weight: bold;
    padding: 5px;
}

.dlgrid .rate {
    color: #cc0000;
}

.dlgrid a, .dlgrid a:link, .dlgrid a:active, .dlgrid a:visited {
    color: #cc0000;
    text-decoration: underline;
    border: none;
    font-size: 1.0em;
}

    .dlgrid a:hover {
        text-decoration: none;
        color: #8C2A2A;
        border: none;
        font-size: 1.0em;
    }
/* Login Page styles*/
div.AdminHomeBox {
    margin: 0px auto 0px auto !important;
    padding: 0px !important;
    background-color: white !important;
    text-align: left;
    border: solid 1px #006199;
}

    div.AdminHomeBox h3 {
        background-color: #006199;
        color: white !important;
        padding: 10px !important;
        font-size: 1.4em;
        margin: 0px auto;
    }

    div.AdminHomeBox h4 {
        background-color: #006199;
        color: white !important;
        padding: 10px !important;
        font-size: 1.4em;
        margin: 0px auto;
    }

    div.AdminHomeBox h2 {
        font-size: 1.2em !important;
        border-bottom: 1px solid #272727;
        color: #272727;
    }

    div.AdminHomeBox td {
        text-align: left;
        padding: 10px;
        vertical-align: top;
        line-height: 1.4em;
    }
 

/* NETWORKING CENTER STYLING */
/*styling for the hover po-ups on the NC home page top buttons*/
#homeNav .hover {
    border-radius: 6px;
    background-color: black;
    color: white;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    position: absolute;
    z-index: 99;
    text-align: left;
    width: 300px;
    padding: 10px;
}
.rfdSkinnedButton:hover{
    color:white !important;
}
/* silk radgrids */
.RadGrid_Silk {
    font-family: Calibri, 'Segoe UI', Helvetica !important;
    font-size: 0.9em;
}
/* Invite page - flex the 2 columns */
.flexcontainer {
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    flex-direction: row;
    flex-flow: row wrap;
    padding-top: 0px;
}
    .flexcontainer .left {
        flex: 1;
        -ms-flex: 1; /* IE 10 */
        max-width: 25% !important;
        padding: 0px 5px 0px 0px;
        margin: 0px;
        text-align: right;
    }

    .flexcontainer.right {
        flex: 1;
        -ms-flex: 1; /* IE 10 */
        max-width: 75% !important;
        text-align: left;
        padding: 0px 0px 0px 5px;
    }
/* styling for the datalist that houses the "to" email addresses/attendee names - invite page */
.dl {
    height: 30px;
    text-align: left;
    display: inline-block;
}

    .dl span {
        display: inline-block;
        position: relative;
        text-align: left;
        padding: 0px 5px 0px 0px !important;
    }

    .dl .text {
        display: inline-block;
        vertical-align: bottom;
        font-size: 1.1em;
    }
.highLightYellow {
    background-color: Yellow !important;
}



/*
.RadMenu_Windows7,
.RadMenu_Windows7 a.rmLink
{
	font: normal 13px/25px "Segoe UI", Arial, sans-serif !important;
}
*/
.RadMenu_Windows7 .rmRootGroup {
    padding: 3px 0px !important;
}
/* Telerik radtabstrip custom styles*/
.RadTabStrip_Silk {
    padding-left: 10px;
    padding-right: 10px;
}

    .RadTabStrip_Silk .rtsLevel1 .rtsSelected .rtsLink {
        /*color: #01386e !important;*/
        background-color: #01386e !important;
        color: white !important;
        background-image: none !important;
    }

        .RadTabStrip_Silk .rtsLevel1 .rtsSelected .rtsLink:before {
            border-color: #01386e !important;
            background-color: #01386e !important;
        }

.RadTabStrip .rtsUL li {
    padding: 0px !important;
    text-align: left;
}
/* override the Telerik Grid styles */
.RadGrid_Bootstrap td, .RadGrid_Bootstrap th, .RadGrid_Default td, .RadGrid_Default th {
    font-family: 'Montserrat', Calibri, Helvetica, sans-serif;
    font-size: 0.9em !important;
}
.RadGrid_Bootstrap .rgPagerCell div {
    font-family: 'Montserrat', Calibri, Helvetica, sans-serif;    
}
/* rad styling to override the ALL standard .NET buttons */
.rfdSkinnedButton {
    background-color: #2d257d !important;
    background-image: linear-gradient(#0075bc, #2d257d) !important;
    border: 1px solid #2d257d !important;
    color: white !important;
    font-family: 'Montserrat', Calibri, Helvetica, Verdana, sans-serif !important;
}

    .rfdSkinnedButton:hover, .rfdSkinnedButton:focus {
        background-color: #eb6026 !important;
        background-image: linear-gradient(#f68933, #eb6026) !important;
        border: 1px solid #eb6026 !important;
        color: white !important;
        font-family: 'Montserrat', Calibri, Helvetica, Verdana, sans-serif !important;
    }