2012-12-15, 02:56 PM
Question about forum settings for Miscellaneous Options:
Yes, allow HTML in posts
This doesn't seem to use full html markup.. is there a way around the limitation.
Situation.
Made a custom Style Sheet and declared it Global on the right files:
Then when to a sub forum with html enabled and pasted:
and I get this:
[attachment=28029]
Instead of this (as it looks on my donation page):
[attachment=28030]
Also something weird.. when I use the above codes I gave in a blank HTML page and load it by itself in any browser, each box will pop up but when I use it in MyBB... it doesn't pop on any template page I put it on... lol.
Yes, allow HTML in posts
This doesn't seem to use full html markup.. is there a way around the limitation.
Situation.
Made a custom Style Sheet and declared it Global on the right files:
@font-face{
font-family: 'SegoeUISemibold';
src: url('../fonts/segoe_ui_semibold-webfont.eot');
src: url('../fonts/segoe_ui_semibold-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/segoe_ui_semibold-webfont.woff') format('woff'),
url('../fonts/segoe_ui_semibold-webfont.ttf') format('truetype'),
url('../fonts/segoe_ui_semibold-webfont.svg#SegoeUISemibold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'BebasRegular';
src: url('../fonts/bebas-webfont.eot');
src: url('../fonts/bebas-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/bebas-webfont.woff') format('woff'),
url('../fonts/bebas-webfont.ttf') format('truetype'),
url('../fonts/bebas-webfont.svg#BebasRegular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face{
font-family: 'WebSymbolsRegular';
src: url('../fonts/websymbols-regular-webfont.eot');
src: url('../fonts/websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/websymbols-regular-webfont.woff') format('woff'),
url('../fonts/websymbols-regular-webfont.ttf') format('truetype'),
url('../fonts/websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg');
}
*{
margin: 0;
padding: 0;
}
tablesbody{
background: #e4e5e5;
background: -moz-radial-gradient(50% 50%, circle, #e4e5e5, #d2d2d2);
background: -webkit-radial-gradient(50% 50%, circle, #e4e5e5, #d2d2d2);
background: -o-radial-gradient(50% 50%, circle, #e4e5e5, #d2d2d2);
background: -ms-radial-gradient(50% 50%, circle, #e4e5e5, #d2d2d2);
background: radial-gradient(50% 50%, circle, #e4e5e5, #d2d2d2);
}
#tablescontainer{
margin: 80px auto;
width: 920px;
}
#hosting-table{
font-family: Arial, Helvetica, sans-serif;
width: 100%;
height: 100%;
font-size: 12px;
color: #787878;
margin-bottom: 3em;
}
#hosting-table .clear{
clear: both;
}
#hosting-table > div{
margin-bottom: 5em;
}
#hosting-table ul{
margin: 0;
padding: 0;
list-style-type: none;
}
#hosting-table ul li{
margin: 0;
position: relative;
padding: 1em .3em;
list-style-type: none;
}
#hosting-table ul{
position: relative;
border-bottom: 10px solid #000;
}
#hosting-table .col_2 .column{
float: left;
width: 50%;
text-align: center;
position: relative;
}
#hosting-table .col_3 .column{
float: left;
width: 33.33%;
width: 33.3%;
text-align: center;
position: relative;
}
#hosting-table .col_4 .column{
float: left;
width: 25%;
text-align: center;
position: relative;
}
#hosting-table .col_5 .column{
float: left;
width: 20%;
text-align: center;
position: relative;
}
#hosting-table .column li{
font-family: 'SegoeUISemibold';
min-height: 1em;
color: #000;
background: #e6e6e6;
border-right: 1px solid #b6b6b6;
border-bottom: 1px solid #b6b6b6;
}
#hosting-table .column ul li:first-child{
font-family: Arial, Helvetica, sans-serif;
background-image: linear-gradient(top, #2c2e31, #020202);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2e31', endColorstr='#020202');
ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2c2e31', endColorstr='#020202');
background: -ms-linear-gradient(top, #2c2e31, #020202);
background: -moz-linear-gradient(top, #2c2e31, #020202);
background: -o-linear-gradient(top, #2c2e31, #020202);
background: -webkit-linear-gradient(top, #2c2e31, #020202);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2c2e31), color-stop(1, #020202));
padding: .5em .3em .8em;
border-bottom: none;
border-left: 1px solid transparent;
border-left: none \0/;
border-left: none;
font-size: 13px;
font-weight: 100;
color: #ffffff;
}
#hosting-table .column li:after{
font-family: 'WebSymbolsRegular';
position: absolute;
content: '/';
font-size: 12px;
overflow: hidden;
left: 12px;
top: 10px;
}
#hosting-table .column:first-child ul{
border-left: 1px solid #b6b6b6;
}
#hosting-table .column ul li:first-child:after{
display: none;
}
#hosting-table .column li:first-child{
border-right: 1px solid transparent;
}
#hosting-table .column .header_row:after{
display: none;
}
#hosting-table .header_row span{
color: #fff;
font-size: 12px;
}
#hosting-table .column h1{
font-family: 'BebasRegular';
text-transform: uppercase;
font-size: 36px;
line-height: 1.3em;
color: #fff;
}
#hosting-table .column .footer_row{
background-image: linear-gradient(top, #f4f4f4, #dbdbdb);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dbdbdb');
ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#dbdbdb');
background: -ms-linear-gradient(top, #f4f4f4, #dbdbdb);
background: -moz-linear-gradient(top, #f4f4f4, #dbdbdb);
background: -o-linear-gradient(top, #f4f4f4, #dbdbdb);
background: -webkit-linear-gradient(top, #f4f4f4, #dbdbdb);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4f4f4), color-stop(1, #dbdbdb));
height: 5em;
display: block;
padding: 2em 0 .2em 0;
text-align: center;
}
#hosting-table .column .footer_row:after{
display: none;
}
#hosting-table .column:hover{
moz-transform: scale(1.15);
webkit-transform: scale(1.15);
o-transform: scale(1.15);
moz-transition: all .2s linear 0s;
webkit-transition: all .2s linear 0s;
o-transition: all .2s linear 0s;
z-index: 5;
}
#hosting-table .column:hover ul li.header_row,
#hosting-table .column:hover ul li:first-child{
border-left: 1px solid transparent;
border-left: none \0/;
border-left: none;
}
#hosting-table .column:hover:first-child ul{
border-left: none;
border-left: 1px solid #B6B6B6 \0/;
border-left: 1px solid #B6B6B6;
}
#hosting-table .column:hover ul li{
border-left: 1px solid #B6B6B6;
border-left: none \0/;
border-left: none;
}
#hosting-table .column .header_row{
height: 6em;
display: block;
border-right: 1px solid transparent;
border-right: none;
padding: .7em 0 .5em 0;
text-align: center;
}
#hosting-table .hosting-button{
moz-border-radius: 8px;
webkit-border-radius: 8px;
border-radius: 8px;
text-decoration: none;
display: inline-block;
padding: .7em 1.8em 1em 1.8em;
padding: .7em 1.8em .6em 1.8em \0/;
padding: .7em 1.8em .6em 1.8em;
font-size: 16px;
color: #fff;
position: relative;
}
#hosting-table .column:hover .hosting-button:active{
top: 3px;
moz-transition: all .2ms ease-in-out 0s;
webkit-transition: all .2ms ease-in-out 0s;
o-transition: all .2ms ease-in-out 0s;
}
#hosting-table a.tt{
position: relative;
z-index: 24;
font-size: 10px;
color: #8e8b8b;
text-decoration: none;
}
#hosting-table a.tt span{
display: none;
}
#hosting-table a.tt:hover{
z-index: 25;
color: #000;
}
#hosting-table a.tt:hover span.tooltip{
display: block;
position: absolute;
bottom: 0;
bottom: -10px;
left: -44px;
width: 200px;
color: #787878;
text-align: center;
filter: alpha(opacity:95);
KHTMLOpacity: 0.95;
MozOpacity: 0.95;
opacity: 0.95;
}
#hosting-table a.tt:hover span.triangle-obtuse{
display: block;
position: relative;
padding: 8px;
margin: 1em 0 3em;
color: #333;
background: #fff;
webkit-border-radius: 5px;
moz-border-radius: 5px;
border-radius: 5px;
}
#hosting-table a.tt:hover span.triangle-obtuse:before{
content: "";
position: absolute;
bottom: -9px;
left: 39px;
border-width: 10px 10px 0;
border-style: solid;
border-color: #fff transparent;
display: block;
width: 0;
}
#hosting-table a.tt:hover span.triangle-obtuse:after{
content: "";
position: absolute;
bottom: -9px;
left: 40px;
border-width: 10px 10px 0;
border-style: solid;
border-color: #fff transparent;
display: block;
width: 0;
}
#hosting-table .table_style1 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#726298', endColorstr='#423d5e');
background: -ms-linear-gradient(top, #726298, #423d5e);
background: -moz-linear-gradient(top, #726298, #423d5e);
background: -o-linear-gradient(top, #726298, #423d5e);
background: -webkit-linear-gradient(top, #726298, #423d5e);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #726298), color-stop(1, #423d5e));
}
#hosting-table .table_style1 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ea8ea', endColorstr='#1b8ed7');
background-size: 40px 40px;
display: block;
background-color: #1d92da;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style1 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#726298', endColorstr='#423d5e');
background: -ms-linear-gradient(top, #726298, #423d5e);
background: -moz-linear-gradient(top, #726298, #423d5e);
background: -o-linear-gradient(top, #726298, #423d5e);
background: -webkit-linear-gradient(top, #726298, #423d5e);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #726298), color-stop(1, #423d5e));
moz-box-shadow: inset 0 -5px 0 #27203c;
webkit-box-shadow: inset 0 -5px 0 #27203c;
box-shadow: inset 0 -5px 0 #27203c;
}
#hosting-table .table_style1 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ea8ea', endColorstr='#1b8ed7');
background: -ms-linear-gradient(top, #2ea8ea, #1b8ed7);
background: -moz-linear-gradient(top, #2ea8ea, #1b8ed7);
background: -o-linear-gradient(top, #2ea8ea, #1b8ed7);
background: -webkit-linear-gradient(top, #2ea8ea, #1b8ed7);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2ea8ea), color-stop(1, #1b8ed7));
moz-box-shadow: inset 0 -5px 0 #0b3a58;
webkit-box-shadow: inset 0 -5px 0 #0b3a58;
box-shadow: inset 0 -5px 0 #0b3a58;
}
#hosting-table .table_style1 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #27203c;
webkit-box-shadow: inset 0 -1px 0 #27203c;
box-shadow: inset 0 -1px 0 #27203c;
}
#hosting-table .table_style2 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3257a1', endColorstr='#1c3872');
background: -ms-linear-gradient(top, #3257a1, #1c3872);
background: -moz-linear-gradient(top, #3257a1, #1c3872);
background: -o-linear-gradient(top, #3257a1, #1c3872);
background: -webkit-linear-gradient(top, #3257a1, #1c3872);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3257a1), color-stop(1, #1c3872));
}
#hosting-table .table_style2 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ea8ea', endColorstr='#1b8ed7');
background-size: 40px 40px;
display: block;
background-color: #fe5c13;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style2 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3257a1', endColorstr='#1c3872');
background: -ms-linear-gradient(top, #3257a1, #1c3872);
background: -moz-linear-gradient(top, #3257a1, #1c3872);
background: -o-linear-gradient(top, #3257a1, #1c3872);
background: -webkit-linear-gradient(top, #3257a1, #1c3872);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #3257a1), color-stop(1, #1c3872));
moz-box-shadow: inset 0 -5px 0 #0d1f48;
webkit-box-shadow: inset 0 -5px 0 #0d1f48;
box-shadow: inset 0 -5px 0 #0d1f48;
}
#hosting-table .table_style2 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8028', endColorstr='#fe4301');
background: -ms-linear-gradient(top, #fe8028, #fe4301);
background: -moz-linear-gradient(top, #fe8028, #fe4301);
background: -o-linear-gradient(top, #fe8028, #fe4301);
background: -webkit-linear-gradient(top, #fe8028, #fe4301);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe8028), color-stop(1, #fe4301));
moz-box-shadow: inset 0 -5px 0 #491f09;
webkit-box-shadow: inset 0 -5px 0 #491f09;
box-shadow: inset 0 -5px 0 #491f09;
}
#hosting-table .table_style2 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #491f09;
webkit-box-shadow: inset 0 -1px 0 #491f09;
box-shadow: inset 0 -1px 0 #491f09;
}
#hosting-table .table_style3 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b70000', endColorstr='#8b0101');
background: -ms-linear-gradient(top, #b70000, #8b0101);
background: -moz-linear-gradient(top, #b70000, #8b0101);
background: -o-linear-gradient(top, #b70000, #8b0101);
background: -webkit-linear-gradient(top, #b70000, #8b0101);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b70000), color-stop(1, #8b0101));
}
#hosting-table .table_style3 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63ab00', endColorstr='#498601');
background-size: 40px 40px;
display: block;
background-color: #539901;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style3 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b70000', endColorstr='#8b0101');
background: -ms-linear-gradient(top, #b70000, #8b0101);
background: -moz-linear-gradient(top, #b70000, #8b0101);
background: -o-linear-gradient(top, #b70000, #8b0101);
background: -webkit-linear-gradient(top, #b70000, #8b0101);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b70000), color-stop(1, #8b0101));
moz-box-shadow: inset 0 -5px 0 #450707;
webkit-box-shadow: inset 0 -5px 0 #450707;
box-shadow: inset 0 -5px 0 #450707;
}
#hosting-table .table_style3 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#63ab00', endColorstr='#498601');
background: -ms-linear-gradient(top, #63ab00, #498601);
background: -moz-linear-gradient(top, #63ab00, #498601);
background: -o-linear-gradient(top, #63ab00, #498601);
background: -webkit-linear-gradient(top, #63ab00, #498601);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #63ab00), color-stop(1, #498601));
moz-box-shadow: inset 0 -5px 0 #254204;
webkit-box-shadow: inset 0 -5px 0 #254204;
box-shadow: inset 0 -5px 0 #254204;
}
#hosting-table .table_style3 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #254204;
webkit-box-shadow: inset 0 -1px 0 #254204;
box-shadow: inset 0 -1px 0 #254204;
}
#hosting-table .table_style4 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feac46', endColorstr='#f87014');
background: -ms-linear-gradient(top, #feac46, #f87014);
background: -moz-linear-gradient(top, #feac46, #f87014);
background: -o-linear-gradient(top, #feac46, #f87014);
background: -webkit-linear-gradient(top, #feac46, #f87014);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #feac46), color-stop(1, #f87014));
}
#hosting-table .table_style4 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a958e', endColorstr='#3d4f49');
background-size: 40px 40px;
display: block;
background-color: #4b7168;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style4 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#feac46', endColorstr='#f87014');
background: -ms-linear-gradient(top, #feac46, #f87014);
background: -moz-linear-gradient(top, #feac46, #f87014);
background: -o-linear-gradient(top, #feac46, #f87014);
background: -webkit-linear-gradient(top, #feac46, #f87014);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #feac46), color-stop(1, #f87014));
moz-box-shadow: inset 0 -5px 0 #894004;
webkit-box-shadow: inset 0 -5px 0 #894004;
box-shadow: inset 0 -5px 0 #894004;
}
#hosting-table .table_style4 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a958e', endColorstr='#3d4f49');
background: -ms-linear-gradient(top, #6a958e, #3d4f49);
background: -moz-linear-gradient(top, #6a958e, #3d4f49);
background: -o-linear-gradient(top, #6a958e, #3d4f49);
background: -webkit-linear-gradient(top, #6a958e, #3d4f49);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6a958e), color-stop(1, #3d4f49));
moz-box-shadow: inset 0 -5px 0 #25352f;
webkit-box-shadow: inset 0 -5px 0 #25352f;
box-shadow: inset 0 -5px 0 #25352f;
}
#hosting-table .table_style4 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #25352f;
webkit-box-shadow: inset 0 -1px 0 #25352f;
box-shadow: inset 0 -1px 0 #25352f;
}
#hosting-table .table_style5 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ad418', endColorstr='#5a980f');
background: -ms-linear-gradient(top, #9ad418, #5a980f);
background: -moz-linear-gradient(top, #9ad418, #5a980f);
background: -o-linear-gradient(top, #9ad418, #5a980f);
background: -webkit-linear-gradient(top, #9ad418, #5a980f);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9ad418), color-stop(1, #5a980f));
}
#hosting-table .table_style5 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da48dd', endColorstr='#872d80');
background-size: 40px 40px;
display: block;
background-color: #ac37aa;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style5 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ad418', endColorstr='#5a980f');
background: -ms-linear-gradient(top, #9ad418, #5a980f);
background: -moz-linear-gradient(top, #9ad418, #5a980f);
background: -o-linear-gradient(top, #9ad418, #5a980f);
background: -webkit-linear-gradient(top, #9ad418, #5a980f);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9ad418), color-stop(1, #5a980f));
moz-box-shadow: inset 0 -5px 0 #354612;
webkit-box-shadow: inset 0 -5px 0 #354612;
box-shadow: inset 0 -5px 0 #354612;
}
#hosting-table .table_style5 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da48dd', endColorstr='#872d80');
background: -ms-linear-gradient(top, #da48dd, #872d80);
background: -moz-linear-gradient(top, #da48dd, #872d80);
background: -o-linear-gradient(top, #da48dd, #872d80);
background: -webkit-linear-gradient(top, #da48dd, #872d80);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #da48dd), color-stop(1, #872d80));
moz-box-shadow: inset 0 -5px 0 #471143;
webkit-box-shadow: inset 0 -5px 0 #471143;
box-shadow: inset 0 -5px 0 #471143;
}
#hosting-table .table_style5 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #471143;
webkit-box-shadow: inset 0 -1px 0 #471143;
box-shadow: inset 0 -1px 0 #471143;
}
#hosting-table .table_style6 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea3114', endColorstr='#a92a11');
background: -ms-linear-gradient(top, #ea3114, #a92a11);
background: -moz-linear-gradient(top, #ea3114, #a92a11);
background: -o-linear-gradient(top, #ea3114, #a92a11);
background: -webkit-linear-gradient(top, #ea3114, #a92a11);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ea3114), color-stop(1, #a92a11));
}
#hosting-table .table_style6 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd9b36', endColorstr='#cd6116');
background-size: 40px 40px;
display: block;
background-color: #e57c24;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style6 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ea3114', endColorstr='#a92a11');
background: -ms-linear-gradient(top, #ea3114, #a92a11);
background: -moz-linear-gradient(top, #ea3114, #a92a11);
background: -o-linear-gradient(top, #ea3114, #a92a11);
background: -webkit-linear-gradient(top, #ea3114, #a92a11);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ea3114), color-stop(1, #a92a11));
moz-box-shadow: inset 0 -5px 0 #671f09;
webkit-box-shadow: inset 0 -5px 0 #671f09;
box-shadow: inset 0 -5px 0 #671f09;
}
#hosting-table .table_style6 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd9b36', endColorstr='#cd6116');
background: -ms-linear-gradient(top, #fd9b36, #cd6116);
background: -moz-linear-gradient(top, #fd9b36, #cd6116);
background: -o-linear-gradient(top, #fd9b36, #cd6116);
background: -webkit-linear-gradient(top, #fd9b36, #cd6116);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fd9b36), color-stop(1, #cd6116));
moz-box-shadow: inset 0 -5px 0 #6d4209;
webkit-box-shadow: inset 0 -5px 0 #6d4209;
box-shadow: inset 0 -5px 0 #6d4209;
}
#hosting-table .table_style6 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #6d4209;
webkit-box-shadow: inset 0 -1px 0 #6d4209;
box-shadow: inset 0 -1px 0 #6d4209;
}
#hosting-table .table_style7 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c062cc', endColorstr='#722c80');
background: -ms-linear-gradient(top, #c062cc, #722c80);
background: -moz-linear-gradient(top, #c062cc, #722c80);
background: -o-linear-gradient(top, #c062cc, #722c80);
background: -webkit-linear-gradient(top, #c062cc, #722c80);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c062cc), color-stop(1, #722c80));
}
#hosting-table .table_style7 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f666a', endColorstr='#2a2929');
background-size: 40px 40px;
display: block;
background-color: #423f40;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style7 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c062cc', endColorstr='#722c80');
background: -ms-linear-gradient(top, #c062cc, #722c80);
background: -moz-linear-gradient(top, #c062cc, #722c80);
background: -o-linear-gradient(top, #c062cc, #722c80);
background: -webkit-linear-gradient(top, #c062cc, #722c80);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c062cc), color-stop(1, #722c80));
moz-box-shadow: inset 0 -5px 0 #3e1243;
webkit-box-shadow: inset 0 -5px 0 #3e1243;
box-shadow: inset 0 -5px 0 #3e1243;
}
#hosting-table .table_style7 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6f666a', endColorstr='#2a2929');
background: -ms-linear-gradient(top, #6f666a, #2a2929);
background: -moz-linear-gradient(top, #6f666a, #2a2929);
background: -o-linear-gradient(top, #6f666a, #2a2929);
background: -webkit-linear-gradient(top, #6f666a, #2a2929);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6f666a), color-stop(1, #2a2929));
moz-box-shadow: inset 0 -5px 0 #1a1819;
webkit-box-shadow: inset 0 -5px 0 #1a1819;
box-shadow: inset 0 -5px 0 #1a1819;
}
#hosting-table .table_style7 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #1a1819;
webkit-box-shadow: inset 0 -1px 0 #1a1819;
box-shadow: inset 0 -1px 0 #1a1819;
}
#hosting-table .table_style8 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77948d', endColorstr='#46635d');
background: -ms-linear-gradient(top, #77948d, #46635d);
background: -moz-linear-gradient(top, #77948d, #46635d);
background: -o-linear-gradient(top, #77948d, #46635d);
background: -webkit-linear-gradient(top, #77948d, #46635d);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #77948d), color-stop(1, #46635d));
}
#hosting-table .table_style8 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8cf27', endColorstr='#7a8e16');
background-size: 40px 40px;
display: block;
background-color: #99ad1e;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style8 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77948d', endColorstr='#46635d');
background: -ms-linear-gradient(top, #77948d, #46635d);
background: -moz-linear-gradient(top, #77948d, #46635d);
background: -o-linear-gradient(top, #77948d, #46635d);
background: -webkit-linear-gradient(top, #77948d, #46635d);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #77948d), color-stop(1, #46635d));
moz-box-shadow: inset 0 -5px 0 #3a4845;
webkit-box-shadow: inset 0 -5px 0 #3a4845;
box-shadow: inset 0 -5px 0 #3a4845;
}
#hosting-table .table_style8 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b8cf27', endColorstr='#7a8e16');
background: -ms-linear-gradient(top, #b8cf27, #7a8e16);
background: -moz-linear-gradient(top, #b8cf27, #7a8e16);
background: -o-linear-gradient(top, #b8cf27, #7a8e16);
background: -webkit-linear-gradient(top, #b8cf27, #7a8e16);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #b8cf27), color-stop(1, #7a8e16));
moz-box-shadow: inset 0 -5px 0 #58600f;
webkit-box-shadow: inset 0 -5px 0 #58600f;
box-shadow: inset 0 -5px 0 #58600f;
}
#hosting-table .table_style8 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #58600f;
webkit-box-shadow: inset 0 -1px 0 #58600f;
box-shadow: inset 0 -1px 0 #58600f;
}
#hosting-table .table_style9 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7493c', endColorstr='#a30f01');
background: -ms-linear-gradient(top, #f7493c, #a30f01);
background: -moz-linear-gradient(top, #f7493c, #a30f01);
background: -o-linear-gradient(top, #f7493c, #a30f01);
background: -webkit-linear-gradient(top, #f7493c, #a30f01);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7493c), color-stop(1, #a30f01));
}
#hosting-table .table_style9 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c94ae', endColorstr='#544c6a');
background-size: 40px 40px;
display: block;
background-color: #786f8c;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style9 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7493c', endColorstr='#a30f01');
background: -ms-linear-gradient(top, #f7493c, #a30f01);
background: -moz-linear-gradient(top, #f7493c, #a30f01);
background: -o-linear-gradient(top, #f7493c, #a30f01);
background: -webkit-linear-gradient(top, #f7493c, #a30f01);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f7493c), color-stop(1, #a30f01));
moz-box-shadow: inset 0 -5px 0 #65190d;
webkit-box-shadow: inset 0 -5px 0 #65190d;
box-shadow: inset 0 -5px 0 #65190d;
}
#hosting-table .table_style9 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9c94ae', endColorstr='#544c6a');
background: -ms-linear-gradient(top, #9c94ae, #544c6a);
background: -moz-linear-gradient(top, #9c94ae, #544c6a);
background: -o-linear-gradient(top, #9c94ae, #544c6a);
background: -webkit-linear-gradient(top, #9c94ae, #544c6a);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9c94ae), color-stop(1, #544c6a));
moz-box-shadow: inset 0 -5px 0 #312a40;
webkit-box-shadow: inset 0 -5px 0 #312a40;
box-shadow: inset 0 -5px 0 #312a40;
}
#hosting-table .table_style9 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #312a40;
webkit-box-shadow: inset 0 -1px 0 #312a40;
box-shadow: inset 0 -1px 0 #312a40;
}
#hosting-table .table_style10 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da3f0e', endColorstr='#7d2a03');
background: -ms-linear-gradient(top, #da3f0e, #7d2a03);
background: -moz-linear-gradient(top, #da3f0e, #7d2a03);
background: -o-linear-gradient(top, #da3f0e, #7d2a03);
background: -webkit-linear-gradient(top, #da3f0e, #7d2a03);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #da3f0e), color-stop(1, #7d2a03));
}
#hosting-table .table_style10 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d57522', endColorstr='#8d4613');
background-size: 40px 40px;
display: block;
background-color: #b1591b;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style10 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#da3f0e', endColorstr='#7d2a03');
background: -ms-linear-gradient(top, #da3f0e, #7d2a03);
background: -moz-linear-gradient(top, #da3f0e, #7d2a03);
background: -o-linear-gradient(top, #da3f0e, #7d2a03);
background: -webkit-linear-gradient(top, #da3f0e, #7d2a03);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #da3f0e), color-stop(1, #7d2a03));
moz-box-shadow: inset 0 -5px 0 #4a0f06;
webkit-box-shadow: inset 0 -5px 0 #4a0f06;
box-shadow: inset 0 -5px 0 #4a0f06;
}
#hosting-table .table_style10 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d57522', endColorstr='#8d4613');
background: -ms-linear-gradient(top, #d57522, #8d4613);
background: -moz-linear-gradient(top, #d57522, #8d4613);
background: -o-linear-gradient(top, #d57522, #8d4613);
background: -webkit-linear-gradient(top, #d57522, #8d4613);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d57522), color-stop(1, #8d4613));
moz-box-shadow: inset 0 -5px 0 #482d05;
webkit-box-shadow: inset 0 -5px 0 #482d05;
box-shadow: inset 0 -5px 0 #482d05;
}
#hosting-table .table_style10 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #482d05;
webkit-box-shadow: inset 0 -1px 0 #482d05;
box-shadow: inset 0 -1px 0 #482d05;
}
#hosting-table .table_style11 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c5459', endColorstr='#1f2324');
background: -ms-linear-gradient(top, #4c5459, #1f2324);
background: -moz-linear-gradient(top, #4c5459, #1f2324);
background: -o-linear-gradient(top, #4c5459, #1f2324);
background: -webkit-linear-gradient(top, #4c5459, #1f2324);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4c5459), color-stop(1, #1f2324));
}
#hosting-table .table_style11 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f8f8f', endColorstr='#444444');
background-size: 40px 40px;
display: block;
background-color: #646464;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style11 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c5459', endColorstr='#1f2324');
background: -ms-linear-gradient(top, #4c5459, #1f2324);
background: -moz-linear-gradient(top, #4c5459, #1f2324);
background: -o-linear-gradient(top, #4c5459, #1f2324);
background: -webkit-linear-gradient(top, #4c5459, #1f2324);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #4c5459), color-stop(1, #1f2324));
moz-box-shadow: inset 0 -5px 0 #15191a;
webkit-box-shadow: inset 0 -5px 0 #15191a;
box-shadow: inset 0 -5px 0 #15191a;
}
#hosting-table .table_style11 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f8f8f', endColorstr='#444444');
background: -ms-linear-gradient(top, #8f8f8f, #444444);
background: -moz-linear-gradient(top, #8f8f8f, #444444);
background: -o-linear-gradient(top, #8f8f8f, #444444);
background: -webkit-linear-gradient(top, #8f8f8f, #444444);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #8f8f8f), color-stop(1, #444444));
moz-box-shadow: inset 0 -5px 0 #252525;
webkit-box-shadow: inset 0 -5px 0 #252525;
box-shadow: inset 0 -5px 0 #252525;
}
#hosting-table .table_style11 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #252525;
webkit-box-shadow: inset 0 -1px 0 #252525;
box-shadow: inset 0 -1px 0 #252525;
}
#hosting-table .table_style12 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#897037', endColorstr='#5c4c31');
background: -ms-linear-gradient(top, #897037, #5c4c31);
background: -moz-linear-gradient(top, #897037, #5c4c31);
background: -o-linear-gradient(top, #897037, #5c4c31);
background: -webkit-linear-gradient(top, #897037, #5c4c31);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #897037), color-stop(1, #5c4c31));
}
#hosting-table .table_style12 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#573423', endColorstr='#392316');
background-size: 40px 40px;
display: block;
background-color: #432a1b;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style12 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#897037', endColorstr='#5c4c31');
background: -ms-linear-gradient(top, #897037, #5c4c31);
background: -moz-linear-gradient(top, #897037, #5c4c31);
background: -o-linear-gradient(top, #897037, #5c4c31);
background: -webkit-linear-gradient(top, #897037, #5c4c31);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #897037), color-stop(1, #5c4c31));
moz-box-shadow: inset 0 -5px 0 #3e361d;
webkit-box-shadow: inset 0 -5px 0 #3e361d;
box-shadow: inset 0 -5px 0 #3e361d;
}
#hosting-table .table_style12 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#573423', endColorstr='#392316');
background: -ms-linear-gradient(top, #573423, #392316);
background: -moz-linear-gradient(top, #573423, #392316);
background: -o-linear-gradient(top, #573423, #392316);
background: -webkit-linear-gradient(top, #573423, #392316);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #573423), color-stop(1, #392316));
moz-box-shadow: inset 0 -5px 0 #2a190f;
webkit-box-shadow: inset 0 -5px 0 #2a190f;
box-shadow: inset 0 -5px 0 #2a190f;
}
#hosting-table .table_style12 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #2a190f;
webkit-box-shadow: inset 0 -1px 0 #2a190f;
box-shadow: inset 0 -1px 0 #2a190f;
}
#hosting-table .table_style13 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#801f58', endColorstr='#310726');
background: -ms-linear-gradient(top, #801f58, #310726);
background: -moz-linear-gradient(top, #801f58, #310726);
background: -o-linear-gradient(top, #801f58, #310726);
background: -webkit-linear-gradient(top, #801f58, #310726);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #801f58), color-stop(1, #310726));
}
#hosting-table .table_style13 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#437148', endColorstr='#354e3a');
background-size: 40px 40px;
display: block;
background-color: #395a3c;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style13 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#801f58', endColorstr='#310726');
background: -ms-linear-gradient(top, #801f58, #310726);
background: -moz-linear-gradient(top, #801f58, #310726);
background: -o-linear-gradient(top, #801f58, #310726);
background: -webkit-linear-gradient(top, #801f58, #310726);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #801f58), color-stop(1, #310726));
moz-box-shadow: inset 0 -5px 0 #290520;
webkit-box-shadow: inset 0 -5px 0 #290520;
box-shadow: inset 0 -5px 0 #290520;
}
#hosting-table .table_style13 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#437148', endColorstr='#354e3a');
background: -ms-linear-gradient(top, #437148, #354e3a);
background: -moz-linear-gradient(top, #437148, #354e3a);
background: -o-linear-gradient(top, #437148, #354e3a);
background: -webkit-linear-gradient(top, #437148, #354e3a);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #437148), color-stop(1, #354e3a));
moz-box-shadow: inset 0 -5px 0 #243627;
webkit-box-shadow: inset 0 -5px 0 #243627;
box-shadow: inset 0 -5px 0 #243627;
}
#hosting-table .table_style13 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #243627;
webkit-box-shadow: inset 0 -1px 0 #243627;
box-shadow: inset 0 -1px 0 #243627;
}
#hosting-table .table_style14 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8800', endColorstr='#c96601');
background: -ms-linear-gradient(top, #fe8800, #c96601);
background: -moz-linear-gradient(top, #fe8800, #c96601);
background: -o-linear-gradient(top, #fe8800, #c96601);
background: -webkit-linear-gradient(top, #fe8800, #c96601);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe8800), color-stop(1, #c96601));
}
#hosting-table .table_style14 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59a4cf', endColorstr='#4587b2');
background-size: 40px 40px;
display: block;
background-color: #4b95bf;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style14 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe8800', endColorstr='#c96601');
background: -ms-linear-gradient(top, #fe8800, #c96601);
background: -moz-linear-gradient(top, #fe8800, #c96601);
background: -o-linear-gradient(top, #fe8800, #c96601);
background: -webkit-linear-gradient(top, #fe8800, #c96601);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fe8800), color-stop(1, #c96601));
moz-box-shadow: inset 0 -5px 0 #804508;
webkit-box-shadow: inset 0 -5px 0 #804508;
box-shadow: inset 0 -5px 0 #804508;
}
#hosting-table .table_style14 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#59a4cf', endColorstr='#4587b2');
background: -ms-linear-gradient(top, #59a4cf, #4587b2);
background: -moz-linear-gradient(top, #59a4cf, #4587b2);
background: -o-linear-gradient(top, #59a4cf, #4587b2);
background: -webkit-linear-gradient(top, #59a4cf, #4587b2);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #59a4cf), color-stop(1, #4587b2));
moz-box-shadow: inset 0 -5px 0 #1a5171;
webkit-box-shadow: inset 0 -5px 0 #1a5171;
box-shadow: inset 0 -5px 0 #1a5171;
}
#hosting-table .table_style14 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #1a5171;
webkit-box-shadow: inset 0 -1px 0 #1a5171;
box-shadow: inset 0 -1px 0 #1a5171;
}
#hosting-table .table_style15 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#208b5f', endColorstr='#195944');
background: -ms-linear-gradient(top, #208b5f, #195944);
background: -moz-linear-gradient(top, #208b5f, #195944);
background: -o-linear-gradient(top, #208b5f, #195944);
background: -webkit-linear-gradient(top, #208b5f, #195944);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #208b5f), color-stop(1, #195944));
}
#hosting-table .table_style15 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6a936', endColorstr='#7f812b');
background-size: 40px 40px;
display: block;
background-color: #939632;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style15 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#208b5f', endColorstr='#195944');
background: -ms-linear-gradient(top, #208b5f, #195944);
background: -moz-linear-gradient(top, #208b5f, #195944);
background: -o-linear-gradient(top, #208b5f, #195944);
background: -webkit-linear-gradient(top, #208b5f, #195944);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #208b5f), color-stop(1, #195944));
moz-box-shadow: inset 0 -5px 0 #0c3a24;
webkit-box-shadow: inset 0 -5px 0 #0c3a24;
box-shadow: inset 0 -5px 0 #0c3a24;
}
#hosting-table .table_style15 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6a936', endColorstr='#7f812b');
background: -ms-linear-gradient(top, #a6a936, #7f812b);
background: -moz-linear-gradient(top, #a6a936, #7f812b);
background: -o-linear-gradient(top, #a6a936, #7f812b);
background: -webkit-linear-gradient(top, #a6a936, #7f812b);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #a6a936), color-stop(1, #7f812b));
moz-box-shadow: inset 0 -5px 0 #4b4d17;
webkit-box-shadow: inset 0 -5px 0 #4b4d17;
box-shadow: inset 0 -5px 0 #4b4d17;
}
#hosting-table .table_style15 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #4b4d17;
webkit-box-shadow: inset 0 -1px 0 #4b4d17;
box-shadow: inset 0 -1px 0 #4b4d17;
}
#hosting-table .table_style16 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7a5e', endColorstr='#fe4533');
background: -ms-linear-gradient(top, #fc7a5e, #fe4533);
background: -moz-linear-gradient(top, #fc7a5e, #fe4533);
background: -o-linear-gradient(top, #fc7a5e, #fe4533);
background: -webkit-linear-gradient(top, #fc7a5e, #fe4533);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fc7a5e), color-stop(1, #fe4533));
}
#hosting-table .table_style16 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d44882', endColorstr='#a33554');
background-size: 40px 40px;
display: block;
background-color: #ba3d68;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style16 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc7a5e', endColorstr='#fe4533');
background: -ms-linear-gradient(top, #fc7a5e, #fe4533);
background: -moz-linear-gradient(top, #fc7a5e, #fe4533);
background: -o-linear-gradient(top, #fc7a5e, #fe4533);
background: -webkit-linear-gradient(top, #fc7a5e, #fe4533);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fc7a5e), color-stop(1, #fe4533));
moz-box-shadow: inset 0 -5px 0 #a41d0f;
webkit-box-shadow: inset 0 -5px 0 #a41d0f;
box-shadow: inset 0 -5px 0 #a41d0f;
}
#hosting-table .table_style16 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d44882', endColorstr='#a33554');
background: -ms-linear-gradient(top, #d44882, #a33554);
background: -moz-linear-gradient(top, #d44882, #a33554);
background: -o-linear-gradient(top, #d44882, #a33554);
background: -webkit-linear-gradient(top, #d44882, #a33554);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #d44882), color-stop(1, #a33554));
moz-box-shadow: inset 0 -5px 0 #721b36;
webkit-box-shadow: inset 0 -5px 0 #721b36;
box-shadow: inset 0 -5px 0 #721b36;
}
#hosting-table .table_style16 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #721b36;
webkit-box-shadow: inset 0 -1px 0 #721b35;
box-shadow: inset 0 -1px 0 #721b36;
}
#hosting-table .table_style17 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aca93f', endColorstr='#6f6c26');
background: -ms-linear-gradient(top, #aca93f, #6f6c26);
background: -moz-linear-gradient(top, #aca93f, #6f6c26);
background: -o-linear-gradient(top, #aca93f, #6f6c26);
background: -webkit-linear-gradient(top, #aca93f, #6f6c26);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aca93f), color-stop(1, #6f6c26));
}
#hosting-table .table_style17 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#648af0', endColorstr='#4161dd');
background-size: 40px 40px;
display: block;
background-color: #4c75e7;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style17 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aca93f', endColorstr='#6f6c26');
background: -ms-linear-gradient(top, #aca93f, #6f6c26);
background: -moz-linear-gradient(top, #aca93f, #6f6c26);
background: -o-linear-gradient(top, #aca93f, #6f6c26);
background: -webkit-linear-gradient(top, #aca93f, #6f6c26);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #aca93f), color-stop(1, #6f6c26));
moz-box-shadow: inset 0 -5px 0 #424116;
webkit-box-shadow: inset 0 -5px 0 #424116;
box-shadow: inset 0 -5px 0 #424116;
}
#hosting-table .table_style17 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#648af0', endColorstr='#4161dd');
background: -ms-linear-gradient(top, #648af0, #4161dd);
background: -moz-linear-gradient(top, #648af0, #4161dd);
background: -o-linear-gradient(top, #648af0, #4161dd);
background: -webkit-linear-gradient(top, #648af0, #4161dd);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #648af0), color-stop(1, #4161dd));
moz-box-shadow: inset 0 -5px 0 #2646ae;
webkit-box-shadow: inset 0 -5px 0 #2646ae;
box-shadow: inset 0 -5px 0 #2646ae;
}
#hosting-table .table_style17 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #2646ae;
webkit-box-shadow: inset 0 -1px 0 #2646ae;
box-shadow: inset 0 -1px 0 #2646ae;
}
#hosting-table .table_style18 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23d933', endColorstr='#199926');
background: -ms-linear-gradient(top, #23d933, #199926);
background: -moz-linear-gradient(top, #23d933, #199926);
background: -o-linear-gradient(top, #23d933, #199926);
background: -webkit-linear-gradient(top, #23d933, #199926);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #23d933), color-stop(1, #199926));
}
#hosting-table .table_style18 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#628af0', endColorstr='#4060dd');
background-size: 40px 40px;
display: block;
background-color: #4b74e5;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style18 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#23d933', endColorstr='#199926');
background: -ms-linear-gradient(top, #23d933, #199926);
background: -moz-linear-gradient(top, #23d933, #199926);
background: -o-linear-gradient(top, #23d933, #199926);
background: -webkit-linear-gradient(top, #23d933, #199926);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #23d933), color-stop(1, #199926));
moz-box-shadow: inset 0 -5px 0 #116d19;
webkit-box-shadow: inset 0 -5px 0 #116d19;
box-shadow: inset 0 -5px 0 #116d19;
}
#hosting-table .table_style18 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#628af0', endColorstr='#4060dd');
background: -ms-linear-gradient(top, #628af0, #4060dd);
background: -moz-linear-gradient(top, #628af0, #4060dd);
background: -o-linear-gradient(top, #628af0, #4060dd);
background: -webkit-linear-gradient(top, #628af0, #4060dd);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #628af0), color-stop(1, #4060dd));
moz-box-shadow: inset 0 -5px 0 #2646ae;
webkit-box-shadow: inset 0 -5px 0 #2646ae;
box-shadow: inset 0 -5px 0 #2646ae;
}
#hosting-table .table_style18 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #2646ae;
webkit-box-shadow: inset 0 -1px 0 #2646ae;
box-shadow: inset 0 -1px 0 #2646ae;
}
#hosting-table .table_style19 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efb500', endColorstr='#b68801');
background: -ms-linear-gradient(top, #efb500, #b68801);
background: -moz-linear-gradient(top, #efb500, #b68801);
background: -o-linear-gradient(top, #efb500, #b68801);
background: -webkit-linear-gradient(top, #efb500, #b68801);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efb500), color-stop(1, #b68801));
}
#hosting-table .table_style19 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1a427', endColorstr='#755d12');
background-size: 40px 40px;
display: block;
background-color: #987f1c;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#hosting-table .table_style19 .hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efb500', endColorstr='#b68801');
background: -ms-linear-gradient(top, #efb500, #b68801);
background: -moz-linear-gradient(top, #efb500, #b68801);
background: -o-linear-gradient(top, #efb500, #b68801);
background: -webkit-linear-gradient(top, #efb500, #b68801);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #efb500), color-stop(1, #b68801));
moz-box-shadow: inset 0 -5px 0 #866504;
webkit-box-shadow: inset 0 -5px 0 #866504;
box-shadow: inset 0 -5px 0 #866504;
}
#hosting-table .table_style19 .column:hover ul li a.hosting-button{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c1a427', endColorstr='#755d12');
background: -ms-linear-gradient(top, #c1a427, #755d12);
background: -moz-linear-gradient(top, #c1a427, #755d12);
background: -o-linear-gradient(top, #c1a427, #755d12);
background: -webkit-linear-gradient(top, #c1a427, #755d12);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c1a427), color-stop(1, #755d12));
moz-box-shadow: inset 0 -5px 0 #4f4608;
webkit-box-shadow: inset 0 -5px 0 #4f4608;
box-shadow: inset 0 -5px 0 #4f4608;
}
#hosting-table .table_style19 .column:hover .hosting-button:active{
moz-box-shadow: inset 0 -1px 0 #4f4608;
webkit-box-shadow: inset 0 -1px 0 #4f4608;
box-shadow: inset 0 -1px 0 #4f4608;
}
#hosting-table .table_style20 .column .header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ded03b', endColorstr='#a1952a');
background: -ms-linear-gradient(top, #ded03b, #a1952a);
background: -moz-linear-gradient(top, #ded03b, #a1952a);
background: -o-linear-gradient(top, #ded03b, #a1952a);
background: -webkit-linear-gradient(top, #ded03b, #a1952a);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ded03b), color-stop(1, #a1952a));
}
#hosting-table .table_style20 .column:hover ul li.header_row{
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd5c3a', endColorstr='#ad2a10');
background-size: 40px 40px;
display: block;
background-color: #d13b22;
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -moz-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transpar
Then when to a sub forum with html enabled and pasted:
<div id="tablesbody">
<div id="tablescontainer">
<div id="hosting-table">
<div class="table_style2 col_5">
<div class="column">
<ul>
<li><strong>Example</strong></li>
<li class="header_row">
<h1>Example</h1><span>Example</span>
</li>
<li>Example<a class="tt" href="#">(?)<span class="tooltip triangle-obtuse">Example</span></a></li>
<li>Example</li>
<li>Example <a class="tt" href="#">(?)<span class="tooltip triangle-obtuse">Example</span></a></li>
<li>Example</li>
<li>Example <a class="tt" href="#">(?)<span class="tooltip triangle-obtuse">Example</span></a></li>
<li>Example</li>
<li class="footer_row"><a class="hosting-button" href="#">Check Out</a></li>
</ul>
</div>
<div class="column">
<ul>
<li><strong>Example</strong></li>
<li class="header_row">
<h1>Example</h1><span>Example</span>
</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li class="footer_row"><a class="hosting-button" href="#">Check Out</a></li>
</ul>
</div>
<div class="column">
<ul>
<li><strong>Example</strong></li>
<li class="header_row">
<h1>Example</h1><span>Example</span>
</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li class="footer_row"><a class="hosting-button" href="#">Check Out</a></li>
</ul>
</div>
<div class="column">
<ul>
<li><strong>Example</strong></li>
<li class="header_row">
<h1>Example</h1><span>Example</span>
</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li class="footer_row"><a class="hosting-button" href="#">Check Out</a></li>
</ul>
</div>
<div class="column">
<ul>
<li><strong>Example</strong></li>
<li class="header_row">
<h1>Example</h1><span>Example</span>
</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li>Example</li>
<li class="footer_row"><a class="hosting-button" href="#">Check Out</a></li>
</ul>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
and I get this:
[attachment=28029]
Instead of this (as it looks on my donation page):
[attachment=28030]
Also something weird.. when I use the above codes I gave in a blank HTML page and load it by itself in any browser, each box will pop up but when I use it in MyBB... it doesn't pop on any template page I put it on... lol.