/* UnknownDrunkenInjuries.com. Designed by Will Peirce. Built by Mark Willis. */
/* Visit our website: InBite.com */


html {}
body {margin: 0; font-size: 14px; font-family: tahoma, arial, "trebuchet ms"; color: #000000; background: url(../../img/layout/main-bg.jpg) top repeat-x #DD200A; text-align: center;}

/* Header */
.wrapper {}
.header-top {height: 111px; background: url(../../img/layout/top-bg.jpg) top center no-repeat #000000; text-align: center;}
.content-header {width: 900px; margin: 15px auto 0px auto;}
.content-logo {width: 210px; height: 125px; background: url(../../img/layout/udi.png) left center no-repeat;}
a.logoLink {width: 210px; display: block; height: 125px; text-decoration: none;}
.content-loginnav {width: 350px; float: right; margin: 35px 0 0 0;}
.content-login {width: 230px; height: 86px; background: url(../../img/layout/login-box.png) center no-repeat; float: right; margin: 0;}
.loginInner {padding: 5px; color: #FFFFFF; text-align: center;}
.loginInner img.displaypic {float: left; margin: 0 10px 0 0;}
.loginInner a {color: #999999; text-decoration: none; font-size: 11px;}
.loginInner a:hover {color: #FFFFFF; text-decoration: underline; font-size: 11px;}
.loginInner p {margin: 4px;}
.loginInner h3 {margin: 0 0 5px 0; font-size: 12px; font-weight: bold;}
.accountactions {text-align: left;}
.accountcontrols {color: #999999; font-size: 11px;}
.content-nav {background: #000000; width: 300px; height: 30px; float: right; margin: 8px 0 0 0; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
.navLinks {padding: 6px 0 0 0;}
.navLinks a {color: #FFFFFF; text-decoration: none; font-weigth: bold; text-transform: uppercase; font-size: 14px; margin: 0 6px 0 6px;}
.clear {clear: both; height: 1px; overflow: hidden;}

/* Footer links */
.endAd {text-align: center; padding: 30px 0 0 0;}
.footerArea {text-align: center;}
.footerInner {padding: 20px 0 20px 0; color: #000000; font-size: 11px;}
.footerInner a {color: #000000; text-decoration: none; font-size: 11px;}
.footerInner a:hover {color: #333333; text-decoration: underline; font-size: 11px;}

/* Main content area */
.content-top {background: url(../../img/layout/content-top.png) top center no-repeat; height: 50px;}
.content-cen {background: url(../../img/layout/content-cen.png) center repeat-y;}
.content-btm {background: url(../../img/layout/content-btm.png) bottom center no-repeat; height: 30px;}
.content {width: 900px; padding: 20px 0 0 0; margin: 0 auto 0 auto;}
.content-inner {background: #FFFFFF; color: #000000; text-align: left; padding: 0 6px 0 6px}
.content-innerb {background: #EEEEEE; color: #000000; text-align: left; padding: 0 6px 0 6px}

.content h1 {font-size: 20px; margin: 0;}
.content h2 {font-size: 16px; margin: 0;}
.content h3 {font-size: 16px; margin: 0;}

.content p {font-size: 14px; margin: 1em 0 0 0;}
.content a {color: #000000; text-decoration: underline;}
.content a:hover {color: #333333; text-decoration: none;}

.newLinks {text-align: right; width: 250px; float: right; padding: 2px 0 0 0;}
.newLinks a {color: #AF1A09; font-weight: bold; margin: 0 0 0 5px; text-decoration: none;}

/* Account Page */
.account-controls {background: #EEEEEE; width: 100px; float: left; min-height: 500px;}
#accountControls {border: 0; margin: 0; padding: 0;}
#accountControls li {width: 100%; height: 40px; display: block; padding: 10px 0 0 0;}
#accountControls li a {width: 100%; height: 100%; display: block; text-align: center; border-bottom: 1px solid #CCCCCC; text-decoration: none; font-size: 13px; color: #000000;}
#accountControls li a:hover {width: 100%; height: 100%; display: block; text-align: center; border-bottom: 1px solid #CCCCCC; text-decoration: underline; font-size: 13px; color: #000000;}
.account-area {width: 700px; float: left; padding: 0 0 0 30px;}

/* Login Form */
.loginForm {padding: 8px 5px 0 0; text-align: right;}
.loginForm input {margin: 0 0 5px 0;}
.loginFieldInActive {color: #666666;}
.loginFieldActive {color: #000000;}

/* Nav Buttons */
a.navButtonBlack {display: block; width: 150px; height: 22px; background: url(../../img/layout/button-black.jpg) center no-repeat; float: left; font-size: 12px; color: #FFFFFF; text-align: center; text-transform: uppercase; font-weight: bold; text-decoration: none; padding: 5px 0 0 0; margin: 0 10px 0 0;}
a.navButtonGrey {display: block; width: 150px; height: 22px; background: url(../../img/layout/button-grey.jpg) center no-repeat; float: left; font-size: 12px; color: #FFFFFF; text-align: center; text-transform: uppercase; font-weight: bold; text-decoration: none; padding: 5px 0 0 0; margin: 0 10px 0 0;}
a.navButtonGreen {display: block; width: 150px; height: 22px; background: url(../../img/layout/button-green.jpg) center no-repeat; float: left; font-size: 12px; color: #000000; text-align: center; text-transform: uppercase; font-weight: bold; text-decoration: none; padding: 5px 0 0 0; margin: 0 10px 0 0;}

.noticebox {border: 1px solid #FFCC00; background: #FFFFCC; padding: 15px; color: #000000; margin: 10px 0 10px 0; text-align: left;}
.noticebox a {color: #333333; text-decoration: none;}
.noticebox a:hover {color: #333333; text-decoration: underline;}

/* Floater */
.mFloat-wrapper {position: relative; padding: 0; margin: 0; border: 0;}
.mFloatBlock-off {display: none; height: 1px; overflow: hidden; width: 1px; position: absolute; left: 0px; top: 0px;}
.mFloatBlock-on {position: absolute; display: block; left: 0px; top: 0px; width: 600px; background: url(../../img/floater/shade-border.png); font-size: 12px; margin: 0 auto 0 auto; -moz-border-radius: 10px; -webkit-border-radius: 10px; z-index: 100;}
.mFloat-inner {background: url(../../img/floater/mFloatRedBar.jpg) top repeat-x #FFFFFF; font-size: 12px; margin: 10px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border: 1px solid #000000; color: #333333;}
.mFloat-logo {background: url(../../img/floater/mFloatRedLogo.jpg) top left no-repeat; text-align: left;}
.mFloat-title {font-size: 14px; color: #FFFFFF; font-weight: bold; padding: 3px 0 0 20px; width: 550px;}
.mFloat-main {padding: 10px; color: #333333; text-align: left;}
.mFloat-main a {color: #000000;}
.mFloat-main a:hover {color: #999999;}
.mFloat-close {width: 20px; text-align: right; float: right; padding: 0; background: url(../../img/floater/close-button.png) center no-repeat;}
.mFloat-close a {display: block; width: 20px; height: 20px;}
.mFloat-section {border-bottom: 1px solid #CCCCCC; padding: 10px;}
.mFloat-main h1 {margin: 0;}
.mFloat-main h2 {margin: 0;}
.mFloat-main h3 {margin: 0;}
.mFloat-section p {color: #333333;}
.mFloat-section a {color: #000000; text-decoration: underline;}
.mFloat-section a:hover {color: #000000; text-decoration: none;}
.mFloatClear {clear: both; height: 1px; overflow: hidden;}

.greyButton {background: #444444; color: #FFFFFF; padding: 5px; border: 1px solid #111111;}

/* mwBubble */
.mwBubble-off {display: none; height: 1px; overflow: hidden; width: 1px; position: absolute; left: 0px; top: 0px;}
.mwBubble-on {position: absolute; left: 0px; top: 0px; width: 200px; background: #FFFFFF; border: 1px solid #000000; text-align: left; padding: 0;}
.mwBubble-inside {padding: 5px; color: #000000; font-size: 11px;}

.noticebox {border: 1px solid #FFCC00; background: #FFFFCC; padding: 5px; color: #000000; width: 90%; margin: 10px auto 10px auto; text-align: left;}
.noticebox a {color: #000000; text-decoration: underline; font-weight: bold; font-size: 12px;}
.noticebox a:hover {color: #333333; text-decoration: underline; font-weight: bold; font-size: 12px;}