/** * TextMarks Web 3 Pricing Include 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. * --------------------------------------------------------------------------- */ /** */ /* * --------------------------------------------------------------------------- * PRICING */ /* Shared: Pricing table. */ #inc_pricing { position: relative; } #inc_pricing #tbl_plans { width: 850px; margin: 30px auto; margin-bottom: 5px; font-family: Tahoma, sans-serif; font-size: 14px; border-bottom: 1px solid #ddd; } #inc_pricing #tbl_plans tr.headtop { } #inc_pricing #tbl_plans tr.headtop th.included { } #inc_pricing #tbl_plans tr.headtop th.included div { font-size: 11px; font-weight: normal; background: #eee; padding: 3px; margin: 0 5px; } #inc_pricing #tbl_plans tr.headtop th.customize { } #inc_pricing #tbl_plans tr.headtop th.customize div { font-size: 11px; font-weight: normal; background: #eee; padding: 3px; margin: 0 5px; } #inc_pricing #tbl_plans tr.headinfo { } #inc_pricing #tbl_plans tr.head1 { font-family: Arial, sans-serif; font-size: 14px; } #inc_pricing #tbl_plans th.group { font-size: 12px; font-weight: normal; } #inc_pricing #tbl_plans th.group.inc { border-right: 1px solid #666; } #inc_pricing #tbl_plans tr.head2 { font-family: Arial, sans-serif; font-size: 14px; } #inc_pricing #tbl_plans th { font-size: 14px; } #inc_pricing #tbl_plans th.item { border-bottom: 1px solid #ccc; } #inc_pricing #tbl_plans th.cost { border-right: 1px solid #ddd; } #inc_pricing #tbl_plans th.support { border-right: 1px solid #ddd; } #inc_pricing #tbl_plans th.kwadd { font-size: 12px; font-weight: normal; } #inc_pricing #tbl_plans th.useradd { font-size: 12px; font-weight: normal; } #inc_pricing #tbl_plans tr.alt1 { background: #eee; } #inc_pricing #tbl_plans tr.alt2 { background: #f7f7f7; } #inc_pricing #tbl_plans tr.popular { background: #eeeeff; } #inc_pricing #tbl_plans tr.freetrial > td { border-bottom: 3px solid #bce; } #inc_pricing #tbl_plans tr { } #inc_pricing #tbl_plans td.data { text-align: center; } #inc_pricing #tbl_plans td.data.popular { border-top: 3px solid #8ad; border-bottom: 3px solid #57a; } #inc_pricing #tbl_plans td.data.first.popular { border-left: 3px solid #8ad; } #inc_pricing #tbl_plans td.data.useradd.popular { border-right: 3px solid #57a; } #inc_pricing #tbl_plans td.name { text-align: center; font-size: 18px; font-weight: bold; } #inc_pricing #tbl_plans td.name.freetrial { color: #57a; font-size: 14px; } #inc_pricing #tbl_plans td.name .most_popular_name { font-size: 12px; font-weight: bold; color: #57a; } #inc_pricing #tbl_plans td.name .special_name { font-size: 12px; font-weight: bold; color: #6a3; } #inc_pricing #tbl_plans td.signup { padding: 5px 5px; border-left: 2px solid #fff; } #inc_pricing #tbl_plans td.cost { color: #7a0; font-weight: bold; border-right: 1px solid #ddd; } #inc_pricing #tbl_plans td.cost.freetrial { padding: 5px 0; color: #57a; font-size: 10px; font-weight: bold; } #inc_pricing #tbl_plans td.kwinc { font-weight: bold; font-size: 16px; } #inc_pricing #tbl_plans td.userinc { font-weight: bold; font-size: 16px; } #inc_pricing #tbl_plans td.msgs { font-weight: bold; color: #6a3; background-color: #f6ffdf; } #inc_pricing #tbl_plans td.support { border-right: 1px solid #ddd; } #inc_pricing #tbl_plans td.kwadd { padding: 15px 0; font-family: arial, sans-serif; font-size: 11px; color: #444; } #inc_pricing #tbl_plans td.useradd { padding: 15px 0; font-family: arial, sans-serif; font-size: 11px; color: #444; border-right: 2px solid #fff; } #inc_pricing #tbl_plans td.data .addunits { font-size: 9px; color: #999; font-weight: normal; } #inc_pricing a.popup { text-decoration: none; font-size: 10px; color: #88d; font-weight: normal; border-bottom: 1px dotted #88d; } #inc_pricing .container_popup { position:relative; margin:0px; padding:0px; } #inc_pricing .box_popup { font-size:11px; background:#dcf6fc; border:1px dotted #92c1c1; float:left; width:220px; padding:15px; } #inc_pricing .box_popup .arrow { background:transparent url('../images/common/pricing/tbl_tooltip.png') no-repeat; position:absolute; top:20px; left:-34px; width:34px; height:41px;} #inc_pricing .box_popup h4 { font-size:14px; text-shadow:none; text-align:left; } #inc_pricing .box_popup p { font-family:Arial, Helvetica, sans-serif; font-size:11px; line-height:1.5; color:#333; text-align:left; } #inc_pricing .box_popup { display:none; position: absolute; top: 0px; left: -250px; z-index: 100; } #inc_pricing #footnotes { width: 840px; margin: 20px auto; margin-top: 10px; text-align: center; background: #eee; padding: 3px; font-family: arial, sans-serif; font-size: 10px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;} #inc_pricing #current_usage { margin: 0px 200px; margin-bottom: 20px; background: #f7f7f7; color: #333; padding: 5px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; font-family: arial, sans-serif; font-size: 12px; text-align: center;} #inc_pricing #current_usage #usage_content { margin: 10px auto; width: 300px; background: #fff; padding: 5px; border: 1px solid #ccc; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #inc_pricing #current_usage #usage_loading { margin: 33px auto; } #inc_pricing #current_usage #usage_error { margin: 33px auto; } #inc_pricing #current_usage #usage_tbl { margin: 10px auto; } #inc_pricing #current_usage #usage_tbl td { text-align: right; font-weight: bold; } #inc_pricing #current_usage #usage_tbl th { text-align: left; font-weight: normal; padding-left: 10px; } #inc_pricing #need_larger { text-align: center; margin-bottom: 10px; } #inc_pricing #specials { text-align: center; width: 400px; margin: 20px auto; background: #f7f7f7; color: #333; padding: 10px; padding-top: 3px; border: 2px dashed #9a9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #inc_pricing #specials h3 { color: #333; } #inc_pricing #also_lite { text-align: center; font-size: 11px; margin: 20px 0; }