
/*
Globals
--------------------------------------------------------------------
*/
 
body {
    background: black;
    
}
 
#mast .container_12{
    position: relative;
}
 
#gohome {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    text-indent: -9999px;
}
 
.ad-1 {
    /* default height */
    height:auto;
    padding-bottom:35px;
}
 
.ad-2 {
    /* default height */
    height: 140px;
}
 
#ad_container .ad-frame {
    position: relative;
}
 
.ad-1 .ad-frame {
    padding: 6px;
    width: 924px;
    margin: 0 auto;
    background: black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.55);
}
 
.ad-2 .ad-frame {
    padding: 6px;
    width: 728px;
    margin: 0 auto;
    background: black;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(0, 0, 0, 0.55);
}
 
:root .ad-2 .ad-frame { /* hide from all versions of IE */
    border: 1px solid white;
    border-color: rgba(255, 255, 255, 0.25);;
}
 
 
/*
Navigation
------------------------------------------------------------------
*/
 
.nav-container {
    background: url(/espncitysites/prod/assets/hof/nav.outer.bg.png) no-repeat 50% 0;
}
 
.nav {
    height: 85px;
    /* width should sum to 960 */
    width: 900px;
    padding-left: 60px;
    margin: 0 auto;
    position: relative;
}
 
.nav li {
    float: left;
}
 
li.star {
    height: 50px;
    width: 70px;
    background: url(/espncitysites/prod/assets/hof/star.png) no-repeat 50% 50%;
    display: block;
    
}
 
.nav li a {
    display: block;
    float: left;
    text-indent: -9999px;
    height: 50px;
    background-image: url(/espncitysites/prod/assets/hof/navtext.bg.png);
    background-repeat: no-repeat;
}
 
a.nav-inductees {
    width: 146px;
    background-position: 50% -135px;
}
 
li.active a.nav-inductees,
a.nav-inductees:hover {
    background-position: 50% -85px;
}
 
a.nav-about {
    width: 194px;
    background-position: 50% -235px;
}
 
li.active a.nav-about,
a.nav-about:hover {
    background-position: 50% -185px;
}
 
a.nav-share {
    width: 104px;
    background-position: 50% -335px;
}
 
li.active a.nav-share,
a.nav-share:hover {
    background-position: 50% -285px;
}
 
a.nav-discuss {
    width: 118px;
    background-position: 50% -435px;
}
 
li.active a.nav-discuss,
a.nav-discuss:hover {
    background-position: 50% -385px;
}
 
a.nav-panel {
    width: 156px;
    background-position: 50% -535px;
}
 
li.active a.nav-panel,
a.nav-panel:hover {
    background-position: 50% -485px;
}
 
a.nav-2011 {
    width: 156px;
    background-position: 50% -635px;
}
 
li.active a.nav-2011,
a.nav-2011:hover {
    background-position: 50% -585px;
}
 
/*
Jersey
------------------------------------------------------------------
*/
.jersey img {width:170px;margin-top:30px;}
 
.jersey .lamp{background:url(/espncitysites/prod/assets/hof/light_faded.png) no-repeat 50%;height:100px;width:170px;position:absolute; }
 
.grid_3 a , .grid_3 a:visited{ text-decoration: none !important;color:black;}
 
.grid_3 a:hover .jersey .lamp{background:url(/espncitysites/prod/assets/hof/light2.png) no-repeat 50%;height:100px;width:170px;position:absolute;cursor: hand; }
 
.jerseyBig img {width:200px;margin-top:35px;}
.jerseyBig .lamp{background:url(/espncitysites/prod/assets/hof/light2.png) no-repeat 50%;height:100px;width:200px;position:absolute;}
 
.nominees {text-align: center;margin:30px 0;}
 
.thumb {float:left;padding-right:10px;margin-top:30px;}
/*
Nameplates
------------------------------------------------------------------
*/
 
.grid3 a {cursor: hand;}

.nameplate {    
	font-family: "Palatino","Palatino Linotype",serif;    
	background: #5b523e url(/espncitysites/prod/assets/hof/nameplate.bg2.png) no-repeat 0 0 !important;    
	width: 169px;    
	min-height: 66px !important;    
	color: black; 
	height:auto !important; 
	margin-top:10px;        
	text-align: center; 
} 
 
 
.nameplate strong {
    padding-top: 11px;
    font-size: 15px;
    display: block;
    font-weight: bold;
    text-shadow: rgba(255,255,255,0.3) 0 1px;
}
 
 
.nameplate em {
    font-size: 11px;
    display: block;
    font-weight: bold;
    text-shadow: rgba(255,255,255,0.3) 0 1px;
    
}
 
 
.footer {
    border-top: 1px solid #CCC;
    padding: 8px 9px 20px 9px;
    font-size: .75em;
    text-align: left;
}
 
 
 
/*
Sexy vote form
--------------------------------------------------------------------
*/
 
.ballot li {
    position: relative;
    padding-bottom: 20px;
}
 
.candidate-box {
    position: absolute;
    left: 0;
    top: 0;
}
 
a.checkbox-select,
a.checkbox-deselect {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 55px;
    height: 55px;
    text-indent: -9999px;
    background: url(/espncitysites/prod/assets/hof/votebox.bg.png) no-repeat 0 0;
}
/* 
a.checkbox-select:hover {
    background-position: -55px 0;
}
*/
a.checkbox-deselect {
    display: none;
    background-position: -110px 0;
}
 
.selected .checkbox-select {
    display: none;
}
 
.selected .checkbox-deselect {
    display: block;
}
 
.candidate-desc {
    padding-top: 7px;
    margin-left: 60px;
}
.candidate-desc .mug{
    float:left;
    padding-right:10px;
}
 
 
.candidate-desc label {
    cursor: pointer;
    font-size: 1.5em;
    text-shadow: rgba(0,0,0,1) 0 0 3px;
}
 
.ballot input {
    display: none;
}
 
.ballot em {
    font-style: normal;
    display: block;
    font-size: .85em;
    color: #776f62;
    border-bottom: 1px solid #776f62;
    padding-bottom:17px;
}
 
 
/*
Los Angeles
--------------------------------------------------------------------
*/
 
.losangeles {
    background: #000000 url(/espncitysites/prod/assets/hof/losangeles/page.bg.jpg) no-repeat 50% 285px;
}
 
.losangeles a {
    color: #d8ba7e;
    text-decoration: underline;
}
 
.losangeles #mast {
    height: 180px;
    background: url(/espncitysites/prod/assets/hof/losangeles/mast.bg.jpg) no-repeat 50% 0;
}
.losangeles #mast .presby {position:absolute;top:131px;left:13px;}
 
.losangeles #gohome {
    width: 332px;
    height: 96px;
}
 
.losangeles .ad-1 {
    background: url(/espncitysites/prod/assets/hof/losangeles/ad.bg.jpg) no-repeat 50% 0;
}
 
.losangeles .ad-2 {
    background: url(/espncitysites/prod/assets/hof/losangeles/ad.bg.jpg) no-repeat 50% 0;
}
 
.losangeles .ad-1 .ad-frame {
    top: 22px;
}
 
.losangeles .ad-2 .ad-frame {
    top: 25px;
}
 
.losangeles .nav-shim {
    height: 6px;
    background: #131211;
}
 
.losangeles .nav {
    background: url(/espncitysites/prod/assets/hof/losangeles/nav.bg.png) no-repeat -300px 0;
}
 
 
.losangeles .footer {
    border-color: #302f2e;
    color: #4b4538;
}
 
.losangeles .footer a {
    color: #4b4538;
}
 
.losangeles .footer a:hover {
    color: #afa58f;
}
 
 
    
/*
New York
--------------------------------------------------------------------
*/
 
.newyork {
    background: #131211 url(/espncitysites/prod/assets/hof/newyork/page.bg.jpg) no-repeat 50% 285px;
}
 
.newyork a {
    color: #d8ba7e;
    text-decoration: underline;
}
 
.newyork #mast {
    height: 180px;
    background: url(/espncitysites/prod/assets/hof/newyork/mast.bg.jpg) no-repeat 50% 0;
}
.newyork #mast .presby {position:absolute;top:131px;left:17px;}
 
.newyork #gohome {
    width: 332px;
    height: 96px;
}
 
.newyork .ad-1 {
    background: url(/espncitysites/prod/assets/hof/newyork/ad.bg.jpg) no-repeat 50% 0;
}
 
.newyork .ad-2 {
    background: url(/espncitysites/prod/assets/hof/newyork/ad.bg.jpg) no-repeat 50% 0;
}
 
.newyork .ad-1 .ad-frame {
    top: 24px;
}
 
.newyork .ad-2 .ad-frame {
    top: 25px;
}
 
.newyork .nav-shim {
    height: 6px;
    background: #131211;
}
 
.newyork .nav {
    background: url(/espncitysites/prod/assets/hof/newyork/nav.bg.png) no-repeat -300px 0;
}
 
 
.newyork .footer {
    border-color: #302f2e;
    color: #4b4538;
}
 
.newyork .footer a {
    color: #4b4538;
}
 
.newyork .footer a:hover {
    color: #afa58f;
}
 
 
 
 
/*
Boston
--------------------------------------------------------------------
*/
 
.boston {
    background: #140e04 url(/espncitysites/prod/assets/hof/boston/page.bg.jpg) no-repeat 50% 285px;
}
 
.boston a {
    color: #d8ba7e;
    text-decoration: underline;
}
 
.boston #mast {
    height: 180px;
    background: url(/espncitysites/prod/assets/hof/boston/mast.bg.jpg) no-repeat 50% 0;
}
 
.boston #gohome {
    width: 403px;
    height: 96px;
}
 
.boston #mast .presby {position:absolute;top:131px;left:17px;}
.boston .ad-1 {
    background: url(/espncitysites/prod/assets/hof/boston/ad.bg.jpg) no-repeat 50% 0;
}
 
.boston .ad-2 {
    background: url(/espncitysites/prod/assets/hof/boston/ad.bg.jpg) no-repeat 50% 0;
}
 
.boston .ad-1 .ad-frame {
    top: 27px;
}
 
.boston .ad-2 .ad-frame {
    top: 27px;
}
 
 
.boston .nav-shim {
    height: 6px;
    background: #131211;
}
 
.boston .nav {
    background: url(/espncitysites/prod/assets/hof/boston/nav.bg.png) no-repeat -300px 0;
}
 
 
.boston .footer {
    border-color: #302f2e;
    color: #4b4538;
}
 
.boston .footer a {
    color: #4b4538;
}
 
.boston .footer a:hover {
    color: #afa58f;
}
 
 
 
/*
Chicago
--------------------------------------------------------------------
*/
 
.chicago {
    background: #140e04 url(/espncitysites/prod/assets/hof/chicago/page.bg.jpg) no-repeat 50% 285px;
}
 
.chicago a {
    color: #fdeac5;
    text-decoration: underline;
}
 
.chicago #mast {
    height: 180px;
    background: url(/espncitysites/prod/assets/hof/chicago/mast_alt.bg.jpg) no-repeat 50% 0;
}
.chicago #mast .presby {position:absolute;top:131px;left:62px;}
 
.chicago #gohome {
    width: 316px;
    height: 114px;
}
 
.chicago .ad-1 {
    background: url(/espncitysites/prod/assets/hof/chicago/ad2_alt.bg.jpg) no-repeat 50% 0;
}
 
.chicago .ad-2 {
    background: url(/espncitysites/prod/assets/hof/chicago/ad_alt.bg.jpg) no-repeat 50% 0;
    height: 160px;
}
 
.chicago .ad-1 .ad-frame {
    top: 28px;
}
 
.chicago .ad-2 .ad-frame {
    top: 43px;
}
 
.chicago .nav-shim {
    height: 6px;
    background: #131211;
}
 
.chicago .nav {
    background: url(/espncitysites/prod/assets/hof/chicago/nav.bg.png) no-repeat -300px 0;
}
 
 
.chicago .footer {
    border-color: #302f2e;
    color: #4b4538;
}
 
.chicago .footer a {
    color: #4b4538;
}
 
.chicago .footer a:hover {
    color: #afa58f;
}
 
 
/*
Dallas
--------------------------------------------------------------------
*/
 
.dallas {
    background: #130e09 url(/espncitysites/prod/assets/hof/dallas/page.bg.jpg) no-repeat 50% 285px;
}
 
.dallas a {
    color: #d8ba7e;
    text-decoration: underline;
}
 
.dallas #mast {
    height: 180px;
    background: url(/espncitysites/prod/assets/hof/dallas/mast.bg.jpg) no-repeat 50% 0;
}
.dallas #mast .presby {position:absolute;top:131px;left:382px;}
 
.dallas #gohome {
    width: 316px;
    height: 114px;
}
 
.dallas .ad-1 {
    background: url(/espncitysites/prod/assets/hof/dallas/ad.bg.jpg) no-repeat 50% 0;
}
 
.dallas .ad-2 {
    background: url(/espncitysites/prod/assets/hof/dallas/ad.bg.jpg) no-repeat 50% 0;
    height: 140px;
}
 
.dallas .ad-1 .ad-frame {
    top: 26px;
}
 
.dallas .ad-2 .ad-frame {
    top: 24px;
}
 
.dallas .nav-shim {
    height: 6px;
    background: #130e09;
}
 
.dallas .nav {
    background: url(/espncitysites/prod/assets/hof/dallas/nav.bg.png) no-repeat -300px 0;
}
 
 
.dallas .footer {
    border-color: #302f2e;
    color: #4b4538;
}
 
.dallas .footer a {
    color: #4b4538;
}
 
.dallas .footer a:hover {
    color: #afa58f;
}
 
/*
PHOTOS
--------------------------------------------------------------------
*/

.iboxl, .iboxr {
position:relative;
width:226px;
}

.iboxl .txt, .iboxr .txt {
    /*border: 1px solid #CCCCCC;*/
    font-size: 85%;
    line-height: 1.4em;
    padding: 5px 12px 2px 12px;
	background-color:#4b4538;
}


.iboxl h2, .iboxr h2 {
    background: none repeat scroll 0 0 #4b4538;
    border-color: #0A3244 #0A3244 -moz-use-text-color;
    /*border-style: solid solid none;*/
    border-width: 1px 1px 0;
    color: #FFFFFF;
    margin: 0;
    padding: 4px 0 0 10px;
	/*font: normal 12px/16px georgia,serif !important;*/
	width:auto;
	height:auto;
}
 
 .iboxr {
 margin: 10px 0 10px 10px;
 float: right;
  position: relative;
}

.e-video {
	height: 324px;
	padding: 15px;
	width: 576px;
}

.e-photo-center, .e-photo-right, .e-photo-left, .e-video {
    background: none repeat scroll 0 0 #4b4538;
    border-bottom: 0 none;
    padding: 4px;
	position:relative;
}

.e-photo-center, .e-photo-left {
	display: block;
	text-align: center;
width:576px;
	position:relative;
}

.e-photo-center .vid-icon, .e-photo-left .vid-icon {
    background: url("/espncitysites/prod/assets/hof/playbutton.png") no-repeat scroll 0 0 transparent !important;
    display: block;
    height: 57px !important;
    left: 266px;
    position: absolute;
    top: 152px;
    width: 57px;
}
.e-photo-cap {
	font: bold 1em Verdana, sans-serif;
	text-align: left;
}
.e-photo-right {
    background: none repeat scroll 0 0 #4b4538;
    display: block;
    float: right;
    margin: 0 0 20px 20px;
    position: relative;
    text-align: left;
	width:300px;
}
 
.e-photo-right .vid-icon {
    background: url("/espncitysites/prod/assets/hof/playbutton.png") no-repeat scroll 0 0 transparent !important;
    display: block;
    height: 57px !important;
    left: 124px;
    position: absolute;
    top: 85px;
    width: 57px;
}

.iboxr  .vid-icon {
    background: url("/espncitysites/prod/assets/hof/playbutton.png") no-repeat scroll 0 0 transparent !important;
    display: block;
    height: 57px !important;
    left: 87px;
    position: absolute;
    top: 60px;
    width: 57px;
}

.e-photo-cred {
    color: #999999;
    font-family: helvetica,arial,san-serif;
    font-size: 10px;
    font-style: italic;
    font-weight: normal;
    line-height: 14px;
    padding: 4px 10px 0;
        text-align: right;
 
}
 
.e-photo-cap {
    color: #EFEFEF;
    font-family: helvetica,arial,san-serif;
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    padding: 2px 6px;
}
 
.mod-conversations {
	margin: 0;
	padding-top: 16px;
	padding-bottom: 16px;
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	clear: both;
	color: #FDEAC5;
}

.mod-conversations .mod-header {
	background: none;
	height: auto;
	overflow: hidden;
	margin-bottom: 10px;
	color: #FDEAC5;
}

/*.mod-conversations .mod-header h3 {
	color: #FDEAC5;
	text-indent: -999px;
	float: left;
}*/

.pad-right-6 {
	padding-right: 6px;
} 
 
/*
Chrome
--------------------------------------------------------------------
*/
.e-tools {
    background: url("/i/eticket/20110127/i/bg-etools.png") repeat-x scroll left bottom #FFFFFF;
    border-bottom: 1px solid #CCCCCC;
    display: block;
    height: 36px;
    text-align:center;
padding-bottom: 4px;
width:auto;
    z-index: 100000;
    position:relative;
}
 
 
.e-tools .container {
    width:960px; margin:auto;
}
 
.e-tools .container .logo {
   margin-top:10px;float:left;
}
.page-actions {
    display: block;
    font-size: 9px;
    overflow: hidden;
    padding: 10px 0 0 !important;
    position: absolute;
    top: 0;
    width: 450px;
    z-index: 100001;
    
}
.fb_reset {
    background: none repeat scroll 0 0 transparent;
    border: 0 none;
    border-spacing: 0;
    color: #000000;
    cursor: auto;
    direction: ltr;
    font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
    font-size: 11px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1;
    margin: 0;
    overflow: visible;
    padding: 0;
    text-align: left;
    text-decoration: none;
    text-indent: 0;
    text-shadow: none;
    text-transform: none;
    visibility: visible;
    white-space: normal;
    word-spacing: normal;
}
.fb_iframe_widget iframe {
    position: relative;
    vertical-align: text-bottom;
}
 
 .sc_overlay #cboxContent { height: 605px !important; }
 
            .page-actions{ display:block; font-size:9px; padding:0;  }
            .page-actions ul { float:right; width:auto; padding-left: 10px; }
            .page-actions a { color:#999999 !important; margin-left:0; }
            .page-actions li.first { margin-left:0; }
            .page-actions li { display:inline; float:left; line-height:18px; margin:0 0 0 10px; color: #999; }
            .page-actions a.email { background:transparent url(/prod/assets/pt_email.gif) no-repeat scroll 0 0; padding:0 0 4px 20px; }
            .page-actions a.print { background:transparent url(/prod/assets/pt_print.gif) no-repeat scroll 0 0; padding:0 0 4px 18px; }
            .page-actions a.comment-link { float:left; height:24px; padding:0 0 4px; }
            .page-actions a.comment-count { background:transparent url(/prod/assets/count_bubble_right_sm2.png) no-repeat scroll right top; color:#225DB7; display:block; float:left; margin:0 0 0 3px; min-width:22px; padding:0; text-align:center; text-decoration:none; }
            .page-actions a.comment-count span { background:transparent url(/prod/assets/count_bubble_left_sm2.png) no-repeat scroll left top; display:block; font-family:Helvetica,Arial,sans-serif; font-size:11px; font-weight:bold; line-height:16px; padding:2px 6px 9px; text-decoration:none; }


      ul.panel li.mug {margin-bottom:25px; clear:both;min-height:100px;}         ul.panel li  img{float:left;margin-right:10px;}         ul.panel li  span{width:150px;float:right;border-left: 1px solid #ccc;padding-left:10px;margin-left:10px;}                  ul.panel li  span h5{font-size:10px;color:#D8BA7E;}         ul.panel li h4 {font-size:18px; font-weight:400; color: #D8BA7E;}

                .mod-inline.video-player.full-box {    margin-bottom: 16px;    overflow: hidden;    padding: 4px;    position: relative;    background:#4B4538;    width:576px; } .mod-inline.video-player h5 {    color: #ffffff;    font-family: Verdana,Arial,Helvetica,sans-serif;    font-size: 12px;    margin: 4px 10px;    padding: 8px 0 3px; } .mod-inline.video-player .mod-video-tags {    color: #cccccc;    font-size: 10px;      float: left;    padding: 0 0 10px 10px; } .mod-inline.video-player .mod-video-tags span {    display: block;    padding-bottom: 5px; } .mod-video-playlist {    border-color: #666666;    border-style: solid;    border-width: 0 0 0 1px;    float: left;    margin: 8px 10px 0 6px;    padding: 6px 6px 0;    width: 242px; } .mod-video-playlist h6 {    border-bottom: 1px solid #666666;    color: #ffffff;    display: block;    font-family: Helvetica,Arial,sans-serif;    font-size: 12px;    font-weight: 700;    margin-bottom: 6px;    padding: 0 8px 4px 2px; } .mod-video-playlist h6 img {    padding-left: 4px; } .mod-video-playlist ul.bulletlinks {    padding: 0; } .mod-video-playlist ul.bulletlinks li{        background: url("/espncitysites/losangeles/prod/assets/bullet_white.gif") no-repeat scroll 5px 8px;  padding-bottom: 4px;    padding-left: 15px;    padding-top: 4px;     border-style: solid;      display: block;} .mod-video-playlist ul.bulletlinks li.active a {    color: #444444; } .mod-video-playlist ul.bulletlinks li a {    display: block; } .mod-inline ul {    clear: both; } ul.bulletlinks {    font-size: 10px;    list-style-image: none;    list-style-type: none;    padding: 6px;    white-space: normal; } ul.bulletlinks li {    color: #555555;    line-height: 13px;    list-style-image: none; } .mod-video-playlist ul.bulletlinks li.first.active {    border-width: 1px; } .mod-video-playlist ul.bulletlinks li.active {    color: #444444;    font-weight: 700; } .mod-video-playlist ul.bulletlinks li.active {    background: url("/prod/assets/bullet_gray.gif") no-repeat scroll 5px 8px #c9c8c4;    border-color: #cccccc;    border-width: 0 1px 1px; } .mod-inline.video-player.with-playlist #videoInfo {    float: left;    width: 300px; }
                
                

