/* Header ---------- */ .headerWrapper { margin: 0px auto; width:800px; padding-top:10px; background: url("http://www.seatwave.com/images/global/header/header-top.jpg") no-repeat left top; } .Header { width:800px; height:84px; background:#f8130d; margin:0px; } .page>.Header { min-height:71px; height:auto; } .logo { float:left; margin-top:1px; color:#fff; } /* margin needed for IE5 */ .tagline { float:right; display:block; margin:40px 5px 0 0; } /* Search form in header ---------- */ .txtSearch { float:left; width:370px; height:50px; margin:1px 0px 0px 200px; padding-top:33px; background:#f8100e; } .txtSearch p { margin:0px; padding:0px; } .txtSearch a { padding:0px 5px 0px 0px; color:#ffffff; font-weight:normal; font-size:80%; margin:0px 112px 0px 0px; float:right; } .txtSearch a:hover { text-decoration:underline; } input.unwatermarked { float:left; margin:0px; width:250px; padding:3px; border:1px solid #666666; font-size:80%; color:#000000; } input.watermarked { float:left; margin:0px; width:250px; padding:3px; border:1px solid #666666; font-size:80%; background-color:#f0f8ff; color:gray; } .search-button { margin: -3px 0px 0px 10px; border:none; float:left; color:#ffffff; font-size:120%; cursor:pointer; font-weight:bold; } input.cleardefault /* This class also triggers the js file found at /lib/js/clear-default-text.js */ { float: left; margin: 0px; width: 250px; padding: 3px; border: 1px solid #666666; font-size: 80%; color: #000000; } /* Sub navigation ---------- */ .navBreadcrumb, .sub-nav { padding:8px 15px 10px 15px; font-size:86%; } ul#secondary-nav { float: right; list-style-type: none; padding-left:20px; } ul#secondary-nav li { float: left; font-size: 86%; padding: 0 20px 0 0; } ul#secondary-nav li.last-child { padding-right: 0; } .navBreadcrumb span, .sub-nav span { padding:0px 20px 0px 0px; font-size:86%; } .navBreadcrumb span.last, .sub-nav span.last { padding:0px; font-size:86%; } .navBreadcrumb a.link, .Breadcrumb a.link, .rightBar a.link { font-style:italic; } /* Old */ .sub-nav span a, .navBreadcrumb ul li a, .navBreadcrumb span a, .Breadcrumb a:hover.link { color:#000000; } .sub-nav span a:hover, .navBreadcrumb ul li a:hover, .navBreadcrumb span a:hover, .promoThumbs a, .navBreadcrumb a { color:#f8130d; } /* Breadcrumbs ---------- */ .Breadcrumb { padding: 5px 15px 8px 16px; font-size: 86%; } .Breadcrumb a:hover { color: #f8130d; } .breadcrumb-separator { color: #F8130D; } /* My account login box ---------- */ /* :INFO Included in various areas, important added to avoid incorrect cascading */ .auth-touch-point .my-account-login div { float:none; } .my-account-login { position:absolute; width:165px; background-color:#C9E0E9; border:5px solid #ffffff; z-index:1; color:#000; } .my-account-login h2 { font:1.8em Georgia, "Times New Roman", Times, serif; margin:5px; color:#333 !important; font-weight:normal !important; } .my-account-login label { margin:5px; color:#000 !important; font-size:1.0em !important; display:inline !important; } .my-account-login label.wide span, .my-account-login label.wide { padding:0; } .my-account-login p { font-size:1.0em !important; padding:5px !important; } .my-account-login p.full-width { margin:5px; width:95%; } .my-account-login input.text { width:150px; border:1px solid #cccccc; margin:5px; padding:3px; float:none; } .my-account-login input.submit { float:right; padding:5px; margin:0; width:auto; } .my-account-login a { margin: 0px 0px 0px 5px; } .my-account-login .warning { margin:5px; padding:5px; border:1px solid #cccccc; background:#ffff99; clear:both; } .close { padding: 5px; float: right; } /* global - used in other layers */ .auth-touch-point .username-fix { font-size:100%; } /* Fixes .NET double wrapping the username in spans - (font inheritance) */ /* Prerequisites JavaScript & Cookie warning ---------- */ .prerequisitesWarning { margin:5px; padding:5px; border:1px solid #cccccc; background:#ffff99; font-size:80%; } .prerequisitesAlert { color:#ffffff; margin:5px; padding:5px; border:1px solid #cccccc; background:#E73931; font-size:80%; } /* Generic */ .centre { text-align:center; } /* global :TO delete */ .welcomeMessage { margin-left : 15px;} /* !Generic changes */ /*----------------------------------------------------------------------------- Seatwave Primary Navigation Version history: 1.0 26/10/06 2.0 13/11/06 3.0 16/02/07 RLee - Updated to pull in individual image tabs rather than the all states image. Nav compatible with: Win IE5-7, Firefox 1.5-2, Opera 9, Netscape 8.2 (IE engine) Mac Safari 2, Firefox 1.5-2, Camino 1, Opera 9 -----------------------------------------------------------------------------*/ /* Main navigation ---------- */ #main-nav { width:800px;height:37px;padding-top:10px; background:url(http://www.seatwave.com/images/global/header/bg-main-nav.jpg) 0 0 no-repeat;} #main-nav ul { border-bottom: 1px solid #C4C3C8; list-style-type: none; padding: 5px 0 5px 0; } #main-nav li {display:inline; margin-left:-2px;margin-right:-2px} #main-nav ul li a { font-family:Georgia , Verdana, "Trebuchet MS", Tahoma, sans-serif; font-size:15px; padding:5px 10px; border:1px solid #C4C3C8; background-color:#eee; color:#333; border-bottom:none; } #main-nav ul li a:hover, #main-nav ul li a:active { border-bottom:1px solid #fff; background-color: #fff; color:#F8130D; } li#all-events { margin-left:2px;} /* Festival tab */ li#blogs {margin-left:256px;} /* On states */ body#all-events-page li#all-events a , body#genre1-page li#concerts a ,body#genre3-page li#theatre a ,body#genre2-page li#sport a, body#sell-page li#sell a { background-color: #fff; position: relative; top: 1px; padding-top: 6px; color:#F8130D; } /* Sub nav - old delete clean */ #sub-nav { width: 800px; clear: both; } #sub-nav ul { list-style:none; margin: 5px 15px 20px 0px; padding: 0px; font-size: 95%; float: right; } #sub-nav li { margin-left: 30px; list-style: none; display: inline; float: left; } #sub-nav a { float: left; color: #333333; font-weight: normal; } #welcome-user a { color: #ff0000; font-weight: bold; display: inline; } #change-user a { color: #ff0000; font-weight: bold; display: inline; } /* end of Primary Nay */ /*====================*/ /* MAIN SEATWAVE STYLESHEET =========================== 1. General 2. Font Type 3. Links 4. Global 5. Layout 6. XHTML Components - tables, lists, forms 7. Bespoke Components 8. Global */ /* 1. 'GENERAL ============= */ * { margin: 0px; padding: 0px; border: 0px; } body { font:13px Verdana, "Trebuchet MS", Tahoma, sans-serif; color:#000000; text-align:center; background:#ececec url(http://www.seatwave.com/images/global/css-images/bg-body.gif) repeat-y center center; } img { border: none; } /* 2. 'FONT TYPE =============== */ /* Headings ---------- */ /* Font sizes ---------- */ h2 { /*xfont-size:10px; font: normal 1.7em Georgia, "Times New Roman", Times, serif; color:#333; margin-bottom:10px;*/ } /* need to override speicfic h2 */ .contentMainCjnr00 h2 { /* new helvetica global def? */ font: bold 1.5em Verdana, "Trebuchet MS", Tahoma, sans-serif; color:#333; margin-bottom:10px; padding: 0px 5px 0px 0px } .PackageHeadercjnr h2 { color:#000; font:bold 14px Verdana, "Trebuchet MS", Tahoma, sans-serif; margin-bottom:0;/*color:#333; font-size:17px; font-weight:normal; */ } .contentMainCjnr00 h3 { /* global def? */ color: black; font-size: 12px; font-weight:bold; margin-top:3px; /* add 10px bottom from paymentType h3 - align sell h4 to this? Check affects on sell section */ } .grey-text { font-size: 1.1em; line-height:1.3; } .grey-text h2 { font-size:155%; } /* :INFO reset font inheritance so class can be used at parent box level - 17px */ /* Font colours ---------- */ .greyTxt { color:#666666; } .grey-text { color: #333; } .footertext { color: #666; font-size:10px; } .fontnormal { font-weight:normal !important; } .fontbold { font-weight:bold !important; } .fontitalic { font-style:italic !important; } /* 3. 'LINKS ============= */ /* General links ---------- */ a { text-decoration: none; } a:hover { /*text-decoration: underline; */ } /* 4. 'LAYOUT ============= */ /* Page container ---------- */ .page { width:800px; position:relative; margin:0px auto; padding:0px; text-align:left; background-color:#fff; } /* Main content container ---------- */ .bodyIndexPg { float:left; margin:0px; clear:left; } /* Side bar container :INFO Align with main content to - markup has double .bodyIndexPg definition ---------- */ .rightBarRedUL { float:right; width:185px; margin:-3px 0 0 0; padding-right:16px; overflow:hidden; } /* Additional margins & padding ---------- */ .marginleft { margin-left:10px; } .marginright { margin-right:10px; } .margintop { margin-top:10px; } .marginbottom { margin-bottom:10px; } .paddingleft { padding-left:10px; } .paddingright { padding-right:10px; } .paddingtop { padding-top:10px; } .paddingbottom { padding-bottom:10px; } .margintophalf { margin-top:5px; } .nopadding { padding:0 !important; } .nomargin { margin:0 !important; } .nomargintop { margin-top:0 !important; } .centre { text-align:center; } /* 5. 'XHTML ============= */ /* Tables ---------- */ table th, table td { vertical-align:top; } /* Javascript rollover styles for content tables */ .venueList { border-bottom: 2px solid #c9e0e9; } .venueListActive { background-color:#e4f3f8; } /* Lists ---------- */ .contentMainCjnr00 ol, .contentMainCjnr00 ul {padding:10px 5px 10px 20px; } .bodyIndexPgGEN28 ol, .bodyIndexPgGEN28 ul { padding:10px 0 10px 30px; } /* static and my-account ?? */ /* Forms ------ */ /* Inline radio & checkboxes & inputs ---------- */ /* :TODO - allow label/text to be displayed to the right and left of input */ .inline label, .inline input { line-height:1.3em; display:inline-block; vertical-align:middle; } .inline label { line-height:1.6em !important; float:none !important; margin:0 0 0 5px !important; /* label to right of input: default */ padding-right:5px; } .inline.textleft label { margin:0px !important; } /* label to left of input - use default padding for spacing */ .inline input { float:none !important; margin-right:5px; /*:INFO Leave default padding 3px for text inputs */ } /* 100% column radio & checkboxes list: usage ul class="inline" ---------- */ ul.inline { list-style:none; font-size:100%; width:100%; padding:5px 0; } /* 50% column radio & checkboxes list: usage class="inline fiftypercent" ---------- */ .fiftypercent { list-style:none; font-size:100%; width:100%; padding:5px 0; } .fiftypercent li { list-style:none; width: 50%; float:left; margin:0; } .fiftypercent li input { } .fiftypercent li label { } /* Readonly only literals */ .fiftypercent li.readonly { list-style:none; min-width: 45%; width:auto; _width: 45%; float:left; margin:0 5px 0 0;} .noborder input { border:none !important; } input.input-med { font-size: 1.1em; width:16em; font-family:Verdana, "Trebuchet MS", Tahoma, sans-serif; } input.input-lge { font-size: 1.1em; width:23.5em; font-family:Verdana, "Trebuchet MS", Tahoma, sans-serif; } TEXTAREA.fullwidth, input.fullwidth { width:96%; } /* 6. 'BESPOKE ============= */ /* Content ---------- */ /* Blue content container ---------- */ /*:INFO rename to content-box or main-box : buy & sell section */ .contentMainCjnr00 { background-color: #cce3eb; padding: 0px; width: 570px; overflow: hidden; /* :BUG causing absolute positioning bugs in sell */ margin: 0px 0px 0px 15px; font-size: 10px; color: #666666; vertical-align:top; border-bottom: 3px solid #aec5cd; } .contentMainCjnr00 a { /* global def? */ text-decoration:none; color:#EC4748; } .contentMainCjnr00 a:hover { /* global def? */ text-decoration:underline; color:black; } .contentMainCjnr00 input /* global def : look at no border; font-family to add */ { padding: 3px; border: 1px solid #CCCCCC; font:11px Verdana, "Trebuchet MS", Tahoma, sans-serif; } .contentMainCjnr00 select /* global def? */ { border: 1px solid #CCCCCC; padding: 3px; max-width: 265px; font-size:11px; /*font:11px Verdana, "Trebuchet MS", Tahoma, sans-serif;*/ } TEXTAREA /* move to global def */ { font-family:Verdana, "Trebuchet MS", Tahoma, sans-serif; font-size: 11px; border: 1px solid #CCCCCC; padding: 3px; width: 167px; } /* Generic panel module: used for content, content text is the same as grey-text ---------- */ /* :INFO currently used in buy and confirmation page in sell - sell uses different font sizes/markup mapping so need to bring into line. */ .panel-module { padding: 10px; } /* :INFO mimicks table.paymentDetails margin */ .panel-module h2 { /*xfont: normal 100% Georgia, "Times New Roman", Times, serif; color:#333;*/ margin-bottom:10px; } .panel-module h3 { /*default buy h3 */ } .panel-module h3.bigger { font-size:1.18em; /* 13px */ margin:20px 0 5px 0; } /*.panel-module p, .panel-module span, .panel-module li, .panel-module label { font-size: 1.1em; line-height:1.3; color: #333;}*/ /*:INFO equiv of grey-text */ /* Process module with large margin: used in Opt out page ---------- */ .bigpanel-module { margin:20px 25px 160px 25px; } /* Process module: used for form processing which mimicks panel-module and the old table approach ---------- */ /* :INFO parent class to target form elements : default text should be same as grey-text */ /* :TODO global style to replace table.paymentDetails maybe another form-module type */ .process-module { padding: 10px; } .process-module h2 { color:#333; margin-bottom:10px; } /*.process-module p, .process-module span, .process-module li, .process-module label { font-size: 1.1em; line-height:1.3; color: #333;}*/ /*:INFO equiv of grey-text - bad inhertiance*/ /* Prevent Inherited Shrinkage - cant do this yet .contentMainCjnr00 p input, .contentMainCjnr00 td input, .contentMainCjnr00 span label, .contentMainCjnr00 td label, .contentMainCjnr00 li li, .contentMainCjnr00 .contentMainCjnr00 li p, .contentMainCjnr00 td p, .contentMainCjnr00 td li, .contentMainCjnr00 blockquote p, .contentMainCjnr00 p span, .contentMainCjnr00 th p, .contentMainCjnr00 h1 span, .contentMainCjnr00 h2 span, .contentMainCjnr00 h3 span, .contentMainCjnr00 h4 span, contentMainCjnr00 h5 span, .contentMainCjnr00 a, .contentMainCjnr00 table td label, .contentMainCjnr00 table td span { font-size:100%; }*/ /* Error panel ---------- */ /* :TODO rename to error-panel, remove inline styles*/ .contentMainCjnr00 .ErrorMessageCJNR { background-color:#e73931; border-top: 2px solid #ffffff; font-size:11px; padding:10px; color:#ffffff; } .contentMainCjnr00 .ErrorMessageCJNR h2 { color:#ffffff; font:bold 14px Verdana, "Trebuchet MS", Tahoma, sans-serif; margin-bottom:0; } .contentMainCjnr00 .ErrorMessageCJNR ul { list-style-image:url(http://www.seatwave.com/images/css-images/required-star.gif); margin: 5px 0px 0px 50px; padding:0; } .contentMainCjnr00 .ErrorMessageCJNR a, .contentMainCjnr00 .ErrorMessageCJNR a:hover { color:#fff; text-decoration:underline; } .contentMainCjnr00 .ErrorMessageCJNR .text { margin: 5px 0px 0px 50px; } /* Lines ---------- */ .contentMainCjnrRightdotted { width:5px; background-image:url(http://www.seatwave.com/images/forms/dottedFormRight.gif); background-repeat: repeat-y ; margin:20px 0px 0px 0px; padding-top:20px; } .contentMainCjnrBottomdotted { height:5px; width:540px; background-image:url(http://www.seatwave.com/images/forms/dottedFormBottom.gif); background-repeat:repeat-x; margin:0px 0px 10px 0px; } .whiteDivider { border-top: 2px solid #FFFFFF; } /* Buy lines */ .dottedForm2 { height:5px; background-image:url(http://www.seatwave.com/images/forms/dottedForm2.gif); background-repeat:repeat-x; margin:10px 0px 0px 0px; } .dashed-border { border-bottom:1px dashed #97CACB; margin-top:2px; } .dashed-border-light { border-bottom:1px dashed #fff; margin-top:2px; } .dashed-borderright { border-right:1px dashed #97CACB; } /* Promotion image ---------- */ .PromoMainImg { float:left; margin-right:0px; } /* Seatmaps : Performance and Venue ---------- */ .seatmap img { margin-right:5px; float:left; } .seatmap a { font-weight:bold; } /* Popup layer: generic one. Child of .contentMainCjnr00 :BUG drop shadow will not display for IE6- ---------- */ .popup-layer { background:transparent url(http://www.seatwave.com/images/css-images/layer-shadow.png) no-repeat scroll right bottom !important; _background:transparent; position:absolute; z-index:1; font-size:smaller; font-size:85%; color:#333; /* position to be set specifically */ } .popup-layer .container { border:1px solid #ccc; display:block; margin:-4px 9px 9px -4px; _margin:0; width:185px; /* default width */ } .popup-layer .content { border:5px solid #fff; padding:10px; background: #c7d9dd;} .popup-layer h2 { color:#fff; font:bold 228% Georgia,"Times New Roman",Times,serif; margin-bottom:5px; } .popup-layer h3 { color:#336666; font-weight:bold; margin:3px 0 3px 0; font-size:110%; padding-bottom:10px; } .popup-layer h4 { color:#000; font-weight:bold; font-size:100%; padding-bottom:5px; } .popup-layer p { padding-bottom:5px; } .popup-layer .panel-module { margin:0 -5px; padding:5px 15px; } .popup-layer .curve { margin:0 -5px; display:block; } .popup-layer .curve .top-lhs { background:transparent url(http://www.seatwave.com/images/css-images/layer-top-lhs.gif) no-repeat left top; float:left; width:7px; height:7px; } .popup-layer .curve .top-rhs { background:transparent url(http://www.seatwave.com/images/css-images/layer-top-rhs.gif) no-repeat right top; float:right; width:7px; height:7px; } .popup-layer .curve .bottom-lhs { background:transparent url(http://www.seatwave.com/images/css-images/layer-bottom-lhs.gif) no-repeat left bottom; float:left; width:7px; height:7px; } .popup-layer .curve .bottom-rhs { background:transparent url(http://www.seatwave.com/images/css-images/layer-bottom-rhs.gif) no-repeat right bottom; float:right; width:7px; height:7px; } .popup-layer .footer .logo { margin:10px 5px 0 0; font-size:93%; float:left; } .popup-layer .footer a { margin:12px 0 0 10px; color:#666; float:right; background:transparent url(http://www.seatwave.com/images/buttons/icons/close-x-greylight.gif) no-repeat right 2px; padding:0 15px 0 0; } .popup-layer a { } .popup-layer a:hover { color:#000; text-decoration:underline; } .popup-layer ul { padding:0 0 5px 20px; } .popup-layer ul li { padding:2px; } /* Reset font for side bar usage */ .rightBarRedUL .popup-layer .container { font-size:100%; } /* Ticket cover */ .rightBarRedUL #ticket-cover-layer.popup-layer .container { width:200px; } .rightBarRedUL #ticket-cover-layer.popup-layer .container .curve { _width:180px; } /* fix so width is not needed */ /* 7. 'GLOBAL ============= */ .floatleft { float:left; } .floatright { float:right; } .floatnone { float:none !important; } .invisible, .hide, .hidden { display: none; } .dispblock { display:block; } .clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .clearfix {display: inline-block;} /* Holly Hack Targets IE Win only */ * html .clearfix {height:1%; } .clearfix { display:block; } /* End Holly Hack */ /* Old clearers */ .clear { clear:both; } .cleaner { font-size: 0px; line-height: 0px; height: 0px; clear: both; } .cleanercontentMainCjnr00 { font-size: 0px; line-height: 0px; height: 1px; clear: both; width:500px; } .reverse-color { background-color:#fff; } /* Validation error star ---------- */ .error_redstar, .error_redstar_text { color:#ff0000; padding:0px 0px 0px 5px; } .error_redstar_text { padding-left:0px; } /*Footer*/ .Footer{width:800px;background-color:#fff;font-family:verdana, arial, sans-serif;font-size:78%;margin:0 auto;padding:30px 0 25px; text-align: center; } .footerLinks{height:auto;background-color:#f8130d;color:#FFF;margin:0 auto;padding:3px 0; width: 100%;} .footerLinks a:link,.footerLinks a:visited{cursor:pointer;color:#FFF;text-decoration:none;} .footerLists{clear:both;width:685px;padding-top:10px;line-height:150%;color:#6F7877;margin:0 auto;} .footerLists a:link,.footerLists a:visited{cursor:pointer;text-decoration:none;color:#6F7877;} .footerLists p.copyright-text {margin-top: 1.5em;} .footerLinks li,.footerLists li{display:inline; padding: 0 5px; } .footerLinks li {border-right: 1px solid #fff; } .footerLists li {border-right: 1px solid #6F7877; } .footerLinks li.last-child, .footerLists li.first-child, .footerLists li.last-child {border-right: none; } .footerLists li.first-child { padding-right: 0; } .footerLinks a:hover,.footerLists a:hover{text-decoration:underline;} /*!Footer*/ /* END OF MAIN CSS */ /*===============*/ /* GROUP C CSS */ /*===========*/ /* Static styles */ /* Containers ---------- */ .bodyIndexPgGEN28 { background-color:#C9E0E9; width:780px; margin:0 10px; } .contentMainGEN28 { width:585px; overflow:hidden; font-size:10px; color:#666; vertical-align:top; float:right; margin:15px 0 10px 0; padding:0; } .leftGEN28 { width:190px; font-size:10px; color:#666; vertical-align:top; float:left; margin:0 0 15px; padding:5px 0; } /* Management ---------- */ .contentMainGEN28base2 { width:585px; overflow:hidden; font-size:10px; vertical-align:top; margin:0 0 10px; padding:0 0 0 180px; } .bodyIndexPgGEN28 td.guaranteeCopyManagement2 a { color:#EC4748; font-weight:bold; } .bodyIndexPgGEN28 td.guaranteeCopyManagement2 a:hover { text-decoration:underline; } /* Additonal defs */ div.contentMainGEN28 .guaranteeCopyForm p { margin:10px 0; } div.contentMainGEN28 .guaranteeCopyForm h3 { margin:20px 0 10px; } /* Left hand menu ---------- */ .GenMenu, .GenMenuPic, .GenMenuPic2, .GenMenuTop, .GenMenuBase { background-color:#FFF; } .GenMenuBorder { background-color:#FFF; width:4px; } .GenMenu2, .GenMenu2Top, .GenMenu2Base { background-color:#FD1819; color:#fff; } td.GenMenuSpacer { height:5px; background-color:#FFF; } .GenMenuTop, .GenMenu2Top { border-top:5px solid #FFF; } .GenMenuBase, .GenMenu2Base { border-bottom:15px solid #FFF; } .GenMenu a, .GenMenuTop a, .GenMenuBase a { color:#666; } .GenMenu2 a, .GenMenu2Top a, .GenMenu2Base a { color:#fff; } .GenMenu a:hover, .GenMenuTop a:hover, .GenMenuBase a:hover { color:#FD1819; } .GenMenuPic { padding:10px 10px 0 0; } .GenMenuPic2 { padding:5px 10px 10px 0; } .GEN28LeftDiv { height:14px; } /* Customer testimonials ---------- */ .GENPicBlue { margin-right:5px; background-color:#CAE8F3; padding:10px; } .GenMenuPic2 h1 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:20px; font-weight:bold; padding:0 0 10px; } .GENMenuPic_BoldTxt { font-weight:bold; padding:0 0 10px; } /* General static styles ---------- */ .contentMainGEN28 h1 { font: bold 15px Verdana, "Trebuchet MS", Tahoma, sans-serif; } .contentMainGEN28 h2, .contentMainGEN28base h2, .contentMainGEN28base2 h2 { color:#666; font-size:14px; font-weight:bold; } .contentMainGEN28 h3 { font-size:12px; font-weight:bold; margin-top:3px; } .contentMainGEN28 a, .GenMenuPic2 a, a:hover.FAQBase, .GENabouttxt3 a { text-decoration:none; color:#EC4748; } .contentMainGEN28 a:hover { text-decoration:underline; } .GENabouttxt3 a { font-size:10px; font-style:italic; } a.FAQLinks, a.FAQBase, .GENabouttxt3 a:hover { text-decoration:none; color:#000; } a:hover.FAQLinks, li.FAQList { text-decoration:none; color:#EC4748; } /* Content styles ---------- */ .guaranteeCopy, .guaranteeCopyDiv { color:#333; font-size:12px; } .guaranteeCopyDiv { padding:10px; } .guaranteeCopy h2 { color:#FB0F0C; font-family:Georgia, "Times New Roman", Times, serif; } .guaranteeCopyDiv h2 { color:#333; font-family:Verdana, Arial, Helvetica, sans-serif; } .guaranteeCopyBtn { float:right; font-size:10px; } .guaranteeCopyBtn a { text-decoration:none; color:#000; } .guaranteeCopyBtn a:hover { text-decoration:none; color:#EC4748; } .guaranteeCopyForm { color:#333; font-size:11px; padding:5px 20px 5px 0; } .guaranteeCopyManagement { color:#333; font-size:12px; width:200px; padding:0 50px 10px 0; } .guaranteeCopyManagement2 { color:#666; font-size:11px; width:200px; padding:5px 50px 5px 0; } .ticketRed,.ticketRedRequired { color:#FB0F0C; } .ticketRed { font-size:12px; } .ticketRedRequired { font-size:10px; } .TicketNumbers { color:#FB0F0C; font-size:24px; font-weight:normal; } /* Lines & dividers - move to global def?? ---------- */ .leftGEN28 td.paymentDottedRight, .contentMainGEN28 td.paymentDottedRight { background:url(http://www.seatwave.com/images/btns/gen_28/side_dotted_line.gif) repeat-y right; } .contentMainGEN28 td.paymentDottedRight2 { background:url(http://www.seatwave.com/images/btns/gen_28/side_dotted_line.gif) repeat-y center; padding-right:5px; } .leftGEN28 td.paymentDottedRight { padding-right:3px; } .contentMainGEN28 td.paymentDottedRight { padding-right:5px; } .leftGEN28 td.paymentDottedBottom { background:url(http://www.seatwave.com/images/btns/gen_28/base_dotted_line.gif) repeat-x bottom; height:7px; border-top:4px; } .GEN28DottedDivider { clear:both; background:url(http://www.seatwave.com/images/btns/gen_28/base_dotted_line.gif) repeat-x; height:3px; margin:15px 0; } /* Tables ---------- */ .leftGEN28 table td.GenMenu, .leftGEN28 table td.GenMenu2, .leftGEN28 table td.GenMenuTop, .leftGEN28 table td.GenMenu2Top, .leftGEN28 table td.GenMenuBase, .leftGEN28 table td.GenMenu2Base { padding:5px; } .GENabouttxt { color:#000; } .GENabouttxt2 { padding-right:20px; font-size:11px; } .GENabouttxt2 span { color:#666; } .GENabouttxt3 { padding-top:5px; } .GENFAQ { margin:20px; } .GENFAQ td { font-size:11px; } .GENFAQ .spacer { padding-right:20px; } .GENFAQ h2 { font:bold 12px Verdana, Arial, Helvetica, sans-serif; color:#333; } /* FAQ ---------- */ a.linkhand { color:#000; } a.linkhand:hover { color:#F8130D; } .hand { cursor:pointer; } .linkhand { font-weight:bold; } .switchcontent { padding-left:15px; padding-top:10px; } /* Contact Us ---------- */ div#contactForm { clear:both; text-align:left; color:#000; width:350px; margin-left:10px; position:relative; bottom:35px; } div#contactForm fieldset { clear:both; border:none; margin:0; padding:0; } div#contactForm legend { font-size:1.3em !important; font-weight:bold; border:none; margin:0 0 0 -7px; padding:20px 0 5px; } div#contactForm p.key { font-style:italic; font-size:1.1em !important; margin:0 0 10px; } div#contactForm div { clear:both; margin:3px 0; } div#contactForm div:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } * html div#contactForm div { height:1%; } div#contactForm label { font-size:1.3em !important; float:left; width:120px; } div#contactForm input.text, div#contactForm select.subject { width:180px; float:left; } div#contactForm div.message { margin:20px 0 0; } div#contactForm TEXTAREA { width:300px; clear:left; height:100px; overflow:auto; margin:5px 0; } div#contactForm input.text, div#contactForm TEXTAREA { border-top:1px #bbb solid; border-left:1px #bbb solid; border-bottom:1px #ddd solid; border-right:1px #ddd solid; padding:2px; } div#contactForm input.submit { border-top:2px #F55652 solid; border-left:2px #F55652 solid; border-bottom:2px #8E3B00 solid; border-right:2px #8E3B00 solid; float:right; margin-right:45px; background-color:#C13B30; color:#fff; font-weight:bold; font-size:1.2em; width:8em; padding:1px 5px; } div#contactForm div.error span { display:block; background:#E73931; color:#fff; padding:10px; } /* END OF GROUP C */ /*==============*/ /* PD added CSS ---------------*/ hr { clear:both; margin:8px 0px 15px 0px; width: 100%; border-bottom: 1px solid #999 } .edNotes { font-weight:bold; margin:22px 0px 22px 0px; } .leftGEN28 { background:#fff; margin-top:21px; } .leftGEN28 .menuItem { margin-right:4px; margin-bottom:1px; } .leftGEN28 a, .leftGEN28 a:visited { cursor: pointer; color:#666; text-decoration: none; padding:5px; display:block; } .menuItem .hilite a:link, .menuItem .hilite a:active, .menuItem .hilite a:visited { line-height:15px; color:#fff; background-color:#F8130D; } .menuItem .hilite a:hover{ cursor: pointer; } .menuItem .noHilite a:link, .menuItem .noHilite a:active, .menuItem .noHilite a:visited { color:#666; background-color:#fff; } .menuItem .noHilite a:hover{ color:#F8130D; background-color:#fff; } .hilite .subMenuItem{ margin:3px 0px 0px 0; } .hilite .subMenuItem .noHilite { margin:0; } .hilite .subMenuItem .noHilite a { padding-left:25px; } .hilite .subMenuItem .noHilite a:hover { cursor:pointer; } .hilite .subMenuItem .noHilite a:visited { cursor: pointer; color:#666; text-decoration: none; } .hilite .subMenuItem .noHilite a:hover{ background-color:#fff; color:#F8130D; } .hilite .subMenuItem .hilite a:link, .hilite .subMenuItem .hilite a:active, .hilite .subMenuItem .hilite a:visited{ cursor: pointer; margin: 0; color:#F8130D; padding-left:25px; background: #eee url(http://www.seatwave.com/images/global/css-images/dotted-arrow.gif) no-repeat 6px .8em; } .super { vertical-align:super; font-size:75%; } .footnote { font-size:10px; } .footnote .super { font-size:100%; } .generalPic1 {} .generalPic2 {} .generalPic3 {} .biogPic1 { float:left; width:200px; margin: 0px 10px 10px 0px; } .biogPic2 {} .biogPic3 {} .guaranteeCopyDiv table{ font-size:11px; } /*.guaranteeCopyDiv ul{ list-style-type:none; }*/ .guaranteeCopyDiv li{ padding-bottom:8px; } #addIts1, #addIts2, #addIts3 { font-size:10px; }