﻿/* CAMP colors
    #d93833 - RED
    #275996 - BLUE      
    #005595 - CAMP LOGO Blue
    #910021 - CAMP LOGO Red

    2026 colors:
    #ff623f - orange
    #fbae42 - yellow
    #275996 - dark blue
    #56d4fa - light blue
    #fdf8ef - light yellow/tan
*/
@font-face {
    font-family: DMSans;
    src: url('DMSans-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Zillo;
    src: url('ZillaSlab-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: DMSans, 'Segoe UI', Helvetica, Tahoma, Arial, sans-serif;    
    font-size: 1.0em;
    text-align: left;
    background-color: #fff;
}
#page_wrapper{min-height:100%; height:auto !important; height:100%; position:relative !important; clear:both; width:100%; padding:0px; margin:0px auto -75px;}
#header_wrapper{width:100%; margin:0px; padding:0px 0px 20px 0px; text-align:center;}
#banner_wrapper{width:100%; margin:0px auto; padding:0px; text-align:center; overflow:hidden;}
    #banner_wrapper img {
        width: 100vw !important;
        height: auto !important;
    }
#adminheader_wrapper {
    width: 100%;
    margin: 0px;
    padding: 0px;
    text-align: left;
    height: 45px;
    overflow: hidden;    
    background-color: #005595;
}
#adminheader_wrapper div.navMenu{float:left; width:75%;}
#adminheader_wrapper div.login{float:right; text-align:right; width:20%; padding-right:10px; font-size:15px; padding-top:5px; font-weight:bold; color:#fff;}
#adminheader_wrapper div.login div.pad{ padding-top:5px;}
#top_menu {
    width: 100%;
    margin: 0px;
    padding: 0px; 
    background-color: #005595;
    height: 41px;
    text-align: right !important;
    overflow: hidden;
    font-weight: bold;
}
#top_menu div.login{padding-right:10px; padding-top:5px; font-weight:bold;}
#top_menu div.login a{ font-size:1.0em;}
#top_menu div.login div.pad{color:#fff; padding-top:5px;}
#top_menu span.uName{padding-right:10px; font-size:1.0em; padding-top:7px;}
#top_menu .url a, #top_menu .url a:link, #top_menu .url a:active, #top_menu .url a:visited{color:#fff; text-decoration:none; border-bottom:dotted 1px #fff; font-size:1.0em;}
#top_menu .url a:hover{text-decoration:none; color:#ef4036; border-bottom:solid 1px #ef4036; font-size:1.0em;}
#content_wrapper {
    width: 100%;
    padding: 0px 0px 20px 0px;
    background: #fff url('../images/BG.png') no-repeat 0 0;
    min-height: 500px;
}
#content {
    width: 100%;
    margin: 0px auto;
    padding: 0px;
    text-align: center;
}
#content_right{ width:80%; margin:0px auto; padding:0px; float:left;}
#content_left{ width:20%; margin:0px auto; padding:0px; float:left; padding-top:15px;}

#page_wrapper div.clear{clear:both; height:75px;}

div.footer_wrapper {
    width: 100%;
    margin: 0px auto 0px auto;
    padding: 0px;
    background-color: #fdf8ef;
    display: flex;
    font-family: Zillo;
}

    div.footer_wrapper div.tristate {
        flex: 1 15%;
        padding: 20px;
        width: 15%;
    }

    div.footer_wrapper div.acalogo {
        flex: 1 10%;
        padding: 20px;
        width: 10%;
    }

    div.footer_wrapper div.LargeText {
        flex: 1 20%;
        width: 20%;
        font-size: 1.0em !important;
        margin: 0 !important;
        text-align: left !important;
        font-weight: bold !important;
        padding-top: 40px;
    }

    div.footer_wrapper div.NormalText {
        flex: 1 50%;
        width: 50%;
        font-size: 0.9em !important;
        margin: 0 !important;
        text-align: left !important;
        padding-top: 40px;
    }

div.footer_logo {
    margin: 0px auto 10px auto;
    padding-top: 5px;
    background-color: #275996;
    width: 100%;
}
/*
#footer_wrapper, #admin_footer {
    width: 100%;
    margin: 0px;
    padding: 0px;
    height: 75px;
    position: relative !important;
    bottom: 0 !important;
    left: 0;
    clear: both;
    background: #d93833 url(../images/ETLogo.png) no-repeat right center;
}
div#footer_wrapper div.LargeText, #admin_footer div.LargeText{font-size:14px !important; margin:0 !important; padding-left:10px !important; padding-top:30px !important; color:#FFF!important; text-align:left !important; font-weight:bold !important;}
div#footer_wrapper div.NormalText, #admin_footer div.NormalText{font-size:10px !important; margin:0 !important; padding-left:10px !important; padding-top:3px !important; color:#FFF!important; text-align:left !important;}
*/
img{margin:0px; padding:0px; border:none; }
.standard td{text-align:left; font-weight:normal; font-size:12px; color:#333; margin:0px auto; }
.colorlabel td{color:#004070; }
h1, h1.light {
    font-size: 1.4em;
    padding: 4px;
    color: #003DA5;
    border-bottom: 1px solid #b9b9b9;
    margin: 0px auto;
    text-align: left;
    font-family:Zillo;
}
h2, h2.light, h2.grid {
    color: #d93833;
    font-size: 1.2em;
    font-weight: normal;
    padding: 4px;
    margin: 0px auto;
    font-family: Zillo;
}
    h1.light, h2.light {
        color: #6f2a8e;
        font-family: Zillo;
    }
h3 {
    font-size: 1.2em;
    padding: 4px;
    font-family: Zillo;
}
h2.grid {
    border-bottom: 1px solid #b9b9b9;
    padding: 0px;
    margin-bottom: 5px;
    font-family: Zillo;
}
h3.grid {
    padding: 0px;
    margin: 0px;
    font-family: Zillo;
}

.url a, .url a:link, .url a:active, .url a:visited {
    color: #0000ff;
    text-decoration: none;
    border-bottom: dotted 1px #0000ff;
    font-size: 1.0em;
}
.url a:hover{text-decoration:none; color:#c00; border-bottom:solid 1px #c00; font-size:1.0em; }

hr{border:none; border-bottom:solid 1px #999; text-align:center; width:90%; height:1px; }
.hrdotted{border:none; border-bottom:dotted 1px #0468bf; text-align:center; width:90%; height:1px; }
fieldset legend{font-weight:bold; padding:5px 10px; color:#004070; }
p{padding:5px 0px; margin:0px auto !important; }

.notes{font-size:0.8em; font-weight:normal; }
.required{color:#c00; }

.regformLeft {
    text-align: right;
    padding: 2px 5px 2px 2px;
    margin: 0px;
    height: 27px;
}
.regformRight{text-align:left; padding:2px 2px 2px 5px; }
.cbox table{width:100%; }
.cbox td{width:150px !important; font-size:1.0em; }
.cbox2 td{width:200px !important; font-size:1.0em; }

.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; font-weight:bold;}
.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; }

div#popUp{font-size:1.0em; text-align:left;}
div#popUp p.title{font-size:1.3em; font-weight:bold; padding:2px 0px; margin:0px; }
    div#popUp .header {
        font-size: 1.2em;
        font-weight: bold;
        padding: 2px 0px;
        margin: 0px;
        background-color: #d93833;
        color: #fff;
    }
div#popUp div.details{border:solid 1px #ccc; background-color:#E6E6E6; padding:5px; vertical-align:top; }
div#popUp .headerRow{font-size:1.2em; font-weight:bold; padding:5px 10px; margin:0px; background-color:#ffc423; color:#272727; }

.conflictDIV{background-color:#fff; border:solid 1px #000; width:350px !important; min-height:100px; font-size:12px; padding:0px; margin:0px auto; position:absolute; top:400px; left:35%; }
.conflictDIV .conflictClose{background-color:#F00; height:20px; width:350px !important; 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; }

div.sel-booth_wrapper{ border:1px solid #e5e5e5;  }
.sel-booth{border-collapse:collapse; }
.sel-booth a, .sel-booth a:link, .sel-booth a:active, .sel-booth a:visited{ color:#02458c;  text-decoration:none;  border:none;  font-size:1.0em;  cursor:pointer; }
.sel-booth a:hover{ text-decoration:underline;  color:#f68d31;  border:none;  font-size:1.0em;  cursor:pointer; }
.sel-booth .total{ padding:5px 10px;  font-size:1.2em; color:#004070; }
.sel-booth .header{ padding:5px; font-size:1.1em; color:#404042; font-weight:bold; text-align:left; }
.sel-booth th{border:1px solid #e5e5e5; white-space:nowrap; text-align:left; padding:5px; vertical-align:top; background-color:#e5e5e5; font-size:1.0em; color:#004070; font-weight:bold; }

.sel-booth td, .sel-booth td.rate{border:1px solid #e5e5e5; padding:5px; vertical-align:top; text-align:left; }
.sel-booth td.rate{color:#F00; text-align:right; }
.sel-booth td.centered{ text-align:center; }
.sel-booth td.right{ text-align:right; }
div.sel-booth_wrapper .header{background:#e5e5e5; color:#004070; width:100%; padding-top:5px; display:block; font-weight:bold; font-size:1.1em; height:20px; text-align:center; }
div.sel-booth_wrapper .footer{background:#e5e5e5; width:100%; padding:5px 0px 2px 0px; display:block; font-size:1.2em; height:20px; text-align:right; }
div.sel-booth_wrapper .footer div{ padding-right:5px; }

div.orderBooth_wrapper{ border:1px solid #004070;  }
.orderBooth{border-collapse:collapse; }
.orderBooth a, .orderBooth a:link, .orderBooth a:active, .orderBooth a:visited{ color:#02458c;  text-decoration:none;  border:none;  font-size:1.0em;  }
.orderBooth a:hover{ text-decoration:underline;  color:#8C2A2A;  border:none;  font-size:1.0em; }
.orderBooth .total{ padding:5px 10px;  font-size:1.2em; color:#004070; }
.orderBooth .header{ padding:5px; font-size:1.1em; color:#404042; font-weight:bold; }
.orderBooth th{border:1px solid #004070; background-color:#004070; text-align:center; white-space:nowrap; padding:5px; vertical-align:top; color:#fff; font-weight:bold; }

.orderBooth td{border:1px solid #004070; padding:5px; vertical-align:top; font-size:12px; text-align:center; font-weight:bold; }
div.orderBooth_wrapper .header{background:#004070; color:#fff; width:100%; padding-top:5px; display:block; font-weight:bold; font-size:1.1em; height:20px; text-align:center; }
div.orderBooth_wrapper .footer{background:#004070; color:#fff; width:100%; padding:5px 0px 2px 0px; display:block; font-size:1.2em; height:20px; text-align:right; }
div.orderBooth_wrapper .footer div{ padding-right:5px; }
 
 
.menu{width:232px; margin:0px; padding:0px; }
.menu .top-curve{background:url(../images/menu/top-curve.png) no-repeat left top; height:11px; }
.menu .bottom-curve{background:url(../images/menu/bottom-curve.png) no-repeat left top; height:11px; }
.menu .center-top{background:url(../images/menu/top.gif) no-repeat left top  #FFF; border-left:1px solid #CCC;  border-right:1px solid #CCC; }
.menu .center-bottom{background:url(../images/menu/bottom.gif) no-repeat left bottom; }
.menu .home{padding:5px 0 5px 10px; }

#left_menu{width:219px; overflow:hidden; margin:0px; padding:0px; padding-left:5px; }
#left_menu ul, #left_menu li{padding:0px !important; margin:0px !important; list-style:none; text-align:left; white-space:nowrap; }
#left_menu li a{  text-decoration:none;   background:url(../images/menu/bullet.gif) no-repeat 5px 9px;  border:none;  margin:0px; padding:0px;  height:16px; }

#left_menu li a:link, #left_menu li a:visited{color:#333; display:block; background-color:#e8e9ed; padding:7px 0 6px 25px; border-bottom:1px solid #FFF; }

#left_menu li a:hover, #left_menu li a:active{color:#000; background-color:#D1D2D5; padding:7px 0 6px 25px; }

.tab-box{margin:0; }
.tab-box .tab-menu{clear:both; text-align:left; }
    .tab-box .tab-content {
        text-align: left;
        border-bottom: 1px solid #d93833;
        border-right: 1px solid #d93833;
        border-left: 1px solid #d93833;
    }

.tab-menu ul{list-style-type:none; height:27px; font-size:12px; font-weight:bold; margin:0; padding:5px 0 8px 10px; background:url(../Images/tabbox/tab-bg.gif) repeat-x left bottom; }
.tab-menu ul li{display:block; float:left; margin:0 0 0 4px; height:27px; }
    .tab-menu ul li div {
        display: block;
        color: #fff;
        background-color: #235996;
        line-height: 27px;
        text-decoration: none;
        padding: 0 8px 0 8px;
        height: 27px;
        border-top: 1px solid #235996;
        border-right: 1px solid #235996;
        border-left: 1px solid #235996;
        float: left;
        cursor: pointer;
    }
.tab-menu ul li div.right{padding-right:19px; }
.tab-menu ul li div:hover{background:url(../Images/tabbox/tab-active.gif) repeat-x top #235996; border-top:1px solid #235996; border-right:1px solid #235996; border-left:1px solid #235996; color:#fff; cursor:pointer; }
.tab-menu ul li div.current{background:url(../Images/tabbox/tab-active.gif) repeat-x top #235996; border-top:1px solid #235996; border-right:1px solid #235996; border-left:1px solid #235996; color:#fff; cursor:pointer; }
    .tab-menu ul li div.current:hover {
        background: url(../Images/tabbox/tab-active.gif) repeat-x top #235996;
        border-top: 1px solid #235996;
        border-right: 1px solid #235996;
        border-left: 1px solid #235996;
        color: #fff;
        cursor: pointer;
    }
.tblHead{border:1px solid #d4d8ea; padding:5px; vertical-align:top; background-color:#d4d8ea; font-size:12px; color:#004070; font-weight:bold; text-align:left; white-space:nowrap; }
 
.amount{border-collapse:collapse; font-weight:bold; border:1px solid #d4d8ea; }
.amount td{padding:5px 10px; text-align:left; }
.amount th{padding:5px 10px; font-size:1.2em; color:#004070; text-align:left; }

/*
.NSsearch{width:259px; }
.NSsearch .NStoprow{height:10px; background:url(../images/report/button-topbg.gif) no-repeat left top; }
.NSsearch .NSbottomrow{height:10px; background:url(../images/report/button-bottombg.gif) no-repeat left top; }
.NSsearch .NSbg{width:233px; padding:13px; background:url(../images/report/button-bg.gif) repeat-y left top; text-align:center; }
.NSsearch .report{font-weight:bold; }
.NSsearch .clear{height:15px !important; }
 */
.tooltip{display:none; background:transparent url(../images/tooltip_black_arrow.png); font-size:11px; height:80px; width:170px; padding:20px; color:#fff; }
.tooltipLarge{display:none; background:transparent url(../images/tooltip_white_big.png) no-repeat 0 0; font-size:12px; height:187px; width:387px; padding:40px 30px 30px 30px; color:#000; }
.tooltipLarge ul{list-style:disc; text-align:left; margin-left:15px; padding:0px; }

.printOnly{ display:none; }

.dlgrid td{border:1px solid #2C354D;  padding:5px;  width:600px;  overflow:visible;  white-space:normal;  text-align:left;  font-size:11px; }
.dlgrid .dlheader{ width:550px;  background-color:#2C354D;  color:#fff;  font-weight:bold;  font-size:12px;  padding:5px; }
.dlgrid .rate{ color:#c00;  }
.dlgrid a, .dlgrid a:link, .dlgrid a:active, .dlgrid a:visited{ color:#c00;  text-decoration:underline;  border:none;  font-size:1.0em;  }
.dlgrid a:hover{ text-decoration:none;  color:#8C2A2A;  border:none;  font-size:1.0em; }

/*sponsorship page*/
.MainBG div
    {
        padding:10px;
    }
.MainBG h2
{
    font-size:1.4em; color:#ef4036; padding-bottom:10px; margin:0px; margin-bottom:5px; text-align:left;
}
.MainBG h3
{
    font-size:1.2em; color:#004070;  padding-bottom:10px;text-align:left;
}
    .MainBG table
    {
        padding:0px;
        margin:0px;
        border-collapse:collapse;
    }
    .MainBG td
    {
        padding:5px;
        background-color:#eee;
    }
    .MainBG span
    {
        padding:3px;
    }
    .MainBG td.white
    {
        background-color:#fff;       
    }
    .MainBG td.sold, span.sold
    {
        background-color:#009ca8;     /*blue*/     /*004070 == purple*/
        font-weight:bold;
    }

/* used for the sponsor purchase & detail user controls */
div.greyBox {
    border: 2px solid #e9e9e9;
    background-color: #eeefef;
    padding: 10px;
    margin: 20px auto 0px auto;
    width: 900px;
}

    div.greyBox div.header {
        font-size: 1.0em;
        border: none;
        background-color: #004070;
        color: white;
        font-weight: bold;
        text-align: left;
        padding: 10px;
    }

    div.greyBox div.innerBox {
        border: none;
        background-color: #fff;
        padding: 10px;
    }

        div.greyBox div.innerBox table {
            width: 100%;
        }

        div.greyBox div.innerBox td {
            border: 1px solid #e9e9e9;
            margin: 2px;
        }
/* Telerik Grid overrides*/
.RadGrid_Bootstrap td, .RadGrid_Bootstrap th, .RadGrid_Default td, .RadGrid_Default th {
    font-family: DMSans, 'Segoe UI', Helvetica, Sans-Serif !important;
    font-size: 0.9em !important;
    color: black;
}

.RadWindow_Bootstrap td, .RadWindow_Bootstrap th, .RadMenu {
    font-family: DMSans, 'Segoe UI', Helvetica, Arial, Sans-Serif !important;
    font-size: 0.9em;
    text-align: left;
}
/* rad styling to override the ALL standard .NET buttons */
.rfdSkinnedButton {
    background-color: #275996 !important;
    background-image: linear-gradient(#4985d0, #275996) !important;
    border: 2px solid #275996 !important;
    color: white !important;
    border-radius: 20px !important;
    font-family: DMSans, 'Segoe UI', Helvetica, sans-serif !important;
}

    .rfdSkinnedButton:hover, .rfdSkinnedButton:focus {
        background-color: #ff623f !important;
        background-image: linear-gradient(#f68933, #ff623f) !important;
        border: 2px solid #d93833 !important;
        color: white !important;
        border-radius: 20px !important;
        font-family: DMSans, 'Segoe UI', Helvetica, Verdana, sans-serif !important;
    }

.btnNormal {
    background-color: #275996;
    color: white;
    font-family: DMSans, 'Segoe UI', Helvetica, Verdana, sans-serif !important;
    padding: 5px 10px;
    border-radius: 10px !important;
    border: none;
}