/* CSS Document */ /* --------------------------------------------- 01. main/default elements --------------------------------------------- */ body { margin:0; padding:0; background:#0084cd url(../images/bg_body.gif) repeat-x top right; font-family:Arial, Helvetica, sans-serif} p { margin:0px; padding:0px; font-size:14px; font-weight:normal; line-height:1.6em; color:#000; padding-bottom:26px; padding-right:4px } p a:link, p a:visited {color:#000; text-decoration: underline;} p a:hover {color:#000; text-decoration: underline} h1 { margin:0; padding:0; font-size:13px; color:#000; padding-bottom:5px} h2 { margin:0; padding:0; font-size:55px; color:#0558a6; padding-bottom:20px} h3 { margin:0; padding:0; font-size:19px; color:#0084cd; font-weight:bold; text-align:center; padding-bottom:10px} h5 { margin:0; padding:0; font-size:14px; color:#000; font-weight:bold;} img { border:none} /* --------------------------------------------- 02. wrapper --------------------------------------------- */ #wrapper { width:819px; margin:0 auto; padding-top:45px} /* --------------------------------------------- 03. box border top and bottom --------------------------------------------- */ #bordertop { width:819px; height:25px; float:left; background:url(../images/border_top.png) no-repeat bottom} #borderbottom { width:819px; height:25px; float:left; background:url(../images/border_bottom.png) no-repeat top; padding-bottom:45px} /* --------------------------------------------- 04. content --------------------------------------------- */ #content { width:760px; background:url(../images/border_middle.png) repeat-y; float:left; padding-left:30px; padding-right:29px; padding-bottom:20px} /* --------------------------------------------- 05. left panel styles --------------------------------------------- */ #leftpanel { width:504px; float:left} /* --------------------------------------------- 05.1 left panel styles --------------------------------------------- */ #leftpanel .heading { width:420px; height:155px; padding-bottom:20px} #leftpanel .box_red { width:492px; height:150px; background:url(../images/box_red.gif) no-repeat; margin-bottom:10px; padding-top:11px; padding-left:12px; margin-bottom:25px} #leftpanel .highlight_red { color:#e10000; font-weight:bold; font-size:14px} #leftpanel .highlight_blue { color:#0558a6; font-weight:bold; font-size:14px} #leftpanel .hightlight_black { font-size:16px; font-weight:bold} #leftpanel .allign_center { text-align:center} /* --------------------------------------------- 05.2 left panel styles - monthly earnings box --------------------------------------------- */ #leftpanel .monthlyearnings { width:504px; float:left} #leftpanel .boxbigtop { width:504px; height:10px; background:url(../images/boxbig_top.gif) no-repeat bottom; float:left} #leftpanel .boxbigmiddle { width:504px; float:left; background:#f2e7aa} #leftpanel .boxbigbottom { width:504px; height:10px; background:url(../images/boxbig_bottom.gif) no-repeat top; float:left} #leftpanel .boxbigmiddle .table {margin:0px; font-size:14px; line-height:1.4em; font-weight: bold;} #leftpanel .boxbigmiddle .table tr {} #leftpanel .boxbigmiddle .table td {padding-left:12px; padding-right:4px; padding-top:5px; padding-bottom:5px} #leftpanel .boxbigmiddle .table tr.head {font-weight: bold; font-size:14px; color:#000} #leftpanel .boxbigmiddle .table tr.white {background:#f8f2d3; margin:0; padding:0; color:#0084cd; font-size:16px} #leftpanel .boxbigmiddle .table .divider_top { border-top:1px solid #fff; background:#f8f2d3;} #leftpanel .boxbigmiddle .table .divider_bottom { border-bottom:1px solid #fff; background:#f8f2d3;} #leftpanel .boxbigmiddle .textsmall { font-size:13px; font-weight:normal} #leftpanel .boxbigmiddle .textbig { font-size:16px;} #leftpanel .boxbigmiddle .texttotal_red { font-size:16px; color:#e10000} #leftpanel .boxbigmiddle .table .divider_top_red { border-top:1px solid #fff; background:#f8f2d3; color:#e10000} #leftpanel .boxbigmiddle .table .divider_bottom_red { border-bottom:1px solid #fff; background:#f8f2d3; color:#e10000} #leftpanel .banner { width:504px; height:198px; padding-bottom:10px; float:left} #leftpanel .button_signup { width:504px; height:50px; padding-bottom:20px; float:left; text-align:left} /* --------------------------------------------- 05.3 left panel styles - blue box --------------------------------------------- */ #leftpanel .boxblue { width:504px; float:left; padding-bottom:15px} #leftpanel .boxblue .boxblue_top { width:504px; height:10px; background:url(../images/box_blue_top.gif) no-repeat bottom; float:left} #leftpanel .boxblue .boxblue_middle { width:470px; background:#e3f1fe; border-left:1px solid #0084cd; border-right:1px solid #0084cd; float:left; padding-left:16px; padding-right:16px} #leftpanel .boxblue .boxblue_bottom { width:504px; height:15px; background:url(../images/box_blue_bottom.gif) no-repeat top; float:left} #leftpanel .boxblue ul.list { margin:0; padding:0; padding-top:5px} #leftpanel .boxblue ul.list li { margin:0; padding:0; list-style:none; background:url(../images/arrow.gif) no-repeat 0px 2px ; padding-left:35px; padding-bottom:8px; line-height:1.5em} #leftpanel .button_signup2 { width:215px; height:50px; padding-bottom:10px; float:left; text-align:left} #leftpanel .button_iamready { width:270px; height:50px; padding-bottom:10px; float:left; text-align:left} /* --------------------------------------------- 06. right panel --------------------------------------------- */ #rightpanel { width:240px; float:right} /* --------------------------------------------- 06.1 right panel styles --------------------------------------------- */ #rightpanel .header { width:340px; height:420px; float:left; margin-top:-50px; margin-left:-82px} /* --------------------------------------------- 06.2 right panel styles - blue box --------------------------------------------- */ #rightpanel .boxblue { width:240px; float:left; padding-bottom:15px} #rightpanel .boxblue .boxblue_top { width:240px; height:10px; background:url(../images/boxblue_top.gif) no-repeat bottom; float:left} #rightpanel .boxblue .boxblue_middle { width:240px; background:#008cdc; float:left; font-family:"Georgia", Times New Roman, Times, serif; color:#FFFFFF; font-weight:bold; padding-bottom:5px; text-align:center; font-size:14px} #rightpanel .boxblue .boxblue_bottom { width:240px; height:30px; background:url(../images/boxblue_bottom.gif) no-repeat top; float:left} /* --------------------------------------------- 06.3 right panel styles - yellow box --------------------------------------------- */ #rightpanel .boxyellow { width:240px; float:left; padding-bottom:20px} #rightpanel .boxyellow .boxyellow_top { width:240px; height:10px; background:url(../images/boxyellow_top.gif) no-repeat bottom; float:left} #rightpanel .boxyellow .boxyellow_middle { width:220px; background:#fed967; float:left; padding:10px} #rightpanel .boxyellow .boxyellow_middle p { margin:0; padding:0; font-family:"Georgia", Times New Roman, Times, serif; color:#000000; font-size:16px; line-height:1.5em; padding-bottom:10px} #rightpanel .boxyellow .boxyellow_bottom { width:240px; height:10px; background:url(../images/boxyellow_bottom.gif) no-repeat top; float:left} #rightpanel .spacer { width:240px; height:300px; float:left} /* --------------------------------------------- 06.4 right panel styles - miami herald --------------------------------------------- */ #rightpanel .miamiherald { width:240px; float:left; border-bottom:1px dotted #7f7f7f; border-top:1px dotted #7f7f7f; padding-top:10px;} #rightpanel .logo_miamiherald { float:left; padding-bottom:10px} #rightpanel .postedby { width:240px; float:left; border-bottom:1px dotted #7f7f7f; border-top:1px dotted #7f7f7f; padding-bottom:5px; padding-top:5px; font-size:11px; color:#333333} #rightpanel .postedby a { color:#333333; text-decoration:none} #rightpanel .testimonial { width:220px; float:left; background:url(../images/bg_testimonial.gif) no-repeat; height:265px; margin-top:3px; padding:5px 10px;} #rightpanel .testimonial p { font-size:12px; font-family:"Georgia", Times New Roman , Times, serif; line-height:1.7em; padding-top:10px; text-indent:25px; color:#000} #rightpanel .testimonial .qleft { padding-left:5px; float:left; background:url(../images/qleft.gif) no-repeat 0px 8px} #rightpanel .testimonial .qright { padding-top:3px; padding-left:3px; position:absolute}