/* Eric Meyer Reset Part 2 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
body {
line-height: 1em;
background: white;
position:relative;
font: 10pt/10pt Helvetica, Arial, sans-serif;
}
ol, ul {
list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, td {
text-align: left;
font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: "";
}
blockquote, q {
quotes: "" "";
}
/* Eric Meyer Reset Part 2 */
h1 {
}
h2 {
padding: 10px 0 0;
}
h3 {
padding: 5px 0;
}
h4 {
padding: 5px 0;
}
p {
padding: 0 0 10px;
}
a {
line-height: 1.3em;
}
:focus {}
.hide, .reg-popup-container, .article .mn-content-body h1 {
display:none;
}
.show {
display:block;
}
button, input.button {
cursor:pointer;
}
table th.center, table td.center, table td.qty, table th.number, table td.number, .number {
text-align:center;
}
table th.left, table th.text, table td.text {
text-align:left;
}
table th.right, table td.price, table th.price, td.price input, input.price {
text-align:right;
}
/* Header Navigation */
/* -- HEADER -- */
body.sports li.sportslink , body .nav-container li.sportslink:hover,
body.products li.productslink , body .nav-container li.productslink:hover,
body.music li.musiclink , body .nav-container li.musiclink:hover,
body.theater li.theaterlink, body .nav-container li.theaterlink:hover,
body.lodging .nav-container li.lodginglink, body .nav-container li.lodginglink:hover, body .nav-container li.storelink, body .nav-container li.storelink:hover{
background-position:bottom left;
}
body.sports li.sportslink ul, body.products li.productslink ul, body.music li.musiclink ul, body.theater li.theaterlink ul, body.lodging li.lodginglink ul, body.store li.storelink ul {
visibility:visible;
}
.hd-container, .nav-container, .mn-container, .ft-container {
min-width: 1000px;
}
.hd-content, .nav-content, .mn-content {
padding: 0 20px;
}
.ft-content {
padding: 0 25px;
}
.hd-content li p {
padding-bottom: 0;
}
img a { border: none; }
.logo-container {
width:192px;
height:62px;
position:absolute;
top:30px;
z-index: 100;
}
.logo-container a {
display:block;
width:192px;
height:54px;
}
.logo-container h1 {
text-indent:-10000px;
}
.hd-container ul{
text-align:right;
padding: 0 0 .5em;
list-style:none;
}
.hd-container ul li {
float:right;
margin-left:15px;
padding-top: 1em;
padding-bottom: .25em;
}
.nav-container {
min-height:43px;
position:relative;
z-index: 20;
}
.nav-container ul {
margin-left:200px;
}
.nav-container ul li {
float:left;
}
.nav-container ul li a {
display:block;
}
.hidden {
top: -10000px;
}
.nav-container ul ul {
width:100%;
position:absolute;
top: 0;
left:0;
height:39px;
margin-top: 43px;
margin-left:0;
visibility:hidden;
z-index: 1000;
}
.nav-container ul li:hover ul {
z-index: 2000;
}
.nav-container ul ul li {
margin-right:3px;
padding: 2px 5px 2px
}
.nav-container ul ul li a {
padding: 6px 8px 5px;
text-decoration:none;
}
.nav-container ul ul li a:hover {
padding: 0 6px 1px;
border-width:2px;
border-style:solid;
text-decoration:none;
margin-top:5px;
}
.mlb ul ul li a.link-mlb, .nfl ul ul li a.link-nfl, .nba ul ul li a.link-nba, .nhl ul ul li a.link-nhl,
.phones ul ul li a.link-phones, .toys ul ul li a.link-toys, .concerts ul ul li a.link-concerts,
.broadway ul ul li a.link-broadway, .college-fb ul ul li a.link-college-fb, .college-bb ul ul li a.link-college-bb, .golf ul ul li a.link-golf,
.gaming-consoles ul ul li a.link-consoles {
padding: 0 6px 1px;
border-width:2px;
border-style:solid;
text-decoration:none;
margin-top:5px;
}
.nav-container ul ul li.group-pic {
margin-right: 7px;
}
.nav-container ul ul .first {
height:34px;
width:196px;
margin-left:15px;
margin-top:0;
}
.nav-container li.sportslink a.main, .nav-container li.productslink a.main,
.nav-container li.musiclink a.main, .nav-container li.theaterlink a.main,
.nav-container li.lodginglink a.main {
float:left;
}
.nav-container li.sportslink a.main {
width:82px;
height:43px;
}
.nav-container li.productslink a.main {
width:102px;
height:43px;
}
.nav-container li.musiclink a.main {
width:101px;
height:43px;
}
.nav-container li.theaterlink a.main, .nav-container li.lodginglink a.main {
width:90px;
height:43px;
}
body .nav-container form input {
float:right;
margin-right:6px;
margin-top:9px;
width:180px;
border-width:2px;
border-style: solid;
}
.nav-container button {
width:61px;
height:31px;
float:right;
margin-top:6px;
border-width: 0;
}
.nav-container ul li a {
display:block;
}
/* Main Container */
.mn-container {
position: relative;
z-index: 10;
padding-bottom: 20px;
}
.mn-content {
top: -43px;
padding: 60px 25px;
position:relative;
z-index: 11;
}
.mn-content h1 {
min-width: 185px;
}
.mn-content .link-depth h1 {
margin-left: 25px;
float: left;
}
.mn-content .link-depth ul {
float: left;
}
.mn-content .link-depth ul li {
}
.floatleft { float: left; }
/* if you want the background to show up underneath top navigation bar apply this class */
.products .marketing-v1, .music .marketing-v1, .theater .marketing-v1, .lodging .marketing-v1 {
height: 300px;
}
.home .marketing-v1 {
height: 329px;
margin-right: -25px;
margin-left: -25px;
text-align:right;
}
.homepage-banner1, .homepage-banner2, .homepage-banner3, .homepage-banner4 {
height: 330px;
position:relative;
text-align:center;
}
.help-intro a {
height:41px;
text-indent:-10000px;
display:block;
}
.home .marketing-v1 h2 {
text-align:center;
width:535px;
position:absolute;
margin-left:-85px;
}
.tagline-2 {
border-style:solid;
border-width:2px;
margin-left:0;
padding:0;
}
.tagline-2 a {
display:block;
text-decoration:none;
border-style:solid;
border-width:2px;
}
.home .marketing-v1 .tag-lines {
margin:0 auto;
width:600px;
padding-top:150px;
}
.homepage-banner2 h2 {
margin-left:-85px;
}
.tag-lines .slide-special{
margin-left:-85px !important;
}
.home .mn-container {
padding-bottom: 0;
}
.home .mn-content {
padding-bottom: 0;
}
.home .ft-container {
}
.under-nav {
padding-top:0;
}
.under-nav .link-depth {
padding-top:84px;
}
.link-depth {
padding: 0 0 5px;
position:relative;
width: 100%;
}
.link-depth ul, .link-depth li {
float:left;
}
.link-depth ul {
position:relative;
display: block;
z-index: 12;
}
.link-depth li {
min-width: 75px;
text-align: center;
}
.link-depth ul li a, .mydibz-tabs li a {
height: 15px;
display:block;
padding: 4px 10px;
text-decoration:none;
-moz-border-radius: 3px ;
border-width: 1px;
border-style: solid;
position:relative;
z-index: 15
}
.link-depth li a, .mydibz-tabs li a {
margin: 15px 10px 0;
}
.team-event-content div a {
float:left;
margin-right: 15px;
padding-top: 3px;
}
.link-depth span {
text-transform: lowercase;
}
/* for second level pages or any page you want to have a left and right margin equal to the top margin
this forces alignment
*/
.mn-content-body {
padding: 0 20px 0 105px;
}
/* Home */
.home .mn-content-body {
padding: 0 0;
}
/* Home Marketing V1 */
.colosseum-tagline {
font: normal 3.8em/1.2em "Palatino Linotype", Palatino, "Times New Roman", Times, serif;
color: #fff;
margin: 0 auto;
text-align:center;
padding-top: 120px;
}
/* About Us */
.aboutus .mn-content-body li {
padding: 5px 0;
}
.aboutus .mn-content-body li div {
padding: 5px 0 0;
}
.aboutus .mn-content-body li img {
float:left;
width: 100px;
height:100px;
margin-right:10px;
}
/* Partners */
.partners .mn-content-body ul li {
float:left;
min-height:155px;
padding: 10px;
}
.partners .mn-content-body ul li span {
text-indent: -9000px;
display:block;
}
/* Two Column Layout */
.two-column-container {
min-width: 890px;
}
.two-column-container .content-left, .two-column-container .content-right, .company .two-column-container .myaccount-pod, .help .two-column-container .myaccount-pod {
width:47%;
float:left;
}
.company .two-column-container, .help .two-column-container {
min-width: 0;
}
/* Sports Page */
.sports-bg {
text-align:center;
margin: 0 auto;
position:relative;
z-index: 400;
padding-top: 100px;
}
.category .mn-content-body {
margin-top:10pt;
}
.second-level-seperator {
border-top:2px;
border-style: solid;
}
.second-level-seperator li p {
padding: 0 10px;
}
.category .mn-content-body ul li, .group-content ul li {
float:left;
margin-bottom:5px;
}
.category .mn-content-body ul a, .group-content ul a, .team-event-only li a {
display:block;
padding:2px 10px;
}
.category .mn-content-body ul a:hover, .group-content ul a:hover, .team-event-only li a:hover {
text-decoration:none;
}
.category h3 {
padding:5px 10px;
}
.category .mn-content-body ul ul, .group-content ul ul {
min-height:275px;
padding-right:10px;
width:15em;
}
.category .mn-content-body ul ul li, .group-content ul ul li {
float:none;
text-align:left;
margin-bottom:0;
}
.category .mn-content-body ul ul ul, .group-content ul ul ul{
height:200px;
}
.category .mn-content .topteams, .group-content .topteams {
margin-top:15px;
}
.topteams .last, .group-content .last {
margin-top:10px;
}
/* Products */
/* Sellers */
.sellers .mn-content-body h1 {
background-color: transparent;
background-repeat: no-repeat;
width: 81px;
min-width: 81px;
height: 64px;
float:left;
padding: 10px 0;
}
.sellers .mn-content-body h1 p {
text-indent: -10000px;
}
.step-complete h1 {
background-position: top left;
}
.step-progress h1 {
background-position: top right;
}
.step-login .form-left {
width: 35%;
_width: 300px;
margin-left: 100px;
_margin-left: 30px;
}
.summary-popup {
height: 385px;
overflow:auto;
position: absolute;
top: 285px;
left: 185px;
z-index: 100;
}
.summary-popup .ticket-content {
position: relative;
top: 0px;
left: 0px;
}
.summary-popup .ticket-content .reg-close {
float: right;
}
.sellers .mn-content-body h2 {
float:left;
padding-left: 10px;
}
.add-ticket-container {
width: 100%;
border-top-width:1px;
border-bottom-width: 1px;
border-style: solid;
border-left-width: 0;
border-right-width:0;
height: 100px;
_height: 200px;
margin-bottom: 15px;
overflow: visible;
}
.add-ticket-content {
padding: 20px 20px 20px 100px;
}
.add-ticket-content div {
float:left;
margin-right: 20px;
}
.ticket-content select {
width: 5em;
}
.ticket-content option {
text-align: center;
}
html>select {
width: auto;
min-width: 10em;
}
.add-ticket-content label {
width: 150px;
}
.add-ticket-content div p {
font-size: 1.1em;
padding-top: 5px;
font-weight: normal;
}
.add-ticket-content div p span {
text-transform: uppercase;
font-size: .7em;
font-weight: bold;
}
#test {
margin-bottom: 15px;
}
.box-model {
}
.add-ticket-content .button {
margin-left: 0;
padding-left: 0;
height: 53px;
width: 68px;
border: none;
}
.add-ticket-content select {
width: 175px;
}
.add-ticket-content input {
clear: both;
height: 1.5em;
width: 80px;
text-align:right;
}
/* Footer */
.ft-container {
border-top: 6px solid;
min-height: 13em;
padding-top: 10px;
}
.ft-content {
margin: 0 auto;
text-align: center;
}
.ft-content ul {
margin: 0 auto;
text-align: left;
}
.ft-content ul ul li {
font-weight: normal;
float: none;
}
.ft-content ul ul ul {
position:relative;
min-height:65px;
padding-top:0;
}
.ft-content ul ul li a {
border-bottom-width:1px;
border-style:solid;
}
.fanforward .mn-content ul {
padding-left: 25px;
padding-bottom: 15px;
}
.fanforward .mn-content ul li {
padding-top: 15px;
}
.fanforward hr {
border:1px solid;
display:block;
height:1px;
margin:0.5em auto;
}
.fantable {
width: 100%;
}
.fantable th {
font-weight: bold;
width: 75px;
text-align: center;
border-bottom-width: 1px;
border-style:solid;
padding: 5px;
vertical-align: bottom;
}
.fantable .event {
width: 150px
}
.fantable td {
text-align: center;
padding: 5px;
width: 75px;
vertical-align: middle;
}
.separator {
border-top-width: 1px;
border-top-style:solid;
}
.form-left, .form-right {
float: left;
width: 45%;
}
.form-right {
margin-left: 15px;
}
/* Boxes for Support Page. Could be reused for other boxes on other pages, I suppose. */
.sp-box {
float: left;
padding: 10px;
width: 15%;
min-width: 180px;
margin: 15px 15px 0 0;
border-width:1px;
border-style:solid;
}
/* Contact Us, Login and Registration form styles */
.sellers .contactforms {
width: 500px;
margin-left: 95px;
}
.sellers .ccButtons {
padding-top: 15px;
position: relative;
padding-left: 25px;
width: 750px;
}
.myccButtons {
margin-left:150px;
padding-top:52px;
}
.credit-card-img-container {
height:75px;
}
.sellers .ccButtons .contactforms {
margin-left: 0;
width: 750px !important;
}
.sellers .ccButtons label {
width: 200px;
}
.personalinfo .form-left .contactforms {
width: 100%;
}
.sellers .contactforms label{
width: 150px;
text-align: left;
}
.sellers .contactforms input {
width: 150px;
}
.sellers .contactforms .centered, .tickets .centered {
margin-left: 75px;
}
.contactforms .reg-popup-container, .sellers .ccButtons {
border-width: 1px;
border-style: solid;
}
form input.check-req {
border: none;
}
form input {
border-width: 1px;
border-style: solid;
}
form input.input-box {
border-width: 0;
}
form .contactforms label, .form-left form input, .form-left form textarea {
float: left;
margin-bottom: 5px;
}
form.contactforms fieldset {
padding: 10px;
}
form .contactforms label {
float: left;
width: 105px;
text-align: right;
padding: 2px 15px 0 0;
}
form .contactforms input, form .form-left textarea {
float: left;
text-align: left;
width: 250px;
height: 1.6em;
}
form .contactforms select {
float: left;
text-align: left;
min-width: 150px;
width: 150px;
height: 1.6em;
}
.contactforms input.button {
width: auto;
height: auto;
text-align: center;
}
.contactforms .centered {
margin-left: 110px;
}
.contactforms .popups-container {
position: relative;
top: 0;
left: 0;
padding: 15px;
}
.contactforms .reg-close {
float: right;
}
.contactforms .reg-popup-container {
min-width: 400px;
width: 35%;
position: absolute;
top: 0;
left: 0;
height: 400px;
overflow: auto;
padding: 15px;
}
form input.checkbox-req, .sellers input.checkbox-req {
width: 15px;
margin: 0;
margin-right: 15px;
}
.mn-content-body ul ul li, .group-content ul li {
margin: 3px 0;
}
.markets .contactforms select {
margin-left: 25px;
}
.markets .contactforms input {
margin-right: 10px;
}
.updateAddress .contactforms label {
width: 150px;
white-space: nowrap;
}
.personalinfo .form-left {
min-width: 460px;
width:60%;
}
.personalinfo .form-right {
min-width: 250px;
width: 30%;
}
.account .contactforms table label {
width: auto;
}
fieldset.personal-info {
width: 400px;
}
/* User Registration */
.user-reg .form-intro {
padding-bottom: 20px;
}
.user-reg .truste {
padding: 10px;
width: 80%;
text-align: center;
}
.user-reg .reg-right {
float: left;
width: 35%;
min-width: 400px;
}
.user-reg .reg-left {
float: left;
width: 45%;
min-width: 400px;
}
.user-reg .reg-right ul {
list-style-type: disc;
margin-left: 25px;
}
.user-reg .reg-left div input {
float: left;
text-align: left;
width: 175px;
font-size: 1.2em;
}
.user-reg .reg-left div.checkbox-req {
margin-left: 160px;
}
.user-reg .reg-left div.checkbox-req input {
width: 25px;
float: left;
}
.user-reg .reg-left div {
padding: 2px;
}
.user-reg .reg-left div label {
float: left;
width: 150px;
text-align: right;
padding: 2px 15px 0 0;
}
.user-reg .reg-left .regButtonContainer {
margin-left: 165px;
}
.user-reg .popups-container {
position: relative;
top: 0;
left: 0;
}
.user-reg .reg-popup-container {
min-width: 400px;
width: 35%;
position: absolute;
top: 0;
left: 0;
height: 400px;
overflow: auto;
padding: 15px;
}
.user-reg .reg-close {
float: right;
}
.user-reg .reg-right, .reg-left {
padding: 10px 10px 10px 0;
}
.user-reg .reg-left p.input-suggestion {
clear: both;
float: left;
margin-left: 165px;
width: 50%;
}
.user-reg .centered {
margin-left: 200px;
}
.user-reg .reg-left fieldset.cust-info {
border-width: 1px;
border-style: solid;
}
.user-reg .optional {
border: 2px dashed #ccc;
background: #F6F6F6;
padding: 15px;
float: left;
}
.user-reg .optional label {
text-align: right;
width: 90px;
margin-top: 8px;
float: left;
}
.user-reg .optional input {
text-align: left;
width: 175px;
margin-left: 10px;
margin-top: 8px;
float: left;
}
.user-reg .optional select {
margin-left: 10px;
margin-top: 8px;
float: left;
}
ul.dashboard-tabs {
position: relative;
margin-left: 40px;
display: block;
margin-bottom: -2px;
}
.dashboard-tabs li {
display: inline;
float: left;
padding: 8px;
-moz-border-radius-topright: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-bottomleft: 0;
-moz-border-radius-bottomright: 0;
border: 1px solid #ccc;
border-bottom: none;
color: #fff;
margin-right: 4px;
position:relative;
}
.dashboard-tabs li.active {
color: #000;
border-bottom-color: #fff;
margin-top: -1px;
padding-top: 9px;
position: relative;
top: 1px;
}
.udibz-market-notifications {
border: 1px solid #ccc;
}
.udibz-market-notifications div {
float: left;
width: 32%;
min-width: 250px;
}
.udibz-market-notifications div.step1 h3 ,.udibz-market-notifications div.step2 h3, .udibz-market-notifications div.step3 h3, .udibz-market-notifications div.step1-inactive h3, .udibz-market-notifications div.step2-inactive h3, .udibz-market-notifications div.step3-inactive h3 {
height: 20px;
}
.udibz-market-notifications div h3 {
padding-left: 40px;
margin-top: 10px;
margin-bottom: 15px;
}
.udibz-market-notifications div p {
padding: 0 10px 0 40px !important;
margin-bottom: 10px;
}
.udibz-market-notifications div.inactive h3, .udibz-market-notifications div.inactive p {
color: #ccc;
}
.udibz-market-notifications div div.fake-select-box {
border: 1px solid #ccc;
background: #fff;
overflow-x: hidden;
overflow-y: scroll;
margin-left: 40px;
margin-top:-10px;
width:220px;
position: absolute;
height: 100px;
min-width: 220px;
}
.udibz-market-notifications div.fake-select-box ul {
width: 100%;
}
.udibz-market-notifications div.fake-select-box ul li {
padding: 8px 0 8px 10px;
font-size: .8em;
}
.udibz-market-notifications div.fake-select-box ul li a {
display: block;
}
.udibz-market-notifications div.fake-select-box ul li.even {
background: #f8f8f8;
display:block;
}
.udibz-market-notifications div.fake-select-box ul li:hover, .udibz-market-notifications div.fake-select-box ul li.even:hover {
background: #ccc;
display:block;
}
/*--CLEARFIX--*/
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden;
}
.clearfix {
clear: both;
}
html[xmlns] .clearfix {
display:block;
}
* html .clearfix {
height:1%;
}
button.nextbutton {
width: 75px;
height: 57px;
border-style: none;
}
.logos {
width: 300px;
margin: 0 auto;
margin-top: 120px;
}
.screenContainer div {
float: left;
width: 18em; /* When using a fixed number of columns, you can omit the width. Otherwise it must be set! This will be the *minimum* width of a column*/
padding: 10px; /* You may use a padding... but thanks to IE you can only use pixels! */
position: relative;
text-align: justify;
margin: 0; /* Don't use a margin! */
}
label.userInfo {
text-align: left;
}
.billingAddress {
float: left;
width: 245px;
margin: 15px 10px 0 0;
}
.billingAddress .billingButtons {
float: left;
width: 75px;
}
.billingAddress .billingButtons p {
float: left;
}
.billingAddress .billingButtons input {
float: left;
margin-right: 5px;
width: 75px;
}
.billingAddress .addressInfo {
float: left;
width: 150px;
margin: 0 0 0 10px;
}
.myaccount-pod .content {
margin-left: 10px;
padding-top: 10px;
}
.myaccount-pod .content p {
display:block;
padding-bottom:2px;
text-indent:15px;
padding-left:10px;
}
.myaccount-pod h2 {
line-height:1.4em;
}
.mymoney .modify-profile {
margin-top:15px;
}
.mymoney .address-radio {
width:25px;
float:left;
}
.myaccount-pod .content a {
min-height: 32px;
display:block;
text-decoration:none;
padding-left: 40px;
}
.myaccount-pod .content a span {
border-bottom-width: 1px;
border-bottom-style: solid;
}
.right-border {
border-right-width: 1px;
border-right-style:solid;
}
.myaccount-pod .content p {
padding-right: 20px;
padding-left: 40px;
text-indent: 0;
}
.mymoney .address-info {
float:left;
text-align:left;
width:50%;
margin-bottom:10px;
}
.mymoney .card-type label {
margin-right:15px;
}
.mydibz-tabs ul li {
float:left;
margin-right:25px;
margin-bottom:20px;
}
.fascination .mn-container {
padding-bottom: 0;
}
.fascination .marketing-v1 {
padding-bottom: 40px;
}
.fascination .ft-container {
top: -43px;
position:relative;
z-index:1000;
}
.tell-us-fascinates{
width:800px;
margin:0 auto;
}
.tell-us-fascinates span {
margin-top:10px;
display:block;
}
.tell-us-fascinates div{
margin-top:22px;
}
.tell-us-fascinates input {
width:600px;
margin-top:15px;
}
.tell-us-fascinates button {
border-width:0;
}
.tell-us-fascinates h2 {
margin-top:42px;
}
.tell-us-fascinates .tell-us {
height:31px;
width:118px;
}
fieldset.updateInfo {
padding: 10px;
}
.popup-box-container {
z-index: 99999;
height: 320px;
width: 420px;
position: absolute;
left: 0;
border-width: 1px;
border-style:solid;
padding: 10px;
}
.popup-policy {
left: 420px;
}
.errors {
margin: 10px 0;
padding: 10px 10px 5px 40px;
font-size:1.3em;
font-weight:bold;
min-width: 30%;
}
.errors p {
padding-bottom: 0;
}
.errors ol li {
font-size:.8em;
font-weight:normal;
padding:5px 0;
}
.messages {
margin: 20px 0;
padding-left:45px;
min-height:40px;
padding-top:10px;
font-size:1.3em;
font-weight:bold;
}
.popup-box {
position: relative;
height: 300px;
width: 400px;
overflow-y: auto;
overflow-x: hidden;
z-index: 99999;
border-width: 1px;
border-style:solid;
padding: 10px;
}
.cents {
float:right;
}
.market-table select {
z-index: 100;
}
.popup-box ul, .market-content-maincol .team-event-only-content ul {
margin-left: 20px;
}
.popup-box ul li, .market-content-maincol .team-event-only-content ul li {
list-style-type: decimal;
line-height: 1.4em;
}
.fanforward .popup-box-container {
height: 160px;
}
.fanforward .popup-box {
height: 140px;
}
.fanforward .box-container {
text-align: center;
}
.fanforward .box-container ul {
margin: 0 auto;
margin-top: 25px;
margin-bottom: 15px;
}
.fanforward .box-container ul li {
padding: 15px 40px 15px 40px;
text-align: center;
display: inline;
border-width: 1px;
border-style: solid;
}
.fanforward .bordered {
border-width: 1px;
border-style: solid;
padding: 10px;
margin: 10px;
}
.fanforward .box-container a {
text-decoration: none;
}
.fanforward .buyplus, .fanforward .sellplus, .fanforward .createplus {
left: 420px;
}
.fanforward .close-me {
float: right;
padding-right: 15px;
}
img.tour {
padding-left: 15px;
}
.search-results {
margin-left: 50px;
}
.search-results ul, .search-results ul li {
width: 80%;
}
.ccDiv {
position: absolute;
top: 500px;
left: 100px;
}
.ccDiv_buy {
position: absolute;
top: 390px;
right: 50px;
border-width: 1px;
border-style:solid;
padding: 15px;
z-index: 55555;
width: 800px;
}
.ccleft {
float: left;
width: 50%;
}
.ccright {
float: left;
width: 50%;
}
.contactforms .ccleft label, .contactforms .ccright label, .contactforms .ccleft input,
.contactforms .ccleft select, .contactforms .ccright input,
.contactforms .ccright select {
float: left;
width: 150px;
}
.contactforms .ccleft select, .contactforms .ccright select {
margin: 0;
}
.contactforms .ccright input.checkbox-req {
width: 15px;
}
h3.substep {
margin-left: -25px;
margin-top: 15px;
}
.form-left span {
float: left;
clear: both;
}
.form-left span.LV_invalid {
float: left;
clear:none;
}
.mn-content p.input-suggestion {
font-size: 9px;
text-transform: uppercase;
letter-spacing: .03em;
}
a.no-message {
display:inline !important;
padding: 2px 0 !important;
}
input.checkbox-req {
border: none;
outline: none;
}
input.button {
border: outset 1px;
}
.read-more {
clear: both;
float: right;
}
.close-box { float: right; }
.popup-shadow {
opacity: 0.4;
position: absolute;
top: 4px;
left: 4px;
z-index: 100;
height:361px;
width:444px;
}
.left-col {
width: 55%;
float: left;
padding: 15px;
}
.right-col {
width: 30%;
float: left;
padding: 15px;
}
.tabs span {
border: 1px solid;
border-color: #ccc;
border-bottom: 0;
background: #ddd;
padding: 10px;
float:left;
z-index: 999;
}
.transacted-table {
position: relative;
margin-top: -1px;
z-index: 0;
width:100%;
}
.nontransacted-table {
position: relative;
margin-top: -1px;
z-index: 0;
width: 100%;
}
.transacted-table table, .nontransacted-table table {
border: 1px solid;
border-color: #BDD2C5;
}
.tabs span.active {
background: #fff;
}
.buy-dibz-btn, .sell-dibz-btn {
width:88px;
height:23px;
border:0;
}
.modify-dibz-btn {
width:75px;
height:24px;
border:0;
}
.cancel-dibz-btn {
width:24px;
height:24px;
border:0;
margin-left: -5px;
}
.bid-dibz-btn {
width:59px;
height:23px;
border:0;
}
.match-dibz-btn {
width: 84px;
height:23px;
border: 0;
}
span.nowrap {
white-space: nowrap;
}
span.export {
padding-left: 15px;
}
.exportlinks a {
text-decoration:none;
}
.exportlinks {
padding: 10px;
background: #FFFFEE;
border-top: 1px dashed #8894CC;
}
.col-button {
width: 125px;
text-align:center;
}
.col-date {
width: 5%;
}
.filter {
border: 1px solid;
padding: 10px;
margin-bottom: 10px;
}
.filter h3 {
padding: 0;
}
.filter div {
float: left;
margin-left: 15px;
}
.filter div select {
clear: left;
}
.bid thead th.forwardSort, .bid thead th.reverseSort {
border-bottom: 1px solid;
}
/********* DASHBOARD STYLES *****************/
.dashboard .half-row {
width: 45%;
float:left;
}
.dashboard .half-row .last-transaction {
float: left;
width: 193px;
text-align: center;
font-size: .9em;
margin-top: 25px;
}
.dashboard .half-row .last-transaction div {
border: 1px solid #ECECB4;
}
.dashboard .half-row .balance {
width: 185px;
float: left;
}
.dashboard .half-row .last-transaction p {
padding: 0;
margin-left: 0;
}
.dashboard .half-row .last-transaction span {
font-size: 0.9em;
}
.dashboard .half-row .last-transaction h2 {
padding: 2px;
font-size: 1.6em;
line-height:1.4em;
color: #000;
}
.dashboard .content {
margin-left: 0;
}
.dashboard .full-row {
margin:10px 0;
}
.dashboard .full-row a {
display:inline;
padding-left: 0;
text-decoration:underline;
}
.dashboard .full-row p {
font-size: 1.2em;
}
.dashboard .full-row p a {
font-size: 1em;
text-decoration: underline;
padding-left: 0;
display: inline;
min-height: 0;
}
.dashboard a.icon-safe, .dashboard a.icon-money {
padding: 0 5px 0 40px;
}
.dashboard a.icon-star, .dashboard a.icon-udibz {
padding-left: 8px;
padding-right: 5px
}
.dashboard-table {
margin-left: 40px;
_margin-right: 0;
padding-right: 0;
}
.myaccount-pod .dashboard-table p {
padding-left: 0;
}
.myaccount-pod .content .dashboard-table a span {
border-bottom: 0;
}
.dashboard-table table {
width: 100%;
font-size: 0.8em;
}
.dashboard-table tr {
font-size: 1.2em;
font-weight: bold;
height: 27px;
}
.dashboard-table tbody tr {
border-bottom: 1px dashed #CDCDCD;
}
.dashboard-table table th {
background: transparent;
padding: 5px 5px 5px 10px;
text-transform: uppercase;
border-right: 1px solid #CDCDCD;
border-bottom: 1px solid #CDCDCD;
border-spacing: 0px;
}
.myaccount-pod .dashboard-table tbody tr td a {
min-height: 0;
text-decoration: underline;
}
.myaccount-pod .content table a {
padding-left: 0;
}
.myaccount-pod .content td.number a {
padding-left: 0;
}
.dashboard .myaccount-pod .money, .money {
padding-left: 17px !important;
text-align:center;
}
.dashboard-table .col-button {
border-right: 0;
width: 120px;
}
.dashboard-table td.number {
text-align: center;
}
form .market-details input {
width: 50px;
}
button {
/*padding: 1px 8px 3px 8px;*/
vertical-align: middle;
-moz-border-radius: 3px;
}
.mn-container button:hover {
background-color: #000;
}
span.LV_valid {
display: none;
visibility: hidden;
}
.profiles {
border-bottom: 1px dashed #ccc;
margin-bottom: 10px;
position: relative;
padding: 15px 0 0 25px;
z-index: 10;
}
.profiles .link-depth {
position: relative;
padding:0;
z-index: 10;
}
.profiles .link-depth h1 {
float: left;
margin-left:25px;
}
.profiles .link-depth ul {
margin-left: 35px;
z-index: 12;
margin-bottom: -2px;
}
.profiles .link-depth ul li a {
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright:0px;
background: #2a323b;
border: 1px solid #999;
color: #fff;
display: block;
height: 15px;
margin: 0 2px;
padding: 6px 20px;
position: relative;
text-decoration: none;
z-index: 15;
margin-bottom: 2px;
}
.profiles .link-depth ul li {
margin-top: 2em;
}
.profiles .link-depth ul li a:hover {
background-color: #000;
}
.profiles .link-depth ul li.active a, .profiles .link-depth ul li.active a:hover {
color: #000;
background: #fff;
border: 1px solid #ccc;
border-bottom: 0;
z-index: 16;
}
.profiles .link-depth ul li.active, .profiles .link-depth ul li.active:hover {
background: #fff;
border-bottom: 0;
position: relative;
z-index: 16;
}
.icon-fascinates {
width: 32px;
height: 32px;
}
.two-column-container .myaccount-pod .content a {
margin-top: 0;
padding-top: 6px;
}
button.orange {
background-color: #CC4D00;
border-color: #BF4800;
}
button.orange:hover {
background-color: #BF4800;
}
.total h4, .total h3, .total p {
float: left;
}
.total p {
margin-left: 25px;
line-height:2em;
}
.total {
float: right;
}
.whitepaper tbody td.pdf {
vertical-align: middle;
text-align: center;
width: 50px;
padding-right: 20px;
}
.whitepaper tbody td {
padding: 7px 0;
}
.personal-info-box {
border: 1px solid #CCC;
float: left;
padding: 10px 5px;
min-width: 460px;
width: 95%;
margin-bottom: 15px;
}
.personalinfo h4 {
text-transform: uppercase;
float: left;
}
.personal-info-box p {
padding-left: 10px;
clear:left;
}
.personal-info-box button, .promo-code button {
float: right;
margin: 0px 10px 0 5px;
}
.personal-info-box h6 {
text-transform: uppercase;
font-size: .8em;
width: 98%;
border-bottom: 1px solid #ccc;
margin-bottom: 5px;
margin-left: 10px;
padding:5px 0;
}
.form-left .personal-info-box span {
float: none;
clear: none;
}
.tips, .promo-codes {
float: left;
margin-left: 25px;
margin-bottom: 25px;
}
.tips ul {
list-style-type: circle;
margin-left:15px;
width: 250px;
}
.tips ul li {
padding-top: 10px;
}
.personal-info-box input {
border: 1px solid #9CBCE2;
}
.personal-info-box a {
cursor: pointer;
}
.personal-info-box .emailForm {
z-index:5000;
position: relative;
margin-top:-25px;
margin-left: 280px;
float: left;
}
.personal-info-box .phoneForm {
z-index:5000;
position: relative;
margin-top: -25px;
margin-left: 180px;
float: left;
}
.personal-info-box .zipForm {
z-index: 5000;
position: relative;
margin-top: -25px;
margin-left: 145px;
float: left;
}
.personal-info-box .formCancel {
float: left;
}
.markets h2 {
padding-bottom: 5px;
}
.breakouts-total p {
padding-top: 3px;
}
.partners .mn-content-body h4 {
padding-bottom:20px;
}
.market-content-leftcol h3 p, .market-header h5 {
text-align: center;
}
.market-content-leftcol form {
margin-bottom: 10px;
}
.market-content-leftcol h4.icon-filter-small {
margin-top: 5px;
}
body.myfirstdibz .mn-content-body table tbody td p, body.profile .mn-content-body table tbody td p {
padding: 0 10px;
}
p.date-modified {
padding-top: 10px !important;
}
.store .form-left {
margin-right: 25px;
}
.store .form-right form .contactforms p input {
width: 100px !important;
}
.store .form-right form .contactforms p label {
width: 175px !important;
}
.preview-site {
min-width: 410px;
width: 97%;
border: 1px solid #999;
overflow: hidden;
}
.preview-site .team-event-header, .preview-site .market-header {
overflow: hidden;
width: 1000px;
min-width: 1000px;
}
.preview-site .team-event-content {
float: left;
width:50%;
}
.preview-site .picture-logo {
float: left;
width: 215px;
}
.previewUrl {
font-size:10pt;
clear:none;
float:none !important;
font-weight:normal;
padding: 5px 0;
}
.preview-site .market-header {
border-bottom: 1px dashed;
padding-top: 0;
width: 1000px;
min-width: 1000px;
overflow: hidden;
}
.preview-site select {
border-width: 1px !important;
border-style: solid !important;
}
.preview-site .logo-default, .preview-site .profile-picture {
margin-left: 30%;
margin-top: 18px;
}
.preview-site .link-depth span a {
text-decoration: underline;
}
div.profile-picture-display p {
margin-left: 25%;
width: 100%;
}
div.profile-picture-display img {
margin-left: 25%;
}
.store em {
font-style: italic;
text-align: center;
}
.picture div {
width: 60%;
float: left;
}
.picture div.profile-picture-display {
width: 110px;
text-align: center;
margin: 0 auto;
}
.store-announcement {
height: 105px;
border-bottom: 1px dashed #ccc;
}
.store-announcement p {
padding: 5px 50px 0 150px;
}
.store-announcement h3 {
padding: 15px 0 0 150px;
font-style: italic;
}
.store-announcement div {
float: left;
}
.store-announcement div button {
margin-left: 25px
}
.store-announcement div img {
margin-left: 45px;
}
.store .personal-info-box {
min-width: 440px;
}
.store form .contactforms label {
width: 200px;
}
.store .colors a {
float: left;
}
table #ajControlInfo { display: none; }
.address-subtitle {
margin-bottom: 10px;
padding: 10px;
}
.address-subtitle input {
height: 1em !important;
}
.updateAddress button.address {
margin-left: 164px;
}
.updateAddress input#zipcode {
width: 100px;
}
button.hovertip {
cursor: default;
}
button.hovertip span {
display: none;
}
button.hovertip:hover span {
display: block;
position: absolute;
background: #FFFFEE;
border: 1px solid #EEEE00;
margin-left: -140px;
margin-top: -60px;
padding: 2px;
width: 250px;
}
p.warning {
text-align: right;
}
.refer-a-friend .form-left, .subscribe-to-email .form-left, .careers .form-left {
width: 50%;
min-width: 500px;
}
.refer-a-friend .form-right, .subscribe-to-email .form-right, .careers .form-right {
width: 40%;
}
.refer-a-friend .form-left p, .subscribe-to-email .form-left p, .careers .form-left p {
padding-right: 25px;
margin-bottom: 10px;
}
.refer-a-friend .form-right p {
font-weight: bold;
font-style: italic;
}
.subscribe-to-email ul {
margin-left: 35px;
list-style-type: disc;
margin-bottom: 10px;
}
.subscribe-to-email li {
margin-bottom: 3px;
}
div.suggest-container {
border: 1px solid #ccc;
border-top-width: 0;
width: 264px;
right: 0;
top: 32px;
margin: 0 5px 5px 5px;
display:none;
position: absolute;
z-index:2000;
}
div.suggest-viewall {
border: 2px solid #fff;
border-top-width: 0;
}
div.suggest-viewall a {
display:block;
color: #fff;
text-align:center;
padding: 5px 0;
text-decoration:none;
cursor:pointer;
font-size: .7em;
text-transform:uppercase;
}
div.nav-content form div>ul {
margin-left: 0;
overflow: auto;
max-height: 295px;
border: 2px solid #fff;
border-bottom-width: 1px;
}
div.nav-content form div ul li
{
clear: both;
margin: 8px 0 0px;
font-size: 1em;
float: none;
}
div.nav-content form div ul li a {
text-decoration: none;
display:block;
padding: 3px 0 0;
font-family: Trebuchet MS;
margin: 5px 7px 0 35px;
}
.nav-content div ul li a em {
text-decoration: underline;
}
div.nav-content form div ul li a:hover {
text-decoration: none;
display: block;
background: #003399;
color: #fff !important;
}
div.nav-content form div ul li span {
font-size: .8em;
color: #000;
}
.nav-content div ul li p {
color: #333;
padding: 0 10px 0 35px;
font-size: .7em;
text-transform: uppercase;
}
div.nav-content form div ul li.info {
color: #000;
font-size: .7em;
font-style: normal;
font-weight: normal;
text-align: center;
}
div.nav-content form div ul li span.num-events {
float: none;
font-style:italic;
font-weight:normal;
padding-left: 5px;
color: #999;
text-transform: lowercase;
}
div.nav-content form div ul>div {
/*display: none;*/
height: 0;
overflow:hidden;
margin: 0;
}
div.nav-content form div ul li.eventLI a {
font-size: 1.1em;
border-bottom: 1px solid #b8b8b8;
color: #000;
font-weight: bold;
text-decoration: none;
margin-left: 7px;
}
div.nav-content form div ul ul {
font-size: .8em;
color: #000;
padding: 3px;
background: #fff;
}
.searchResults {
float: left;
min-width:500px;
width: 50%;
}
div .otherlinks {
float: left;
min-width: 250px;
width: 36%;
}
ul.marketresults {
margin-left: 50px;
}
li.category {
float: left;
clear: both;
margin-top: 10px;
font-weight: bold;
}
ul.marketresults li.event, ul.marketresults li span.details, ul.marketresults li.teams {
clear:both;
float: left;
}
ul.marketresults li.event {
margin-left: -50px;
padding-left: 50px;
}
ul.marketresults li.event a {
color: #000;
font-size: 18px;
font-weight: bold;
font-family: Trebuchet MS, sans-serif;
text-decoration: none;
}
ul.marketresults li span {
margin-top: 2px;
}
ul.marketresults li span.details a {
font-weight: bold;
text-decoration: none;
font-size: 11px;
text-transform: uppercase;
color: #000;
float: left;
margin-right:15px;
}
ul.marketresults li span.details a img {
float: left;
padding-right:5px;
}
ul.marketresults li {
font-size:12px;
color: #000;
}
ul.marketresults li.teams {
font-size: 14px;
font-weight:bold;
}
ul.marketresults li ul.deals {
float:left;
clear:both;
margin-bottom: 10px;
}
ul.marketresults li ul.deals li {
display:inline;
float: left;
padding-right:10px;
}
ul.marketresults li ul.deals li a {
font-size:11px;
font-weight:bold;
font-family:Arial, sans-serif;
text-decoration: none;
}
ul.marketresults li ul.deals li span {
padding-left: 10px;
color: #000;
text-decoration: none;
padding-right: 20px;
}
ul.marketresults li ul.deals li.best {
font-size:11px;
text-transform:uppercase;
font-weight:bold;
padding-right: 10px;
}
.otherlinks li {
display:block;
font-weight: bold;
float: left;
clear:both;
height:46px;
margin-left: 0;
padding-left: 50px;
width: 100%;
}
.otherlinks li span {
font-weight:normal;
clear:both;
float: left;
}
.otherlinks li.search-faqs {
background:url(../images/main/faq-gray.jpg) no-repeat top left;
}
.otherlinks li.search-tour {
background:url(../images/main/icon-tour-gray.jpg) no-repeat top left;
}
.otherlinks li.search-blog {
background:url(../images/main/icon-blog-gray.jpg) no-repeat top left;
}
.otherlinks li.search-white {
background:url(../images/main/icon-whitepaper.jpg) no-repeat top left;
}
.otherlinks li.search-news {
background:url(../images/main/news-gray.jpg) no-repeat top left;
}
.link-depth .searchbox {
float:right;
font-size: .8em;
}
/* DIV container slider example */
#gallery_container2 {
width:182px ;
height: 260px;
_background:#2A323B;
padding:25px 0 0;
display:block;
position:absolute;
top: 45px;
background:url(../images/main/selectorbar_shadow.png) top left repeat-y;
margin-left:-6px;
padding-left: 6px;
}
/* create custom forward-backward buttons for this container */
#gallery_container2 .addfwd {
display:block;
position:absolute;
cursor:pointer;
width:182px;
height:25px;
top:264px;
background:url(../images/main/selectorbar_down.jpg) top center #000;
}
#gallery_container2 .addbkwd {
display:block;
position:absolute;
cursor:pointer;
width:182px;
height:25px;
top:0;
background:url(../images/main/selectorbar_up.jpg) bottom center #000;
}
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container2{
position:relative;
overflow:hidden;
height:239px;
/*padding-top: 18px;*/
}
/* the thumbnails container; set a width on it so everything will be fine */
#thumbs2 {
display:block;
position:relative;
}
#thumbs2 div.thumbnail a {
display:block;
position:relative;
font-family: Tahoma;
text-align:left;
color: #fff;
background:url(../images/main/selectorbar_bg.png) repeat center;
}
#thumbs2 div.thumbnail a.select-one-lg, #thumbs2 div.thumbnail a.select-two-lg, #thumbs2 div.thumbnail a.select-three-lg, #thumbs2 div.thumbnail a.select-four-lg, #thumbs2 div.thumbnail a.select-five-lg,
#thumbs2 div.thumbnail a.select-six-lg, #thumbs2 div.thumbnail a.select-one-lg:hover, #thumbs2 div.thumbnail a.select-two-lg:hover, #thumbs2 div.thumbnail a.select-three-lg:hover,
#thumbs2 div.thumbnail a.select-four-lg:hover, #thumbs2 div.thumbnail a.select-five-lg:hover, #thumbs2 div.thumbnail a.select-six-lg:hover {
background:url(../images/main/selectorbar_bg_selected.png) repeat-y top left;
}
#thumbs2 div.thumbnail a:hover {
background:url(../images/main/selectorbar_bg_hover.png) repeat-y top left;
}
#thumbs2 div.thumbnail a p {
margin:0;
padding:0;
background-position: 10px 10px;
line-height: 1.2em;
}
#thumbs2 div.thumbnail a span {
padding: 8px 20px 6px 52px;
background:url(../images/main/selectorbar_arrow.png) no-repeat 166px center;
border-bottom: 1px dashed #000;
border-top: 1px dashed #333D49;
cursor:pointer;
min-height: 40px;
}
#thumbs2 div.thumbnail a:hover span {
border-top-color: #526274;
}
#thumbs2 div.thumbnail a.select-one-lg:hover span, #thumbs2 div.thumbnail a.select-two-lg:hover span, #thumbs2 div.thumbnail a.select-three-lg:hover span, #thumbs2 div.thumbnail a.select-four-lg:hover span,
#thumbs2 div.thumbnail a.select-five-lg:hover span, #thumbs2 div.thumbnail a.select-six-lg:hover span {
border-top-color: #333D49;
}
#thumbs2 div.last a span {
border-bottom-width: 0;
}
#thumbs2 a, #thumbs2 div.thumbnail a span {
display:block;
}
/* thumbnail slider end */
/*--CLEARFIX SHOULD STAY AT THE BOTTOM OF THE FILE--*/
.clearfix:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden;
}
.clearfix {
clear: both;
}
html[xmlns] .clearfix {
display:block;
}
* html .clearfix {
height:1%;
}