body
{
    font-size: .80em;
    font-family: "Helvetica Neue" , "Lucida Grande" , "Segoe UI" , Arial, Helvetica, Verdana, sans-serif;
    margin: 0px;
    
    color: #000000;
    
    
}

/*a:link, a:visited
{
    color: #034af3;
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}*/

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}


/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000000;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 90%;
    background-color: #fff;
    margin: 20px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    background: #4b6c9e;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 12px;
    /*margin: 12px 8px 8px 8px;*/
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}


/* TAB MENU   
----------------------------------------------------------*/

div.hideSkiplink
{
    background-color:#3a4f63;
    width:100%;
}

div.menu
{
    padding: 4px 0px 4px 8px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}
.underline {
    text-decoration: underline;
}

.italic {
    font-style: italic;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.box1a
{
    padding: 2px;
    text-align: center;
    border-style: solid solid none solid;
    border-width: 1px;
    border-color: black;
    width: 70px;
    font-weight: bold;
    color:Black;
    background-color: #999999;
}

.box1b
{
    border-style: solid solid none none;
    border-width: 1px;
    border-color: black;
    text-align: left;
    padding: 2px;
    color:Black;   
}

.textbox2
{
    font-family:Arial;
    font-size:14px;
    width:40px;
}
   
.textbox5
{
    font-family:Arial;
    font-size:14px;
    }

.textbox10
{
    font-family:Arial;
    font-size:14px;
    width:95px;
}


.textbox12
{
    font-family:Arial;
    font-size:14px;
    }

.textbox20
{
    font-family:Arial;
    font-size:14px;
    width:170px;
}

      
.textbox30
{
    font-family:Arial;
    font-size:14px;
    width:270px;
}

.textbox50
{
    font-family:Arial;
    font-size:14px;
    width:500px;
}

.textbox95
{
    font-family:Arial;
    font-size:14px;
    width:760px;
    
}

.headtext {/*width:560px;*/text-align: center;margin:auto;display: inline-block;min-width: 50%}
.headtext h2, .mapphead h2 {font-family:times new roman;font-size:22px;font-weight:bold;color: #000000;margin-bottom: :0 }
.headtext .treasurerinfo {font-family:calibri;font-size:11pt;font-weight:normal;color: #ff0000;display:inline-block;margin:auto;/*width:54%;*/}

 .ldfconfirmation .headtext .treasurerinfo {font-size:18px;}

.headtext .treasurerinfo h4 {font-size:120%;font-weight: bold;color: #ff0000;margin-top: 0}
/*.headtext #importantImg {margin-left: -140px;}*/

.receiptHeader {/*width:560px;*/text-align: center;margin:auto;min-width: 50%}
.receiptHeader h2, .mapphead h2 {font-family:times new roman;font-size:22px;font-weight:bold;color: #000000;margin-bottom: :0 }
.receiptHeader .treasurerinfo {font-family:calibri;font-size:11pt;font-weight:normal;color: #ff0000;display:inline-block;margin:auto;/*width:54%;*/}
.receiptHeader .treasurerinfo h4 {font-size:120%;font-weight: bold;color: #ff0000;margin-top: 0}

#gettingdone{border:3px solid black;box-shadow: 5px 5px 5px #888888;width:200px;margin-right: 10px}
#gettingdonereceipt{border:3px solid black;box-shadow: 3px 3px 3px #888888;float:right;height:100px;width: 150px}

#everythingcounts{/*border:3px solid black;box-shadow: 5px 5px 5px #888888;*/float:left;Height:150px;margin: 10px}
#everythingcountsreceipt {/*border:3px solid black;box-shadow: 3px 3px 3px #888888;*/float:right;height:120px;}


#shorewavelogo{float: right;}

.conference.year2018 #shorewavelogo{float: left;}
.conference.year2018 #shorewavelogo2{float: right;}
.conference.year2019 #Logo2019{float: left; height: 145px;}
.conference.year2019 #Logo20192{float: right; width: 175px;}

.conference.year2019 .mapphead {
    /*width: 755px;*/
    text-align: center;
    margin: auto;
    margin-bottom: 10px;
}

/*.exhib-rec.year2017 .mapphead {
    margin-left: 25%;
}*/

/*.pagecontainer {width: 7.9in; text-align:left; padding-left:20px;}*/
.pagecontainer {width: 100%; text-align:left; padding:0;max-width:1260px;margin:auto;}

.phead{margin-bottom: 2em;}
.conference .phead {padding-bottom: 20px}
/*.conference .phead h1{color:#355E8F;text-align: center;margin: 0;font-size: 1.6em;font-weight: bold;font-variant: normal;padding-top: 1.5em}*/
.conference .phead h2{color:#355E8F;text-align: center;margin: 0;font-variant: normal;}
.conference .phead h4{font-weight: bold;color:black;text-align: center;margin-top: 0;font-variant: normal;}


.sessionday {margin-bottom: 1em;}
.sessionhead {font-weight: bold;text-decoration: underline;}
/*.sessiongroup {}
.sessioninput {}
.sessionlabel {}*/
.sessionsubgroup {margin-left: 5em}

.regclosemsg {color:red;text-align: center;text-decoration: underline;font-variant: normal;}
.center {text-align: center;}
.redbox {background-color: red;border:1px solid black;padding:5px;color:black;font-style: italic;margin-bottom: 2em}
.redbox h3 {text-align: center;margin:0;color:black;font-variant: normal;font-weight: bold;}

.receipthead {/*height:120px;*/border-bottom: 3px solid black;text-align: center;padding:5px 0;margin-bottom: 5px}
.year2018 .receipthead {height:130px;border-bottom: 3px solid black;text-align: center;padding:5px 0;margin-bottom: 5px}
.year2019 .receipthead {border: none; display: flex; justify-content: space-around;}
.year2019 form label {font-weight: bold; margin-right: 5px;}
.receiptsigtable {width:100%; border-collapse: collapse;font-size: .8em;line-height: 1.1;}
.receiptsigtable p {line-height: 1.1;margin:0;}

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}


.confamounts {border-collapse: collapse;font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;width:100%;background-color: #4F81BD}
.confamounts td{border:1px solid red;text-align: center;/*font-size: .9em;*/font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;}
.confamounts .regdate td {padding:5px;width:25%;color: white;font-size: 1em}
.confamounts .regdate td .smtext {color: black;font-size: .85em}
.confamounts .membertype td {width:12.5%;}
.confamounts .evenrow td {background-color: #A7BFDE}
.confamounts .oddrow td {background-color: #D3DFEE}
.confamounts td.typecol  {text-align: left;background-color: #4F81BD;/*width:33%;*/color: white;padding:10px 5px;}


.exhregform {font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;width:100%;font-size: 14px;}
/*.exhregform h1 {color: #CE2049; font-weight: bold;font-size: 24px;font-family: Cambria, Georgia, serif;}*/
/*.exhregform h2 {color: #CE2049; font-weight: bold;font-size: 20px;font-family: Cambria, Georgia, serif;}*/
.exhregform h3 {color: #CE2049; font-weight: bold;font-size: 16px;font-family: Cambria, Georgia, serif;}

.exhregform2019 h1 {color: #003296; font-weight: bold;font-size: 24px;font-family: Cambria, Georgia, serif;}
.exhregform2019 h2 {color: #003296; font-weight: bold;font-size: 20px;font-family: Cambria, Georgia, serif;}
.exhregform2019 h3 {color: #003296; font-weight: bold;font-size: 16px;font-family: Cambria, Georgia, serif;}
.exhregform2019 #shorewavelogo {width: 175px;}
.conference.year2019 #missioncontrollogo {width: 175px; float: left;}
#logo2020 {width: 145px;}

/*.exhregform2020 h1, .exhregform2020 h2 {
    color: #003296;
    font-weight: bold;
    font-size: 24px;
    font-family: Cambria, Georgia, serif;
}*/

.exhregform2020 h2 {
    font-size: 20px;
}

header h1 {
    font-weight: bold;
    font-size: 24px;
}

.receipt-signature {
    font-family: "Alex Brush", cursive;
    font-weight: 400;
    font-style: normal;
    text-align: center;
    font-size: 3.6em;
}

.exhibitortable{border-collapse: collapse;background-color: #4F81BD}
.exhibitortable td, .exhibitortable th {border:1px solid white;text-align: center;font-size: .9em;font-weight: bold;font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Tahoma, sans-serif;}
.exhibitortable .evenrow td {background-color: #A7BFDE;padding:5px;}
.exhibitortable .oddrow td {background-color: #D3DFEE;padding:5px;}
.exhibitortable th{color: white; width: 10%}
.exhibitortable th:nth-of-type(1){width: 5%}
.exhibitortable th:nth-of-type(3){width: 25%}

.sponsorshipform .exhibitortable{width: 75%;margin: 0 auto;}
.sponsorshipform .exhibitortablelabel{width: 75%;margin: 0 auto;}

.exhregform .formbuttons input{padding:5px;}

.formpanel label{width:15em; padding-right: .25em;display: inline-block;text-align: right;font-weight: bold;}
.formpanel .textbox50 {width: 300px}
.formpanel .formitem {margin: .2em}
.formpanel .labeltextarea, .formpanel .fullline{width: 100%;text-align: left;display: block;}
.textarea50x5 {margin-left: 16em;width: 300px;height: 50px}

.formpanel .textbox50margin {width: 300px;margin-left: 16em;}
/*exhregform */

/*.exhib-rec .headtext {width:75%;}*/
/*.exhib-rec .headtext h2 {text-align: left;font-size: 24px}*/
.exhib-rec .headtext h4 {margin:0;}
.exhib-rec .mainbody{font-size: 18px;margin:2em;}
.exhib-rec .mainbody .datafield{display: block;}

.formcontainer {
    width: 100%;
}

.formgroup {
    margin-bottom: 5px;
}

.formgroup label {
    display: block;
    font-weight: bold;
}

.formgroup input {
    /*margin-left: 25px;*/
    max-width: 100%;
}

.formgroup .textbox2 {
    width: 40px;
}

.formgroup .textbox10 {
    width: 95px;
}

.formgroup .textbox12 {
    width: 95px;
}

.formgroup .textbox20 {
    width: 170px;
}

.formgroup .textbox50 {
    width: 300px;
}

.formgroup .textbox100 {
    width: 300px;
}

.regOptions {
    width: 100%;
}

.regOptions .type {
    display: flex;
    margin-bottom: 20px;
}

.regOptions .option{
    width: 100px;
    font-weight: bold;
}

.regOptions .description {
    width: 80%;
}

.receiptpage .instructions {
    width: 50%;
    margin: auto;
    text-align: center;
    font-weight: bold;
    color: red;
}

.receiptpage .responseContainer {
    width: 80%;
    margin: auto;
}

.receiptpage .declaration {
    text-align: center;
    font-weight: bold;
    color: red;
    font-size: 20px;
    line-height: 1em;
}

@media screen AND (min-width: 480px) {
    .formcontainer {
        width: 75%;
        margin: auto;
    }

    .ol input {
        /*margin-left: 25px;*/
    }

    .regOptions {
        width: 75%;
        margin: auto;
    }

    .regOptions .type {
        
    }

    .regOptions .option{

    }

    .regOptions .description {
        width: 80%;
    }
}

@media print {
    .headtext #importantImg {
        margin-left: 0;
    }
    .hideprint {
        display: none;
    }

}