body {
        margin: 0px;
        padding: 0px;
        font-size: 80%;
        font-family: helvetica, arial, sans-serif;
        line-height: 1.5;
        color: #666666;
}

p {
        font-size: 120%;
}

a {
        color: #222222;
}

a:hover {
        text-decoration: none;
}

h1 {
        border-bottom: 1px solid #dddddd;
        width: 70%;
        color: #888888;
        font-size: 180%;
        margin-top: 1em;
}

h1:hover {
        color: #777777;
}

h2 {
        margin-top: 2em;
}

h1 + h2 {
        margin-top: 1em;
}

table.simple {
        border-collapse: collapse;
        margin: 1em auto;
        width: 100%;
}

table.simple thead th {
        background-color: #377ac0;
        color: white;
        border-bottom: 1px solid black;
        padding: 0.5em;
}

table.simple tbody tr {
        border-bottom: 1px solid #bbb;
}


table.simple tbody tr.last {
        border-bottom: 1px solid #224d7c;
}

table.simple tbody td {
        text-align: center;
        padding: 0.5em;
        font-size: 90%;
}

table.transaction_status {
        width: 70%;
        margin: 2em 0;
}

table.transaction_status tbody th {
        text-align: right;
}

table.transaction_status tbody tr {
        border-bottom: 0;
}

input.payments {
        margin: 1em 0;
        padding: 5px 10px;
}

form ul {
        margin: 0;
        padding: 0;
        list-style: none;
        line-height: 2;
}

form ul li {
        margin: 1em 0;
}

form ul li label {
        display: block;
        font-weight: bold;
}


/* NAVIGATION */
#nav {
        background-color: #377ac0;
        border-bottom: 1px solid #48a0ff;
        border-top: 1px solid #48a0ff;
}

#nav ul, #content {
        width: 50em;
        margin: auto;
}

#nav ul {
        width: 52em;
        height: 38px;
        padding: 0px;
        text-align: right;
        /*
        background: url('images/console/logo.png') no-repeat;
        */
        position: relative;
        list-style: none;
}

/* IE6 hack */
#nav ul li {
        height: 0;
        padding: 0;
        width: 0;
        top: 0;
        #margin-top: -15px;
}

#nav li a span {
        display: none;
}

#nav li#mpb_logo a, #nav li#mpb_logo.active {
        position: absolute;
        height: 38px;
        top: 0px;
        left: 0px;
        width: 200px;
        background-image: url('images/console/mypersonalbrowser_logo.png');
}

#nav li#mpb_logo.active {
        width: 250px;
        background-image: url('images/console/mypersonalbrowser_logo_beta.png');
}

#nav li#ooanywhere_logo a, #nav li#ooanywhere_logo.active {
        background: url('images/console/logo.png') no-repeat;
        position: absolute;
        height: 38px;
        top: 0px;
        left: 0px;
        width: 200px;
}

#nav li a, #nav li.active {
        background-image: url('images/console/nav_new.png');
        position: absolute;
        height: 38px;
        top: 0px;
        margin-top: 0px;
}

#nav_launch a, #nav_launch.active {
        right: 142px;
        width: 52px;
        background-position: 0px 0px;
}

#nav_launch a:hover, #nav_launch.active {
        background-position: 0px 38px;
}

#nav_payments a, #nav_payments.active {
        right: 65px;
        width: 67px;
        background-position: -56px 0px;
}

#nav_payments a:hover, #nav_payments.active {
        background-position: -56px 38px;
}

#nav_profile a, #nav_profile.active {
        right: 0px;
        width: 55px;
        background-position: -126px 0px;
}

#nav_profile a:hover, #nav_profile.active {
        background-position: -126px 38px;
}

#nav_pricing a, #nav_pricing.active {
        right: 0px;
        width: 54px;
        background-position: -231px 0px;
}

#nav_pricing a:hover, #nav_pricing.active {
        background-position: -231px 38px;
}

#close a {
        background-position: -186px 0px;
        right: 0px;
        top: 0px;
        width: 42px;
}

#close a:hover {
        background-position: -186px 38px;
}
/* END NAVIGATION */

#feedback {
        background-color: #d11414;
        text-decoration: none;
}

#content {
        padding: 0px 20px 15px 20px;
        position: relative;
        margin: 3em auto;
}

#oostatus {
        width: 60%;
        margin: 30px auto;
        text-align: center;
}

.center-info {
        padding: 3px 20px;
        font-size: 220%;
        font-weight: bold;
        color: white;
        line-height: 1;
        cursor: pointer;
}

#incompatible-system {
        background-color: #efaaab;
        border: 1px solid #fe1b01;
        color: #b02b2c;
        cursor: default;
}

#launch, #launching {
        background-color: #cdeb8b;
        border: 1px solid #4b8813;
        color: #4b8813;
}

#launch:hover {
        background-color: #4b8813;
        color: white;
}

#nofunds {
        background-color: #eeeeee;
        border: 1px solid #999999;
        color: #444444;
        cursor: default;
}

#terminate, #terminating {
        background-color: #efaaab;
        border: 1px solid #fe1b01;
        color: #b02b2c;
}

#terminate:hover {
        background-color: #b02b2c;
        color: white;
}

#terminating, #launching {
        cursor: wait;
}

.desc {
        font-size: 60%;
        font-weight: normal;
        line-height: 1;
}

#remaining {
        padding: 5px 10px;
        color: #aaaaaa;
        font-size: 70%;
        position: absolute;
        top: 4em;
        right: 0px;
}

#time.active {
        color: #666666;
}

#time.low {
        color: #b02b2c;
}

#time {
        font-size: 220%;
        font-weight: bold;
}

#footer {
        background-color: #0e263e;
        border-top: 3px solid #377ac0;
        text-align: center;
        color: #dbe0e3;
        padding: 10px;
        position: relative;
}

#footer a {
        color: #dbe0e3;
        padding: 3px;
}

#footer a:hover {
        text-decoration: none;
}

#footer-links {
        padding: 5px;
}

#ooanywhere-copyright {
        background: url('images/console/logo-footer.png') no-repeat right;
        position: relative;
        height: 33px;
        vertical-align: middle;
        position: relative;
        padding-right: 85px;
        padding-top: 15px;
        padding-bottom: 15px;
}

#password-box {
        margin: 60px 80px 80px 80px;
        padding: 20px;
        border: 1px solid #4b8813;
        text-align: center;
        color: #4b8813;
        font-size: 120%;
        background-color: #cdeb8b;
}

#id_password {
        margin: 0px 10px;
}

#incorrect {
        color: red;
}

#tracker-dialog, #logout-dialog {
        padding: 30px;
        font-size: 140%;
}

.debug {
        display: none;
        font-size: 120%;
}

.warning {
        width: 40em;
        margin: 0px auto;
        text-align: center;
        padding: 3px 15px;
        background-color: #ffd65d;
        color: black;
        border: 1px solid #febf05;
}

.nxerror {
        color: red;
}

#admin-panel {
        color: white;
        position: relative;
        padding: 5px 10px;
        background-color: #444;
}

#admin-panel a {
        color: white;
}

#admin-login {
        position: absolute;
        right: 10px;
        top: 5px;
}

.login {
        font-size: 90%;
        color: #aaa;
        position: absolute;
        top: -2.8em;
        right: 20px;
}

.login a {
        color: #aaa;
}

.placeholder {
        position: relative;
        border: 1px dotted #888;
        padding: 40px 10px 20px 10px;
        background: #eee;
}

.placeholder-buttons {
        position: absolute;
        right: 10px;
        top: 10px;
        font-size: 90%;
        opacity: 0.6;
}

#start {
        #position: relative;
        display: table;
        height: 8em;
        /*width: 100%;*/
        width: 48em;
        background-color: #d6e1eb;
        border-top: 1px solid #327abb;
        border-bottom: 1px solid #327abb;
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 1em;
        #margin-right: -50px;
}

#startbutton, #we-need-feedback {
        #position: absolute;
        #top: 50%;
        text-align: center;
        display: table-cell;
        vertical-align: middle;
}

/* Hacks for IE */
#startbutton .iehelper, #we-need-feedback .iehelper, #already_account .iehelper {
        #position: relative;
        #top: -50%;
}

#startbutton {
        width: 30%;
        font-size: 150%;
        #left: 10%;
}

#startbutton a#start_now {
        width: 190px;
        height: 59px;
        background-image: url('/static/images/start_now_full.png');
        display: block;
        margin: auto;
}

#startbutton a#start_now:hover {
        background-position: 0px 59px;
}

#we-need-feedback {
        width: 40%;
        #right: 20px;
        padding-right: 30px;
        font-size: 90%;
        color: black;
}

#talk-back {
        font-weight: bold;
}

#already_account {
        padding-top: 10px;
        font-size: 50%;
}

.account_valid, .msg_success, .msg_error {
        width: 80%;
        margin: 2em auto;
        padding: 1em;
        border: 1px solid #4b8813;
        text-align: center;
        color: #4b8813;
        background-color: #cdeb8b;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
}

.msg_success, .msg_error {
        padding: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        border-radius: 3px;
}

.active_low {
        background-color: #ffd65d;
        color: #444;
        border: 1px solid #febf05;
}

.nocredit, .msg_error {
        background-color: #ee9e94;
        color: #9f1e0f;
        border: 1px solid #d92915;
}

table#pricing {
        width: 90%;
        margin: 2em auto;
        text-align: center;
        border-collapse: collapse;
        border: 2px solid #4b8813;
        background-color: #cdeb8b;
        color: #272d1a;
}

#pricing col {
        width: 33%;
        border: 1px solid #4b8813;
}

#pricing .pricing-name {
        font-size: 160%;
        letter-spacing: -1px;
        font-weight: bold;
        line-height: 1.2;
}

table#pricing td {
        padding: 0.5em 0.5em;
}

#pricing .pricing-price {
        font-size: 140%;
        font-weight: bold;
        border-top: 1px solid #4b8813;
}

#pricing .pricing-desc {
        padding: 1em;
        font-size: 120%;
}

a.pricing-signup {
        text-align: center;
        margin: 1em auto;
        width: 7em;
        display: block;
        padding: 0.3em 0.5em;
        font-size: 160%;
        font-weight: bold;
        letter-spacing: -1px;
        text-decoration: none;
        background-color: #3e9eff;
        -moz-border-radius: 10px;
        color: white;
        border: 1px solid #377ac0;
}

a.pricing-signup:hover {
        background-color: #666;
        border: 1px solid #666;
}