
* { outline: none; }

html {
    font: normal normal normal 10pt "Lucida Grande",lucida, verdana, arial, tahoma,"Maiandra GD";
    background: #333333;
    min-width: 900px;
}

body {
    font-size: 10pt;
    color: #555555;
    padding: 1em 0 0 0;
    margin: 0;
}

#header, #menuSection, #topSection, #middleSection, #bottomSection, #footer, #instructions {
    clear: both;
}

.clr {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height:1px;
}

.clear {
    clear: both;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    visibility: hidden;
    height:1px;
}

a { text-decoration: none; color:#0000FF;}
a:hover { text-decoration: underline; }

h1 { font-weight:normal; margin:0; padding:0; font-size:1em;clear:both; }
h2 { font-weight:normal; margin:0; padding:0; font-size:1em;clear:both; }
h3 { font-weight:normal; margin:0; padding:0; font-size:1em;clear:both; }
h4 { font-weight:normal; margin:0; padding:0; font-size:1em;clear:both; }
h5 { font-weight:normal; margin:0; padding:0; font-size:1em;clear:both; }

.squeezer {
    width: 800px;
    margin: 0 auto;
    /* position: relative; */
    border:0px solid purple;
    font-size:1em;
}

table td {
    text-align:left;
}

#header {
    background-color:#FFFFFF;
    border:0px solid red;
    padding:0.33em 0;
}

#header .squeezer {
    padding: 0.5em 0 0.5em 0;
}

}

#header .squeezer .buttons a, #header .squeezer .buttons button {
    margin-left:0.33em;
    padding:2px 10px 2px 7px; /* Links */
    position:relative;
    top:-0.3em;
}

#header .squeezer h1 { font-weight:normal; margin:0.3em 0; padding:0; font-size:2em;clear:both; }

#menuSection {
    float:left;
    width:100%;
    border:0px solid blue;
    background-color:#3366CC;
    border-top: 1px solid rgb(24,61,147);
    border-bottom: 1px solid rgb(24,61,147);
}

#menuSection .squeezer {
    color:#FFFFFF;
}

#menuSection .squeezer span {
    float:left;
    padding:.5em;
    font-weight: normal;
    border-left:1px solid rgb(24,61,147);
    border-right:0px solid rgb(24,61,147);
}

#menuSection .squeezer a {
    color: #FFFFFF;
    font-size:1em;
    font-weight:normal;
}

#menuSection .squeezer .last {
    border-right:1px solid rgb(24,61,147);
}

#menuSection .squeezer .selected {
    background-color:#3366CC;
}

#menuSection .squeezer .buttons a {
    font-variant:small-caps;
    font-size:0.7em;
    color:#333333;
    padding:0.25em 0.6em;
    margin-left:1.5em;
}

#topSection {
    background-color:#3366CC;
    border:0px solid green;
}

#topSection .squeezer {
    padding: 1em 0;
    color:#FFFFFF;
    line-height:1.5em;
}

#topSection .squeezer h1 { padding:1em 0;font-size:2em; }

#middleSection {
    background-color:#FFFFFF;
    border:0px solid red;
    line-height:1.5em;
}

#middleSection .squeezer {
    padding: 0.5em 0 5em 0;
    border:0px solid green;
}

#middleSection .squeezer b {
    font-weight:bold;
    color:#3366CC;
}

#middleSection .squeezer  .buttons {
    margin-top:1em;
}

input {
    border: 1px solid #888888;
    width: 15em;
}

input[type="checkbox"] {
    border: 1px solid #888888;
    width: 1em;
}

.checkbox {
    border: 1px solid #888888;
    width: 1em;
}

input[type="radio"] {
    border: 1px solid #888888;
    width: 1em;
}

.radio {
    border: 1px solid #888888;
    width: 1em;
}

textarea {
    border: 1px solid #666666;
}

#middleSection .squeezer h2 {
    font-size:1.33em;
    margin-top:1.5em;
    color:#3366CC;
}

#middleSection .squeezer h3 {
    font-size:1.2em;
    color:#3366CC;
}

#middleSection .squeezer div {
    margin-top:1.5em;
    line-height:1.5em;
}

#middleSection .squeezer div .subnote {
    font-size:0.8em;
}

#middleSection .squeezer div li {
    padding-bottom:0.7em;
}

#middleSection .squeezer .nm {
    margin:0;
}

#middleSection .squeezer .bt {
    border-top:2px solid #3366CC;
    margin-top:4em;
    padding-top:0.75em;
}

#middleSection .squeezer td {
    vertical-align:top;
}

#middleSection .squeezer #signupform {
    width:460px;
}

#middleSection .squeezer #signupform .buttons {
    text-align:center;
}

#bottomSection {
    background-color:#666666;
    border:0px solid orange;
}

#bottomSection .squeezer {
    padding: 0.5em 0 0.5em 0;
    color:#FFFFFF;
}


#footer {
    border:0px solid purple;
    background-color:#888888;
    margin-bottom:3em;
}

#footer .squeezer {
    padding: 0.5em 0 0.5em 0;
    font-size:.8em;
    font-weight:normal;
}

#footer .squeezer  a {
    color: #333333;
}

#scripterr {
    padding: 1em 0;
    background-color:#A00000;
    color:#FFFF00;
    font-weight:bold;
}

#pageerr {
    background-color:#FFFFC0;
    color:#C00000;
}

#pageerr .squeezer {
    padding:1em 0;
    font-weight:600;
    color:#C00000;
}

#loginform {
    position:relative;
    text-align:right;
    font-size:0.8em;
    width:70em;
    overflow:hidden;
    float:right;
}

#loginerr, #login2err,#forgoterr,#signuperr,#updatestatus,#reportstatus {
    color:#CC0000;
    margin-right:1.5em;
}

#spamcheck {
    width:2em;
}

#signuploginform {
    text-align:center;
    padding:0 1em 1em 1em;
    float:right;width:250px;
    font-size:0.8em;
    border:1px solid #DDDDDD;
    background-color:#F8F8F8;
}

#signuploginform table {
    margin-top:1em;
}

#signuploginform input {
    width:10em;
}

.dataTable th {
    text-align:center;
}

.dataTable td {
    text-align:center;
}

#payments .dataTable th {
    text-align:center;
    width:50%;
}

#payments .dataTable td {
    text-align:center;
    width:50%;
}

select {
    margin-left:0.5em;
}

#middleSection .squeezer #bannerclicks .scrollTableContainer {
    margin-top:0;
}

#totalclicks {
    color:#3366CC;
}

#middleSection .squeezer div #summarycontentarea {
    width:440px;
    float:left;
    margin-top:0;
}

#middleSection .squeezer div #paymentcontentarea {
    text-align:center;
    padding:0.5em;
    float:right;width:200px;
    font-size:1em;
    border:1px solid #DDDDDD;
    background-color:#F8F8F8;
    margin-top:0;
}

.left {
    float:left;
    width:45%;
    text-align:left;
}

.right {
    float:right;
    width:45%;
    text-align:right;
}

.lbl {
    font-weight:bold;
    color:#3366CC;
    font-size:1em;
}

