/** * TextMarks Web 3 Front CSS Style Sheet. * --------------------------------------------------------------------------- * * --------------------------------------------------------------------------- * Author: Dan Kamins [d k a m i n s A T t e x t m a r k s D O T c o m] * --------------------------------------------------------------------------- * Copyright (c) 2010, TextMarks Inc. * --------------------------------------------------------------------------- */ /** */ /* * --------------------------------------------------------------------------- * PAGE-SPECIFIC STYLES */ /* * Page: Login */ #front_login { } #front_login h1 { margin-top: 15px; } #front_login .bigbubble { width: 500px; margin: 20px auto; } #front_login #login_form { text-align: left; } #front_login #login_form td { vertical-align:middle; padding:5px 0px; } #front_login #login_form th { vertical-align:middle; padding:5px 0px; } #front_login #login_form label { font-size:16px; margin-right:10px; } #front_login #login_form #id_username { padding:5px; font-size:16px; width:240px; } #front_login #login_form #id_password { padding:5px; font-size:16px; width:240px; } #front_login #login_form #btn_submit { font-size:26px; } #front_login #login_form label[for=id_username] { background-image: url('../images/common/famfamfam_silk_icons_v013/icons/user.png'); } #front_login #login_form label[for=id_password] { background-image: url('../images/common/famfamfam_silk_icons_v013/icons/key.png'); } #front_login #login_form label[for=id_remember_me] { font-size: 12px; color: #666; } #front_login #login_form #forgot_pass { font-size: 12px; text-align: center; } /* * Page: Lost Password */ #front_lostpass { } #front_lostpass h1 { margin-top: 15px; } #front_lostpass .bigbubble { width: 400px; margin: 20px auto; } #front_lostpass #lostpass_form { } #front_lostpass #lostpass_form td { vertical-align:middle; padding:5px 0px; } #front_lostpass #lostpass_form th { vertical-align:middle; padding:5px 0px; } #front_lostpass #lostpass_form label { font-size:16px; margin-right:10px; } #front_lostpass #lostpass_form #id_email { padding:5px; font-size:16px; width:240px; } #front_lostpass #lostpass_form label[for=id_email] { background-image: url('../images/common/famfamfam_silk_icons_v013/icons/email.png'); } /* * Page: Contact Us */ #front_contact { } #front_contact #container { float:left; margin:10px 9px; padding:15px; width:910px; margin-bottom:20px; background:#6B88B5; -moz-border-radius: 15px; -webkit-border-radius: 15px; border:1px solid #FFF; border-bottom:1px solid #FFF; } #front_contact #contact_form_box { float: left; display: none; width: 450px; margin: 10px 10px; } #front_contact #contact_info { margin: 10px 0px 10px 0px; } #front_contact #contact_info h2 { font-size:24px; color:#FFF; margin-bottom: 20px; } #front_contact #contact_info h3 { font-size:18px; color:#BFFAFF; } #front_contact #contact_info div.body_text { border-bottom:1px solid #81A1CF; padding:0px 0px 0px 5px; margin-bottom:10px; } #front_contact #contact_info div.body_text p a { color: #fff; } #front_contact #contact_info div.body_text p { color:#FFF; font-size:14px; font-weight:bold; } #front_contact #contact_info div.body_text p span { display:inline-block; width:150px; text-align:right;} /* * Page: Buzz */ #front_buzz { } #front_buzz #top_panel { width:950px; height:140px; border-bottom:1px solid #B9B899; margin-bottom:30px; position:relative;} #front_buzz #top_panel h1 { font-family:Arial, Helvetica, sans-serif; font-size:32px; color:#000; font-weight: normal; text-shadow:none; position:absolute; top:30px; left:30px;} #front_buzz #top_panel h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; font-weight: normal; text-shadow:none; width:500px; line-height:1.5; position:absolute; top:75px; left:30px;} #front_buzz #top_panel #btn_signup_top { position:absolute; top:50px; right:30px;} #front_buzz #main_content { width:950px; padding:0px; margin:0px; float:left;} #front_buzz #column_left { width:630px; border-right:1px solid #D9D9C8; float:left; padding:0px; margin:0px;} #front_buzz #column_left blockquote { font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#000; width:530px; background:#FFF url('../images/front/buzz/quotemarks.jpg') top left no-repeat; padding-left:30px; margin:0px 10px 40px 10px; line-height:1.4; position:relative; } #front_buzz #column_left blockquote div.author { position:relative; bottom:0px; right:0px; text-align:right; } #front_buzz #column_left blockquote div.author span { font-size:14px; color:#666666; } #front_buzz #column_left blockquote div.author span.title { font-size:12px; color:#666666; display:block; } #front_buzz #column_left blockquote div.author a { font-size:12px; color:#EC5413; text-decoration: none; display:block; } #front_buzz #column_left blockquote div.author span.title a { font-size:12px; color:#EC5413; text-decoration: none; display:inline-block;} #front_buzz #column_right { width:300px; float:left; padding:0px; margin:0px; } #front_buzz #column_right .colwrapper { padding:0px 0px 0px 10px; text-align:center; } #front_buzz #column_right h1 { font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#000; text-shadow:none; font-weight:bold; } #front_buzz #column_right blockquote { font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#000; width:280px; margin:20px 0px 20px 10px;} #front_buzz #column_right blockquote div.logo { margin-top:10px;} #front_buzz #column_right #twitter_app { padding:30px 0px 20px 0px; margin-left:25px; border-top:1px solid #D9D9C8; border-bottom:1px solid #D9D9C8; width:280px;} #front_buzz #column_right #bloglink_panel { text-align:center; padding:20px; margin-left:0px; width:280px;} #front_buzz #column_right #bloglink_panel h1 { margin-bottom:10px; } #front_buzz #column_right #bloglink_panel a { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #EC5413; display:block; margin-bottom:10px; font-weight: bold; } #front_buzz #bottom_panel { width:950px; height:90px; border-top:1px solid #D9D9C8; margin-top:30px; float:left; position:relative;} #front_buzz #bottom_panel h1 { font-family:Arial, Helvetica, sans-serif; font-size:24px; color:#000; font-weight: normal; text-shadow:none; position:absolute; top:45px; left:180px;} #front_buzz #bottom_panel #btn_signup_bottom { position:absolute; top:30px; right:170px;} /* * Page: Specials */ #front_specials { } #front_specials #top_panel { width:950px; height:130px; border-bottom:1px solid #B9B899; margin-bottom:30px; position:relative;} #front_specials #top_panel h1 { font-family:Arial, Helvetica, sans-serif; font-size:32px; color:#000; position:absolute; top:10px; left:30px;} #front_specials #top_panel h2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000; width:500px; line-height:1.5; position:absolute; top:60px; left:30px;} #front_specials #top_panel #btn_signup_top { position:absolute; top:30px; right:5px;} #front_specials #column_right { width: 250px; padding: 0 10px; float: right; text-align: center; padding-bottom: 50px; } #front_specials #column_right h2 { font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#000; text-shadow:none; font-weight:bold; } #front_specials #column_right blockquote { font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#000; margin: 0 10px; margin-top: 20px; } #front_specials #column_right blockquote div.logo { margin-top: 5px; margin-bottom: 10px; } #front_specials #specials { width: 670px; margin: 10px 10px; margin-left: 20px; font-family: Tahoma, sans-serif; } #front_specials #specials #specials_btn_wrap { float: right; margin-bottom: 10px; margin-top: -10px; } #front_specials #specials .special { margin: 20px 0; border: 1px dashed #9a9; padding: 10px; background: #f7fcf7; } #front_specials #specials .special .summary { float: left; width: 180px; padding-top: 5px; } #front_specials #specials .special .summary .highlight { border: 2px solid #aca; background: #eef7ee; font-size: 20px; color: #333; font-weight: bold; padding: 10px 5px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; } #front_specials #specials .special .summary .highlight .large_banner { font-size: 30px; text-align:center; } #front_specials #specials .special .summary .highlight .smaller { font-size: 14px; text-align:center; } #front_specials #specials .special .summary .highlight .xlarge_float { font-size: 38px; float: left; margin-right: 10px; } #front_specials #specials .special .summary .fineprint { margin-top: 5px; font-size: 10px; } #front_specials #specials .special .details { float: left; width: 440px; margin-left: 20px; } #front_specials #specials .special .details h3 { font-size: 14px; } #front_specials #specials .special .details .description { font-size: 12px; margin: 5px 0; } #front_specials #specials .special .details .data { font-size: 12px; width: 440px; margin-top: 5px; } #front_specials #specials .special .details .data th { text-align: left; border-bottom: 1px dotted #9a9; } #front_specials #specials .special .details .data .coupon_code { font-weight: bold; } /* * Page: Tour */ #front_tour { font-family:Arial, Helvetica, sans-serif; } #front_tour #top_panel { width:870px; height:115px; border-bottom:1px solid #B9B899; position:relative; border:none; padding:0px; margin:0px 0px 10px 0px; } #front_tour #top_panel h1 { font-weight:normal; font-size:32px; position:absolute; top:22px; left:15px; } #front_tour #top_panel span { font-size:13px; position:absolute; top:67px; left:17px; } #front_tour #top_panel span a { color:#ED5513; text-decoration:underline; } #front_tour #top_panel form { position:absolute; top:25px; right:20px; } #front_tour h1 { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:32px; font-weight:normal; font-size: 13px; text-decoration: none; } #front_tour h1.title { font-size:22px; } #front_tour div.tour_panel { width:870px; float:left; border-top:1px solid #D9D9C8; padding:20px 0px 0px 0px; margin:0px; margin-bottom:30px; } #front_tour div.tour_panel div.tour_description { float:left; width:350px; padding:0px; margin:0px; } #front_tour div.tour_panel div.tour_snapshots { float:right; width:362px; padding:0px; margin:0px; margin-right:10px;} #front_tour div.tour_panel div.tour_snapshots img { float:right; margin:0px; } #front_tour div.tour_panel div.tour_snapshots p.snapdesc { float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; width:350px; text-align:center; margin:0px 5px 20px 0px; } #front_tour div.tour_panel div.tour_snapshots div.tour_doublesnaps { } #front_tour div.tour_panel div.tour_snapshots div.tour_doublesnaps div.col-left { float:left; width:175px; } #front_tour div.tour_panel div.tour_snapshots div.tour_doublesnaps div.col-right { float:right; width:175px; } #front_tour div.tour_panel div.tour_snapshots div.tour_doublesnaps p.snapdesc { float:right; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000; width:175px; text-align:center; margin:0px 0px 20px 0px; } #front_tour div.tour_panel div.bottom_calltoAction { width:280px; padding:20px 0px 30px 0px; margin:50px 40px 0px 40px; border-top:1px solid #D9D9C8; border-bottom:1px solid #D9D9C8; } #front_tour div.tour_panel div.bottom_calltoAction h3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; text-align:center; width:100%; margin-bottom:20px;} #front_tour div.tour_panel div.bottom_calltoAction form { text-align:center; } #front_tour div.tour_panel div.reserve { background:url('../images/front/tour/tour-headerIcon_1.png') no-repeat 10px 0px; padding-left:80px; } #front_tour div.tour_panel div.promote { background:url('../images/front/tour/tour-headerIcon_2.png') no-repeat 10px 0px; padding-left:80px; } #front_tour div.tour_panel div.manage { background:url('../images/front/tour/tour-headerIcon_3.png') no-repeat 10px 0px; padding-left:80px; } #front_tour ul.tour_bulletpoints { margin-top: 20px; font-size:14px; color:#8FC400; width:300px; list-style-type:square; list-style-position:outside;} #front_tour ul.tour_bulletpoints span { font-size:14px; color:#000; } #front_tour ul.tour_bulletpoints li { margin-bottom:15px; } /* * Page: Pricing */ #front_pricing { } #front_pricing #headlines { } #front_pricing #headlines h1 { text-align:center; margin:10px auto; font-size:40px; color:#000; } #front_pricing #headlines h2 { text-align:center; margin:10px auto; font-size:16px; text-shadow:none; font-weight: normal; } #front_pricing #freetrial { text-align: center; } /* * Page: Affiliate */ #front_affiliate { font-family:Arial, Helvetica, sans-serif; } #front_affiliate #top_panel { width:870px; border-bottom:1px solid #B9B899; position:relative; border:none; padding:0px; margin:0px 0px 10px 0px; height:400px; padding-bottom:20px; border-bottom:1px solid #CCC; } #front_affiliate #main_content { width:870px; padding:0px; margin:0px; float:left; overflow:hidden;} #front_affiliate #top_panel div.col-left { width:620px; float:left; position:relative; height:100%; /*border:1px solid #06F;*/ border-right:1px solid #CCC; margin:0px; } #front_affiliate #top_panel h1 { font-weight:normal; font-size:26px; position:absolute; top:5px; left:15px; width:450px; } #front_affiliate #top_panel span { font-size:13px; position:absolute; bottom:10px; left:30px; margin-top:30px; width:580px;} #front_affiliate #top_panel span a { color:#ED5513; text-decoration:underline; } #front_affiliate #top_panel form { position:absolute; top:330px; left:90px; } #front_affiliate #top_panel img.howitworks { position:absolute; top:200px; left:30px; } #front_affiliate #top_panel div.col-right { width:245px; float:left; position:relative; height:100%; /*border:1px solid #F63;*/ margin:0px; } #front_affiliate #top_panel div.col-right h1 { font-family:Tahoma, Geneva, sans-serif; font-size:16px; text-align:center; color:#000; text-shadow:none; font-weight:bold; width:230px; } #front_affiliate #top_panel div.col-right div.mini_section { text-align:left; font-size:16px; border-top:1px solid #D9D9C8; padding:16px 0px 16px 16px; width:230px; } #front_affiliate #top_panel div.col-right div.mini_section h1 { text-align:center; } #front_affiliate #top_panel div.col-right div.mini_section ul { line-height:1.8; list-style:outside; list-style-type:square; color:#EE5816; padding:0px 0px 0px 25px;} #front_affiliate #top_panel div.col-right div.mini_section ul li span { color:#000; font-size:14px; } #front_affiliate #top_panel div.col-right div.mini_section p { margin:13px 0px; } #front_affiliate #top_panel div.col-right blockquote { font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#000; width:230px; margin:20px 0px 20px 20px; padding-bottom:10px; text-align:center;} #front_affiliate #top_panel div.col-right blockquote.top { margin:80px 0px 10px 20px !important; } #front_affiliate #top_panel div.col-right blockquote .logo { margin:10px 30px;} #front_affiliate #top_panel ul { font-size:14px; margin:10px 0px; padding:0px; position:absolute; top:70px; left:70px; width:500px; } #front_affiliate #top_panel ul li { list-style:none; background:url('../images/front/affiliate/bullet_hover.png') no-repeat 0px 6px; padding-left:20px; list-style-position:inside; margin:0px; margin-top:20px; font-size:18px; } #front_affiliate h1 { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:32px; font-weight:normal; font-size: 13px; text-decoration: none;} #front_affiliate h1.title { font-size:22px; } #front_affiliate #column_table { width:870px; /*border-bottom:1px solid #D9D9C8;*/ float:left; padding:10px 0px 20px 0px; margin:0px; margin-right:5px; margin-bottom:0px; } #front_affiliate #column_table h1 { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:26px; font-weight:normal; text-decoration: none; text-shadow:none; margin-left:10px; } #front_affiliate #column_table h2 { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:20px; font-weight:bold; text-decoration: none; text-shadow:none; color:#8FC400; margin-left:10px;} #front_affiliate #column_left { width:870px; border-right:1px solid #D9D9C8; float:left; padding:10px 0px 0px 0px; margin:0px; margin-right:5px;} #front_affiliate #column_left div.section { margin:10px 0px 40px 0px; } #front_affiliate #column_left h1 { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:26px; font-weight:normal; text-decoration: none; text-shadow:none; margin-left:10px; } #front_affiliate h1.icon_money { background:url('../images/front/affiliate/money.png') no-repeat 0px 5px; padding:0px 0px 10px 75px; } #front_affiliate h1.icon_partnership{ background:url('../images/front/affiliate/partnership.png') no-repeat; padding:12px 0px 20px 75px; } #front_affiliate #column_left h2 { font-family:Arial, Helvetica, sans-serif; color:#000; font-size:20px; font-weight:bold; text-decoration: none; text-shadow:none; color:#8FC400; margin-left:10px;} #front_affiliate #column_left h2.highconversion { background:url('../images/front/affiliate/highconversion.png') no-repeat 0px 5px; padding:20px 0px 20px 75px;} #front_affiliate #column_left h2.free { background:url('../images/front/affiliate/free.png') no-repeat 0px 5px; padding:20px 0px 20px 75px;} #front_affiliate #column_left h2.tracking { background:url('../images/front/affiliate/tracking.png') no-repeat 0px 5px; padding:20px 0px 20px 75px;} #front_affiliate #column_left h2.go { background:url('../images/front/affiliate/go.png') no-repeat 0px 5px; padding:20px 0px 20px 75px;} #front_affiliate #column_left h2.calendar { background:url('../images/front/affiliate/calendar.png') no-repeat 0px 5px; padding:20px 0px 20px 75px;} #front_affiliate #column_left h2.textmark { background:url('../images/front/affiliate/textmark.png') no-repeat 0px 5px; padding:20px 0px 20px 75px;} #front_affiliate #column_left form { margin-left:30px; } #front_affiliate p { font-size:14px; line-height:1.7; margin-left:10px; margin-right:10px;} #front_affiliate p.disclaimer { font-size:11px; line-height:1.5; font-style: italic; } #front_affiliate #tbl_panel_2 {width:854px; height:154px; padding:2px; background:url('../images/front/affiliate/table_plate_long.png') no-repeat;} #front_affiliate #tbl_commission_2 { font-size:20px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; height:130px; margin-top:10px; } #front_affiliate #tbl_commission_2 td { padding:3px; vertical-align:middle; text-align:center; background:url('../images/front/affiliate/table_border.png') no-repeat bottom right; } #front_affiliate #tbl_commission_2 td.start { width:350px; font-size:18px; } #front_affiliate #tbl_commission_2 td.middle { width:65px; text-align:center; } #front_affiliate #tbl_commission_2 td.end { background:none; width:40px; } #front_affiliate #tbl_commission_2 tr.commission_monthly td { color:#090; } #front_affiliate #tbl_commission_2 tr.commission_yearly td { color:#054FC9; } #front_affiliate #column_right { width:240px; float:right; padding:0px; margin:0px; margin-right:0px;} #front_affiliate #column_right .colwrapper { padding:15px 0px 0px 0px; text-align:center; } #front_affiliate #column_right h1 { font-family:Tahoma, Geneva, sans-serif; font-size:16px; color:#000; text-shadow:none; font-weight:bold; } #front_affiliate #column_right div.mini_section { text-align:left; font-size:16px; border-bottom:1px solid #D9D9C8; padding:16px 0px 16px 16px; } #front_affiliate #column_right div.mini_section h1 { text-align:center; } #front_affiliate #column_right div.mini_section ul { line-height:1.8; list-style:outside; list-style-type:square; color:#EE5816; padding:0px 0px 0px 25px;} #front_affiliate #column_right div.mini_section ul li span { color:#000; font-size:14px; } #front_affiliate #column_right div.mini_section p { margin:13px 0px; } #front_affiliate #column_right blockquote { font-family:Arial, Helvetica, sans-serif; font-size:17px; font-weight:normal; color:#000; width:240px; margin:30px 0px 30px 0px;}