/* CSS Document */

table {  margin: 0px auto 30px; padding: 0; border-collapse: separate; }
table td, table th { border: 1px solid #555; padding: 2px 5px;}

/* TABLES */
table th { font-weight: normal; color: #000; font-size: 1em; }
table td { font-size: .9em; }

table.type-1 { border-collapse: collapse; border: 1px solid #eaeaea; background: #f4f7f8; font-size: 13px;}
table.type-1 tr:first-child { background: #edeff0; }
table.type-1 td, table.type-1 th { border: 1px solid #d5d7d8; margin: 0; text-align: center; padding: 10px 15px; vertical-align: top;}
table.type-1 th { font-weight: bold; }
table.type-1 th:first-child { text-align: left; }
table.type-1 tr:hover > * { background: rgba(0,0,0,.02); }

table.type-2 { background: #fff; border: 1px solid #eaeaea; border-collapse: collapse; font-size: 13px;}
table.type-2 td, table.type-2 th { margin: 0;text-align: center; padding: 10px 15px; vertical-align: top;color: #454545; border: 1px solid #d5d7d8; background: none; }
table.type-2 th { background-color: #f5f8f9; color: #000; text-align: left;}
table.type-2 tr > *:hover { background: #f4f7f8; }

.pricing { margin: 30px -30px; padding: 0; border: none; border-collapse: collapse; width: 980px; }
.pricing tr td { vertical-align: top; margin: 0; padding: 0;}
.pricing td,
.pricing th { border: none; font-size: 1em;}
.pricing table {  margin: 0; height: 100%; border-collapse: collapse;}
.pricing table th { color: #2d506a; text-align: center; padding: 40px 0 30px; background: #212121; font-size: 24px; color: #fff;}
.pricing strong.price { color: #ae3b44; display: block; text-align: center; line-height: 1.2em; font-size: 24px; }
.pricing strong.price sup { margin: 5px 0 -5px; font-size: 12px;}
.pricing table td { padding: 10px 10px; border: 1px solid #e8e8e8; }
.pricing table img { margin-right: 5px; }
.pricing table .alt { padding: 20px; }
.pricing .alt-2 { color: #b54b2e; padding: 20px; background: url(../images/gr-4.png) 0 0 repeat;}
.pricing .button { float:left; width: 80%;}

.pricing table:hover th { background: #ae3b44}
.pricing table:hover .price { color: #fff; }
.pricing table:hover .alt-2 { background-color: rgba(0,0,0,.02); }

/* TOOLTIPS */
.has-tooltip { position: relative; }
.tooltip { display: none;  float: left; position: absolute; top:0; left: 0; text-align: center; padding: 15px 15px; color: #a5a9ab; background: #212121; z-index: 100; width: auto; margin-right: -999px;} 
.tooltip:after { width: 8px; height: 8px; display: block; content:""; background: #212121;position: absolute; left: 25px; bottom: -4px; margin-left: -4px;margin-top: 0px;-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg);	 transform: rotate(-45deg);	}
.has-tooltip:hover .tooltip { display: block; }