@charset "utf-8";
/********** RESET STYLES (DO NOT MODIFY) **********/
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, b, u, i, center, 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-size:100%;vertical-align:baseline;background:transparent;}
ol, ul { list-style: none; }

body { background: #e2dfd9 url(/i/eticket/20090805/i/bg.jpg) !important; margin: 0px !important;font-family: helvetica, arial, sans-serif; font-size: 12px; color: #3f3f3f; }
.header { position: fixed; overflow-x:hidden; overflow-y: auto; top:0px; left: 0px; background: url(/i/eticket/20090805/i/bg_nav.png) top repeat-x; height: 168px; display: block; width: 100%; z-index: 50;  }
.header .titlecontainer { margin: 10px auto 15px; width: 990px; padding: 0px 7px 12px 75px; background: transparent url(/i/eticket/20090805/i/us-team-logo.gif) no-repeat; position: relative; overflow: hidden; height: 64px;}
.header .titlecontainer .logos { background: transparent none; position: absolute; right: 20px; top: 0px; height: 23px; }
.header .titlecontainer .logos a {float:left; color:#ffffff; font-size: 11px; text-decoration: none;}
.header .titlecontainer .logos a.espanol-link {margin: 8px 20px 0 0;}
.header .titlecontainer .logos a:hover {color: #e6e6e6; text-decoration: underline;}
.header .titlecontainer .logos a.header-espn-logo {margin-right: 10px;}
.header a.header-multimedia {display:block; position: absolute; right: 20px; top: 42px; height: 34px; padding: 0 0 0 52px; background: transparent url(/i/eticket/20090805/i/icon-multimedia.png) 0 50% no-repeat; color: #ffffff; font-weight: 700; cursor:pointer; text-decoration: none; font-size: 13px;}
.header a.header-multimedia:hover {color: #e6e6e6; text-decoration: underline;}
.header a.header-multimedia span {padding-top:9px; display:block;}
.header .titlecontainer .titles { color: #fff; font-size: 50px; font-weight: bold; }
.header .titlecontainer .titles.small { color: #fff; font-size: 14px; margin-right: 30px; font-weight: bold; }
.header .titlecontainer .titles.smaller { color: #fff; font-size: 14px; font-weight: bold; }
.header .titlecontainer .author { color: #dfe0b8; }
.header .navigation { margin-top: -2px; font-size: 11px; }
.header .navigation .container { position: relative;height: 34px;width: 990px; padding: 5px 5px 5px 25px;margin: 0px auto;overflow: hidden;}
.header .navigation .container li { float: left;list-style: none; padding:0px; margin: 0px 10px 0px 0px;}
.header .navigation .container li a { font: normal 11px helvetica; text-decoration: none; padding: 5px 4px 5px 7px; color: #3f3f3f; z-index: 10; display: block; float: left; position: relative; overflow: hidden;  }
.header .navigation .container li .navstrong { font-size: 13px !important; font-weight: bold; }
.header .navigation .container li .nav_small { font-size: 11px; font-style: italic; }
.header .navigation .container li a:hover, .navigation .container li a:active, .navigation .container li a:visited { border: none;  }                    
.selected { background: transparent url(/i/eticket/20090805/i/selected_arrow.gif) no-repeat -4px 50%; border:3px solid #e7ba53;  }
.selected a { padding: 2px 1px 0px 4px !important; }
.hover { border:3px solid #e7ba53;   }
.hover a { padding: 2px 1px 0px 4px !important;   }
#panel .panel { float:left; padding: 0px; overflow-x:auto; min-width: 990px !important;  }
#mask { width:100%;  margin:0px auto; position: relative; overflow: hidden; }
#scroller-body { margin: 170px 0px 0px !important; z-index: 0;  }
#scroller-body #mask #panel .panelcontent { width:722px; margin-left: 250px; line-height: 16px; }
#scroller-body #mask #panel .panelcontent .content { padding: 0px 20px 20px; position: relative; background: #fff; }
#scroller-body #mask #panel .panelcontent .content .media {width: 200px; float: right; margin: 0px 0px 13px 13px; position: relative; }
#scroller-body #mask #panel .panelcontent .content .media .photo { position: relative; margin-bottom: 12px; height: 117px; }
#scroller-body #mask #panel .panelcontent .content .media .video { position: relative; margin-bottom: 12px; height: 117px; }
#scroller-body #mask #panel .panelcontent .content .media .photo .overlaytext { background: transparent url(/i/eticket/20090805/i/icon-photo.gif) no-repeat; padding-left: 25px; position: absolute; bottom: 5px; left: 5px; z-index: 6; color: #fff; font-weight: bold; font-size: 12px; }
#scroller-body #mask #panel .panelcontent .content .media .photo .overlaybg  { position: absolute; display: block; width: 200px;  bottom: 0px; left: 0px; background: #000; z-index: 5; height: 25px; }
#scroller-body #mask #panel .panelcontent .content .media .video .overlaytext { background: transparent url(/i/eticket/20090805/i/icon-video.gif) no-repeat; padding-left: 25px;  position: absolute; bottom: 5px; left: 5px; z-index: 6; color: #fff; font-weight: bold; font-size: 12px; }
#scroller-body #mask #panel .panelcontent .content .media .video .overlaybg  { position: absolute; display: block; width: 200px;  bottom: 0px; left: 0px; background: #000; z-index: 5; height: 25px; }
.panelcontent .locationtitles { font-size: 44px; color: #000; margin: 0px;padding: 0px 20px;  }
.panelcontent .locationtitles_small { font-size: 22px; color: #000; margin: 0px; padding: 0px 20px; }
.photocaption { color: #555; }
#miami { background: transparent url(/i/eticket/20090805/i/vignettes-final/vignette-miami.png) no-repeat center top; padding-bottom: 50px;  }
#sanjose { background: transparent url(/i/eticket/20090805/i/vignettes-final/vignette-costarica.png) no-repeat center top; padding-bottom: 50px;  }
#chicago { background: transparent url(/i/eticket/20090805/i/vignettes-final/vignette-chicago.png) no-repeat center top; padding-bottom: 50px;  }
#pretoria { background: transparent url(/i/eticket/20090805/i/vignettes-final/vignette-pretoria.png) no-repeat center top; padding-bottom: 50px;  }
#rustenburg { background: transparent url(/i/eticket/20090805/i/vignettes-final/vignette-rustenburg.png) no-repeat center top; padding-bottom: 50px;  }
#bloemfontein { background: transparent url(/i/eticket/20090805/i/vignettes-final/vignette-bloemfontein.png) no-repeat center top; padding-bottom: 50px;  }
#johannesburg { background: transparent url(/i/eticket/20090805/i/vignettes-final/vignette-johannesburg.png) no-repeat center top; padding-bottom: 50px;  }
#goldcup { background: transparent url(/i/eticket/20090805/i/vignettes-final/vignette-seattle.png) no-repeat center top; padding-bottom: 50px;  }
#mexicocity { background: transparent url(/i/eticket/20090805/i/vignettes-final/vignette-mexicocity.png) no-repeat center top; padding-bottom: 50px;  }
.centeredcontainer { width: 990px; margin: 150px auto 0px; position: relative;}
a.arrow { display:block; width: 158px; height: 49px; color: #fff !important; font-weight: 700; cursor:pointer; text-decoration: none; font-size: 10px; line-height: 10px;}
a.arrow:hover { color: #e7ba53 !important; }
a.arrow.next { background: transparent url(/i/eticket/20090805/i/arrow_next2.gif) 0 50% no-repeat; float: right;  }
a.arrow.previous { background: transparent url(/i/eticket/20090805/i/arrow_previous.gif) 0 50% no-repeat; float: left; }
a.arrow.next span { padding:21px 0 0 26px; display: block;}
a.arrow.previous span { padding:21px 0 0 18px; display: block;}
.vignette_footer { position: relative; font-size: 11px; background:url(/i/eticket/20090805/i/bg-footer.gif) top repeat-x; overflow: hidden; height: 1%; }
.vignette_footer a { color: #000; text-decoration: none; font-weight: bold; margin: 0px 8px;}
.vignette_footer a:hover { color: #555; }
.vignette_footer .common { text-align: center; padding-top: 25px; }
.vignette_footer .destinations { text-align: right;float: right;  }			
.content p {margin: 10px 0px; font-family: helvetica, arial, sans-serif; font-size: 12px;}
.conditions {width:450px; background-color: #dfe0b8; overflow: hidden; padding: 3px 6px; height: 1%; margin: 10px 0 10px 0;}
.conditions p {margin: 0px;}
.conditions ul {overflow: hidden; height: 1%;}
.conditions ul li {float: left; padding: 0 10px 0 10px; background: transparent url(/i/eticket/20090805/i/conditions-divider.gif) 100% 50% no-repeat; height: 29px;}
.conditions ul li p { white-space:nowrap; color: #4b4d37; font: normal 400 10px Verdana, Arial, Helvetica, sans-serif; line-height: 14px;}
.conditions ul li.date { padding: 0 10px 0 4px;}
.conditions ul li.location { padding: 0px 10px 0 10px;}
.conditions ul li.weather { padding: 0 0 0 10px; background: transparent none;}
.conditions ul li.weather p {margin-left: 32px;}
.conditions ul li.date p {font: normal 700 14px Helvetica, sans-serif; line-height: 29px;}
.weather-icon {width: 25px; height: 25px; float:left; margin-top: 3px;}
.weather-icon.cloudy {background: transparent url(/i/eticket/20090805/i/weather-icons.png) 0 0 no-repeat;}
.weather-icon.sunny {background: transparent url(/i/eticket/20090805/i/weather-icons.png) 0 -30px no-repeat;}
.weather-icon.partly-sunny {background: transparent url(/i/eticket/20090805/i/weather-icons.png) 0 -90px no-repeat;}
.weather-icon.partly-cloudy {background: transparent url(/i/eticket/20090805/i/weather-icons.png) 0 -60px no-repeat;}
.weather-icon.clear {background: transparent url(/i/eticket/20090805/i/weather-icons.png) 0 -120px no-repeat;}
#multimedia .centeredcontainer {margin:20px auto 0;}
#scroller-body #mask #panel #multimedia .panelcontent {margin-left:0px; width:990px;}
#scroller-body #mask #panel #multimedia .panelcontent .content {background:transparent none repeat scroll 0 0; padding:20px 0 0; overflow: hidden;}
#multimedia .content .column {width:290px; background-color: #ffffff; margin: 0 16px 0 0; float:left; padding: 6px 12px 6px; position:relative;}
#multimedia .content .column h3 {margin: 6px 0 12px; font-size: 20px; padding-left: 25px; color:#000000;}
#multimedia .content .column p {margin: 4px 0; font: normal 400 13px Helvetica, Arial, sans-serif; color: #000000;}
#multimedia .content .column li {margin: 0 0 20px;}
#multimedia .content .column p.m-title {font-weight: 700;}
#multimedia .content .column p.m-location {font-style: italic;}
#multimedia .content .column p.m-links a {color: #1171dd; text-decoration: none;}
#multimedia .content .column p.m-links a:hover {color: #479eff; text-decoration: underline;}
#multimedia .content .column p.m-links a.external {background: transparent url(/i/eticket/20090805/i/icon-external-link.png) 100% 50% no-repeat; padding-right: 13px;}
h3#recap {background: transparent url(/i/eticket/20090805/i/icon_recaps.png) 0 50% no-repeat;}
h3#video {background: transparent url(/i/eticket/20090805/i/icon_video.png) 0 50% no-repeat;}
h3#photo-gallery {background: transparent url(/i/eticket/20090805/i/icon_photos.png) 0 50% no-repeat;}
.footer { padding: 10px; font-family: Verdana, Arial, sans-serif; font-size: 10px; font-weight: normal; margin-top: 25px; line-height: 14px; }
.footer a { font-weight: normal !important; color: #555; }
.tv_callout { background: #fff; width: 963px; margin-bottom: 15px; overflow: hidden; height: 1%; position: relative; padding-left: 12px; }
.tv_callout h3 { background: transparent url(/i/eticket/20090805/i/icon-tvcallout.gif) no-repeat scroll 0 50%; font-size: 20px; color: #000; padding: 8px 20px 5px 30px; display: block; float: left; }
.tv_callout .textcallout { width: 400px; float: left; font-weight: bold; padding: 10px 0px 0px; }
.tv_callout .textcallout .regulartype { font-weight: normal !important; }
.tv_callout .blog { float: right; width: 308px; height: 27px; background: transparent url(/i/eticket/20090805/i/insider_soccerblog.gif) no-repeat scroll 0 0; padding: 10px 0px 0px 0px; font-weight: bold;  }
.tv_callout .blog a { color: #971535; text-decoration: none; background: transparent url(/i/eticket/20090805/i/icon-insider.gif) no-repeat scroll 0 0; display: block; height: 15px; padding: 0px 0px 0px 20px; margin-left: 20px; }
.tv_callout .blog a:hover { color: #555; }