body{background-color:#f6f6f6; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;}
a {color:#00aeef;}
a:hover{color:#0089bc;}
.clear_float {clear:both;}
.main-container{background-color:#fff; padding-top:15px;}
h1 {color: #f6832a;font-size: 20px; margin-bottom: 20px; padding: 20px 0 5px 0; border-bottom: 1px solid #ccc;}
h2 {color:#000; font-size: 16px; padding: 20px 0 8px 0;}
.first {padding: 0 0 8px 0;}
h3, h4 {text-align: center;}
.padbtn {padding: 15px 0 15px 0;}
h3 {color:#00aeef; font-size: 24px; padding: 20px 0 8px 0;}
h4 {color:#000; font-size: 16px; padding: 0 0 20px 0;}
.article-header {height:7px; display:block;background-color:#50b848; margin-bottom: 20px;}
a {color:#00aeef;}
a:hover{color:#0089bc;}
#container {width: 800px; margin: 0 auto;}
label { color:#666666; font-size: 11px; display:block; padding: 5px 0 3px 0;}
.checkbx {color: #555555; font-size: 12px; line-height: 20px; display:inline;}
.inputstyle-1col {border-radius: 3px; border: 1px solid #ccc; padding: 10px 10px; margin: 0; font-size: 14px; width:432px; color:#555555;}
.inputstyle-2col {border-radius: 3px; border: 1px solid #ccc; padding: 10px 10px; margin: 0; font-size: 14px; width:200px; color:#555555;}
.inputstyle-2col-hide {border-radius: 3px; border: 1px solid #ccc; padding: 10px 10px; margin: 0; font-size: 14px; width:84px; color:#555555;text-align:center;}

.add-3col-long {width:283px; border-radius: 3px; border: 1px solid #ccc; padding: 10px 10px; margin: 0; font-size: 14px; color:#555555;}
.add-3col-short {width:123px; border-radius: 3px; border: 1px solid #ccc; padding: 10px 10px; margin: 0; font-size: 14px; color:#555555;}
.add-fullcol {width:603px; border-radius: 3px; border: 1px solid #ccc; padding: 10px 10px; margin: 0; font-size: 14px; color:#555555;}
.add-2col-long {width:443px; border-radius: 3px; border: 1px solid #ccc; padding: 10px 10px; margin: 0; font-size: 14px; color:#555555;}
.add-2col-short {width:123px; border-radius: 3px; border: 1px solid #ccc; padding: 10px 10px; margin: 0; font-size: 14px; color:#555555;}
.short-select {width:145px;}
.long-select {width:305px;}


select {background-color:#fff; appearance: none; -webkit-appearance: none; -moz-appearance: none; border-radius: 3px; border: 1px solid #ccc; padding: 10px 10px; margin: 0; font-size: 14px; color:#555555; width:222px;}



ul#products li {float:right; margin: 5px 25px 5px 0; text-align: center;}

input:focus {outline: none !important; border:1px solid #f6832a;}
.mgnlft {margin-left: 10px;}
.addmgnlft {margin-left: 15px;}
.opt-in_form p {color: #555555; font-size: 12px; line-height: 20px; padding: 0 0 8px 0;}
.opt-in-copy p {color: #555555; font-size: 14px; line-height: 20px; padding: 5px 0 5px 0;}
.float_left {float:left;}
.float_right {float:right;}
.clear_float { clear: both;}
.btn {background: #3498db;background-image: -webkit-linear-gradient(top, #3498db, #2980b9);background-image: -moz-linear-gradient(top, #3498db, #2980b9);background-image: -ms-linear-gradient(top, #3498db, #2980b9);background-image: -o-linear-gradient(top, #3498db, #2980b9);background-image: linear-gradient(to bottom, #3498db, #2980b9);-webkit-border-radius: 3;-moz-border-radius: 3;border-radius: 3px; font-family: Arial;color: #ffffff;font-size: 13px;padding: 8px 15px 8px 15px;text-decoration: none;}
.btn:hover {  background: #3cb0fd;color: #ffffff;background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);background-image: -ms-linear-gradient(top, #3cb0fd, #3498db); background-image: -o-linear-gradient(top, #3cb0fd, #3498db); background-image: linear-gradient(to bottom, #3cb0fd, #3498db);text-decoration: none;}
.btnwide {width:200px; display: block;}
.band{width:188px;height:14px; display:block; float:left; margin-top:5px;}
.pos1{background-color:#00aeef;}
.pos2{background-color:#fbaa19;}
.pos3{background-color:#50b848;}
.pos4{background-color:#f05674;}
.pos5{background-color:#72c2be;}

.footerbar {margin-top:25px; margin-bottom: 20px;}
.footer-content a {text-decoration: none; font-size: 10px;}
.footer-content h3 {color: #666666; font-size: 13px; font-weight: normal;margin-bottom:5px;} 
.copyright p {text-align:center; font-size:9px; margin: 25px 0; color:#cccccc;}
.divider{border-top: 1px solid #fff; margin-top:10px;}
.error{color:#f6832a; margin-left:5px; font-weight:bold; font-size: 11px;}
.blink {
    animation-duration: 1s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
    font-weight: bold;
    font-size:18px;
}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0;                    
    }
}

.register {text-align:center;}
.centerContent {background:#313131; text-align: center; padding: 25px;border-radius: 5px; width:242px; margin: 15px auto; }
.centerContent p {color: #fff; padding: 6px;}
.XLS_block {text-align: center; border: 1px solid #313131; width:400px; margin: 15px auto; padding: 25px;}
.XLS_block a {text-decoration:none; color: #313131;}
.XLS_block a:hover {text-decoration:underline;}
.toDate, .fromDate {width:75px;}
#datesBox input {font-size: 12px; padding: 8px; border: none; border-radius:2px; display: inline-block;}
#datesBox  label {color:#a0a0a0; font-size:12px; padding:5px; display: inline-block;}
.opt-in-copy ul {padding:8px;}
.opt-in-copy li {padding:2px; color: #555555; font-size: 14px; line-height: 20px;}

#password, #optin_id {width:212px; border-radius: 3px; border: 1px solid #e3e3e3; padding: 8px 8px; font-size: 14px;}
.readonly {background:#f1f1f1; cursor:no-drop;}
table.dataTable.cell-border thead th { font-size:13px;}
#schools td {font-size:11px;}
.extraSchoolTemplate {
    display:none;
}