@charset "utf-8";
/* CSS Document */

* {margin:0; padding:0}
html, body {background-color:#EEE; width:100%; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px}

/*login page*/
.centered {margin:100px auto; width:214px; text-align:center}
.fieldWrapper {margin-bottom:10px; padding:3px; width:208px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; background-color:#FFF; position:relative; border:1px solid #DDD}
input.tInput {background-color:#FFF; width:200px; font-size:1.33em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#000; border:0}
#loginForm label {position:absolute; right:225px; top:.4em; font-size:1em; font-weight:normal; color:#999}
#loginForm {margin-top:30px}

/*welcome page*/
#welcomeMessage {padding-top:20px; padding-bottom:30px}
#welcome {font-size:18px; font-weight:bold; color:#666}
.welcomeIntro {margin-top:10px; font-size:14px; color:#666}
.currentEarnings {color:#C00; font-weight:bold}

/*stats page*/

/*payment settings page*/

/*basic layout*/
#wrapper {width:600px; margin:0 auto}
#theHeader {height:110px; padding:10px 0; text-align:center; border-bottom:1px solid #999; position:relative}
#theContent {background-color:#F6F6F6; padding:20px; border-left:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999}
#theFooter {height:100px; padding:10px 20px; font-size:10px; color:#999; text-align:center}

/*account links*/
#account {position:absolute; top:10px; right:15px; color:#999; font-size:10px; text-align:right}
#account a {color:#369}

/*navigation tabs*/
#centeredTabs {z-index:20; float:left; width:600px; overflow:hidden; position:absolute; bottom:-1px; left:0; color:#000; font-size:1.166em; font-weight:bold}
#centeredTabs ul {clear:left; float:left; width:auto; list-style:none; margin:0; padding:0; position:relative; left:300px; text-align:center}
#centeredTabs ul li {display:block; float:left; width:auto; list-style:none; margin-left:4px; margin-top:2px; position:relative; right:50%}
#centeredTabs ul li.active {margin-right:-4px; margin-top:0; padding-right:4px; background-image:url(../media/images/5px_shadow_right.png); background-repeat:no-repeat; background-position:100% 1px}
#centeredTabs ul li a {display:block; padding:.28em .56em; background:#DDD; color:#000; border:1px solid #999; cursor:pointer; cursor:hand; text-decoration:none}
#centeredTabs ul li.active a {padding:.357em .56em}
#centeredTabs ul li a:hover {color:#C00; background:#F6F6F6}
#centeredTabs ul li a.active {background:#F6F6F6}
#centeredTabs ul li a.active:hover {background:#F6F6F6}
#centeredTabs ul li a.active {border-bottom:1px solid #F6F6F6}

/*defaults*/
a {color:#369}

/*loading delay*/
.loading #loadingDiv {display:block}
.loading #contentDiv {display:none}
.loaded #loadingDiv {display:none}
.loaded #contentDiv {display:block}