/* Markets */



.markets-loading {
    position: absolute;
    top: 100px;
    left: 45%;
    z-index: 10000;
    border-width: 1px;
    border-style: dashed;
}

.transaction .team-event-content {
    width: 80%;
}

.icon-question-small, .icon-rules-small, .icon-venue-small, .icon-promo-small {
    padding-left: 30px;
    min-height: 30px;
    _height: 30px;
}
    a.icon-question-small, a.icon-rules-small, a.icon-venue-small, a.icon-promo-small {
        display:block;
        float:left;
        margin-right: 20px;
        cursor: pointer;
    }

    .team-event-content a {
        cursor:pointer !important;
    }

    a.icon-venue-small:hover {
        background-position: 0 -62px;
    }

    a.icon-question-small:hover {
        background-position: 0 -61px;
    }

    a.icon-rules-small:hover, a.icon-promo-small:hover {
        background-position: 0 -59px;
    }

/* This css overrides all of the categorys specific css */
.markets .mn-content {
    background: none !important;
    top: 0;
}

.markets .market-group h1 {
    text-align:center;
}

.market-header {
    padding: 43px 0 10px 25px;
    position: relative;
    z-index: 12;
    border-bottom-style: dashed;
    border-bottom-width: 1px;
 }

.market-header div, .market-logo, .team-event-content, .market-content-leftcol, .market-content-maincol {
    float: left;
}

.market-content-leftcol {
    clear: both;
}
.market-header div.link-depth {
    text-align:left;
}

.market-logo, .market-content-leftcol {
    margin-right: 15px;
}

.market-header div.market-group {
    min-width: 180px;
    _width: 180px;
    margin-right: 15px;
    float: left;
}

.drilldown h3 p {
    margin-top: -10px;
    padding-bottom: 0;
}

.market-header h5 {
    padding-bottom: 2px;
    margin-top: -3px;
}

.market-logo {
    text-align:center;
}

.market-logo, .market-content-leftcol {
    width: 180px;
}

.select-team select, .select-event select, .market-header h4 {
    min-width: 250px;
    _width: 250px;
    font-size: 1.2em;
}

.select-team select, .select-event select, .market-content-leftcol select {
    border-width: 1px;
    border-style: solid;
}

.market-header h4 {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 2px;
    text-transform: lowercase;
}

.select-team {
    padding-right: 20px;
}

.market-header button {
    border-width: 0;
    cursor: pointer;
    margin-top: 10px;
    width: 45px;
    height: 34px;
    margin-left: 5px;
}

.team-event-header, .market-content {
    padding-left: 25px;
}

.group-content {
    padding-left: 0;
}

.team-event-content div a.close-me {
    position: relative;
    float: right;
    padding-left: 20px;
    height: 16px;
}

.team-event-content div.popup-policy ul li a {
    float:none !important;
}


.team-event-content ul h1 {
    padding-top: 10px;
}

.market-venue-content {
    padding: 0 0 10px 0;
    color: #333;
}

        .market-venue-content a {
            font-size: 1.2em;
            font-style: normal;
        }

        .market-content-leftcol p {
            margin-top: 3px;
            padding-bottom: 5px;
            padding-left: 10px;
        }

        .market-venue-content span {
            border-width:0px;
            border-bottom-width: 1px;
            border-bottom-style: dashed;
            line-height: 1.2em;
        }

        .market-venue-content strong {
            font-style: normal;
        }

        .market-venue-content-include {
            padding-top: 10px;
            padding-bottom: 5px;
        }
            .market-venue-content-include p.icon-venue-small {
                float:left;
                padding-bottom: 0;
            }

        .content-description {
            padding-bottom: 0px;
        }


 
.logo-default {
    width: 110px;
    height: 110px;
    text-align: center;
}

.market-content {
    border-top: 1px dashed #DDDDDD;
    padding-top: 15px;
}

.market-content h4 {
    margin:0 0 5px;
}

.market-content .icon-how {
    min-height: 23px;
    _height: 23px;
    padding-left: 28px;
}

.team-event-content h2 {
    padding-top: 5px;
}

.team-event-content h3 {
    padding-top: 12px;
}

.team-event-header h3 {
    padding: 0;
    margin-bottom: 5px;
    padding-top:11px;
}

.market-content .market-content-maincol h3 {
    margin-bottom: 5px;
    padding-top: 5px;
}

    .market-content .market-table h3 {
        margin-bottom: -26px;
        float:left;
        padding-top: 3px;
    }

.market-content .mn-content-body h3 {
    margin-bottom: 10px;
}

ul.team-event-only li a {
    display:block;
    text-align:left;
}

    .team-league {
        font-weight: bold;
        padding-top: 10px;
        text-align:left;
    }

ul.team-event-only li a {
    display:block;
}

.t eam-event-only-content {
    margin-bottom:20px;
    padding-left: 28px;
}

.team-event-only-content p {
    padding-left: 8px;
}
.market-content-maincol .team-event-only-content ul {
    list-style:disc;
    padding: 10px 0 10px 20px;
}

    .market-content-maincol .team-event-only-content ul li {
       float:none;
        line-height: 1.2em;
    }

        .market-content-maincol .team-event-only-content ul li a {
            background-color: white;
            border-width:0;
            margin-left: 0;
            padding: 3px;
        }

.market-content-leftcol {
    position:relative;
    text-align:left;
}


    .market-content-leftcol h4 {
        padding-left: 30px;
        margin-bottom: 2px;
    }

.market-content-leftcol .help {
    float: right;
    width: 21px;
    height: 19px;
    margin-right: -10px;
    position: relative;
    z-index: 1000;
}

.market-content-leftcol h3 {
    text-align: center;
    position: relative;
}

.market-content-leftcol h3 p {
    margin-top: 0;
}

.market-content-leftcol form {
    width: 150px;
    padding-left: 10px;
}

.market-content-leftcol select {
    width: 150px;
    margin: 5px 0;

}

.market-content-leftcol button {
    border-width: 0;
    background: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    width: 150px;
    margin-left: -2px;
}

.market-content-leftcol img {
    width: 150px;
}

.market-content-leftcol li {
    margin: 3px 0;
}

.last-ten-transactions {
    font-size: 1.1em;
    border-spacing: 1px;
    margin-bottom: 10px;
    text-align:center;
    font-family: Helvetica, Arial, sans-serif;
}

.last-ten-transactions span {
    font-size: .8em;
    font-style: italic;
    white-space:nowrap;
}
.last-ten-transactions h4 {
    font-family: Helvetica, Arial, sans-serif;
    margin-top:0;
    padding-top: 0;
    padding-left: 0;
}

.down  {
    color: #950000;
}

.up {
    color: #009500 !important;
}

.drill-down-top {
    height: 0px;
}

.market-content-maincol, .team-event-content {
    width: 80%;
}

.market-content-maincol ul {
    position: relative;
    z-index: 100;
}

.market-content-maincol ul li {
    float: right;
}

.market-content-maincol ul li a {
    display: block;
    padding: 3px 13px;
    margin: 0 0 0 7px;
    border-style: solid;
}


.buy-details-container .details-separation {
    border-top-style: dashed;
    border-top-width: 2px;
}

.buy-details p { float: right; }
.marketplace .breakdown-orders, .marketplace .breakdown-actions {}

/* This makes the scrolling table work */

.market-table {
    position: relative;
    margin-bottom: 25px;
}

.market-table ul {
    margin-top: 3px;
}

.market-table span, .market-table h3 {
    display: block;
    margin-bottom:8px;
    
}

div.scrollTableContainer {
    min-height: 285px;
    position: relative;
    border-width: 1px 0 0 ;
    border-style: solid;
    clear: both;
}
.table-container {
    border-width: 1px;
    border-style: solid;
}

table {
    border-spacing: 1px 0 ;
}

    table#currentHoldings {
        border-spacing: 1px;
    }

th.hd-qty {
    width: 65px;
}
             
table th.buttons {
    width: 125px;
}
    table th.buttons span {
        padding: 5px 17px 5px 10px;
        text-align:center;
        font-style: italic;
    }

thead th a {
    color: #333;
    text-decoration: none;
    background: url( ../images/main/markets-sort-off.png ) 100% 100% no-repeat transparent;
    border-bottom: 1px solid #ccc;
    padding: 5px 22px 5px 10px;
    display: block;
}

    .market-venue-map a {
        display:block;
        text-align:center;
    }

thead th.order1 a {
    background-image: url( ../images/main/markets-sort-down-on.png );
}

thead th.order2 a{
    background-image: url( ../images/main/markets-sort-up-on.png );
}

table tbody td {
    padding: 10px 0;
}

table tbody td.date p {
    font-size: .8em;
    margin-top: 5px;
}
table tbody td.date {
    text-align:center;
}

table tbody .even {
    background-color: #f4f4f4;
}

    tr.changed  {
        background: url( ../images/main/price-edit-bg.gif) top left repeat transparent;
    }
    .row-modify {
       background:  url(../images/main/price-edit-trans.png) top left repeat transparent;
       position:    absolute;
       margin-top:  -14px;
       border-bottom: 1px dashed #D3D37E;
       text-align:center;
       opacity: 0;
    }

    .row-modify-success {
       background:  url(../images/main/price-success-trans.png) top left repeat transparent;
       position:    absolute;
       margin-top:  -14px;
       border-bottom: 1px dashed #ADF39C;
       text-align:center;
       opacity:0;
    }

    .row-modify-cancel {
       background:  url(../images/main/price-cancel-trans.png) top left repeat transparent;
       position:    absolute;
       margin-top:  -14px;
       border-bottom: 1px dashed #AF1810;
       text-align:center;
    }

    .row-modify h3, .row-modify h4, .row-modify-success h3, .row-modify-cancel h3 {
        font-family: Helvetica, Arial, sans-serif;
        line-height: 12pt;
        color: #000;
        padding: 0;
    }

    .row-modify h3 {
        margin: 5px 0 0;
    }

    .row-modify-success h3, .row-modify-cancel h3 {
        margin-top: 15px;
    }

    .row-modify h4 {
        text-transform: uppercase;
        font-size: .8em;
        color: #666;
        padding: 0; 
    }

    .row-modify button {
        padding: 0 5px 0 1px;
        margin-right: 5px;
        margin-top: 5px;
    }

    button.btn-icon-check p {
        background:  url(../images/main/btn-icon-check.jpg) center left no-repeat transparent;
    }

    button.btn-icon-cancel p {
        background:  url(../images/main/btn-icon-cancel.jpg) center left no-repeat transparent;
    }

    body .row-modify button p {
        font-weight: bold;
        padding: 0 0 0 20px !important;
    }

    .row-modify .price-update {
        text-align:center;
        padding-top: 5px;
    }

    .row-modify img {
        margin-top: 5px;        
    }

    .row-modify .processing {
        color: #000;
        font-size: .8em;
        text-transform: uppercase;
    }

    .row-cancel-offer td, .row-cancel-offer td a, .row-cancel-offer td input {
        color: #999 !important;
        text-decoration:line-through;
        font-style:italic;
    }

    .row-cancel-offer td input {
        border-color: #333;
        background-color: #fdfdfd;
    }

    .row-cancel-offer td button {
        display:none;
    }

    p.date-modified {
        padding-bottom: 10px;
    }

    table thead th button {
        margin-bottom: 8px;
    }

.market-content-maincol ul li a {
    margin-bottom: -1px;
}

.market-content-maincol ul li a.selected {
    border-width: 1px 1px 0 1px !important;
}


.market-content-maincol .buy ul li a.selected {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}

    .table-container thead th { vertical-align: bottom; }
    .table-container thead th span {
        font-size: .7em; font-weight: normal;
        vertical-align: bottom;
        margin-bottom: 0;
    }


    .buy .tab-buy li {
        margin-bottom: -1px;
        padding-bottom:1px;
    }

.market-content-maincol .bid ul li a.selected {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}



.make-bid-price {
    width: 60px;
    padding:3px 2px 2px;
    margin-top:-5px;
    text-align: right;
}

.market-content-maincol .trade ul li a.selected {
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
                                     
.group-content ul li {
    float: none;
    display: block;
    width: 250px;
    padding: 0;
    min-height: .8em;
    _height: .8em;
}

.group-content h3 {
    padding-top: 15px;
}

.group-content {
    padding-bottom: 2.5em;
}

.group-events {
    float:left;
    width: 225px;
}

    .group-events ul li, .group-teams ul ul li {
        width: 220px;
    }

    .group-teams {
        float:left;
        width: 70%;
    }

    .group-teams ul li {
        float:left;
    }

        .group-teams ul ul {
            width: 225px;
        }

        .group-teams ul ul li {
            float:left !important;
        }


.make-bid span {
    float: left;
    display: block;
}

.make-bid h2 {
    float: left;
    border-right-style:dashed;
    border-right-width:thin;
    margin: 5px 0 0 5px;
    padding: 2px 10px 0 3px;
    font-size: 1.4em;
}
.make-bid label {
    float: left;
    margin: 0 5px;
    _margin: 10px 5px 0 5px;
}

.market-table-container {
    margin-bottom: 2em;
}

.make-bid .bid-btn {
   border-width:0;
   width:68px;
   height:35px;
}

.make-bid form {
    height: 14px;
    padding: 10px 2px 10px 2px;
    _padding: 5px;

}

.make-bid form input.bid-btn {
    margin: -10px 0 0 0;
    _margin: -2px 0 0 8px;
}
.make-bid form input {
    float: left;
    _margin-top: 5px;
}

.make-bid select {
    float: left;
    margin: -5px 5px 0 5px;
    _margin: 5px 0 0 0;

}

.marketWatch p {
    height: 21px;
    cursor:pointer;
    min-width:50px
}

.marketWatch p:hover {
    background-position: bottom center;
}

h3.icon-market-details, h3.icon-policy-rules {
    padding-left: 35px;
    min-height: 30px;
    _height: 30px;
}

/* News Feed Styling */


.rssimages {
    float: right;
    width: 175px;
    margin-right: 25px;
    margin-top: 42px;
    padding: 10px 0 0 10px;
    background-color: #f8f8f8;
}

.rssimages img {
    margin-right: 10px;
    margin-bottom: 7px;

}

.rssimages p {
    text-align: center;
    font-style: italic;
    font-size: 0.8em;
}
.rssfeed {
    float: left;
    width: 60%;
}

.rssfeed ul {
   float: left;
   text-align: left;
}

.rssfeed ul li {
   float: left;
    clear: both;
    text-align: left;
}
.rss_title {
    display: none;
    visibility: hidden;
}

.rssfeed .rss_items {
    padding-left: 15px;
    clear: both;
    float: left;
    width: 100%;
}

.rss_date {
    display: none;
}

.rss_item span.rss_date {
    display: block;
    padding-left: 25px;
}

li.rss_item {
    padding-bottom: 15px;
}

.market-content-maincol ul li a.rss_item {
    border: none;
    display: block;
    padding: 0;
    margin: 0;
}

.rssfeed p {
    width: 100%;

}
.rssfeed .title0 h4, .rssfeed .title1 h4, .rssfeed .title2 h4, .rssfeed .title3 h4, .rssfeed .title4 h4, .rssfeed .title5 h4, .rssfeed .title6 h4, .rssfeed .title7 h4 {
    font-size: 1.1em;
    font-family: "Arial", sans-serif;
}

.rssfeed .title1, .rssfeed .title2, .rssfeed .title3, .rssfeed .title4, .rssfeed .title6, .rssfeed .title5 {
    width: 45%;
    float: left;
}

.rssfeed .title1, .rssfeed .title3, .rssfeed .title5, .rssfeed .title7 {
    padding-right: 45px;
}
.rssfeed .title1 {
    margin-top: 13px;
}

.market-content-maincol h4.news-title {
    font-size: 1.4em;
}
.rssfeed a.read-more {
    -moz-border-radius: 3px;
    border: 1px solid #ccc;
    text-decoration: none;
    margin-top: 0;
    padding: 0 5px 1px;
    font-style: normal;
    font-weight: normal;
    background: #999;
    color: #fff;
}

.rssfeed a.read-more:hover {
    background-color: #ccc;
}
.dibz_content {
    padding: 15px;
}

.centered {
    text-align: center;
}

/* Transacting */

.transacting-container {
    width: 500px;
    text-align:center;
    margin: 0 auto;
}
                                         
    .transacting-container p, .transacting-container h3 {
        text-align:left;
    }

/* Credit Card */

.credit-card-details table tr td {
    padding: 3px 0 0;
}

.promo-container table tr {
    vertical-align:middle;
}


.messages {
	margin: 20px 0;
	color: green;
    padding-left:45px;
    min-height:40px;
    padding-top:10px;
    font-size:1.3em;
    font-weight:bold;
}

    .market-content-maincol ul.messages  li {
        float:left;
    }      

.errors {
	margin: 20px 0;
	color: red;
    padding-left:45px;
    min-height:40px;
    padding-top:10px;
}
.errors ol li {
    font-size:.8em;
    font-weight:normal;
}



/* DONT SEPARATE THESE OUT TO OUR FILES LEAVE THEM ALONE  */

/* To hide the columns when printing, use media selectors */
@media screen {
	.screenContainer {
		display: block;
	}

	.printContainer {
		display: none;
	}
}

@media print, projection, tty {
	.screenContainer {
		display: none;
	}

	.printContainer {
		display: block;
	}
}
/* DONT SEPARATE THESE OUT TO OUR FILES LEAVE THEM ALONE */
.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: 0;	/* 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! */
}

/* Optional 'read on'-message */
.screenContainer div .readOn {
	position: absolute;
	right: 1em;
	bottom: -0.5em;
	color: #999999;
}

.stop-bleed { display: none; }

.icon-special-promo {
    float: left;
    padding-bottom: -23px;
    margin-bottom: -23px;
    margin-left: 10px;
    margin-top: -14px;
    width: 172px;
    height: 41px;
    display:block;
    cursor:pointer;
    position:relative;
    z-index: 10000;
}
.popup-box a.close-me {
float: right;
padding-left: 20px;
}

button.btn-filter:hover {
    background-color: #fff;
}

.market-header div button:hover, .drill-down-middle button:hover {
    background-color: transparent;
}

.market-content .market-table button.cancel-dibz-btn {
    margin-left: 0px !important;
}

.market-table .table-container table tbody td p {
    padding: 0 10px;
}

.market-table .table-container table tbody td.marketWatch p, .marketWatch p {
    padding: 0;
    height: 24px;
}