* {
border: none;
margin: 0;
padding: 0;
}
a {
color: #a1ce16;
text-decoration: underline;
}
a:hover {
text-decoration: underline;
}
a:active,
a:focus {
outline: none;
}
label {
float: left;
width: 120px;
}
ul, li {
list-style: none;
}
.relative {
position: relative;
}
.clear {
clear: both;
overflow: hidden;
zoom: 1;
}
body {
background: #000 url(http://assets.monsterenergy.com:80/$assets$/59b398b5-8835-4d29-914d-2915ad27fd97/bg-body.jpg);
color: #a9a8a8;
font: 11px Verdana, Arial;
min-width: 960px;
padding: 0 !important;
position: relative;
}
/* Admin top bar */
#admin-topbar {
background: #222;
border-bottom: solid 3px yellowgreen;
height: 26px;
}
#admin-topbar h2.user-greeting {
color: #a9a8a8;
display: inline;
float: left;
font: normal 15px Verdana, Arial;
margin: 2px 6px 0;
}
#admin-topbar ul {
display: inline;
float: left;
margin-left: 20px;
}
#admin-topbar li {
display: inline;
float: left;
}
#admin-topbar li a {
background: #666;
color: #000;
display: block;
padding: 2px 6px;
margin: 3px;
text-decoration: none;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
#admin-topbar li a:hover {
background: #999;
color: #eee;
}
#wrapper {
position: relative;
}
#content-wrapper {
min-height: 600px;
}
div.block-wrapper {
clear: both;
margin: 0 auto;
overflow: hidden;
position: relative;
width: 960px;
}
div.flash-container {
outline: none;
position: relative;
z-index: 5;
}
div.flash-container object {
outline: none;
z-index: 5;
}
object {
outline: none;
}
#main-nav {
position: absolute;
left: 50%;
top: 0;
margin-left: -490px;
height: 530px;
width: 200px;
z-index: 10;
}
#footer-navigation {
margin: 0 auto;
height: 30px;
width: 960px;
}
#footer-navigation-flash {
margin-left: 733px;
height: 30px;
width: 145px;
}
/* Bad layout detector */
div.columns-2 { border: solid 2px blue; }
div.columns-2 td { border: solid 2px red; }
div.columns-2:before { content: 'Please, change the layout of this page to 1 Column'; }
/* IE6 and 7 Tab Login Hack */
#news-hero-flash,
#calendar-hero-flash,
#bands-list-hero-flash,
#athletes-bysport-hero-flash,
#gallery-hero-flash,
#event-media-hero-flash,
#community-photo-hero-flash,
#downloads-detail-hero-flash,
#top-header-flash,
#user-hero-flash {
*height: 500px !important;
_position: absolute !important;
}
div.agreed-container div.column-block-simple {
*width: 100% !important;
*display: block;
*float: none !important;
}
div#blogMainPost {
min-height: 350px !important;
}
#p_p_id_EXT_GALLERY_INSTANCE_KK6h_ div.section-content {
padding-bottom: 20px;
}
#photo-info {
*z-index: 15 !important;
}
/* Fix for flash heros going behind html content */
/* Don't add all swtich portlets, only those needed */
#p_p_id_EXT_4_INSTANCE_gBHY_,
#p_p_id_EXT_4_INSTANCE_zl6g_,
#p_p_id_EXT_4_INSTANCE_XzpR_ {
position: relative;
z-index: 100;
}
/* Footer */
#footer {
background: url(http://assets.monsterenergy.com:80/$assets$/59b398b5-8835-4d29-914d-2915ad27fd97/bg-footer.png) no-repeat;
clear: both;
color: #363636;
font: 9px Verdana, Arial;
height: 71px;
margin: 10px auto 40px;
overflow: hidden;
width: 950px;
}
#footer #links {
margin-top: 44px;
overflow: hidden;
height: 11px;
}
#footer #links a {
background: url(http://assets.monsterenergy.com:80/$assets$/59b398b5-8835-4d29-914d-2915ad27fd97/footer-coupon.png) no-repeat 0 top;
display: block;
float: left;
height: 11px;
width: 49px;
text-indent: -9999px;
}
#footer #links a#about-link { background-position: 5px top; width: 54px; }
#footer #links a#contact-link { background-position: -49px top; width: 64px; }
#footer #links a#terms-link { background-position: -113px top; width: 76px; }
#footer #links a#privacy-link { background-position: -189px top; width: 82px; }
#footer #links a#coupon-link { background-position: -272px top; width: 78px; }
#footer #copyright {
float: right;
margin-top: -12px;
margin-right: 25px;
}
/**
* SqueezeBox - Expandable Lightbox
*
* Allows to open various content as modal,
* centered and animated box.
*
* @version 1.1 rc4
*
* @license MIT-style license
* @author Harald Kirschner <mail [at] digitarald.de>
* @copyright Author
*/
#sbox-overlay {
position: absolute;
background-color: #000;
left: 0px;
top: 0px;
zoom: 1;
}
#sbox-window {
position: absolute;
text-align: left;
overflow: visible;
padding: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#sbox-content {
clear: both;
overflow: auto;
height: 100%;
width: 100%;
}
.body-overlayed { overflow: hidden; } /* Hides scrollbars */
.body-overlayed embed, .body-overlayed object, .body-overlayed select { visibility: hidden; } /* Hides flash (Firefox problem) and selects (IE) */
#sbox-window embed, #sbox-window object, #sbox-window select { visibility: visible; }