File: /home/emblazeone/www/_backups/miracleboost.emblazeone.org/package/css/table_style.css
body {
font-family: Arial;
color: #616161;
}
#wrapper {
margin-left: auto;
margin-right: auto;
width: 970px;
padding-top: 20px;
}
/*** Pricing Table ***/
div#price_table {
float:left;
-moz-border-radius:5px 5px 5px 5px;
-webkit-border-radius:5px 5px 5px 5px;
border: 1px solid #dedede;
margin-bottom: 21px;
width:960px; /* Changing this value will widen the table, you may also need to adjust the #price_table .column width*/
background: #f1f4f8; /* This is to fix the left and right borders if the box is too wide */
margin-top:21px;
font-size: 13px;
}
#price_table div {
float: left;
width: 100%;
}
#price_table #border {
-moz-border-radius:4px 4px 4px 4px;
-webkit-border-radius:4px 4px 4px 4px;
border-top:1px solid #FFFFFF;
}
#price_table .column {
float:left;
width:19%; /* 19% will work for 5 boxes, down to the #price_table width of 960px. You may need to adjust this if you adjust the #price_table Width */
margin-left: 1px;
}
#price_table .column.secondary {
background: #f1f4f8;
}
#price_table .column.primary {
background: #f9fbfc;
}
#price_table .column.featured {
-moz-border-radius:3px 3px 3px 3px;
-moz-box-shadow:0 4px 6px rgba(0, 0, 0, 0.25);
-webkit-border-radius:3px 3px 3px 3px;
-webkit-shadow:0 4px 6px rgba(0, 0, 0, 0.25);
background:none repeat scroll 0 0 white;
border:5px solid #4c72a5;
margin-bottom:-17px;
margin-top:-23px;
padding:15px;
z-index: 5;
position: relative;
}
#price_table #best_deal {
background:url("../images/best_deal.png") no-repeat scroll 0 0 transparent;
display:inline;
float:right;
height:72px;
margin-bottom:-56px;
margin-right:-18px;
margin-top:-18px;
width:72px;
position: relative;
}
#price_table .header {
border-bottom:1px solid #e3e3e3;
font-size:27px;
font-style:normal;
letter-spacing:-1px;
padding-bottom:22px;
text-align:center;
margin-bottom:0;
font-weight: bold;
color:#455F84;
margin-top:15px;
}
#price_table .header span{
width: 100%;
clear: both;
float: left;
font-size: 18px;
line-height:15px;
color: #616161;
}
#price_table .footer {
height: 30px;
border-top: 1px solid white;
padding-bottom:20px;
padding-top:20px;
text-align: center;
}
#price_table .included {
}
#price_table .column ul, #price_table .column ol {
list-style: none;
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
#price_table .column li {
background:url("../images/checkmark.png") no-repeat scroll 14px 6px transparent;
border-bottom:1px solid #e3e3e3;
border-top:1px solid white;
line-height:24px;
padding: 0;
padding-left:39px;
margin: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
display: list-item;
text-align: -webkit-match-parent;
}
.signup_button span{
-moz-border-radius:14px 14px 14px 14px;
-webkit-border-radius:14px 14px 14px 14px;
display:block;
line-height:1;
padding:6px 15px 9px;
font-weight: bold;
}
.signup_button {
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px; background-image:url("../images/button_gradient.png");
background-position:0 0;
background-repeat:repeat-x;
border-color:rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.25) rgba(0, 0, 0, 0.35);
border-style:solid;
border-width:1px;
font-size:13px;
line-height:1;
padding:0;
display: inline-block;
cursor: pointer;
color: #fff;
text-shadow: 1px 1px 1px #000;
}
.signup_button:hover {
background-position:0 -42px;
color: #d2e2f7;
}
/*** End Pricing Table ***/