/*
Colors
    ATCA 2023 colors
    #406098 - dark blue
    #5CC6F2 - light blue - getting rid of this 12/3/2024
    #63666A - gray
*/

@font-face {
    font-family: BalooPaaji;
    src: url('../fonts/BalooPaaji2-Regular.ttf');
}
@font-face {
    font-family: CenturyGothic;
    src: url('../fonts/GOTHIC.ttf');
}
html, body, form{margin:0px auto !important; padding:0px !important;}
body {
    font-family: BalooPaaji, 'Segoe UI', Arial, Sans-Serif;
    font-size: 1.0em;
    color: #272727;
    text-align: left;
    margin-bottom: 10px;
}
div.pagewrapper{width:1000px; clear:both; margin:0px auto; padding:0px; text-align:center;}  
div.navMenu{margin:0px auto; padding:0px 0px 10px 0px; width:1000px;}
div.header_wrapper{margin:0px auto; padding:0px 0px 0px 0px; width:1000px; text-align:center; background-color:#fff;}
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-right:10px; text-align:right;}

/* content class around all pages not using 3rd party controls*/
div.content{margin:0px auto; padding:20px;}
div.content img{border:none; vertical-align:middle !important;}
    div.content hr {
        border: none;
        border-bottom: solid 1px #63666A;
        text-align: center;
        width: 96%;
        height: 1px;
    }
div.content .hrdotted{border:none; border-bottom:dotted 1px #339; text-align:center; width:90%; height:1px;}

    div.content h1 {
        margin: 0px;
        font-size: 1.4em;
        color: #406098;
        font-weight: bold;        
    }
    div.content h2 {
        font-weight: bold;
        font-size: 1.3em;
        color: #406098;
        border-bottom: 2px solid #FF4500;
        padding-top: 10px;
        padding-bottom: 0px;
        margin: 0px;
        margin-bottom: 10px;
        text-align: left;
    }
    div.content h3 {
        font-size: 1.2em;
        font-weight: 600;
        margin-bottom: 5px;
        text-align: left;
        color: #63666A;
    }
    div.content h4 {
        font-family: 'Century Gothic', CenturyGothic, Arial;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 5px;
        margin: 0px auto;
        margin-bottom: 5px;
        text-align: left;
        text-transform: uppercase;
        font-weight: bold;
    }
    div.content h5 {
        color: #c00;
        font-size: 1.1em;
        border-bottom: 1px solid #e3e3e3;
        padding-bottom: 5px;
        margin: 0px;
        margin-bottom: 5px;
        text-align: left;
        font-weight: bold;
    }
.url a, .url a:link, .url a:active, .url a:visited {
    color: #272727;
    text-decoration: underline;
}
    .url a:hover {
        text-decoration: underline;
        color: #272727;        
    }
.blueurl a {
    color: #406098 !important;
    text-decoration: underline;
} 

div.content .regformLeft {
    font-family: 'Century Gothic', CenturyGothic, Arial;
    text-align: right;
    padding: 2px 5px 0px 0px;
    margin: 0px;
    height: 27px;
}
div.content .regformRight {
    font-family: 'Century Gothic', CenturyGothic, Arial;
    text-align: left;
    padding: 2px 0px 0px 5px;
}
.flexcontainer{
    display:flex;
}
    .flexcontainer div.mainFlex {
        flex: 1;
    }
.regform {
    font-family: 'Century Gothic', CenturyGothic, Arial;
    text-align: left;
    padding: 10px 0px 0px 5px;
    font-weight: bold;
    font-size:0.9em;
}
div.content .required{font-size:11px; COLOR:#c00;}

.Order{
    margin:0px auto;
    padding:0px;
}
    .Order .header {
        background-color: #406098;
        color:white;
        font-size:1.2em;
        text-align:center;
        padding:5px;
    }
    .Order .section {
        text-align: left;
        padding: 0px 20px 20px 20px;
        border: solid 1px #63666A;
        margin: 0px;
    }
    .Order div.details ul {
        margin-top: 0px;
        padding-top: 10px;
    }
.Order div.details li {
    list-style-image: url('Check.png');    
    vertical-align:top;    
    color: #63666A;
    font-size:1.0em;
    font-weight:600;
    padding-bottom:0px;    
    margin:0px;
}
    .Order .footerR {
        text-align: right;
        padding:0px;
        margin:0px;
        padding-right: 10px;
        color: #63666A;
        border-right: solid 1px #63666A;
        font-weight: 600;        
    }
    .Order .footerL {
        text-align: left;
        padding-left: 10px;        
    }
    .Order .footerC {
        text-align: center;        
    }
/* Review page*/
.review, .managereview{width:900px; margin:0px auto; padding:0px; border:solid 1px #000;}
.managereview{ width:700px;}
.managereview div{text-align:left;}
    .review td.header, .managereview td.header {
        text-align: left;
        background-color: #406098;
        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 .section, .managereview .section{font-weight:bold; padding:5px; background-color:#efefef; font-size:1.2em; color:#037496;}
.review td h3, .managereview td h3{color:#f5aa2b; 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 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;}
.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;}
.controlHeader {
    height: 30px;
    padding: 2px 5px;
    border-bottom: solid 1px #00529c;    
    color: #00529c;
    font-size:1.2em;
    font-weight: normal;
}
/*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;}

/* QuickLinks Menu*/
div.adminMenu{padding:0px; margin:0px auto; background:#f2f2f2; border:solid 1px #037496; min-height:100%; width:180px}
div.adminMenu div.MenuHeader{background:transparent url(../images/AdminHeader.gif) no-repeat top center; color:#fff; font-weight:bold; height:40px; margin:-10px auto 0px auto;}
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}
#CancelledReg p.headerrow {
    background-color: #406098;
    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;}

/* 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:#037496; 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:#037496;}
.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;}

.RadButton.RadButton_Office2007.rbLinkButton.css3Grad, .RadButton.RadButton_Black.rbLinkButton.css3Grad, .RadButton.RadButton_Windows7.rbLinkButton.css3Grad {
    border: 0;
    border-radius: 7px;
    height: 50px !important;
    font-size: 1.1em;
    color: #fff !important;
    box-shadow: none !important;
    background-color: #406098 !important;
    padding: 2px 10px 4px 10px !important;    
    text-align: center !important;
    vertical-align: middle !important;
    white-space: pre-wrap !important;
    background-image: none !important;
}
.RadButton.RadButton_Office2007.rbLinkButton.css4Grad {
    border: 0;
    border-radius: 5px;
    height: 38px !important;
    font-size: 0.9em !important;
    color: #fff !important;
    box-shadow: none !important;
    background-color: #406098 !important;
    padding: 0px 10px 6px 10px !important;
    text-align: center !important;
    vertical-align: middle !important;
    white-space: pre-wrap !important;
    background-image: none !important;
}
.RadButton.RadButton_Windows7.rbLinkButton.css3Grad {
    background-color: #5CC6F2 !important;
    color: #272727 !important;
    text-align: center !important;
    vertical-align: middle !important;
}
.rbText {
    text-align: center !important;
    vertical-align: middle !important;
    white-space: normal !important;
    padding-top: 10px;    
}
.RadButton.rbLinkButton.css3Grad:hover, .RadButton.rbLinkButton.css3Grad.rbLinkButtonChecked:hover, .RadButton.rbLinkButton.css4Grad:hover {
    color: #fff !important;
    background-color: #5CC6F2 !important;
    vertical-align: middle !important;
}
.RadButton.rbLinkButton.css3Grad.rbLinkButtonChecked {
    color: #272727 !important;
    background-color: #f5aa2b !important;
    vertical-align: middle !important;
}
div.HomeBox {
    margin: 0px auto 0px auto !important;
    padding: 0px !important;
    background-color: white !important;
    text-align: left;
}

    div.HomeBox h3 {
        background-color: #1A2D59;
        color: white !important;
        padding: 10px !important;
        font-size: 1.4em;
        margin: 0px auto;
    }

    div.HomeBox h4 {
        background-color: #F2BE1A;
        color: white !important;
        padding: 10px !important;
        font-size: 1.4em;
        margin: 0px auto;
    }

    div.HomeBox h2 {
        font-size: 1.2em !important;
        border-bottom: 1px solid #272727;
        color: #272727;
    }

    div.HomeBox td {
        text-align: left;
        padding: 10px;
        vertical-align: top;
        line-height: 1.4em;
    }

.RadGrid_Bootstrap td, .RadGrid_Bootstrap th, .RadGrid_Default td, .RadGrid_Default th {
    font-family: BalooPaaji, 'Segoe UI', Helvetica, Arial, Sans-Serif !important;
    font-size: 0.9em !important;
}

.RadWindow_Bootstrap div, .RadWindow_Bootstrap td, .RadWindow_Bootstrap th, .RadMenu {
    font-family: BalooPaaji, 'Segoe UI', Helvetica, Arial, Sans-Serif !important;
    font-size: 1.0em;
    text-align: left;
}