/* Layout {{{ */

html, body {
    background: #8D1FD3 repeat-x url(../images/body_bg.gif);
    color: #FFFFFF;
    margin: 0;
    padding: 0;
}

html {
    padding: 0 36px;
}

.global0 {
    /*min-width: 928px;
    width: expression(document.body.clientWidth < 930 ? '928px' : 'auto');*/
    margin: 0 auto;
    width: 928px;
}

.header {
    height: 94px;
    padding: 26px 0 0 0;
    position: relative;
    width: 100%;
}

.header .logo {
    background: right top no-repeat;
    float: left;
    margin: 0;
    padding: 0 100px 0 66px;
}

.header .owl1 {
    background-image: url(../images/owl1.jpg);
}

.header .owl3 {
    background-image: url(../images/owl3.jpg);
}

.header .owl4 {
    background-image: url(../images/owl4.jpg);
}

.header .owl5 {
    background-image: url(../images/owl5.jpg);
}

.header .owl6 {
    background-image: url(../images/owl6.jpg);
}

.header .owl7 {
    background-image: url(../images/owl7.jpg);
}

.header .logo img {
    border: none;
    vertical-align: bottom;
}

.header .credentials {
    font: bold 11px Verdana, sans-serif;
    color: #7DB5F9;
    margin: 0;
    padding: 8px 66px 0 0;
    text-align: right;
}

/* back up credentials
.header .credentials {
    font: bold 11px Verdana, sans-serif;
    color: #7DB5F9;
    margin: 0;
    padding: 35px 66px 0 0;
    text-align: right;
	*/
	
.header .nav0 {
    margin: 0;
    position: absolute;
    right: 33px;
    top: 86px;
}

.header .nav0 img {
    border: none;
    vertical-align: bottom;
}

.content {
    padding: 0 11px;
}

.contentTop, .contentBottom {
    height: 1px;
    position: relative;
    width: 100%;
}

.contentTopLeft, .contentTopRight {
    height: 23px;
    position: absolute;
    top: 1px;
    width: 100%;
}

.contentTopLeft {
    background: no-repeat url(../images/content_corner_lt.gif);
}

.contentTopRight {
    background: right top no-repeat url(../images/content_corner_rt.gif);
}

.contentBottomLeft, .contentBottomRight {
    height: 23px;
    position: absolute;
    top: -23px;
    width: 100%;
}

.contentBottomLeft {
    background: no-repeat url(../images/content_corner_lb.gif);
}

.contentBottomRight {
    background: right top no-repeat url(../images/content_corner_rb.gif);
}

.contentInner2 {
    background-color: #FFFFFF;
    border: 3px solid #7DB5F9;
    color: #000000;
}

.centroid {
    margin: 0 auto;
    width: 900px;
}

.footer {
    color: #B854F7;
    font: 11px Arial, sans-serif;
    margin: 0;
    padding: 13px 0;
    text-align: center;
}

.footer a {
    color: #FFFFFF;
}

.footer strong {
    color: #FFFFFF;
    font-weight: normal;
}

/* }}} */
/* Login form {{{ */

.loginForm {
    float: right;
    margin: 0;
    padding: 7px 0 0 0;
    width: 394px;
}

.loginForm p {
    float: left;
    margin: 0;
}

.loginForm .control {
    padding: 0 7px 0 1px;
}

.loginForm .control label {
    color: #7DB5F9;
    display: block;
    font: 11px Verdana, sans-serif;
    padding: 0 0 6px 3px;
}

.loginForm .control input {
    background: #FFFFFF url(../images/lf_ctrl.gif);
    border: none;
    color: #000000;
    padding: 2px 4px;
    width: 117px;
}

.loginForm .button {
    padding: 14px 0 0 0;
}

/* }}} */
/* Breadcrumbs {{{ */

.breadcrumbs {
    color: #999999;
    font: 11px Verdana, sans-serif;
    margin: 0;
    padding: 23px 0 0 35px;
}

.breadcrumbs a {
    color: #066EEC;
}

.breadcrumbs strong {
    color: #000000;
}

/* }}} */
/* "FAQs" page {{{ */

.faqsPage h1 {
    margin: 0 174px 0 178px;
    padding: 30px 0 4px 4px;
}

.faqsPage dl {
    background-color: #FFFFFF;
    color: #000000;
    font: 11px/16px Verdana, sans-serif;
    margin: 0 174px 0 178px;
    padding: 0;
}

.faqsPage dt {
    background-color: #DEDDE4;
    font-weight: bold;
    margin: 0;
    padding: 5px 8px 7px 8px;
}

.faqsPage dd {
    margin: 0;
    padding: 8px 0 11px 0;
}

.faqsPage dd a, .blueBoldLink {
    color: #076DEB;
    font-weight: bold;
    text-decoration: none;
}

.faqsPage dd a:hover, .faqsPage dd a.underlined {
    text-decoration: underline;
}

.faqsPage .buttons {
    margin: 0 175px;
    padding: 18px 0 54px 0;
}

.faqsPage .buttons img {
    border: none;
    vertical-align: middle;
}

.faqsPage .buttons .owl {
    padding: 6px 0 0 16px;
}

/* }}} */
/* "How It Works" page {{{ */

.howItWorksPage h1 {
    margin: 0 174px 0 178px;
    padding: 30px 0 4px 4px;
}

.howItWorksPage ol {
    font: bold 12px/36px Verdana, sans-serif;
    list-style: none;
    margin: 0 178px;
    padding: 0 0 8px 0;
}

.howItWorksPage ol li {
    background: left center no-repeat;
    padding: 0 0 0 42px;
}

.howItWorksPage ol li.item1 {
    background-image: url(../images/htw_item_1.gif);
}

.howItWorksPage ol li.item2 {
    background-image: url(../images/htw_item_2.gif);
}

.howItWorksPage ol li.item3 {
    background-image: url(../images/htw_item_3.gif);
}

.howItWorksPage ol a {
    color: #066EEC;
}

.howItWorksPage ul {
    font: 12px/24px Verdana, sans-serif;
    list-style: none;
    margin: 0 179px;
    padding: 0;
}

.howItWorksPage ul li {
    background: left center no-repeat url(../images/bul1.gif);
    padding: 0 0 0 10px;
}

.howItWorksPage .title {
    font: bold 12px Verdana, sans-serif;
    margin: 0 178px;
    padding: 15px 0 0 0;
}

.howItWorksPage .buttons {
    margin: 0 175px;
    padding: 20px 0 54px 0;
}

.howItWorksPage .buttons img {
    border: none;
    vertical-align: middle;
}

.howItWorksPage .buttons .owl {
    padding: 6px 0 0 16px;
}

/* }}} */
/* "Sign Up Step 1" page {{{ */

.signUpStep1Page h1 {
    margin: 0;
    padding: 30px 0 3px 33px;
}

.signUpStep1Page .note1, .pNote1 {
    font: 12px Verdana, sans-serif;
    margin: 0;
    padding: 0 0 0 209px;
}

.signUpStep1Page .controls {
    margin: 0;
    padding: 5px 0 0 200px;
}

.signUpStep1Page .controls label {
    display: block;
    float: left;
    font: bold 12px Verdana, sans-serif;
    margin: 6px 0 0 0;
    padding: 3px 7px 0 0;
    text-align: right;
    width: 187px;
}

.signUpStep1Page .controls input {
    background: #FFFFFF url(../images/su_ctrl.gif);
    border: none;
    float: left;
    margin: 6px 0 0 0;
    padding: 2px 4px;
    width: 163px;
}

.signUpStep1Page .controls br {
    clear: left;
}

.signUpStep1Page .buttons {
    margin: 0;
    padding: 15px 0 16px 244px;
}

.signUpStep1Page .buttons img {
    border: none;
    vertical-align: middle;
}

.signUpStep1Page .buttons .step1 {
    padding: 0 14px 6px 16px;
}

.signUpStep1Page .buttons .stepDone {
    padding: 0 0 6px 10px;
}

.signUpStep1Page .note2 {
    font: bold 12px Verdana, sans-serif;
    margin: 0;
    padding: 0 0 38px 263px;
}

/* }}} */
/* "Sign Up Step 2" page {{{ */

.signUpStep2Page h1 {
    margin: 0;
    padding: 30px 0 9px 177px;
}

.signUpStep2Page .note1 {
    font: 12px Verdana, sans-serif;
    margin: 0;
    padding: 0 0 0 178px;
}

.signUpStep2Page .code {
    margin: 0;
    padding: 12px 191px 0 177px;
}

.signUpStep2Page code {
    background-color: #FFFFFF;
    border: 1px solid #A5ACB2;
    display: block;
    font: 13px Arial, sans-serif;
    margin: 0;
    padding: 16px 0 19px 1px;
    white-space: pre;
}

.signUpStep2Page .note2 {
    font: bold 12px Verdana, sans-serif;
    margin: 0;
    padding: 16px 0 18px 211px;
}

.signUpStep2Page .buttons {
    margin: 0;
    padding: 1px 0 54px 359px;
}

.signUpStep2Page .buttons img {
    border: none;
    vertical-align: middle;
}

.signUpStep2Page .buttons .step1AndDone {
    padding: 3px 13px 0 16px;
}

.signUpStep2Page .buttons .owl {
    padding: 10px 0 0 0;
}

/* }}} */
/* Homepage {{{ */

.hpOverlay {
    background: no-repeat url(../images/hp_pic.gif);
    height: 428px;
    left: -11px;
    position: absolute;
    top: -428px;
    width: 549px;
}

.homePage h1 {
    margin: 0;
    padding: 37px 12px 0 0;
    text-align: center;
}

.homePage h1 img {
    vertical-align: middle;
}

.homePage h1 a img {
    border: none;
    padding: 0 0 2px 26px;
}

.homePage .container {
    margin: 0 0 0 auto;
    width: 41.66%;
}

.homePage .text1 {
    font: bold 12px/20px Verdana, sans-serif;
    margin: 0;
    padding: 47px 30px 0 5px;
}

.homePage .button {
    margin: 0;
    padding: 16px 0 0 0;
}

.homePage .button img {
    border: none;
    vertical-align: bottom;
}

.homePage .text2 {
    font: 12px/24px Verdana, sans-serif;
    margin: 0;
    padding: 10px 0 0 21px;
}

.homePage ul {
    font: bold 12px/24px Verdana, sans-serif;
    list-style: none;
    margin: 0;
    padding: 3px 0 0 35px;
}

.homePage li {
    background: left center no-repeat url(../images/bul2.gif);
    padding: 0 0 0 12px;
}

.homePage .link {
    font: bold 16px/24px Arial, sans-serif;
    margin: 0;
    padding: 16px 0 54px 0;
    background: 29px 18px no-repeat url(../images/owl2.gif);
}

.homePage .link a {
    color: #066EEC;
    display: block;
    padding: 0 0 0 101px;
}

/* }}} */
/* Chart table {{{ */

.chartTableDiv .right {
    float: right;
    font: bold 11px Verdana, sans-serif;
    margin: 0;
    padding: 0 45px 0 0;
    text-align: center;
    width: 198px;
}

.chartTableDiv .right img {
    vertical-align: middle;
}

.chartTableDiv .right a {
    background: left center no-repeat url(../images/arr.gif);
    color: #003399;
    display: block;
    padding: 14px 0 0 0;
    text-decoration: none;
}

.chartTableDiv .right a:hover {
    text-decoration: underline;
}

.chartTableDiv .right a img {
    border: 2px solid #003399;
    display: block;
    margin: 0 auto 8px auto;
}

.chartTableDiv .left {
    margin: 0 280px 0 0;
}

.chartTable {
    background-color: #FFFFFF;
    border-bottom: 1px solid #C0C0C0;
    border-collapse: collapse;
    width: 99%;
}

.chartTable th {
    font: 11px/14px Verdana, sans-serif;
    background-color: #7DB5F9;
    padding: 10px 0 8px 0;
    vertical-align: bottom;
}

.chartTable th.profile {
    font: 18px Verdana, sans-serif;
    padding: 13px 0 5px 0;
}

.chartTable th.actions {
    padding-left: 15px;
    padding-right: 15px;
    white-space: nowrap;
}

.chartTable td {
    padding: 0;
    border-right: 1px solid #C0C0C0;
}

.chartTable .even td {
    background-color: #F0F0F4;
}

.chartTable td.rank {
    font: 12px Verdana, sans-serif;
    padding: 10px 0 0 0;
    text-align: center;
    vertical-align: top;
    width: 6%;
}

.chartTable td.rank strong {
    display: block;
    padding: 0 0 4px 0;
}

.chartTable td.rank span {
    background: center top no-repeat;
    color: #A6A5AD;
    display: block;
    padding: 40px 0 0 0;
}

.chartTable .odd td.rank span.inc {
    background-image: url(../images/inc_w.gif);
}

.chartTable .even td.rank span.inc {
    background-image: url(../images/inc_g.gif);
}

.chartTable .odd td.rank span.dec {
    background-image: url(../images/dec_w.gif);
}

.chartTable .even td.rank span.dec {
    background-image: url(../images/dec_g.gif);
}

.chartTable td.photo {
    border: none;
    padding: 8px 9px;
    vertical-align: middle;
}

.chartTable td.photo img {
    border: 2px solid #003399;
    vertical-align: bottom;
}

.chartTable td.profile {
    font: 11px/16px Arial, sans-serif;
    width: 35%;
}

.chartTable td.profile a {
    color: #003399;
    font: bold 12px/16px Verdana, sans-serif;
    text-decoration: none;
}

.chartTable td.profile a:hover {
    text-decoration: underline;
}

.chartTable td.actions {
    font: bold 10px/24px Verdana, sans-serif;
    padding-top: 18px;
    text-align: center;
    vertical-align: top;
}

.chartTable td.actions a {
    color: #003297;
}

.chartTable td.count {
    padding: 5px 12px 0 12px;
    text-align: center;
    vertical-align: middle;
}

.chartTable td.count img {
    padding: 36px 0 31px 0;
}

.chartTable .odd td.starred img {
    background: right top no-repeat url(../images/stars_w.gif);
}

.chartTable .even td.starred img {
    background: right top no-repeat url(../images/stars_g.gif);
}

.nextResults {
    margin: 0;
    padding: 13px 0 0 22px;
    float: left;
    font: 12px Verdana, sans-serif;
}

.nextResults a {
    color: #0000CC;
    font-weight: bold;
}

.pager {
    margin: 12px 6px 20px auto;
    font: 11px/15px Verdana, sans-serif;
    border-collapse: collapse;
}

.pager td {
    padding: 1px 3px;
}

.pager a {
    color: #0000CC;
    font-weight: bold;
}

.pager .current {
    color: #FFFFFF;
    background: #8D1FD3 right top url(../images/pager_right.gif);
    padding: 0;
    font-weight: bold;
}

.pager .current span {
    display: block;
    background: no-repeat url(../images/pager_left.gif);
    padding: 1px 4px;
}

.pager .prev span {
    padding-left: 13px;
    color: #A0A4AB;
    background: left center no-repeat url(../images/pager_pi.gif);
}

.pager .prev a {
    font-weight: normal;
    padding-left: 13px;
    background: left center no-repeat url(../images/pager_pa.gif);
}

.pager .next span {
    padding-right: 13px;
    color: #A0A4AB;
    background: right center no-repeat url(../images/bul5.gif);
}

.pager .next a {
    font-weight: normal;
    padding-right: 13px;
    background: right center no-repeat url(../images/pager_na.gif);
}

/* }}} */
/* User char page {{{ */

.userCharPage {
    padding: 13px 14px 42px 14px;
}

.userCharPage .info {
    background: #FFFFFF repeat-x url(../images/ucp_info_bg_middle.gif);
    line-height: 100%;
    width: 100%;
}

.userCharPage .infoInner1 {
    background: no-repeat url(../images/ucp_info_bg_left.gif);
    line-height: 100%;
    width: 100%;
}

.userCharPage .infoInner2 {
    background: right top no-repeat url(../images/ucp_info_bg_right.gif);
    padding: 10px 20px 0 20px;
}

.userCharPage .info a {
    color: #003297;
}

.userCharPage .info .profile {
    float: left;
    font: 11px Arial, sans-serif;
    margin: 0;
    padding: 6px 0 0 0;
}

.userCharPage .info .profile img {
    background: url(../images/ucp_photo_bg.gif);
    float: left;
    margin: 0 11px 0 0;
    padding: 7px 9px 9px 7px;
}

.userCharPage .info .profile span {
    display: block;
    padding: 6px 0 0 0;
}

.userCharPage .info .profile a {
    font: bold 11px/15px Verdana, sans-serif;
    text-decoration: none;
}

.userCharPage .info .profile a:hover {
    text-decoration: underline;
}

.userCharPage .info table {
    border-collapse: collapse;
    float: right;
    margin: 14px 10px 40px 74px;
}

.userCharPage .info th {
    font: 11px/19px Verdana, sans-serif;
    padding: 0;
    text-align: left;
}

.userCharPage .info td {
    font: bold 11px/19px Verdana, sans-serif;
    padding: 0 12px 0 0;
}

.userCharPage .info h1 {
    font: bold 21px Verdana, sans-serif;
    margin: 0;
    padding: 13px 0 0 0;
    text-align: center;
}

.userCharPage .info .link1 {
    font: bold 10px Verdana, sans-serif;
    margin: 0;
    padding: 2px 0 0 0;
    text-align: center;
}

.userCharPage .info .link2 {
    font: bold 13px Verdana, sans-serif;
    margin: 0;
    padding: 23px 0 19px 0;
    text-align: center;
}

.userCharPage .info .link2 img {
    border: none;
    margin: 0 5px 0 0;
    vertical-align: middle;
}

.userCharPage .charts {
    background: #FFFFFF repeat-x url(../images/ucp_charts_bg_middle.gif);
    clear: both;
    margin: 0 10px 0 7px;
}

.userCharPage .chartsInner1 {
    background: no-repeat url(../images/ucp_charts_bg_left.gif);
}

.userCharPage .chartsInner2 {
    background: right top no-repeat url(../images/ucp_charts_bg_right.gif);
    padding: 17px 0 0 19px;
}

.userCharPage .charts .chart1 {
    float: left;
    font: bold 11px Verdana, sans-serif;
    margin: 0;
    text-align: center;
}

.userCharPage .charts .chart1 img {
    display: block;
    padding: 12px 0 0 0;
}

.userCharPage .charts .chart2 {
    float: right;
    font: bold 11px Verdana, sans-serif;
    margin: 0;
    padding: 0 20px 0 0;
    text-align: center;
}

.userCharPage .charts .chart2 img {
    border: none;
    display: block;
    padding: 12px 0 7px 0;
}

.userCharPage .charts .chart2 small {
    color: #7C7C7D;
    font: 10px Arial, sans-serif;
}

.userCharPage .charts form {
    clear: both;
    margin: 0;
    padding: 0 8px 0 0;
}

.userCharPage .charts .formInner1 {
    background: left bottom no-repeat url(../images/ucp_sshot_bottom.gif);
    margin: 0 auto;
    padding: 23px 0 0 0;
    width: 822px;
}


.userCharPage .charts .formInnerDetail {
    /* background: left bottom no-repeat url(../images/ucp_sshot_bottom.gif); */
   /*  margin: 0 auto; */
	margin-top:20px;
    padding: 23px 0 0 0;
    width: 822px;
}


.userCharPage .chartTable td.rank {
    border-left: 1px solid #C0C0C0;
}

.userCharPage .charts .tear {
    background: no-repeat url(../images/tear.png);
    height: 108px;
    position: relative;
    top: -108px;
}

.userCharPage .charts .formInner2 {
    background: 373px 13px no-repeat url(../images/owl2.jpg);
    margin-top: -150px;
    padding: 0 0 0 448px;
    position: relative;
}

.userCharPage .charts .title {
    margin: 0;
    padding: 0 0 14px 3px;
}

.userCharPage .charts .control {
    float: left;
    margin: 0;
    padding: 0 7px 0 3px;
}

.userCharPage .charts .control label {
    display: block;
    font: 11px Verdana, sans-serif;
    padding: 0 0 6px 3px;
}

.userCharPage .charts .control input {
    background: #FFFFFF url(../images/lf_ctrl2.gif);
    border: none;
    color: #000000;
    padding: 2px 4px;
    width: 117px;
}

.userCharPage .charts .button {
    float: left;
    margin: 0;
    padding: 14px 0 11px 0;
}

.userCharPage .charts .link {
    clear: both;
    font: bold 12px Verdana, sans-serif;
    margin: 0;
    padding: 0 0 24px 2px;
}

.userCharPage .charts .link a {
    color: #066EEC;
}

/* }}} */