/*
Colors
   brand yellow #fec427
   grey #4b4c4d
*/
@font-face {
    font-family: Michroma;
    src: url('Michroma-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Lato;
    src: url('Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
html, body, form {
    margin: 0px auto !important;
    padding: 0px !important;
    background-color: black !important;
}
body {
    font-family: 'Lato', 'Segoe UI', Helvetica, Arial, Sans-Serif;
    font-size: 1.0em;
    color: #272727;
    text-align: left;
    background-color: black !important;
    margin-bottom: 0px;
}
div.pagewrapper {
    width: 1000px;
    clear: both;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
    border: 2px solid #4b4c4d;
}
div.navMenu {
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    width: 1000px;
}
div.header_wrapper {
    margin: 0px auto;
    padding: 0px 0px 0px 0px;
    width: 1000px;
    overflow: hidden;
    text-align: center;
    background-color: #fff;
}
div.header_wrapper div.banner{text-align:left; margin:10px auto; padding:0px;}
div.content_wrapper {
    width: 1000px;
    margin: 0px auto;
    padding: 0px 0px 20px 0px;
    background-color: #fff;
    min-height: 500px;
}
div.footer_wrapper {
    width: 1000px;
    margin: 0px auto;
    padding: 0px;
    background-color: #fec427;
    height: 56px;
    background: #fec427 url('../images/CompleteRegLogo.png') no-repeat right;
}
.footer_wrapper a{
    color:#272727;
    text-decoration:underline;
}
div.footer_wrapper div.LargeText{font-size:0.9em !important; padding-top:18px !important; text-align:left; padding-left:10px;}

/* content class around all pages not using 3rd party controls*/
div.content{margin:0px auto; padding-top:20px; min-height:500px;}
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;}
h1, h2, h3, h4, h5 {
    font-family: 'Michroma', 'Segoe UI', Helvetica, Arial, Sans-Serif;
    text-align: left;
    font-weight: normal;
}
h1 {
    font-weight: bold;
    font-size: 1.5em;
    border-bottom: 2px solid #fec427;
    padding-top: 10px;
    padding-bottom: 0px;
    margin: 0px;
    text-align: left;
    margin-bottom: 10px;
}
h2 {
    font-weight: bold;
    font-size: 1.3em;
    border-bottom: 2px solid #fec427;
    padding-top: 10px;
    padding-bottom:5px;
    margin: 0px;
    text-align: left;
    margin-bottom: 5px;
}
h3{font-size:1.2em; font-weight:normal; border-bottom:1px solid #272727; padding-bottom:0px; margin:0px; margin-bottom:5px; text-align:left;}

h4 {
    font-size: 1.2em;
    color: #4b4c4d;
    border-bottom: 1px solid #e3e3e3;
    padding-bottom: 5px;
    margin: 0px auto;
    margin-bottom: 5px;
    text-align: left;
    text-transform: uppercase;
}
h5{color:#c00;font-size:1.2em; border-bottom:1px solid #e3e3e3; padding-bottom:5px; margin:0px; margin-bottom:5px; text-align:left; font-weight:bold;}
div.content .hrdotted {
    border: none;
    border-bottom: dotted 1px #4b4c4d;
    text-align: center;
    width: 90%;
    height: 1px;
}
.url a, .url a:link, .url a:active, .url a:visited {
    color: #272727;
    text-decoration: none;
    border-bottom: solid 1px #272727;
    font-size: 1.0em;
}
    .url a:hover {
        text-decoration: none;
        color: #4b4c4d;
        border-bottom: solid 1px #4b4c4d;
        font-size: 1.0em;
    }
 div.content fieldset{margin:10px 0px; padding:4px; border:1px solid #999; width:95%; text-align:left;}

/* Home Page styles*/
div.HomeBox {width:100%; margin:0px auto; padding:0px 10px;}
div.HomeBox td {
    text-align: left;
    padding: 10px;
    vertical-align: top;
    line-height: 1.4em;
}

.RatesDisplay th{text-align:center; font-size:1.1em; font-weight:normal; vertical-align:bottom;}
.RatesDisplay .title{text-align:left;font-size:1.1em; font-weight:bold; padding:5px;}
.RatesDisplay .rate{text-align:center;font-size:1.0em; font-weight:bold; padding:5px;}
.RatesDisplay .details{text-align:left; font-size:0.9em;padding:10px 20px 10px 20px; font-weight:normal;}

.regformLeft, .regformLeft{text-align:right; padding:2px 5px 0px 0px; margin:0px;}
.regformRight{text-align:left; padding:2px 0px 0px 5px;}
.regformLeft2{text-align:right; padding:2px 5px 0px 0px; margin:0px;}
.regformRight2{text-align:left; padding:2px 0px 0px 5px;}
.regformLeft3{text-align:right; padding:2px 5px 0px 0px; margin:0px;}
.regformRight3{text-align:left; padding:2px 0px 0px 5px;}
.regformLeftW{text-align:right; padding:2px 5px 0px 0px; margin:0px;}
.regformRightW{text-align:left; padding:2px 0px 0px 5px;}

div.content .required{font-size:11px; COLOR:#c00;}
div.content .notes, div.content .updateProgress{font-size:11px;}
div.content .updateProgress{color:#AD090E;}
div.content .error, div.content .rLarge{COLOR:#f00;}

.search .header{background-color:#186790; 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:400px; border:solid 3px #272727; background-color:#fff; color:#272727; margin:0px auto; vertical-align:top;}
.badge .header{text-align:center; padding-left:0px;}
    .badge .footer {
        height: 40px;
        text-align: center;
        padding: 0px;
        background-color: white;
        margin:0px;
    }
.badge table.preview{background:transparent url(../images/BadgeBackground.gif) no-repeat top; margin:0px auto; padding:0px;}
.badge p{margin:0px auto; padding:5px 0px; font-weight:bold; text-align:center; overflow:hidden;}
.badge p.title{font-size:28px; text-transform:uppercase;}
.badge p.informal{font-size:36px; text-transform:uppercase;}
.badge p.fullname{font-size:2.0em; text-transform:uppercase; padding-top:20px;}
    .badge p.company {
        font-size: 1.6em;
        text-transform: uppercase;
        padding-top: 10px;
    }
.badge p.location{font-size:20px; text-transform:uppercase;}
    .badge p.type {
        font-size: 20px;
        text-transform: uppercase;        
    }
.badge .attendeeID{font-size:10px; text-transform:uppercase; font-weight:normal;}

.ProfileQuestion{font-size:1.1em; border-bottom:1px solid #272727; padding-bottom:10px; margin:0px auto; margin-bottom:5px; text-align:left;}
.ProfileAnswers{text-align:left; padding:5px 0px 5px 25px; margin-bottom:10px;}

div.greyBox{border:2px solid #e6e7e8; background-color:#eeefef; padding:10px; margin:0px auto; width:900px;}
    div.greyBox h2 {        
        background: none !important;
        text-indent: 5px;
        font-weight: normal;
        font-size: 1.2em;
        padding-top: 5px;
        padding-bottom: 0px;
        margin: 0px;
        margin-bottom: 5px;
        text-align: left;
        border-color:#272727;
        font-family: 'Lato', 'Segoe UI', Helvetica, Arial, Sans-Serif;
    }
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:#efefef;}
div.greyBox div.innerBox tr.s3{background-color:#deebf7;}

div.greyBox div.innerBox th.header{font-size:1.1em; border-bottom:1px solid #e3e3e3; padding-bottom:5px; margin:0px 0px 5px 0px; font-weight:bold;height:24px; text-align:left;}
div.greyBox div.header{ border:none;font-weight:bold;text-align:left;}
div.greyBox div.innerBox td.colHeader{color:#fff; text-align:left; font-weight:bold; padding:6px; margin:10px auto;}
div.greyBox div.innerBox td.item, div.greyBox div.innerBox td.rate{font-size:14px; color:#000; text-align:left;}
div.greyBox div.innerBox td.btitle{font-size:1.1em; font-weight:bold; font-style:italic;}
div.greyBox div.innerBox .title{font-size:1.2em; font-weight:bold !important;}
div.greyBox div.innerBox .sItem, div.greyBox div.innerBox .sItemRate{padding:5px 0px; text-align:left;}
div.greyBox div.innerBox td.rate, div.greyBox div.innerBox .sItemRate{text-align:right; color:#F00; padding-right:10px;}
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;}

/* sessions have different detail colors */
.details1{
     background-color:#fff2cc;
}
.details2{
     background-color:#ededed;
}
.details3{
     background-color:#d9e2f3;
}

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:96%; margin:0px auto; padding:0px; border:solid 1px #000;}
.managereview div{text-align:left;}
    .review td.header, .managereview td.header {
        text-align: left;
        background-color: #4b4c4d;
        color: #fff;
        font-size: 1.2em;
        height: 30px;
        font-weight: bold;
        padding-left: 5px;
    }
.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;        
    }
    .review td h3, .managereview td h3 {
        font-family: 'Lato', 'Segoe UI', Helvetica, Arial, Sans-Serif;
        font-size: 1.1em;
        border: none;
        text-transform: none;
    }
.review td.colHeader, .managereview td.colHeader{background-color:#D7D7D7; font-size:1.1em; font-weight:normal; padding:4px;}
.review td.item, .managereview td.item{text-align:left; padding:0px 10px;}
.review td.bold, .managereview td.bold{font-weight:bold;}
.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;}
    .review ol li, .managereview ol li {
        list-style: decimal !important;
    }

.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 #3870a8; text-align:center; padding:10px; background-color:#E8EFF8; 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 0px auto;
    padding: 0px;
    height: 41px !important;
    width: 960px;
    text-align: center;
    font-size: 11px;
    overflow: hidden;
    background-color: #fff;
    clear: both;
    padding-top: 10px;
}
    /*div.trackBar div {margin:0px; padding:0px;}*/
    div.trackBar div.trackEnd {
        height: 41px;
        float: left;
        background: none;
    }

    div.trackBar div.trackOff {
        background: transparent url(../images/ProgressBar/Off.png) no-repeat center bottom;
        margin: 0px auto;
        height: 41px;
        float: left;
        color: #999;
        padding: 0px;
    }

        div.trackBar div.trackOff a {
            color: #999;
            border: none;
            text-decoration: none;
            cursor: default;
            padding-top: 1em;
        }
    /* left item #1 */
    div.trackBar div.trackFirst {
        background: transparent url(../images/ProgressBar/OnLeft.png) no-repeat -100px bottom;
        margin: 0px auto;
        height: 41px;
        float: left;
        color: #fec427;
    }

        div.trackBar div.trackFirst a {
            color: #fec427;
            border: none;
            text-decoration: none;
            cursor: pointer;
        }

    div.trackBar div.trackFirstCurrent {
        background: transparent url(../images/ProgressBar/CurrentLeft.png) no-repeat -100px bottom;
        margin: 0px auto;
        height: 41px;
        float: left;
        color: #fec427;
    }

        div.trackBar div.trackFirstCurrent a {
            color: #fec427;
            border: none;
            text-decoration: none;
            cursor: default;
        }
    /* for right item*/
    div.trackBar div.trackLast {
        background: transparent url(../images/ProgressBar/OffRight.png) no-repeat -100px bottom;
        margin: 0px auto;
        height: 41px;
        float: left;
        color: #999;
    }

        div.trackBar div.trackLast a {
            color: #999;
            border: none;
            text-decoration: none;
            cursor: default;
        }

    div.trackBar div.trackLastCurrent {
        background: transparent url(../images/ProgressBar/CurrentRight.png) no-repeat -100px bottom;
        margin: 0px auto;
        height: 41px;
        float: left;
        color: #fec427;
    }

        div.trackBar div.trackLastCurrent a {
            color: #fec427;
            border: none;
            text-decoration: none;
            cursor: default;
        }
    /* pages completed*/
    div.trackBar div.trackOn {
        background: transparent url(../images/ProgressBar/On.png) no-repeat center bottom;
        margin: 0px auto;
        height: 41px;
        float: left;
        color: #fec427;
        padding: 0px;
    }

        div.trackBar div.trackOn a {
            color: #fec427 !important;
            text-decoration: none !important;
            border: none !important;
            cursor: pointer;
        }

    div.trackBar div.trackCurrent {
        background: transparent url(../images/ProgressBar/Current.png) no-repeat center bottom;
        margin: 0px auto;
        height: 41px;
        float: left;
        color: #fec427;
        padding: 0px;
    }

        div.trackBar div.trackCurrent a {
            color: #fec427;
            border: none;
            text-decoration: none;
            cursor: default;
        }
/* QuickLinks Menu*/
/* ADMIN QuickLinks Menu*/
div.adminMenu {
    padding: 0px;
    margin: 0px 20px 10px auto;
    background: #f2f2f2;
    border: solid 2px #fec427;
    border-radius: 5px;
    min-height: 100%;
    width: 180px
}

    div.adminMenu div.MenuHeader {
        background-color: #fec427;        
        font-weight: bold;
        margin: 0px auto;
        padding:0px 0px 10px 0px;
    }

    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: #ec2d34;
                    font-weight: normal;
                    padding: 5px 0px 0px 5px;
                    border-left: solid 4px #ec2d34;
                }

    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:#186790; 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;}

.gridLite{border-collapse: collapse;font-family:arial,helvetica,sans-serif; font-size:12px;}
.gridLite th{border:1px solid #e3e3e3; white-space:nowrap; padding:5px; vertical-align:top; background-color:#e3e3e3; 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: #fec427;        
        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: #4b4c4d;
    }
.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;}

/* RadMenu padding around main object*/
.RadMenu_Windows7 .rmRootGroup {padding:3px 0px !important;}

/*Grids*/
.RadGrid_Bootstrap td, .RadGrid_Bootstrap th, .RadGrid_Default td, .RadGrid_Default th {
    font-family: 'Lato', 'Segoe UI', Helvetica, Arial, Sans-Serif !important;
    font-size: 0.85em !important;
}
/*RadWindows*/
.RadWindow_Bootstrap div, .RadWindow_Bootstrap td, .RadWindow_Bootstrap th, .RadMenu {
    font-family: 'Lato', 'Segoe UI', Helvetica, Arial, Sans-Serif !important;
    font-size: 1.0em;
    text-align: left;
}

.RadButton.RadButton_Office2007.rbLinkButton.css3Grad, .RadButton.RadButton_Black.rbLinkButton.css3Grad, .RadButton.RadButton_Windows7.rbLinkButton.css3Grad {
     border: 0;
     border-radius: 7px;
     height:36px !important;
     font-size:16px;
     color:#fff !important;
     box-shadow: 1px 3px 9px #666;
     background-color:#186790 !important;
     padding:5px !important;
     min-width:220px;
     text-align:center !important;
     vertical-align:top !important;
     white-space:pre-wrap !important;
     background-image:none !important;     
}
.RadButton.RadButton_Black.rbLinkButton.css3Grad
{
    background-color:#272727 !important;
}
.RadButton.RadButton_Windows7.rbLinkButton.css3Grad {
    background-color: #bbd631 !important;
    color: #272727 !important;
    text-align: center !important;
}
.rbText
 {
     text-align:center !important;     
     vertical-align:top !important;
     white-space:normal !important;
     /*padding-left:20px !important;*/
     /*padding-right:20px !important;*/
 }

.RadButton.rbLinkButton.css3Grad:hover, .RadButton.rbLinkButton.css3Grad.rbLinkButtonChecked:hover {
    color: #fff !important;
    background-color: #3ba5de !important;
    vertical-align: top !important;
}
.RadButton.RadButton_Office2007.rbLinkButton.css3Grad2 {
    /*color:#272727 !important; */
    background-color: #3ba5de !important;
    vertical-align: top !important;
}
.RadButton.RadButton_Office2007.rbLinkButton.css3Grad:active {     
     /*color:#272727 !important; */
     background-color:#8FC438 !important; 
     vertical-align:top !important;  
 }
.RadButton.rbLinkButton.css3Grad.rbLinkButtonChecked {     
     color:#fff !important; 
     background-color:#8FC438 !important; 
     vertical-align:top !important;  
 }
.content .pad5 td
{
    padding:5px;
}
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;}

.dlgrid td{background-color:#fff;border:1px solid #1e3287; padding:2px; width:450px; overflow:visible;text-align:left;font:11px/16px "segoe ui",arial,sans-serif;}
.dlgrid .dlheader{width:850px; background-color:#F1F5FB; color:#1e3287; font-weight:bold; font-size:11px; font-family:"segoe ui",arial,sans-serif; padding:5px;}
.dlgrid a, .dlgrid a:link, .dlgrid a:active, .dlgrid a:visited{color:#1e3287; text-decoration:none; border-bottom:dotted 1px #0000ff; font-size:11px;}
.dlgrid a:hover{text-decoration:none; color:#c00; border-bottom:solid 1px #c00; font-size:1.0em;}
.dlgrid .padLabel {padding-top:5px !important; vertical-align:bottom !important;}
td.controlHeader, div.controlHeader {height:30px; padding:2px 5px; border-bottom:solid 1px #186790; background-color:#fff; color:#186790; font-size:17px; font-weight:normal;}
.OkSummary {
    padding: 0px 0px 5px 0px;
    border: solid 1px #008000;
    margin: 0px 0px 10px 0px;
    background-color: #fff;
    width: 90%;
    font-size: 13px;
    color: #272727;
    font-weight: normal;
    text-align: left;
}

    .OkSummary .header {
        background: #e6ffe6 url(../Images/Checkbox.png) no-repeat 5px;
        text-align: left;
        color: #272727;
        height: 30px;
        padding-left: 40px !important;
        padding-top: 10px !important;
        vertical-align: text-bottom;
    }
    .OkSummary ul {
        padding: 10px;
        margin: 0px;
        margin-left: 5px;
        list-style-position: inside;
    }

    .OkSummary li {
        margin-left: 14px;
        list-style-type: disc;
    }
    .LoginBox{
        border:2px solid #CCC;
        border-radius:10px;
        width:800px;
    }
        .LoginBox th {
            background-color: #186790;
            color: white;
            text-align: left;
            padding: 10px;
            margin: 2px;
            font-weight: bold;
            border-top-left-radius:10px;
            border-top-right-radius:10px;
        }
        .LoginBox td {
            padding: 10px;            
        }
/* toggle password icons for password fields */
div.pw-wrapper {
    position: relative;
    display: inline-block;
    padding: 0px !important;
}

.pw-input {
    padding-right: 40px; /* space for the icon */
}

.pw-toggle, .pw-confirmtoggle {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    font-size: 15px;
    color: #666;
}

    .pw-toggle:hover, .pw-confirmtoggle:hover {
        color: #000;
    }
.ChkBoxClass input {
    width: 14px;
    height: 14px;
}
/* Styles for the countdown ticker */
.ticker {
    font-size: 1.6em;    
    font-weight: bold;
    text-align: center;
    margin: 0px auto;
    width: 600px;
}
    .ticker td {
        background-color: #fec427;
        margin: 0px 20px;
        border-radius: 5px;
        padding:10px;
    }
    .ticker .dates {        
        font-weight: normal;
    }
/* Login Page styles*/
div.AdminHomeBox {
    margin: 0px auto 0px auto !important;
    padding: 0px !important;
    background-color: white !important;
    text-align: left;    
}

    div.AdminHomeBox h3 {
        background-color: black;
        color: white !important;
        padding: 10px !important;
        font-size: 1.4em;
        margin: 0px auto;
    }

    div.AdminHomeBox h4 {
        background-color: #ae4d95;
        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;
    }