/* ----- HTML TAG RESET & CLEARFIX ----- */
body,div,dl,dt,dd,ul,ol,li,h1,
h2,h3,h4,h4,h6,pre,form,fieldset,
input,textarea,p,blockquote { margin: 0; padding: 0; font-family: Verdana, sans-serif; font-size: 10px; }
fieldset,img { border: 0; vertical-align: bottom; }
a,h1 { overflow: hidden; }
ol,ul { list-style: none; }
caption,th { text-align: left; }
h1,h2,h3,h4,h4,h6 { font-size: 100%; font-weight: normal; overflow: hidden; }
q:before,q:after { content: ''; }
abbr,acronym { border: 0;}
.clear:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clear { display: inline-block; }
html[xmlns] .clear { display: block; }
* html .clear { height: 1%; }
/* ----- General ----- */
body { background: #fff url(http://mad-emedia.com/images/bg/body-forum.jpg) no-repeat; height: 100%; color: #000; background-position: top center; }
div.clear { clear: both; }
div.container { width: 970px; margin: auto; height: 100%; }
a { color: #07a4ff; text-decoration: none; outline: none; }
a:hover { text-decoration: none; }
.none { display: none; }
.left { float: left; }
.right { float: right; }
.flag { position: relative; right: 5px; }
.red { color: #bc0600 !important; }
.blue { color: #003399 !important; }
.green { color: #039000 !important; }
.gray { color: #c5c5c5 !important; }
/* ----- Headers ----- */
a.topLogo { float: left; background: url(http://mad-emedia.com/images/content/logo.gif) no-repeat; height: 75px; width: 175px; text-indent: -9999px; margin: 47px 0 0 0; }
div.leftWrap h3,
div.rightWrap h2,
div.rightWrap h3,
div.header160 { color: #394a59; font-family: Arial, sans-serif; font-weight: bold; font-size: 12px; }
div.leftWrap h3 { float: left; background: url(http://mad-emedia.com/images/bg/header_left.gif) no-repeat; height: 30px; width: 95px; padding: 6px 0 0 30px; margin-top:8px; text-align: left; }
div.rightWrap h2 { float: left; background: url(http://mad-emedia.com/images/bg/header265.gif) no-repeat; height: 32px; width: 233px; padding: 6px 0 0 32px; margin-top: 4px; }
div.rightWrap h3 { float: right; background: url(http://mad-emedia.com/images/bg/header_right.gif) no-repeat; height: 30px; width: 90px; padding: 6px 35px 0 0; margin-top:8px; text-align: right; }
div.header160 { float: left; background: url(http://mad-emedia.com/images/bg/header160.gif) no-repeat; height: 32px; width: 132px; padding: 6px 0 0 28px; margin-top: 4px; }
/* ----- FPSGS Network ----- */
div.fpsgsnetwork { position: absolute; width: 100%; background: url(http://mad-emedia.com/images/fpsgsnetwork/bar.gif) repeat-x; height: 32px; }
div.fpsnetworkWrap { margin: auto; width: 970px; color: #000; }
div.fpsnetworkWrap h2 { float: left; background: url(http://mad-emedia.com/images/fpsgsnetwork/title.gif) no-repeat; height: 32px; width: 212px; text-indent: -9999px; }
div.fpsnetworkWrap ul { float: left; margin-top: 10px; }
div.fpsnetworkWrap li { float: left; background: url(http://mad-emedia.com/images/fpsgsnetwork/arrow.gif) no-repeat; height: 12px; padding: 0 0 0 10px; margin: 0 5px 0 5px; }
div.fpsnetworkWrap a { color: #000; text-transform: uppercase;}
/* ----- Sub Nav ----- */
div.head { float: right; width: 730px; }
div.topLinks { float: left; margin: 43px 0 0 260px; }
div.topLinks img { margin-right: 4px; }
div.topLinks a { float: left; display: block; margin-left: 20px; font-family: Tahoma, sans-serif; }
div.topSupport { float: left; margin: 30px 0 0 20px; }
/* ----- Top Nav ----- */
div.topNav { float: right; width: 715px; height: 37px; margin: 20px 0 0 0; }
div.topNav ul { float: left; }
div.topNav li { float: left; }
div.topNav a { background: url(http://mad-emedia.com/images/bg/nav_off.gif) no-repeat; height: 24px; width: 84px; text-align: center; color: #9bb8cf; padding-top: 13px; display: block; }
div.topNav a:hover { background: url(http://mad-emedia.com/images/bg/nav_on.gif) no-repeat; color: #feffff; font-weight: bold; }
div.navLeft { float: left; background: url(http://mad-emedia.com/images/bg/nav_left.gif) no-repeat; height: 37px; width: 16px; }
div.navRight { float: left; background: url(http://mad-emedia.com/images/bg/nav_right.gif) no-repeat; height: 37px; width: 15px; z-index: 2; margin-left: -1px; }
/* ----- Content Wrap ----- */
div.contentWrap { float: left; width: 970px; }
/* ----- Left Wrap ----- */
div.leftWrap { float: left; width: 645px; margin-top: 42px; }
div.headlinesWrap { float: left; background: url(http://mad-emedia.com/images/bg/headlines.gif) no-repeat; height: 310px; width: 700px; margin: 8px 0 0 5px; }
div.leftText h4 { float: left; color: #3bbfff; font-size: 12px; font-weight: bold; width: 520px; clear: both; margin: 25px 0 5px 25px; }
div.leftText p { float: left; width: 480px; text-align: justify; color: #394a59; font-size: 11px; padding: 10px 0 0 30px; }
/* ----- Right Wrap ----- */
div.rightWrap { float: left; width: 235px; margin-top: 73px; background-color:#EFF5FF; border-left:1px solid #CFE2FF; padding: 15px; margin-left: 40px; }
div.rightWrap ul {list-style:none;margin:0 0 10px;padding:0;}
div.rightWrap ul li {line-height:25px;margin:0;padding:0;}
/* ----- CMS AD Box ----- */
div.cmsAd { float: left; background: url(http://mad-emedia.com/images/content/cms_ad.jpg) no-repeat; height: 39px; width: 78px; padding: 89px 0 0 184px; }
div.cmsAd a { float: left; font-weight: bold; color: #fff; text-transform: uppercase; display: block; margin-right: 10px; font-family: Tahoma, sans-serif; }
div.cmsAd a:hover { color: #000; }
/* ----- CMS Features ----- */
div.cmsFeature { float: left; background: url(http://mad-emedia.com/images/bg/featurebox.gif) no-repeat; height: 53px; width: 256px; padding: 9px 0 0 9px; margin-bottom: 3px; }
div.cmsFeature img { float: left; margin-right: 5px; }
div.cmsFeatureText { float: left; width: 200px;}
div.cmsFeatureText h4 { color: #fff; font-size: 15px; color: #fff; font-weight: bold; }
div.cmsFeatureText p { font-size: 9px; color: #aed9ff; text-align: justify; width: 200px; line-height: 14px; }
/* ----- Affiliates/Payments ----- */
div.affiliatesWrap,
div.paymentWrap { text-align: center; width: 265px; clear: both; margin-bottom: 10px; }
div.affiliatesWrap img { margin-bottom: 5px; }
div.paymentWrap img { margin: 10px 0 10px 0; }
/* ----- Footer ----- */
div.footerWrap { float: left; width: 960px; margin-top: 40px; }
div.footerWrap ul { float: left; margin-top: 22px; }
div.footerWrap li { float: left; }
div.footerWrap li a { display: block; margin-right: 18px; color: #5381ac; }
div.footerWrap li img { float: left; margin: 2px 4px 0 0; }
div.footerContent { float: right; width: 395px; text-align: right; }
div.footerText { float: left; color: #5381ac; width: 275px; }
div.footerText p { float: left; width: 275px; line-height: 14px; margin-top: 5px; }
div.footerText p a { color: #3bbfff; text-decoration: underline; }
div.footerText p a:hover { text-decoration: none; }
a.toTop { color: #5381ac; font-weight: bold; text-transform: uppercase; }
div.footerPic { float: left; width: 97px; margin-left: 10px; }
.nomargins {
margin:0px;
padding: 4px;
}
td {
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
color: #000000;
}
tr.menu_text_indent_10 {
text-indent: 10px;
}
tr.menu_text_indent_5 {
text-indent: 5px;
}
SELECT, OPTION {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
background-color: #e6edfd;
min-width: 80px;
}
table.invoice {
border-spacing: 0px;
border:0px none white;
border-collapse: collapse;
background-color: #F9F9F9;
}
table.invoice_sub {
border-spacing: 0px;
border:0px none white;
border-collapse: collapse;
background-color: #FFFDE3;
}
table.invoice td {
border-width: 1px;
border-style: solid;
border-color: #DDE3F9;
background-color: #F4F6FD;
padding: 2px 2px 2px 2px;
text-indent: 4px;
height: 26px;
}
table.invoice_data {
border-spacing: 0px;
border:0px none white;
border-collapse: collapse;
padding: 6px 6px 6px 6px;
}
table.invoice_data td {
border-width: 1px;
border-style: solid;
border-color: #EFF4FC;
padding: 6px 6px 6px 6px;
height: 26px;
}
table.invoice_dataSub {
border-spacing: 0px;
border:0px none white;
border-collapse: collapse;
padding: 4px 4px 4px 4px;
}
table.invoice_dataSub td {
border-width: 1px;
border-style: solid;
border-color: #EFF4FC;
padding: 4px 4px 4px 4px;
height: 26px;
}
input.button {
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:bold;
background-color:#ffa200;
border:1px solid;
border-top-color:#777777;
border-left-color:#777777;
border-right-color:#243;
border-bottom-color:#243;
}
input.install_button {
font-family: Helvetica, Arial, sans-serif;
font-size:90%;
height: 20px;
width: 125px;
}
input.red_button {
color:#FFFFFF;
font-family: Arial, Helvetica, sans-serif;
font-size:100%;
font-weight:bold;
background-color:#CC0000;
border:1px solid;
border-top-color:#777777;
border-left-color:#777777;
border-right-color:#243;
border-bottom-color:#243;
}
.ReportsButton {
font-size: 8pt;
font-family: Arial, Helvetica, sans-serif;
width: 125px;
height: 20px;
}