
#drawer_container {
    position:relative;
    display: block; 
    overflow-y:hidden;
    width:100%;
    background: url(/mlb/images/homepage/y2012/diagonal_bg.png) #023269;
    box-shadow: inset 0 0 10px #131313; 
    -webkit-box-shadow: inset 0 0 10px #131313; 
    -moz-box-shadow: inset 0 0 10px #131313; 
    z-index: 2;
}

.team #drawer_container {background-color: #111;}



#drawer_container.presizing { height:0; overflow:hidden;}
#drawer_container a {color:#ffffff;}

#drawer_container .open_close {
    height: 25px;
    padding: 3px 0;
    width: 990px;
    margin:0 auto;
}

#drawer_container.collapsed .open {
display: block;
color: white;
text-transform: uppercase;
font-size: 11px;
font-style:normal;
}

#drawer_container.collapsed .drawer_hdrleft {
    display:block;
}


#drawer_container .open {display:none;}

#drawer_container .inner{width:990px;margin:0 auto;}
*html #drawer_container {display:none;}

#drawer_container.collapsed { 
    height: 25px; 
}

#drawer_container .open_close .drawer_hdrleft, 
#drawer_container .open_close .open {display:none;}
#drawer_container .open_close .close {float:right;}
#drawer_container .close {
    background: url("/images/homepage/drawer_arrow_sprite.png") no-repeat scroll 38px 5px transparent;
    color: white;
    display: block;
    font-size: 11px;
    height: 18px;
    padding-top: 2px;
    text-decoration: none;
    text-transform: uppercase;
    width: 60px;
    font-style: normal;
}

#drawer_container .open {
    background: url("/images/homepage/drawer_arrow_sprite.png") no-repeat scroll 38px -11px transparent;
    color: white;
    display: block;
    font-size: 11px;
    height: 18px;
    position: relative;
    top: 2px;
    text-decoration: none;
    text-transform: uppercase;
    width: 60px;
    font-style: normal;
}

#drawer_container.collapsed .drawer_hdrleft {display:block;float:left;color:#ffffff;font-family: mlb_primary;font-size:16px;margin-left:15px;margin-top:3px;}
#drawer_container .inner ul.drawerColumns li{float:left;width:320px;overflow:hidden;height:190px}
#drawer_container h3 a {font-family: mlb_primary;font-size:16px;}
#drawer_container .inner p {font-size:12px;color:#ccc;line-height:17px;padding:10px 0px}
#drawer_container ul.drawerRelatedLinks li a{font-size:12px}
#drawer_container.collapsed .inner .drawerColumns .col1 { display: none; width:auto; }
#drawer_container.collapsed .inner .drawerColumns .col3 { display: none; width:auto; }
#drawer_container .inner .drawerColumns .col3 {
    background: url(/images/homepage/y2012/drawer_branding_bg.png) top left no-repeat;
    width: 300px;
    height: 180px;
    position: relative;
    left: 10px;
}
#drawer_container .inner .drawerColumns .column h3 { font-size: 1.4em; font-weight: bold; margin-top:-3px;}
#drawer_container.collapsed .inner .drawerColumns h3 { font: bold 12px Arial,Helvetica,sans-serif; top:9px;position:absolute;margin:0;}
#drawer_container .inner .drawerColumns .column p { color: #fff;margin:8px 0 14px 0;line-height:16px; }
#drawer_container.collapsed .inner .drawerColumns p, #drawer_container.collapsed .inner .drawerColumns .drawerRelatedLinks { visibility:hidden; }
#drawer_container .inner ul.drawerColumns li.col2{padding-left: 15px; width: 310px;}
#drawer_container.collapsed .col2, 
#drawer_container.collapsed .open_close .close {display:none}
#drawer_container.collapsed .open_close .open {display:block; float:right;}
#drawer_container .col1 #drawervideo {
box-shadow: 0 0 8px 3px#000;
-webkit-box-shadow: 0 0 8px #000;
-moz-box-shadow: 0 0 8px #000;
height: 180px;
width: 320px;
}
#drawer_container .inner ul.drawerColumns li.col1 {overflow: visible; margin-left: 15px; }
#drawer_container.collapsed .inner ul.drawerColumns li.col1 {overflow: hidden;}


/************ video drawer *******************/
.drawerCollapsed #drawer_container .vidimg,
.drawerCollapsed #drawer_container .cliplist,
.drawerCollapsed #drawer_container .bkgrnd{display:none}

.drawerExpanded #drawer_container .vidimg{padding:0 0 10px 40px;position:relative;top:-24px;width:600px;}
.drawerExpanded #drawer_container .inner.noimg{margin:25px auto;}
.drawerExpanded #drawer_container .cliplist li{float:left;padding:13px 20px 0 0;position:relative;left:60px;top:-33px}
.drawerExpanded #drawer_container .cliplist span{height:41px;vertical-align:text-top;width:116px;padding: 3px 5px 0px 5px;bottom: 0;font-size: 10px;font-weight:bold;line-height:12px;background-color:#000;opacity:.85;display: block;position: absolute;top:59px;text-align:left;}

.drawerExpanded #drawer_container .bkgrnd{
    width: 875px;
    height: 107px;
    position: relative;
    left: 45px;
    top:-29px;
    background-color: #000;
    opacity: .5;
    z-index: -1;
    border-radius: 5px;
    box-shadow: -2px 2px 5px #999, inset -1px 1px 5px #000;
    -moz-box-shadow: -2px 2px 5px #999, inset -1px 1px 5px #000; 
    -webkit-box-shadow: -2px 2px 5px #999, inset -1px 1px 5px #000;
}

.drawerRelatedLinks li:before {
    content: "\2022";
    color: #ffffff;
    padding-right: 5px;
}

.ie7 #drawer_container .bkgrnd{
    width: 875px;
    height: 100px;
    position: relative;
    left: 45px;
    top:-120px;
    background-color: #000;
    opacity: .5;
    z-index: -1;
}

.ie7 #drawer_container .cliplist span{height:41px;vertical-align:text-top;width:114px;padding: 0 5px;margin-bottom;height: 38px;bottom: 0; left:0; font-size: 10px;line-height:12px;background-color:#000;opacity:.85;display: block;position: absolute;text-align: center;}
