﻿.reportLeft{
    float:left;
    margin-right:10px;    
}
.reportRight{
    float:right;
}
/************************************************************************/
/* TOP AREA                                        */
/************************************************************************/
.reportTopLeft{
    float:left;
    width:580px;
    margin:40px 0 0 0;
}
.reportTopRight{
    float:right;
}
.reportTopRight .subscribersReceive{display:none;}
.reportTopBreaker{
    height:12px;
    background: #7AC7E1;
    border-bottom: solid 1px #000000;
    margin-bottom:10px;    
}
.reportTopBreakerG{
    height:12px;
    background: #ABC973;
    border-bottom: solid 1px #000000;
    margin-bottom:10px;    
}
.reportTopBreakerP{
    height:12px;
    background:#A77BB9;
    border-bottom: solid 1px #000000;
    margin-bottom:10px;    
}
.reportTopInfo{
    float:left;
    margin-top:40px;
    margin-left:10px;
}
.reportTitle{
    font-weight:bold;
    color:#CC0000;
    font-size:1.2em;
    padding-bottom:5px;
    display:block;
}
.reportTopIcon{
    float:left;
    width:120px;
    height:114px;
}
.reportName{
    font-size:1em;
    font-weight:bold;
    padding-right:20px;
}
.reportDOB{
    font-size:1em;
}
.reportJump
{
    padding:10px 0 20px 240px;
}
.reportJump ul
{
    float:left;
    list-style-type: none;
    margin:0 20px 0 40px;
}
.reportJump li{
    background: url("/images/planet-sun.png") no-repeat 0 center;
    padding:4px 0 4px 27px;
}
.reportJump li a
{
    text-decoration: none;
    color:#434343;
    font-weight:bold;
}
.reportJump li a:hover
{
    color:#FF6600;
}
/* promo area ***************************/
.tboxO{
    background:url(/images/reports/report-promo.png) no-repeat 0 top;
    width:291px;
    margin:15px 20px 0 0;
    cursor:pointer;
    text-decoration:none;
}
.tboxOTop{
    background:none;
}
.tboxOBottom{
    background:none;
    height:139px;
    padding:0 10px 0 20px;
}
.reportTopRight p{
    display:none;
}
.reportTopRight .reportPromoLink{
    display:none;
}
a.reportPromoClick{
    text-decoration:none;
    color:#333333;
}
.reportPromoTitle{
    color:#333333;
    font-weight:bold;
    padding:65px 0 0 0;
}
.reportPromoTitle strong{
    color:#333333;
}
/* green locker *************************/
.bboxB{
    background:url(/images/reports/report-locker.png) no-repeat;
    width:371px;
    margin:0 5px 0 0;
}
.bboxBTop{
    background:none;
}
.bboxBBottom{
    background:none;
    height:156px;
    padding:0 0 0 10px;
}
.lockerTitle{
    padding:25px 0 0 100px;
    font-size:1.4em;
}
.lockerDate{
    display:none;
}
.lockerTitleB{
    font-weight:bold;
}
.lockerDateExp{
    display:inline;
    padding-left: 5px;
}
.lockerList{
    margin:10px 0 0 10px;
}
.lockerList li
{
    background: url("/images/bullet-arrow-blue.png") no-repeat 0 2px;
    padding-left:15px;
    margin-top:4px;
}
.lockerListHolder{
    min-height:85px;
}
.lockerRemaining {
    border: none;
    margin:0 25px;
    padding:0;
}
a.lockerLink{
    display:block;
    color:#0099CC;
    font-size:.8em;
    margin:2px 0 2px 25px;
}
/************************************************************************/
/* MAIN BEAST                                       */
/************************************************************************/
/* green backer **************************/
.backG
{
    width:745px;
    background:url("/images/reports/back-g-middle.png") repeat-y;
    margin-bottom:50px;
}
.backGTop
{
    background:url("/images/reports/back-g-top.png") no-repeat center top;
}
.backGBottom
{
    background:url("/images/reports/back-g-bottom.png") no-repeat center bottom;
    padding:0 1px 0 6px;
    min-height:535px;
}
/* blue backer **************************/
.backB
{
    width:745px;
    background:url("/images/reports/back-b-middle.png") repeat-y;
    margin-bottom:50px;
}
.backBTop
{
    background:url("/images/reports/back-b-top.png") no-repeat center top;
}
.backBBottom
{
    background:url("/images/reports/back-b-bottom.png") no-repeat center bottom;
    padding:0 1px 0 6px;
    min-height:535px;
}
/* purple backer **************************/
.backP
{
    width:745px;
    background:url("/images/reports/back-p-middle.png") repeat-y;
    margin-bottom:50px;
}
.backPTop
{
    background:url("/images/reports/back-p-top.png") no-repeat center top;
}
.backPBottom
{
    background:url("/images/reports/back-p-bottom.png") no-repeat center bottom;
    padding:0 1px 0 6px;
    min-height:535px;
}
/* info entry *************************************/
.reportWarning{
    color:#CC0000;
    text-align:center;
    display:block;
    padding-top:100px;
    font-weight:bold;
    font-size:1.2em;
}
    
.reportInstruct{
    padding: 20px 40px;
    margin:0;
}
.person0{
    margin:0 0 10px 220px;
}
.person1{
    float:left;
    margin:0 0 10px 40px;
}
.person2{
    float:right;
    margin:0 40px 10px 0;
}
.personTableHolder{
    border: solid 2px #7AC7E1;
    height:150px;
    width:300px;
}
.personTableHolderP{
    border: solid 2px #A77BB9;
    height:150px;
    width:300px;
}
.personTableHolderG{
    border: solid 2px #ABC973;
    height:150px;
    width:300px;
}
.personTable{
    margin:30px 0 0 50px;
}
.personTitle{
    font-size:1.4em;
    font-weight:bold;
    color:#7AC7E1;
}
.personTitleP{
    font-size:1.4em;
    font-weight:bold;
    color:#A77BB9;
}
.personTitleG{
    font-size:1.4em;
    font-weight:bold;
    color:#ABC973;
}
/***** INtro and Graphs  *******************/
.reportIntro{
    float:left;
    width:490px;
    margin-top:20px;
}
.reportIntroWhatsWrong{width:300px;}
.reportIntro p{
    margin-left:30px;
}
.reportGraphs{
    float:right;
    width:215px;
    padding:25px 0 15px 0;
}
.graphTitle{
    padding-top:5px;
}
.graphOut{
    width:200px;
    height:15px;
}
.graphInB{
    background:#0075AB;
    height:100%;
}
.graphInG{
    background:#CCFF66;
    height:100%;
}
.graphInO{
    background:#CC9900;
    height:100%;
}
.graphBoxG{
    float:left;
    width:20px;
    height:20px;
    margin:0 10px;
}
.graphBoxB{
    float:left;
    width:20px;
    height:20px;
    margin:0 10px;
}
.graphBoxCopy{
    line-height:20px;
    margin-top:10px;
}
.graphVert{
    float:left;
    text-align:center;
    padding:2px;
}
.reportSection{
    background: url(/images/reports/back-b-grad.png) repeat-x 0 top;
}
.reportSectionP{
    background: url(/images/reports/back-p-grad.png) repeat-x 0 top;
}
.reportSectionG{
    background: url(/images/reports/back-g-grad.png) repeat-x 0 top;
}
.reportSectionTitle{
    font-weight:bold;
    color:#CC0000;
    font-size:1.4em;
    padding:20px 0 20px 60px;
    display:block;
    background: url(/images/reports/planets/sun-lrg.png) no-repeat 20px center;
}
a.reportSectionTitle:hover{
    color:#666666;
}
.reportSectionSub{
    font-weight:bold;
    padding-left:80px;
}
.reportSectionCopy{
    margin:0;
    padding:5px 5px 20px 80px;
}
/************************************************************************/
/* NAV                               */
/************************************************************************/
.reportNavBox
{
    background: url(/images/reports/reports-nav-top.png) no-repeat top center;
    width:215px;
    margin-bottom:20px;
}
.reportNav {
	margin-left: 0;
	padding-left: 0;
	border: none;
}

.reportNav li {
	margin-left: 0;
	list-style: none;
	padding-bottom:10px;
	background: url(/images/reports/reports-nav-break.png) no-repeat right bottom; 
}
.reportNav li a
{
    text-decoration:none;
    font-weight:bold;
    display:block;
    padding:30px 0 0 50px;
    background:url(/images/reports/report-natal.png) no-repeat left bottom;
    color:#434343;
}
.reportNav li a:hover
{
    color:#000000;
}
.reportNav li a.reportLiMulti {
    padding-top:20px;
}
.reportNavTitle{
    text-align:center;
    font-weight:bold;
    padding-top:10px;
}
.reportNavCopy{
    padding:10px 10px 15px;
}
/************************************************************************/
/* SAMPLE                                            */
/************************************************************************/
.sampleHolder{
    width:740px;
    height:2572px;
    background: url(/images/reports/sample-natal.png) no-repeat;
    margin-top:-11px;
    font-size:.8em;
}
.sampleSell{float:left; width:450px; padding:0 0 0 10px;}
.sampleBuyButton{float:left; display:block; font-weight:bold; font-size:11px; width:150px; text-align:center; padding:0 10px;}
.sampleBuyButtonMid{border-left:solid 1px #EC9E9E; width:240px;}
.sampleBuyButtonImg{display:block; width:70px; height:24px; background:url(/images/buy-btn-sml.png); margin:3px auto 5px;}
.samplePrice{font-weight:normal; font-size:1.1em;}
.sampleMiddle{
    margin:20px 100px 40px;
}
.sampleBigTitle{
    color:#52AECE;
    font-weight:bold;
    font-size:1.6em;
    padding-top:10px;
}
.sampleBigTitleP{
    color:#A77BB9;
    font-weight:bold;
    font-size:1.6em;
    padding-top:10px;
}
.sampleBigTitleG{
    color:#ABC973;
    font-weight:bold;
    font-size:1.6em;
    padding-top:10px;
}
.sampleTitle{
    color:#FF6600;
    font-weight:bold;
    font-size:1.4em;
}
.sampleLink{
    text-align:center;
    padding-top:10px;
    float:left;
    width:170px;
}
.sampleBuyLink{background:url(/images/reports/sample-buy-back.png) no-repeat; margin-top:10px; padding:15px 0 5px;}
.sampleDateHolder{
    width:642px;
    height:131px;
    background:url(/images/reports/reports-date.png) no-repeat;
    float:left;
    margin:23px 0 0 10px;
}
.sampleDateBuzz{
    float:left;
    font-size:1.6em;
    margin:75px 0 0 10px;
}
.sampleDateBuzz strong{ 
    color:#FF6600;
}
.sampleDateBox{
    float:left;
    text-align:center;
    font-size:.8em;
    margin:60px 0 0 15px;
}
.sampleGrayButton
{
    background:url("/images/button-gray-small.png") no-repeat 0 0;
    width:65px;
    border:none;
    height:24px;
    color:#000000;
    font-size:1em;
    cursor:pointer;
}
.freeSmall{
    padding-top:30px;
}
.freeSmall a{
    color:Green;
}
.freeLarge{
    font-size:1.6em;
    padding:5px 0;
}
/***** Little Guy  *******************/

.miniTop{
    top:100px;
    left:120px;
    position:relative;
}
.miniLocker{
    top:30px;
    left:470px;
    position:relative;
}
.miniLocker div{
    padding-bottom:2px;
}
.miniRemaining{
    left:470px;
    top:40px;
    position:relative;
}
.miniNav{
    top:74px;
    left:220px;
    position:relative;
}
.miniNav td{
    padding-right:50px;
    padding-bottom:2px;
}
.miniNav7{
    top:56px;
    left:220px;
    position:relative;
}
.miniNav7 td{
    padding-right:26px;
    padding-bottom:2px;
}
.miniBulk{
    position:relative;
    top:100px;
    left:64px;
    width:632px;
}
.miniIntro{
    padding:0 230px 10px 20px;
}

/********** MISC REPORT STUFF   *****************/
.brIg{
    display:none;
}
.btnHolder{
    border-bottom:1px solid #bfbfbf;
    padding:5px;
    margin: 10px 0;
    text-align:right;
}
.printLink{
    background: url(/images/printer.png) no-repeat;
    padding:3px 0 3px 25px;
}
.saveLink{
    background: url(/images/save.gif) no-repeat;
    padding:3px 0 3px 25px;
}
