body { background-color:#CDC7C0; text-align: center; }

.preload { position: absolute; overflow: hidden; left: -1000px; top: -1000px;}
#container { background-color:#CDC7C0; padding-bottom:0; width: 1000px; background-image:url(images/bgr.png); background-repeat:repeat-y; }
.container_top {background-color:#CDC7C0; margin: 0 auto; width:1000px; height:50px; background-image:url(images/bgr_t.png);}
.container_bottom {background-color:#CDC7C0; margin: 0 auto; width:1000px; height:50px; background-image:url(images/bgr_b.png);}
#container #main { margin: 0 auto; border: 2px solid #331C00;}
    
#container .box {
    background-color: #CDE7FD;
    border: 1px solid #1A488A;
}    

#copyright {display:block; font-size:9pt; margin:120px 0 20px 0;}
#copyright .matrix {font-size:7pt; color:#999999; float:right;}
.page {	padding-right:10px;	background-color:#333333; border:solid #000000; border-width : 1px 0px 1px 0px; height:12px; font-size:9px; font-weight:bold; color:#FFFFFF; text-align:right; margin-top:25px; }
/* 	page-break-after:always; */	 
.birth_info { display:block; position:relative; text-align:left; float:none; width:400px; min-height:130px; margin:-275px 0 0 310px; font-size:10pt;}
.birth_info .name { display:block; font-weight:bold; margin-bottom:7px; font-size:12pt;}

.pdf { display:block; position:relative; width:315px; margin:0 0 0 310px;}
.pdf img { margin-bottom:-6px;}
.pdf a { font-size:9pt; color:#000000; text-decoration:none;}
.pdf a:hover { color:#990000; text-decoration:underline;}

.dropcap { font-size:48pt; float: left; line-height:43pt; padding: 0 2px 0 0; color:#331C00; font-weight: bold; position: relative; margin:-1pt 0 0 -3pt;}

.report { text-align:left;	margin:40px 0 40px 0; 	padding:0 80px 0 80px;}
#matrix .report h1 { font-size: 20pt; margin:20px 0 10px 0; text-align:left; font-weight:bold; border-bottom: 1px solid #331C00; color: #1A488A;}
#matrix .report h2 { font-size:16pt; width:100%; font-weight:bold; color:#331C00; text-align:left; border-top:solid 1px #CDC7C0; border-bottom:solid 1px #CDC7C0; margin:30px 0 5px 0;}
#matrix .report h3 { float:right; font-size:12pt; font-weight:bold; color:#1A488A; margin:-42px 0 0 0;}
.report li { width:100%; margin:0 0 0 30px; list-style:none;}
.report img { float:left; margin:3px 12px 0 0;}
.report p { min-height:65px;}
.highlights { display:block; font-weight:normal; font-style:italic; margin:35px 0 15px 0; color:#C36800;}

.interpretation { display:block; margin:4px 0 25px 0;}
.key { display:block; width:100%; text-align:right; font-size:9pt; padding-top:3px;}

table { width:100%; margin:20px 0 50px 0;}
th { padding:2px 5px 1px 5px;}
td { padding:2px 5px 1px 5px;}
.interpretation { display:block; margin:10px 0 10px 0;}
.key { display:block; width:100%; text-align:right; font-size:7pt; font-style:italic; margin:-18px 0 20px 0;}

.contents { text-align:left; margin:40px 0 40px 0; padding:0 80px 0 80px;}
.contents ul {margin:0;}
.contents ol { font-style:italic; font-family:Georgia, Times, serif; font-size:20px; color:#331C00;  }
.contents li { background-color:#CDC7C0; width:100%; margin:0 0 1px 0; padding:2px 0 2px 15px; border-left: 1px solid #331C00;}
.contents li a { display:block; width:100%; text-decoration:none; color:#000000; font-weight:bold; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-style:normal;}
.contents li a:hover { color:#CC0000;}

.chart1 {display:block; width:310px; float:left; margin:0 0 20px 0;}
.chart2 {display:block; width:310px; float:right; margin:0 0 20px 0;}
table { width:100%; margin:20px 0 50px 0;}
th {background-color:#CDC7C0; padding:2px 5px 1px 5px; height:40px;}
td {background-color:#DFDED7; padding:2px 5px 1px 5px;}


.daily { text-align:left; margin:60px 80px 0 80px; min-height:50px;  border-top:solid 1px #1A488A;}
.daily .date { display:block; width:160px; text-align:center; float:left; border-top:solid 1px #CDC7C0;}
.daily .aspect { display:block; width:671px; font-weight:bold; border-top:solid 1px #CDC7C0;}
.daily .pt9 { font-size:9pt; font-weight:normal;}
.daily .degrees { display:block; font-weight:bold; color:#0099CC; margin:12px 0 12px 160px;}
.daily .inter { color:#1A488A; font-weight:normal;}
.daily p { margin-left:160px;}

/* bottom try another reading */
.feedback_bgr { display:block; position:relative; width:100%; height:50px; background-color:#FFFFFF; margin:20px 0 30px 0; box-shadow: 0 0 10px #666666;}
.feedback_container { margin: 0 auto; width:836px; padding-top:5px;}
.feedback { display:block;  float:right; width:284px; padding:0; margin: -33px auto 0 auto; height:30px; background-color:#E5E5E5; font-size:9pt; font-weight:bold; }
.feedback_container .txt { display:block; width:540px; text-align:right; color:#331C00;}
.feedback .text { display:block; position:absolute; height:19px; width:180px; margin:3px 70px 3px 3px; border:solid 1px #999999; background-color:#FFFFFF; padding:3px 3px 0 3px; color:#8A8A8A;}
.feedback a { display:block; position:absolute; background-image:url(images/get_it_off.png); line-height:2; background-repeat:no-repeat; width:86px; height:24px; padding:auto; color:#FFFFFF; text-decoration:none; margin:3px 0 0 195px; }
.feedback a:hover {background-image:url(images/get_it_on.png); background-repeat:no-repeat;}
.try { background-color:#FFFFFF;  font-family:"Times New Roman", Times, serif; color:#004070; border: 2px solid #331C00; margin:0 80px;}
.try h2 { font-family:"Times New Roman", Times, serif; color:#331C00; font-size:28pt; margin-top:20px;}
.try h3 {font-size:14pt; font-weight:bold; color:#331C00; text-align:left; margin:10px 84px 0 84px; }
.try p { margin:1px 84px 5px 84px; text-align:left;}
.try ul { width:700px; font-size:11pt; text-align:left; margin:0 0 20px 84px; list-style:none;font-family:Arial, Helvetica, sans-serif;}
.try li { margin-top:4px; color:#331C00;}
.try li:before { content:'\25A0'; color:#990000; display:block; position:absolute; margin:-1px 0 0 -15px;}
.try li a { text-decoration:none; font-weight:bold; color:#005FB9;}
.try li a:hover { color:#331C00; text-decoration:underline;}


/* for the teaser  */
.top_body { display:block; margin: 0 auto; padding-bottom:0; width:836px; }
.top_body .text_container { display:block; text-align:right; font-family:"Times New Roman", Times, serif; color:#331C00; width:426px; padding:20px 0 20px 410px; min-height:100px;}
.top_body .enjoy { float:left; margin-top:-30px;}
.line {display:block; width:836px; float:right; text-align:right; margin-top:-8px;}
.pt11 {font-size:11pt; display:block; float:right; margin-left:5px; margin-top:18px;}
.pt12 {font-size:12pt; display:block; float:right; margin-left:8px; margin-top:8px;}
.pt14 {font-size:14pt; display:block; float:right; margin-left:8px; margin-top:9px;}
.pt16 {font-size:16pt; display:block; float:right; margin-left:8px; margin-top:9px;}
.pt18 {font-size:18pt; display:block; float:right; margin-left:8px; margin-top:9px;}
.pt20 {font-size:20pt; display:block; float:right; margin-left:8px; margin-top:9px}
.pt28 {font-size:28pt; display:block; float:right; margin-left:8px;}

.buy_bgr { display:block; position:relative; width:100%; height:40px; background-color:#FFFFFF; margin:20px 0 -10px 0; box-shadow: 0 0 10px #666666;}
.buy_container { margin: 0 auto; width:836px;}
.getit { display:block;  float:right; width:284px; padding:0; margin: 5px auto 0 auto; height:30px; background-color:#E5E5E5; font-size:9pt; font-weight:bold; }
.getit .text { display:block; position:absolute; height:19px; width:180px; margin:3px 70px 3px 3px; border:solid 1px #999999; background-color:#FFFFFF; padding:3px 3px 0 3px; color:#8A8A8A;}
.getit a { display:block; position:absolute; background-image:url(images/get_it_off.png); line-height:2; background-repeat:no-repeat; width:86px; height:24px; padding:auto; color:#FFFFFF; text-decoration:none; margin:3px 0 0 195px; }
.getit a:hover {background-image:url(images/get_it_on.png); background-repeat:no-repeat;}

.buyit { display:block; float:left; width:284px; padding:0; margin: 5px auto 0 auto; height:30px; background-color:#E5E5E5; font-size:9pt; font-weight:bold; }
.buyit .text { display:block; position:absolute; height:19px; width:180px; margin:3px 70px 3px 3px; border:solid 1px #999999; background-color:#FFFFFF; padding:3px 3px 0 3px; color:#8A8A8A;}
.buyit a { display:block; position:absolute; background-image:url(images/get_it_off.png); line-height:2; background-repeat:no-repeat; width:86px; height:24px; padding:auto; color:#FFFFFF; text-decoration:none; margin:3px 0 0 195px; }
.buyit a:hover {background-image:url(images/get_it_on.png); background-repeat:no-repeat;}

/* for the bottom convertion */

.box {margin: 0 auto; width:836px; text-align:center; font-family:"Times New Roman", Times, serif; color:#331C00;}
.box .pt28 {font-size:28pt; display:block; float:none;}
.box .pt18 {font-size:18pt; margin:9px 5px 9px 9px; float:none; text-align:right;}
.box p { text-align:right; font-size:14pt; font-family:"Times New Roman", Times, serif; color:#331C00; line-height:1; margin:0 5px 0 0; padding:0;}
.box h5 { font: bold 20px Arial, Helvetica, sans-serif; color: #ca3c6b; text-align: center; }
.box h6 { font: bold 16px arial; color: #ca3c6b; margin-bottom: 3px; }
.box p {margin-left:5px; padding-top: 10px;}
.box ul {margin-left:20px;}

.keen_text_ad { font-size:20pt; text-align:left; margin:30px 0 30px 0; font-family:"Times New Roman", Times, serif; color:#444444;}
.keen_phone_ad {font-size:28pt; color:#331C00;}

.end_top { display:block; position:relative; margin: -30px auto 0 auto; width:1000px; height:50px; background-image:url(images/bgr_t.png);}
.end {margin: 0 auto; width:1000px; background-image:url(images/bgr.png); background-repeat:repeat-y; }
.end_bottom { margin: 0 auto 80px auto; width:1000px; height:50px; background-image:url(images/bgr_b.png);}
.end .body { background-color:#FFFFFF;  font-family:"Times New Roman", Times, serif; color:#331C00; border: 2px solid #331C00; margin:0 80px;}
.end .body h1 { font-family:"Times New Roman", Times, serif; color:#331C00; font-size:20pt; margin:20px 0 5px 0;}
.end .body ul { width:500px; font-size:11pt; text-align:left; margin:0 auto 20px auto; list-style:none; font-family:Arial, Helvetica, sans-serif; }
.end .body li { margin-top:4px;}
.end .body li:before { content:'\25A0'; color:#004070; display:block; position:absolute; margin:-1px 0 0 -15px;}
.program { font-size:28pt; font-style:italic; color:#004070; }
