body {background: #e0e8ec url(/img/bg.gif) top left repeat-x; color: #000; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; margin: 0; border: 0; padding: 0;}
hr {clear: both; visibility: hidden; margin: 0; padding: 0; height: 1px;}

#pagewrap {width: 984px; margin: 0 auto; background-color: #fff; border-left: 3px solid #ebe9e1; border-right: 3px solid #ebe9e1; border-bottom: 3px solid #ebe9e1;}

#header {width: 100%;}

#header h1 {font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; margin: 5px 0 15px 25px; font-weight: bold; color: #3b3b3b; float: left; font-size: 35px;}
#header h1 a {text-decoration: none; color: #3b3b3b;}
#header h1 a:hover {text-decoration: underline;}

#titlebar {margin: 0 auto; clear: both;}
#settingslinks {list-style-type: none; margin: 10px 20px 0 0; padding: 0; float: right;}
#settingslinks li {display: block; margin: 0 5px; float: left;}
#settingslinks li a {display: block; text-decoration: none; padding: 3px 10px;}
#settingslinks li a:hover {background-color: #e0e8ec;}
.toplinkon {background-color: #e0e8ec;}

#actionarea {clear: both; background: #2476B0; min-height: 150px; padding: 1px 0;}

#actionarea fieldset {margin: 30px; border: 0; background: url(/img/form_bg.png) top left repeat; padding: 10px 20px; display: block;}
#actionarea legend {display: none;}

#acctstats {margin: 0 auto; color: #fff; padding: 10px;}
#acctstats h2 {text-align: center; color: #ff0; border-bottom: 1px solid #ff0; padding-bottom: 5px;}
#acctstats p {font-size: 16px; display: inline; margin: 0; text-align: center;}
#statgroup {text-align: center;}

.number {font-weight: bold; font-size: 35px; color: #e0e8ec; vertical-align: middle; margin-left: 30px;}

#navbar {clear: both; list-style-type: none; margin: 0; padding: 0 0 0 5px; margin: 0 auto; background-color: #000; float: left; width: 979px; border-top: 1px solid #000;}
#navbar li {display: block; padding: 0; margin: 0 5px; float: left; text-transform: uppercase; font-weight: bold;}
#navbar li a {display: block; padding: 5px 10px; text-decoration: none; color: #fff;}
#navbar li a:hover {text-decoration: underline;}
.linkon {background-color: #2476B0; color: #000;}

#unplog input[type=text], #unplog input[type=password] {border: 2px solid #999; padding: 3px; width: 300px;}
#oidlog input[type=text] {border: 2px solid #999; padding: 3px; width: 400px;}

.helppull {float: right; background-color: #fffacb; padding: 3px 10px; display: block; margin: -17px 15px 0 0; border: 2px solid #e6de81; border-top: 0; line-height: 12px;}
.helppull a {color: #000; text-decoration: none; text-transform: uppercase;}
#help {background-color: #fffacb; border: 2px solid #e6de81; padding: 10px 20px 30px 20px; margin-top: -3px; border-top: 0;}
h3.priv {color: red;}

#content {padding: 0 20px 10px 20px; clear: both;}
.err {background-color: #ff8585; padding: 10px 20px; border: 2px solid #f00; font-weight: bold;}
.okay {background-color:#d4ffd0; padding: 10px 20px; border: 2px solid #0f0; font-weight: bold; }

#addylist {width: 944px; border-collapse: collapse;}
#addylist tr th {background-color: #e0e8ec; padding: 5px; text-align: left;}
#addylist tr td {padding: 7px 5px; border-bottom: 1px solid #e0e8ec;}
#addylist tr td img {width: 16px; height: 16px; border: 0;}
#addylist tr td.vcard, #addylist tr td.delete {text-align: center;}

.crow {background-color: #e0e8ec; padding: 10px 20px;}
.ctype {background-color: #797979; color: #fff;}
.ptype {}

#plans {width: 600px; margin: 10px auto;}
#plans div {padding: 0; border: 1px solid #000; color: #fff;}
#plans h2 {background-color: #000; color: #fff; margin: 0; padding: 5px 10px;}
#plans ul {padding: 0 0 0 10px; margin: 20px 15px 0 15px;}
#plans ul li {list-style-type: circle; line-height: 18px;}
.currentplan {border: 4px solid #fff !important;}
#freeplan {float: left; width: 270px; height: 210px; vertical-align: middle; position: relative; top: 30px; background-color: #999;}
#freeplan h3 {background-color: #333; font-size: 22px; padding: 10px; margin: 0;}
#paidplan {float: right; width: 290px; height: 280px; vertical-align: middle; background-color: #fdffa2; color: #000 !important;}
#paidplan h3 {background-color: #0a5115; font-size: 22px; padding: 10px; margin: 0; color: #fff;}
#plans .status {text-align: center; margin-top: 25px;}
#plans div p {margin: 10px;}
.status a {background-color: #fff; padding: 3px; border: 1px solid #666; text-decoration: none; color: #000;}
.status a:hover {background-color: #eee;}

#authorized {background: url(/img/stop.png) top left no-repeat; padding: 15px 20px 20px 47px; width: 750px; margin: 10px auto; border: 2px solid #666; background-color: #ccc;}

#mmgraccount {width: 425px; float: left; border: 2px solid #666;}
#mmgraccount input[type=text], #mmgraccount input[type=password] {border: 2px solid #999; padding: 3px; width: 300px;}
#bcaccount {width: 425px; float: right; border: 2px solid #666;}
#bcaccount input[type=text], #bcaccount input[type=password] {border: 2px solid #999; padding: 3px; width: 300px;}
#bcaccount select {border: 2px solid #999; padding: 3px;}
#updatebutton {float: right; margin-top: 15px;}
#oidhlp {width: 350px; margin: 20px auto; background-color: #ddd; padding: 30px;}

.whygoing {width: 500px; height: 200px; overflow-y: scroll;}

.hl {background-color: #fdffa2; padding: 3px;}
#cancel {background-color: #ddd; padding: 20px;}

#footer {clear: both; background-color: #e0e8ec; text-align: right; padding: 10px 30px; font-size: 70%;}