body{background:url(../Images/UI/CouplesCompatibilityReport/bgBody.gif) repeat-x top center;margin:0;padding:0;font-family:Arial, Tahoma, sans-serif;font-size:14px;line-height:22px;color:#000;text-align:justify;}

header{width:842px;height:115px;margin:0 auto;position:relative;}

header .logo{float:left;position:absolute;top:22px;left:10px;}

header h2{text-align:center;color:#cc0000;font-size:24px;padding-top:35px;}
header h2 span{color:#767676;font-size:11px;}

header .linkSocials{position:absolute;top:22px;right:10px;}
header .linkSocials a{float:left;margin-left:12px;display:block;background-image:url(../Images/UI/CouplesCompatibilityReport/sprites.png);}
header .linkSocials .linkTwitter{width:60px;height:20px;background-position:0 0;}
header .linkSocials .linkFacebook{width:78px;height:20px;background-position:-72px 0;}
header .linkSocials .linkEmail{width:63px;height:22px;background-position:0 -29px;}
header .linkSocials .linkDownload{width:84px;height:22px;background-position:-73px -29px;}

section{width:842px;margin:0 auto;background:url(../Images/UI/CouplesCompatibilityReport/bgContent.png) repeat-x top center;}
section .content{padding:24px;text-align:justify;}
section .content h3{color:#cc0000;font-size:18px;text-transform:uppercase;}
section .content hr{border-bottom:3px solid #cc0000;margin-bottom:10px;}
section .content .personalInfo div{float:left;}
section .content .personalInfo .info{width:300px;padding:10px 0;font-size:14px;}
section .content .personalInfo .info span{color:#cc0000;}
section .content .personalInfo .info img{float:right;}
section .content .personalInfo .imgLove{width:141px;padding:0 25px}
section .content .detail .percentage{float:left;width:165px;height:165px;margin:0 10px 0 0;background:url(../Images/UI/CouplesCompatibilityReport/imgpercentage.gif) no-repeat;}
section .content .detail .percentage span{display:block;font:63px/165px Brush Script Std, Arial, Tahoma, sans-serif;text-align:center;}
section .content .detail p{margin-bottom:10px;}
section .content .detail dl{}
section .content .detail dl dt{margin:0 0 20px;}
section .content .detail dl dt.noneStyleList{background:none;}
section .content .detail dl dt strong{width:50%;display:block;color:#980000;font-size:18px;font-weight:normal;margin-bottom:10px;text-transform:uppercase;background:url(../Images/UI/CouplesCompatibilityReport/lineRed.gif) repeat-x right center;}
section .content .detail dl dt strong span{background:#fff;padding:0 10px 0 0;}
section .content .detail dl dt b{color:#cc0000;}
section .content .detail dl dt label{display:block;color:#a00000;font-size:14px;margin-bottom:10px;}
section .content .detail dl dt .imgSign{display:block;float:right;width:95px;margin:30px 0 0 20px;text-align:center;font-weight:bold;}
section .content .detail dl dt .monthSign{display:block;float:left;width:42%;border-right:2px solid #fcd6e2;text-align:right;padding:0 30px;margin-top:20px;}
section .content .detail dl dt .monthSign:last-child{border:0 none;text-align:left;}
section .content .detail dl dt .monthSign img{margin-left:20px;}
section .content .detail dl dt .monthSign:last-child img{margin:0 20px 0 0;}
section .content .detail dl dt .monthSign b{display:block;margin-bottom:20px;}
section .content .detail dl dt .img{float:left;margin-right:15px;width:100px;}
section .content .detail dl dd{margin:0 0 20px;}
section .content .detail dl dd strong{display:block;color:#980000;font-size:14px;font-weight:bold;margin-bottom:10px;font-style:italic;}
section .content .detail dl dd label{display:block;color:#a00000;font-size:14px;}
section .content .detail dl dd .fieldText{width:20%;float:left;padding:10px 0 0;font-weight:bold;color:#CC0000;}
section .content .detail dl dd .fieldData{float:left;}
section .content .detail dl dd .fieldData img{height:30px;}

.table{background:#fefcef;width:794px;margin-bottom:20px;}
.table .th{padding:20px 0;border-bottom:1px solid #e8e8d8;font-weight:bold;float:left;color:#ef316e;text-align:center;}
.table .td{height:40px;line-height:40px;padding:10px 0;border-bottom:1px solid #e8e8d8;float:left;text-align:center;}
.table .fieldElement{width:20%;text-align:center;font-weight:bold;}
.table .fieldYourName{width:40%;}
.table .fieldLoverName{width:40%;}

footer{background:url(../Images/UI/CouplesCompatibilityReport/bgFooter.gif) repeat-x bottom center;}
footer .mainBodyFooter{width:842px;}
footer .FTPaidReadingsFooter{height:109px;position:relative;}
footer .logo{float:left;position:absolute;top:39px;left:10px;}
footer .footerPolicy{position:absolute;top:58px;right:10px;}
footer .footerPolicy a{margin:0 10px;color:#000;}

/*4/6/2013*/
body{background-image:none;}
footer{background:none;}
footer .logo{float:left;position:absolute;top:22px;left:10px;}
footer .footerPolicy{position:absolute;top:20px;right:10px;color:#000;}
.topHeaderFooter{width:100%;}
.topTitleHeaderFooter {color:#CC0000;float:left;font-family:Arial;height:52px;padding:12px 20px;width:550px;text-align:left;}
.topTitleHeaderFooter h1{margin:5px 0;padding:0;}

.contentFooter {font-family:Arial;padding:20px;background:#fff;}

.titileFreeSample {
    background:none;
    background-color:#8F8CB9;
    color:#FFFFFF;
    height:41px;
    line-height:41px;
    text-align:center;
    width:100%;
}
footer .mainBodyFooter{width:830px;}
footer .footerPolicy a {
    color:#000 !important;
    margin:0 10px;
}
.header {
    background-image:url("/quick-insight/images/line_bg.jpg");
    color:White;
    font-size:15px;
    font-weight:bold;
    height:31px;
    line-height:31px;
    width:822px;
}

/************* 2014-Year-Of-The-Horse-report-free.aspx *************************/
#bgColor{background:#F8F8ED;}
.bgBodyReportFree{background:#fff;width:800px;margin-top:0px;font-family:arial,verdana,sans-serif;line-height:20px;}
.titleReportFree{ font-weight:bold; font-size:18pt; position:relative; margin:-155px auto 0 auto; width: 770px;}
.titleReportFree span{color:#EF316E;font-size:20pt;font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;font-weight:bold;text-transform:capitalize;}
.subTitleReportFree{margin-top:30px; font-size:12pt;}
.subTitleByAuthor{text-align:left; margin-top:15px;}
.subTitleByAuthor a{color:#721B18;text-decoration:none;}
.subTitleByAuthor a:hover {color:#000000; text-decoration:underline;}
.bgReportFreeBlue{ position:relative; text-align:left; font-weight:bold; width:830px; background-image: url(images/line-header.jpg); height: 31px; margin:0 0 20px -40px; background-repeat: repeat-x;}
.bgHeaderReportFreeBlue{color:#ffffff;font-size:13pt;font-weight:bold;font-family:Verdana;padding:5px 0px 0px 40px;}
.barReportFreeBlue{border-bottom: 1px solid #721B18; text-align: left; margin:20px -40px 0 -40px; }
.barHeaderReportFreeBlue{color: #721B18; height: 25px; font-size: 18px; font-weight: bold; padding:5px 20px 0 40px;}
.partTitleReportFree{padding:9px 0px 0px 0px;color:#1d4f9a;font-size:18px;font-family:"Trebuchet MS",Helvetica,Jamrul,sans-serif;}
.bgNameInfo{text-align:left;padding:20px 0px 0px 0px;border-top:1px dashed #000;}
/************* end 2014-Year-Of-The-Horse-report-free.aspx *************************/

/************* REPORT FREE SAMPLE *************************/
img{}
.bgColor{background:#A15700;}
.bodyMainPage{width:830px; margin:0 auto; border: 2px solid #721B18; box-shadow: 0 0 25px #341C00;}
.topHeader{width:830px;height:81px;background:url(images/bgtopheader.png); position:absolute; z-index:2;}
.topHeader a.logo{width:207px;height:57px;overflow:hidden;display:block;padding-top:25px;padding-left:15px;float:left;}
.logoOCA{max-width:207px;max-height:57px;border:0px;}
.socials-network{float:right;margin-top:20px;margin-right:20px;}
.socials-network a{display:block;width:34px;height:34px;float:left;margin-left:7px;}
.icon-fb{background:url(../../images/sprite.png)  no-repeat scroll 0 0 transparent;}
.icon-twitter{background:url(../../images/sprite.png)  no-repeat scroll -38px 0 transparent;}
.icon-google-plus{background:url(../../images/sprite.png)  no-repeat scroll -77px 0 transparent;}
.bodyPage{width:830px; background-color:#FFFFFF; padding-bottom:30px;}
.bannerReportFree{ margin-top:76px; z-index:1;}
.bodyContent{ }
a.btnDownload{display:block;background:url(/../images/sprite.png)  no-repeat scroll -118px 0 transparent;width:122px;height:26px;float:right;font-size:12px;text-decoration:none;color:#cc0000;padding-left:40px;line-height:26px;font-weight:bold;margin-right:20px;font-family:Arial;}
a.btnDownload:hover{background:url(/../images/sprite.png)  no-repeat scroll -118px -30px transparent;}
.wrapperContent{padding:0 40px;}
.wrapperContent p {margin-bottom:10px; line-height:1.2;}
.FTPaidReadingsFooter{height:82px;background:#e5e5e5;padding:10px 20px 0;}
.footerPolicy{float:right;margin-top:32px;font-size:12px;}
.footerPolicy a{color:#260534;font-style:normal;text-decoration:none;font-size:12px;font-family:Arial;}
.FooterPaidReadingsHead{margin:0 15px;}
.title-red { color:#721B18; font-weight:bold; display:block; margin:30px 0 -10px 0;}

#footer-menu {width:830px; margin:30px auto 50px auto; padding-top:20px; background-color:#FFFFFF; border: 2px solid #721B18; box-shadow: 0 0 25px #341C00;}
/************* END REPORT FREE SAMPLE *************************/

.follow{padding:10px 20px 20px 20px;text-align:left;}
.follow span{display:block;float:left;width:360px;text-align:left;margin-left:50px;}
.follow ul{list-style-type:circle;line-height:25px;}
.follow img{width: 250px; border: none;display:block;margin:0 auto;}

.downloadPDF{ float:right; position:relative; margin-top:30px;}
.downloadPDF a{border:none;color:#3A3A3A;text-decoration:none;}
.downloadPDF a img{border:none;}

.yourSign{float:left;margin:0 7px 7px 0;}
.yourSign img{float:left;}

.yourNum{float:left;text-align:left;margin-top:-8px; width:300px;}
.bgNum{background-image:url(images/check.gif);width:19px;height:16px;font-size:10pt; line-height:1.3; color:Black; margin-top:3px; padding-left:6px; background-repeat:no-repeat;float:left;}

.yourFeedback{color:#000000; font-weight:bold; line-height:24px;font-size:15pt;padding:15px 40px 0 40px;}
.yourFeedback strong{font-size:16pt;}
.yourFeedback b{font-size:12pt;}
.yourFeedback a{float:right;}
.yourFeedback span{font-size:20pt;font-weight:bold;}

.alignCenter{text-align:center;}

#feedback{width:830px; margin:0 auto 50px auto; padding-top:20px; background-color:#FFFFFF; border: 2px solid #721B18; box-shadow: 0 0 25px #341C00;}

.colLeft{float: left; width: 250px; margin: 10px 0px 0px 50px; text-align: center;}
.colLeft b{color: #8b0000; font-size: 13pt;}
.colLeft a{text-decoration: none;}
.colLeft img{vertical-align: middle; border: none;}
.colRight{float: right; width: 250px; margin: 10px 50px 0px 0px; text-align: center;}
.colRight b{color: #8b0000; font-size: 13pt;}
.colRight a{text-decoration: none;}
.colRight img{vertical-align: middle; border: none;}

.contentFeedback {padding: 10px 40px 0px 40px; text-align: left;}
.contentFeedback span{color:#000000;}