html,body{height:100%;}body{background:#e1f3fd;font-family:'Open Sans',Helvetica,arial,sans-serif;}h1,h2,h3,h4,.pn{font-family:'proxima-nova','Open Sans',Helvetica,arial,sans-serif;}h1{margin:0 0 20px 0;}h3{color:#08c;font-size:28px;margin:0 0 30px 0;font-weight:normal;}.btn-primary{background:#08d;}#footer{background:#fff;padding:15px 40px;position:relative;z-index:1;width:100%;font-size:12px;font-family:arial;}.navbar{background:transparent;box-shadow:none;border:0;padding:10px 30px;margin:0;}.navbar-brand{height:auto;}.navbar-nav li{margin:15px 0 0 0;}.navbar .navbar-nav>li>a{color:#494949;font-weight:normal;font-size:16px;padding:8px 16px;margin-left:8px;}.navbar-default .navbar-nav>.active>a{margin-left:16px;}.navbar-default .navbar-nav>.active>a,.navbar-default .navbar-nav>.active>a:hover,.navbar-default .navbar-nav>.active>a:focus,.navbar-default .navbar-nav>li>a:hover{background:#08c;color:#fff;border-radius:4px;}#hero{background-image:url('/National_Library/20160521004321oe_/http://w3counter.com/images/laptop.png');background-repeat:no-repeat no-repeat;background-position:0 0;background-size:cover;min-height:500px;}.intro .btn{margin-top:10px;padding:8px 16px;font-size:18px;}.intro .btn-default{background:transparent;border:1px solid #06c;}.intro .btn-default:hover{background:#fff;}.featurebox{background:#fff;box-shadow:0 2px 0 rgba(0,0,0,0.1);position:relative;margin:40px 0;padding:30px;position:relative;}.featurebox h3{margin:0 0 20px 0;font-size:28px;color:#444;}.featurebox p{font-size:16px;line-height:28px;color:#7295b0;}.featurebox .fa{display:block;position:absolute;left:30px;top:32px;font-size:28px;color:#0c8bf2;}#activity{height:265px;overflow:hidden;margin:0 0 20px 20px;background:#fff;}#activity td{font-family:arial;}#activity td.icon{padding:8px;background:#f5f5f5;vertical-align:middle;}#activity td.icon img{display:block;background:#eee;padding:10px;}#activity td.time{font-weight:bold;vertical-align:top;white-space:nowrap;padding:8px 16px 8px 8px;vertical-align:middle;background:#f5f5f5;}#activity td.visit{white-space:nowrap;width:100%;vertical-align:middle;font-size:18px;color:#999;}#activity td.visit a:link,#activity td.visit a:visited{color:#999;}#terms h2{font-size:18px;}.paper{box-shadow:0 1px 3px rgba(0,0,0,0.1);}#signup{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,0.1);}#signup h1{background:#f5f5f5;padding:20px;font-size:15px;margin:0;}#signup .inner{padding:20px;}@media(min-width: 960px) {
    .gsleft {
        margin-right: 315px
    }
}

.shadowbox {
    background-image: linear-gradient(to bottom, #fff 0px, #eee 20px);
    padding-top: 20px;
    border-top: 1px solid #eee;
    box-shadow: 0 25px 60px rgba(0,0,0,.25);
    width: 80%;
    display: block;
    margin: 0px auto;
}

.table .fa-check {
    color: #5cb85c;
    font-size: 28px;
}

.table .fa-times {
    font-size: 28px;
    color: #ccc;
    display: none;
}

.plans > thead > tr {
    background: #066bc5;
    color: #fff;
}

.plans > thead > tr > th {
    padding: 20px;
    border: 0;
    margin: 0;
    text-align: center;
}

.plans > tbody > tr > td, .plans > tbody > tr > th {
    padding: 20px;
    text-align: center;
    vertical-align: middle;
}

.plans > tbody > tr > th {
    font-weight: normal;
    text-align: left;
}

.box {
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
    background: #fff;
    margin-bottom: 40px;
}

/* Globalstats */

.datatable {
    background: #fff;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    margin-top: 20px;
}

.datatable th,.datatable td {
    font-family: arial;
    font-size: 9pt;
    border-bottom: 1px solid #ccc;
    padding: 5px 20px 5px 8px;
    vertical-align: middle;
    white-space: nowrap;
    text-align: left;
}

.datatable th,.datatable td.total {
    font-size: 10pt;
    padding: 10px 20px 10px 10px;
    color: #666;
    font-weight: bold;
}

.datatable td.item {
    white-space: nowrap;
}

.datatable td.pct {
    text-align: right;
    width: 100%;
}

table#dashboard {
    width: 770px;
    margin: 15px auto;
    border: 0;
}

h2.dashboard {
    font-family: arial;
    font-size: 11pt;
}

.dashboardbox {
    background: #e1f3fd;
    padding: 8px;
    border: 1px solid #06c;
    margin-bottom: 10px;
}

h2.graphtitle {
    font-family: arial;
    font-size: 10pt; 
    color: #666; 
    padding: 5px 0; 
    border-bottom: 1px solid #ccc; 
    margin-bottom: 20px;
}

/* Bar Graphs */
.bargraphs h1 {
    color: #000;
}

.bargraphs p {
    clear: both;
    padding-top: 10px;
    font-size: 8pt;
    color: #666;
}

.bar {
    clear: left;
}

.bar div.value {
    float: left;
    background-color: #000;
    color: #fff;
    padding: 2px 4px;
    margin-top: 8px;
}
.bar div.lab {
    padding: 8px 16px 16px 0;
    width: 190px;
    float: left;
    font-style: italic;
    font-family: arial;
    text-align: right;
}
.bar1, .bar2, .bar3, .bar4, .bar5 {
    float: left;
    padding: 16px 0 16px 8px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    margin: -8px 0 0 0;
}
.bar1 {
    padding: 16px 0 16px 8px;
    background-color: #e61010;
}
.bar2 {
    background-color: #f6ac43;  
}
.bar3 {
    background-color: #fef34b;  
}
.bar4 {
    background-color: #c6e628;  
}
.bar5 {
    background-color: #0066cc;
}

/* End Globalstats */