@media screen { /*~ body, container */ #container .section { background:#fff; } #container li.displace{ float:right; } #container .section{ position:relative; width:989px;} /*~ #buttons and sprite images */ #search form button, #sEvt .submit, #eventSubmissionForm #eventListingsSearch, #container #tinForm .jive-button, #tinForm button.submit, #container .tinForm .buttonRepAbuse, #search #siteSearch .textSearch, #sEvt.tinSites .calFrom, #sEvt.tinSites .calTo, #sEvt.eventsChannel .calFrom, #sEvt.eventsChannel .calTo, #eventSubmissionForm .calFrom, #eventSubmissionForm .calTo, #sEvt.search .calFrom, #sEvt.search .calTo, #sEvt.events .calFrom, #sEvt.events .calTo, #b .tabs li, #b .tabs p, #b .tabs p, #b .tabs .selected, #b .tabs .selected p, #b .tabs .selected p, #b .tabs h1, #b .tabs h2, #b .tabs .selected h1, #b .tabs .selected h2, #search #siteSearch .searchTypeLink, #job-image, #motors-image, #property-image, #search #siteSearch #gLogo, #sortStartDate, #sortEndDate, #sortAlpha, #sortMostRecent, #sortOldest, #sortRelevance, .search-details .search-sort .sortOpen, .search-details .search-sort .sortClose, #searchPanel #searchPannelButton, #event-summary #showTrailer, #event-summary #hideTrailer, #container .ePlay{ background-image:url('/images/tin/image_sprite.png'); _background-image:url('/images/tin/image_sprite.gif'); } /* TIN buttons and sprite positions */ #container #tinForm .jive-button:hover{ background-position:0 -40px; } #container #tinForm .jive-button{ background-color:transparent; background-repeat:no-repeat; cursor:pointer; border:0 none; display:block; height:40px; margin:5px 0 0 0px; overflow:hidden; padding:40px 0 0 170px; width:170px; } #container .tinForm .buttonRepAbuse:hover{ background-position:0 -120px; } #container .tinForm .buttonRepAbuse{ background-color:transparent; background-position:0 -80px; background-repeat:no-repeat; cursor:pointer; border:0 none; display:block; height:40px; overflow:hidden; padding:40px 0 0 139px; width:139px; } /* gradient bg for nav #container #top-nav .nav, #container .sectionNav, #container .site-nav, #container .site-nav li a{ background-image:url('/images/tin/title_grad_trans_bg.png'); background-repeat:repeat-x;} */ /*~ ads */ #container .banner-extButton .gr { margin: 0px 0px 10px 0px ; padding : 0px; width : 656px ; } #container .adButton { padding-left : 53px ; float : left ; height : 60px ; overflow: hidden; width : 120px ; position: relative; } #container .adExtButtonRight { padding-left : 68px ; float : left ; height : 60px ; overflow: hidden; width : 120px ; position: relative; } #container .adExtButtonRight div { overflow: hidden; height : 60px ; width : 120px ; position: relative; } #container .mini-banner { padding-top : 10px ; padding-bottom: 10px; margin-bottom: 10px ; border : 1px solid #CCC ; } #container .mini-banner div { overflow: auto; *overflow: hidden; text-align : center ; height : 60px ; width : 321px ; } .content .mpu { padding-left: 10px ; padding-bottom : 10px ; } .impactTile { margin-left:-8px; } /*~ #top-nav */ #top-nav .nav{ background:#ebebeb; float:left; padding:3px 150px 3px 0px; position:relative; width:839px; } /*~ .login-nav */ #container .login-nav .forecast { color : #000 ; } #container .login-nav li a { color : #445893 ; } /*~ .site-nav */ #container .sectionNav{ background-color:#ebebeb; } #container .site-nav{ background-color:#ebebeb; color:#445893; width:880px; } #container .site-nav a{ color:#445893; padding:4px 7px 5px 7px; } #container .site-nav a:visited{ color:#445893; } #container .site-nav li{ background-color:#ebebeb; color:#fff; border:0px; margin:0px; padding:0px; } #container .site-nav li.nodeco a{ background-image:none; } #container .site-nav li.current, #container .site-nav li.current a{ background:#445893; color:#ffc300; } #container .site-nav li.current a:visited{ color:#ffc300; } #container .site-nav li:hover{ background-color:#ccc; color:#fff; } #container .site-nav ul li{ padding-bottom:0em; } /*~ .site-nav-sub */ #container .sectionNavSub{ background-color:#445893; margin-bottom:10px; } #container .site-nav-sub{ background-color:#445893; text-transform:capitalize; width:880px; } #container .site-nav-sub li a{ background:#445893 url(/images/tin/site-nav-tab_pipe.png) left center no-repeat; color:#fff; padding:4px 7px 5px 7px; } #container .site-nav-sub li a:visited{ color:#fff; } #container .site-nav-sub li.current a, #container .site-nav-sub a:hover{ color:#fff; text-decoration:underline; } /*~ #mast-head */ #container #mast-head { background : #fff ; padding-bottom : 0 ; padding-top : 0px ; padding-right: 0; padding-left: 0; width: 989px;} #mast-head .cover, #mast-head .ad { float : left ; } #mast-head .cover { padding : 2px 0 5px 2px ; } #mast-head .leaderboard { float : left ; position : relative ; padding-bottom : 5px ; } #mast-head .adblock { height : 90px ; width : 728px ; display : block ; } #mast-head ul { padding : 0pt 13px 0pt 0px ;} #mast-head ul.pipe li { border-color : #4f5a90 ; } #mast-head li, #container #mast-head a { color : #4f5a90 ; } #mast-head a, #mast-head strong { text-transform : uppercase ; } #mast-head .promoAd { float:right; width: 200px; height: 90px; overflow : hidden ; } /*~ #h */ #h { color : #445893 ; padding-top : 2px ; } #h #branding { height: 85px ; width : 800px ; float: left ; } #h #branding img { height: 85px ; width:800px ; } /*~ #newspaper */ #newspaper { float : left ; position : relative ; z-index : 10 ; } #newspaper .newspaper { width : 130px ; height : 150px ; position : absolute ; top : -22px ; left : 55px ; z-index : 10 ; } #newspaper .newspaper img { width : 130px ; height : 150px ; z-index : 10 ; _display:none; }/* IE gets image using alphaimageloader, see 'newspaper-image.tag' */ /*~ # jobs motors property -ad-buttons */ #jmp-ad-buttons .gr { border : 1px solid #ccc ; font-size : 1.2em ; margin : 0px 10px 10px 0px ; padding-left : 6px ; padding-right : 5px ; padding-top : 4px ; width : 199px ; } #jmp-ad-buttons .quoteImage { margin-right : 10px ; float : left ; height : 40px ; width : 100px ; } #jmp-ad-buttons .grfirst { margin-left : 0px ; } #jmp-ad-buttons .grlast { margin-right : 0px ; } #jmp-ad-buttons .gr a { color : #445893 ; display : block ; text-align: center; } #jmp-ad-buttons .gr img { float : right ; margin-top : -4px ; } #jmp-ad-buttons #job-image, #jmp-ad-buttons #motors-image, #jmp-ad-buttons #property-image { height : 38px ; width : 100px ; border : 1px ; float : right ; margin-top : -4px ; } #jmp-ad-buttons #job-image { background-position : 0 -300px ; background-repeat : no-repeat ; } #jmp-ad-buttons #motors-image { background-position : -100px -300px ; background-repeat : no-repeat ; } #jmp-ad-buttons #property-image { background-position : -200px -300px ; background-repeat : no-repeat ; } /*~ #b */ #b { padding-bottom : 7px ; } /*~ .rounded */ #b .rounded { background-color : #fff ; background-position : -5px -5px ; padding-bottom : 8px ; _padding-bottom : 4px ; position : relative ; } #b .rounded, #b .rounded .tr { background-image : url( /images/tin/sprite-lite_blue_rounded.png) ; background-repeat : no-repeat ; } #b .rounded .br, #b .rounded .bl { background-image : url( /images/tin/sprite_white_rounded.png) ; background-repeat : no-repeat ; } #b .rounded .tr, #b .rounded .br, #b .rounded .bl { font-size : 1px ; height : 5px ; position : absolute ; width : 5px ; } #b .rounded .tr { background-position : 0 -5px ; right : 0 ; top : 0 ; } #b .rounded .br { background-position : 0 0 ; bottom : 0 ; right : 0 ; } #b .rounded .bl { background-position : -5px 0 ; bottom : 0 ; left : 0 ; } /*~ .titled */ #b .titled { padding : 0 ; margin-bottom : 10px ; } #b .titled .title h1, #b .titled .title h2, #b .titled .title h3, #b .titled .title h4 { background-image : url( /images/tin/sprite-blue_rounded_v2.gif) ; background-color : transparent ; background-repeat : no-repeat ; background-position : -5px -5px ;color : #fff ; font-size : 1.5em ; font-weight : 700 ; position : relative ; text-align : left ; text-transform : none ; margin : 0 ; padding : 3px 5px 2px 8px ; } #b .titled .title h1 { width : 60% ; } #b .titled .title.ch h1 { width : 90% ; } #b .titled .title h2 { width : 90% ; } #container #b .narrowSection .titled .title h2, #b .relatedContent .titled .title h2 { width : 170px ; } #b .titled .tr { background : transparent url( /images/tin/sprite-blue_rounded_v2.gif) no-repeat scroll 0px -5px ; height : 5px ; width : 5px ; float : right ; line-height : 5px ; } #b .titled .title { background : transparent url( /images/tin/title_bg_top.gif) top left repeat-x ; height : 2.4em ; text-align : left ; } #b .titled .title h1 a, #b .titled .title h2 a { color : #fff ; margin : 0 ; padding : 0 ;} #b .titled .content { padding : 0px 0px 0px 0px; } #b .titled .noCase { text-transform : none ; } #b .titled .title .rightLinks { display : inline; float : right; position : relative ; padding-top : 6px ; padding-right : 3px ; text-align: right; width: 35% ; _width:30% ; } #b .titled .title .rightLinks a { color : #fff ; font-size : 120% ; font-weight : bold ; padding-left: 3px ; padding-right: 0px ; } #b .titled .title .rightLinks .separator { border-right : #FFFFE4 1px solid ; padding-right: 6px ; } /*~ .titled special cases */ #b .gallery-preview .titled, #b .relatedContent .titled{ padding : 0 ; margin-bottom : 0px ; } /*~ .footerBar */ #b .footerBar { background : transparent url( /images/tin/title_bg_bottom.gif) bottom left repeat-x ; float : left ; margin : 0px ; padding-right : 0 ; position : relative ; text-align : left ; width : 100% ; } #b .footerBar .footerSpacer { padding:5px; } #b .footerBar h2, #b .footerBar h2 a, #b .footerBar h2 a:visited, #b .footerBar p { color : #fff ; } #b .footerBar h2 { font-size : 1.3em ; margin : 0px ; padding:3px 5px 4px 8px; } #b .footerBar .moreLinkName { text-transform : lowercase ; } #b .footerBar .br, #b .footerBar .bl { background-image : url( /images/tin/sprite-blue_rounded_v2.gif) ; background-repeat : no-repeat ; font-size : 1px ; height : 5px ; position : absolute ; width : 5px ; } #b .footerBar .br { background-position : 0 0 ; bottom : 0 ; _bottom : -1px ; right : 0 ; } #b .footerBar .bl { background-position : -5px 0 ; bottom : 0 ; _bottom : -1px ;left : 0 ; } #b .searchContent .footerBar { width : 431px ; } /*~ Tabs */ #typeTabs { display : block ; } #b .tabs ul { list-style: none; padding: 0; margin: 0; } #b .tabs h1, #b .tabs h2 { color: #fff; font-size : 1.0em ; margin-bottom : 0px; } #b .tabs li a:hover { text-decoration : underline; } #b .tabs .standardWidth { width:160px; } #b .tabs .fullWidth { width:323px; } #b .tabs .leftAlign { text-align : left ; } #b .tabs li { text-align : center ; float: left; background-position: right -200px ; background-repeat : no-repeat ; margin: 0; padding : 0; } #b .tabs p, #b .tabs p { display : block ; background-position: left -200px ; background-repeat : no-repeat ; margin-right : 5px; text-decoration: none; padding:4px 0px 5px 5px; } #b .tabs p, #b .tabs p a, #b .tabs p, #b .tabs p a { color: #445893; } #b .tabs .selected { background-position: right -250px ; background-repeat : no-repeat ; } #b .tabs .selected p, #b .tabs .selected p { background-position: left -250px ; background-repeat : no-repeat ; color: #fff; margin-right : 5px; } #b .tabs .selected p, #b .tabs .selected p a, #b .tabs .selected p, #b .tabs .selected p a { color: #fff; } #b .tabs h1, #b .tabs h2 { display : block ; background-position: left -200px ; background-repeat : no-repeat ; margin-right : 5px; text-decoration: none; padding:4px 0px 5px 5px; } #b .tabs h1, #b .tabs h1 a, #b .tabs h2, #b .tabs h2 a { color: #445893; } #b .tabs .selected h1, #b .tabs .selected h2 { background-position: left -250px ; background-repeat : no-repeat ; color: #fff; margin-right : 5px; } #b .tabs .selected h1, #b .tabs .selected h1 a, #b .tabs .selected h2, #b .tabs .selected h2 a { color: #fff; } #b .tabs .vcMargin { margin-right : 3px ; } #b .tabs .searchMarginA { margin-right : 5px ; } #b .tabs .searchMarginB { margin-right : 6px ; } /*~ viewed and commented */ #b #mostViewedDiv, #b #mostCommentedDiv { min-height : 160px ; height : auto !important ; height : 160px ; padding-left : 8px ; } /* articles */ .article a{color:#445893;} .article img{border-color:#000;} .article .creationDate{color:#555;} .article .breaking{color:#790000;} .article .pressRelease{color:#0090C4;} #b .article-thin{float:left; width:310px;min-height:145px;height:auto !important;height:145px;} #b .article-thin .titleText{min-height:11.0em;height:auto !important;height:11.0em;} #b .article-thin.whiteSpace{margin-bottom:10px;} #b .article.first.home.whiteSpace{margin-bottom:10px;} /* channel page articles */ .article.channel{margin:0px 10px 25px 0px;width:420px;} /* breaking image article */ .article.breaking{margin:0px 0px 5px 0px;width:auto;} .article.breaking a, .article.breaking a:visited{color:#fff;} .article.breaking h2{font-size:2.2em;} .article.breaking img{height:225px;width:298px;} .article.breaking .header{background-color:#253158;float:left;margin-bottom:10px;width:656px;} .article.breaking .image-box{float:left;} .article.breaking .headline-box{background-color:transparent;color:#fff;float:left;padding:20px;} .article.breaking .width-image-zero{width:0px;} .article.breaking .width-image-full{width:299px;} .article.breaking .width-no-image{margin:1px;width:auto;} .article.breaking .width-has-image{margin:1px;width:300px;} .article.breaking .breaking{color:#ff7;font-weight:bold;} .article.breaking .creationDate{color:#ddd;font-weight:bold;} .article.breaking .pressRelease{color:#0090C4;font-weight:bold;} /* 3 image small article */ .and-threepic-02 .article-thin{_margin-right:0px;} /* 3 image big article */ .article.tp-big{margin-right:10px;width:310px;} .article.tp-big h2{font-size:2.2em;margin:0;} .article.tp-big img{margin-top:0px;height:225px;width:300px;} /*~ .article-detail */ #b .article-detail { margin-bottom : 10px ; } #b .article-detail h1 { color : #445893 ; font-size : 2.6em ; margin : 0 ; } #b .article-detail h1 a { color : #445893 ; } #b .article-detail p { margin-bottom : 1em ; } #b .article-detail .creationDate { color : #555 ; font-size : 1.2em ; font-weight : bold ; margin-bottom : 5px ; } #b .article-detail .commentSection { padding: 5px 0 0 0; margin: 0 0 15px 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #b .article-detail .commentSection .commentlink { padding-left : 24px ; } #b .article-detail .continueNews { clear : both ; display : block ; float : left ; padding-bottom : 15px; width : 100%;} #b .article-detail .pressRelease { color : #0090C4 ; font-size : 1.4em ; font-weight : bold ; } #b .storyPrevNext { padding : 8px ; border-top : 1px solid #cccccc; } #b .storyPrevNext .previous, #b .storyPrevNext .all, #b .storyPrevNext .next { float : left ; width : 145px; } #b .storyPrevNext .all { text-align : center ; } #b .storyPrevNext .next { text-align : right ; } #b .relatedContent { margin-bottom : 10px ; } /*~ MODULES */ /*~ .promobox */ .articleFooter .promobox{ float:left; margin:5px 0px 0px 0px; width:311px; } .narrowSection .promobox img{ margin:0 60px 5px 0; } .narrowSection .promobox, .medSection .promobox{ margin:0px 0px 10px 0px; } .narrowSection .promospace, .medSection .promospace{ display:none; } .promobox{ background:#f6f0e0; border:1px solid #e0efd9; padding:5px; } .promobox .promoImg{ float:left; margin:0 5px 5px 0; width:120px; height:60px; } .promobox h2{ font-size:1.4em; font-weight:bold; margin:0 0 4px 0; } .promobox .view-site{ color:#2e4da3; display:block; font-size:1.2em; } .promobox p{ margin-bottom:5px; } .promospace{ background:#transparent; float:left; font-size:0px; height:1px; line-height:0px; width:10px; } /*~ .linklist */ #b .linklist a { display : block ; line-height : 1.4em ; margin : 0pt ; margin-left : 0px ; padding-bottom : 0pt ; padding-left : 22px ; padding-right : 0pt ; text-decoration : none ; } #b ul.linklist { float : left; padding-right : 5px ; padding-top : 10px ; } #b ul.wantto li { padding-bottom:0.3em; text-align : left ; } #b .cols6 { width : 159px ; } #b .cols2 { width : 155px ; } #b .cols1 { width : 185px ; } /*~ paging strip */ .pagingBorder { border-bottom: 1px solid #cccccc; border-top: 1px solid #cccccc; float:right; font-size:1.2em; margin:0 0 10px 0; padding:10px 0 10px 0; text-align:right; width: 100%; } .pagingBorder { float:left; } .pagingBorder .fr { float:right; } .pagingBorder .fl { float:left; } .pagingBorder .pageDigit.current { color:#000000; text-decoration:none; } .pagingStrip .pageDigit { color:#008CC4; margin:0px; padding:1px 4px 1px 0px; text-align:center; } #container .pagingStrip .pageDigit a { padding:0px 2px; text-decoration:underline; } #container .pagingStrip .pageDigit a:visited { color:#008CC4; } #container .pagingStrip .pageDigit .currentPage { color:#666; font-weight:bold; padding:0px 2px; } #container .pagingStrip .arrow { padding: 1px 3px; vertical-align: middle; } #container .pagingStrip .pageActive a {color:#008CC4; padding:1px 3px 1px 0px; text-decoration:none; text-transform: uppercase; } #container .pagingStrip .pageActive a:visited {color:#008CC4;} #container .pagingStrip .pageActive a:hover {text-decoration:underline;} #container .pagingStrip .pageUnActive {color:#cccccc; padding:1px 3px; text-decoration:none; text-transform: uppercase; } /*~ paging strip in blue footerBar */ #container .footerBar .pagingBorder { border : none ; color:#fff; font-size:1.2em; margin:0px; padding:5px 5px 5px 8px; text-align:left; width: 439px ; } #container .footerBar .pagingBorder .pages { margin-right : 20px ; } #container .footerBar .pagingStrip .pageActive a, #container .footerBar .pagingStrip .pageActive a:visited, #container .footerBar .pagingStrip .pageDigit a, #container .footerBar .pagingStrip .pageDigit a:visited { color:#fff; text-transform: none; } #container .footerBar .pagingStrip .pageDigit .currentPage { color:#FFC300; } #container .footerBar .pagingStrip .pageDigit a { padding:0px 2px 0px 1px; text-decoration:none; } #b .searchContent .footerBar .pagingBorder { width : 431px ; } /*~ article image pager */ .articleImage { padding-top : 10px ; } #b .articleImage img.artimg { border : 1px solid #000000 ; width : 170px ; } #b .articleImage { width : 192px ; clear : both ; float : left ; margin-bottom : 20px ; text-align : center ; } .articleImage .mainImageTitle { margin : 5px auto 5px auto ; width : 170px ; } #b .articleImage .mainImageTitle p { font-size : 1.1em ; } #container .articleImage .footerBar .pagingBorder { width : 170px ; } /* related-content-box */ .relatedList ul { padding : 8px 8px 2px 8px ; width : auto ; } #b .relatedList ul li { font-size: 1.2em ; position : relative ; display : block ; min-height : 20px ; } .relatedList li a { color : #0090c4 ; } .relatedList ul li .relText { float : left ; margin-bottom : 5px ; width : 150px ; } .relIcon { float : left ; clear : left ; } /* top stories */ .topIcon { float : left ; clear : left ; } .topText { float : left ; width : 150px ; } /* thisStory */ #b .thisStory { margin : 20px 0px ; } /* socialLinks emailPrintComment */ .socialLinks { border-top : 1px solid #cccccc ; padding : 8px ; } .emailPrintComment { padding : 8px ; } #b .socialLinks h3 { font-size: 1.2em ; padding-bottom : 6px ; } .socialLinks ul, .emailPrintComment ul { list-style-image : none ; list-style-position : outside ; list-style-type : none ; text-align : left ; } .socialLinks li, .emailPrintComment li { float : left ; } .socialLinks li a, .emailPrintComment li a { padding : 0px 18px 0px 0px ; } #b .emailPrintComment ul li { padding-top : 0.1em ; } /* articleTopics */ .articleTopics { border-top : 1px solid #cccccc ; padding : 8px ; } #b .articleTopics h3 { font-size: 1.2em ; padding-bottom : 6px ; } .articleTopics ul, .emailPrintComment ul { list-style-image : none ; list-style-position : outside ; list-style-type : none ; text-align : left ; } .articleTopics li, .emailPrintComment li { float : left ; } .articleTopics li a, .emailPrintComment li a { padding : 0px 18px 0px 0px ; } /* article poll */ .articlePoll {position : relative; float : left ; clear : both ; margin-bottom : 16px ; margin-left : 0px ; width : 192px;} /* weather module */ .weatherTodayDetail { background-color : #fff ; padding: 6px 0px 6px 0px; float: left; clear: both; } .weatherTodayImage { float:left; height:60px; margin:10px 10px 10px 30px; width:60px; } .weatherTodayDetails { float:right; margin: 10px; width: 18em; } .weatherDetails td { padding : 2px 4px ; } .weatherPageLink { float: right; padding-right: 10px; } /* traffic module */ .trafficContainer { background : url('../images/tin/traffic_car.png') no-repeat ; left : 0 ; float : left ; padding-left : 100px ; margin-bottom : 10px ; } .trafficPageLink { float : right ; padding : 5px 10px ; } /*~ sitemaps */ #sitemaps .smchannel { margin:10px; } #sitemaps h2 { font-size:1.4em; font-weight:bold; } #sitemaps h3 { font-size:1.4em; font-weight:bold; padding:0 0 5px 0; text-transform:uppercase; } #sitemaps ul li { padding:0 0 0 15px; text-transform:capitalize; } /*~ archive */ #b .topics .minHigh{ min-height : 1100px ; height : auto !important ; height : 1100px ; } #b .topics .content{ padding: 5px; } .topics .type{ float: left; width: 260px; } .topics .type h2{ margin-bottom: 5px; } .topics .a-z ul{ height: 2em; padding: 8px 0px; } .topics .a-z li{ display: inline; height: 2em; } .topics .a-z li a{ background-color: #fff; border: 1px solid #3B476F; font-size: 1.2em; font-weight: bold; margin: 5px 1px; padding: 2px 4px; } /*~ archive */ #b .archive .regionBackground { min-height : 600px ; height : auto !important ; height : 600px ; } #b .archive .year { float: left; margin-bottom: 10px; margin-top: 10px; width: 200px; } #b .archive .title h1 { width: 350px; } #b .archive .title h1 a { text-decoration: underline; } #b .archive h2 { font-size:1.4em; font-weight:bold; margin:10px; } #b .archive .weeks { margin-top: 0px; } #b .archive .title .footerBar { background: none; width: 280px; } #b .archive .footerBar { float: right; } #b .archive .footerBar h2 { margin: 0px; padding:3px 5px 2px 8px; width: 350px; } #b .archive .footerBar h2 a { text-decoration:underline; } #b .archive .footerBar .pagingBorder { width: 638px; } #b .archive .footerBar .pagingBorder { float: right; width: 267px; } #b .archive .footerBar .pagingBorder .pagingStrip { text-align: right; } #b .archive .footerBar .pagingBorder .pagingStrip .pagesXofX { display: none; } /*~ #search */ #search #siteSearch .searchTypeSel { display : block ; } #search #siteSearch .searchTypeSelBox { display : none ; } #search #siteSearch .searchTypeContainer { float : left ; top: -12px ; padding-right : 1px ; position : relative ; width : 96px ; text-align : right ; } #search #siteSearch .searchTypeLink { background-position : right -150px ; font-size : 105% ; margin: 0 4px 0 0 ; padding : 0 11px 0 0 ; text-align : right ; width : 96px ; } #search #siteSearch .searchTypeLinkBorder { border-left : 1px #445893 solid ; padding : 0 0 0 4px ; } #search #siteSearch .searchTextInput { float : left ; } #search #siteSearch .searchTypeMenu { background : #fff ; position : absolute ; text-align : left ; top : 22px ; right : -27px ; text-align : right ; height : 20px ; width : 215px ; } #search #siteSearch .searchTypeMenu a { background : #4e64a2 ; color : #fff ; font-size : 105% ; border-right : 1px #fff solid ; margin : 2px 0 0 0 ; padding : 1px 3px ; position : relative ; } #search #siteSearch .searchTypeMenu a:hover { background : #647ecb ; text-decoration : none ; } #search #siteSearch .gBranding { float : left ; } #search #siteSearch .gText { float : left ; margin-top : 3px ; text-size : 11px ; color : #666 ; } #search #siteSearch #gLogo { background-position : -300px -300px ; background-repeat : no-repeat ; float : left ; height : 15px ; margin-top : 3px ; width : 51px ; } #search #siteSearch .gImage { float : left ; margin-top : 3px ; } #container #search input.text { background : transparent ; border : 0px ; font-size : 1.2em ; margin : 3px 1px 1px 3px ; padding : 0 2px ; } #container #search .searchTextInput.hasAdvertorial .phrase { width : 75px ; } #container #search .searchTextInput.noAdvertorial .phrase { width : 190px ; _width : 185px ; } #container #search .searchTextInput.hasAdvertorial { width : 75px ; } #container #search .searchTextInput.noAdvertorial { width : 190px ; _width : 185px ; } #container #search input.pc1 { border : 1px #999 solid ; font-size : 1.1em ; margin-left: 7px ; width : 48px; } #container #search input.pc2 { border : 1px #999 solid ; font-size : 1.1em ; margin-right : 5px ; width : 36px; } #search #siteSearch .textSearch { float : left ; height : 21px ; position : relative ; width : 100% ; } #postCodeInputs { position : absolute ; left : 0 ; top : 0 ; } .hasAdvertorialPCinput { width : 117px ; } .noAdvertorialPCinput { width : 227px ; _width : 222px ; } #container #postCodeInputs #postcode1, #container #postCodeInputs #postcode2 { background : #fff ; } #search form { display : block ; float : left ; } #search .hasAdvertorialForm { width : 211px ; _width : 206px ; } #search .noAdvertorialForm { width : 323px ; _width : 318px ; } #search form .text, #search form .radio, #search form label { float : left ; } #search form button { float : right ; } #popUpSearchForm { background : #fff ; padding : 10px ; } #searchPanel { text-align : left ; font-size : 110% ; } #searchPanel .pc1 { float : left ; margin-right : 5px ; width : 48px ; font-size : 135% ; } #searchPanel .pc2 { float : left ; margin-right : 5px ; width : 36px ; font-size : 135% ; } #searchPanel #q { float : left ; margin-right : 5px ; font-size : 135% ; } #searchPanel #searchPannelButton { float : left ; clear : right ; } /* sorting */ #container .search-details-title { font-weight : bold ; margin : 0px ; padding : 10px 0px 0px 0px ; } #container .search-details { font-size : 1.2em ; border-bottom: 1px solid #cccccc; margin : 0px ; padding : 0px ; width: 636px ; } #container .search-recap { padding:8px 0; width : 50% ; } #container .search-recap .hilight { font-weight: bold; } #container .search-sort { float: right; font-size:1.1em; padding: 8px 0; text-align: right; width : 45% ; } .search-details .search-sort .sortOpen { background-position: -139px -125px ; background-repeat : no-repeat ; display: inline-block; height: 25px; width: 7px; } .search-details .search-sort .sortClose { background-position: -146px -125px ; background-repeat : no-repeat ; display: inline-block; height: 25px; width: 7px; } .search-details .search-sort .sortOptions { font-size: 90%; display: inline-block; height: 25px; margin-top: 4px; position: relative; } .search-details .search-sort .sortOptions button { font-size: 90%; } .search-details .search-sort .sortBy { display: inline-block; top: -8px; *top: 0px; position: relative; } #container .search-details .ah .show { display: block; position: relative; height:auto; left: 0px; top: 0px; width:auto; } /*~ #google results */ .wide_ads { margin-bottom : 10px ; padding : 10px ; } /*~ search results */ .searchContent { margin-left : 10px ; } #container #b .searchContent { padding : 0px 0px 10px 0px; } #container .searchContent .search-recap { width : 50% ; } #container .searchContent .search-sort { float : right ; margin-right : 10px ; padding : 8px 0px 8px 0px ; width : 45% ; } #container .search-recap, #container .refine-search { font-size : 1.3em ; padding : 8px 0px 8px 0px ; } #container .search-results { margin-top : 10px ; } #container .search-results .search-result { padding-bottom:8px; } #container .search-results h2 { color : #445893 ; font-size : 1.6em ; margin : 0.5em 0 0.25em 0 ; } #container .search-results .search-date { color : #666 ; padding : 6px 0 4px 0 ; } #container .search-results a { color : #445893 ; } #container .search-results .search-result .siteUrl { color : #009900 ; font-weight : bold ; } /*~ navigatorContainer */ .navigatorContainer { color: #000; background-color: #C6C5D6; margin: 0px 4px 10px 0px; width: 182px; } #container .navigatorContainer h2 { color: #314275; font-size: 120%; font-weight : bold; } #container .navigatorContainer .refineTitle { color: #fff; font-size: 160%; font-weight: bold; } #container .navigatorContainer .header { background: transparent url('/images/tin/ev_box_sprite.gif') 0 0; font-size: 2px; height: 4px; margin-right: 4px; } #container .navigatorContainer .footer { background: transparent url('/images/tin/ev_box_sprite.gif') 0 100%; font-size: 2px; height: 4px; margin-right: 4px; } #container .navigatorContainer .inner { position: relative; } #container .navigatorContainer .tr { background: transparent url('/images/tin/ev_box_sprite.gif') 100% 0; font-size: 2px; height: 4px; margin-left: 4px; margin-top: -4px; } #container .navigatorContainer .br { background: transparent url('/images/tin/ev_box_sprite.gif') 100% 100%; font-size: 2px; height: 4px; margin-left: 4px; margin-top: -4px; } .navigatorContainer .inner { border: 4px solid #cacae5; padding: 8px 8px 8px 8px; } .navigatorContainer .rule { border-bottom: 3px #d4d3e2 solid; margin: 6px 0 6px 0; } .navigatorContainer ul li a { color: #4b3b59; display: block; font-size: 90%; font-weight: bold; padding-bottom: 0px; } #container .navigatorContainer ul li { margin-bottom: 0.2em; padding-bottom: 0.2em; } #container .helpBox { background: #E6E9F1; border: 1px #99a solid; margin-top: 4px; padding: 4px; } #container .helpLinkWrapper { min-height : 18px ; height : auto !important ; height : 18px ; text-align: right; width: 158px;} #container .helpLink { clear: both; font-size: 110%; line-height: 1.6em; text-align: right; width: 100px; padding : 2px 20px 6px 0px ; } /*~ #google contextual results */ #b #gContextAdsBox .titled { padding : 0 ; margin-bottom : 0px ; } #gContextAdsBox { margin-bottom : 10px ; width : 192px ; } #gContextAdsBox .titled .title h2 { width : 170px ; } #container #gContextAds { border : 1px #354168 solid ; overflow : hidden ; padding : 8px 5px 0px 5px ; width : 180px ; } #container #gContextAds .gCAdTitle { font-weight : bold ; text-decoration : underline ; } #container #gContextAds .gCAdUrl { color : #008000 ; font-size : 90% ; text-decoration : none ; } #container #gContextAds .gCAdText { color : #000; } #container .evtChannel #gContextAdsBox { width : 515px ; } #container .evtChannel #gContextAds { width : 503px ; } /* gallery-preview */ /*gallery-promo */ #b .tin-carousel { background-color : transparent ; margin-bottom : 0px ; position : relative ; } #b .tin-carousel .carousel { background : #a0a0a0 ; clear:both; position : relative ; top : -5px ; } #b .tin-carousel .carousel .scroller { overflow : hidden ; position : relative ; } #b .tin-carousel .itemlist li { background : #a0a0a0 ; border : 1px solid #333 ; overflow : hidden ; position : relative ; width : 172px ; } #b .tin-carousel .itemlist li img { display : block ; height : 115px ; margin : 0px ; width : 172px ; } #b .tin-carousel .caption { background-color : #333 ; color : #fff ; font-size : 0.9em ; height : 54px ; line-height : 1.22em ; overflow : hidden ; margin : 0px ; padding : 6px 5px 0px 5px ; width : 162px ; } #b .tin-carousel .caption a, #b .tin-carousel .caption a:visited { color : #fff ; line-height : 1.22em ; } #b .tin-carousel .topL, #b .tin-carousel .topR, #b .tin-carousel .bottomL, #b .tin-carousel .bottomR { background-image : url( /images/tin/gallery_promo_corners_sprite.png) ; _background-image : url( /images/tin/gallery_promo_corners_sprite.gif) ; } #b .tin-carousel .topL { background-position : top left ; background-repeat : no-repeat ; line-height : 5px ; height : 5px ; min-height : 1px ; margin-right : 5px ; position : relative ; } #b .tin-carousel .topR { background-position : top right ; background-repeat : no-repeat ; line-height : 5px ; height : 5px ; min-height : 1px ; margin-left : 5px ; position : relative ; top : -5px ; } #b .tin-carousel .bottomL { background-position : bottom left ; background-repeat : no-repeat ; line-height : 5px ; height : 5px ; min-height : 1px ; margin-right : 5px ; position : relative ; top : -5px ; } #b .tin-carousel .bottomR { background-position : bottom right ; background-repeat : no-repeat ; line-height : 5px ; height : 5px ; min-height : 1px ; margin-left : 5px ; position : relative ; top : -10px ; } #b .tin-carousel .acc { height : 1px ; overflow : hidden ; position : absolute ; text-indent : -1000px ; width : 1px ; } #b .tin-carousel .paging-controls a { background-position : 0 0 ; background-repeat : no-repeat ; height : 200px ; overflow : hidden ; position : absolute ; text-indent : -1000px ; top : 0px ; } #b .narrowSection .tin-carousel { min-height : 600px ; height : auto !important ; height : 600px ; width : 192px ; } #b .narrowSection .carousel { height : 570px ; padding-top : 20px ; } #b .narrowSection .carousel .scroller { height : 559px ; } #b .narrowSection .carousel .itemlist { margin-top : -186px ; } #b .narrowSection .carousel .itemlist li { float : none ; margin : 0px 8px 9px 9px ; } #b .narrowSection .carousel .paging-controls { height : 1px ; } #b .narrowSection .carousel .paging-controls a { background-image: url(/images/tin/gallery_promo_arrows_vert.gif); height : 20px ; position : absolute ; width : 190px ; } #b .narrowSection .carousel .paging-controls .previous { top : -2px ; } #b .narrowSection .carousel .paging-controls .next { background-position:0 -20px; top : 572px ; } #b .articleFooter .tin-carousel { width : 656px ; } #b .articleFooter .carousel { width : 656px ; } #b .articleFooter .carousel .scroller { margin-left : 48px ; width : 574px ; } #b .articleFooter .carousel .itemlist { margin-left : -204px ; width : 5000px ; } #b .articleFooter .carousel .itemlist li { float : left ; margin : 5px 10px 5px 10px ; } #b .articleFooter .carousel .paging-controls { height : 1px ; } #b .articleFooter .carousel .paging-controls a { background-image: url(/images/tin/gallery_promo_arrows_horiz.gif); height : 186px ; position : absolute ; width : 20px ; } #b .articleFooter .carousel .paging-controls .previous { left : 0px ; } #b .articleFooter .carousel .paging-controls .next { background-position:-20px 0; right : 0px ; } /* carousel */ .new-carousel { background : transparent ; clear : both ; overflow : hidden ; position : relative ; } .new-carousel .scroller { overflow : hidden ; position : relative ; } .new-carousel .itemlist li { background : transparent ; overflow : hidden ; position : relative ; } /* PM-widget carousel */ .Property-widget { float : left ; } .Motors-widget { float : right ; } .PM-widget { width : 323px ; } .PM-widget .container { background : #fafbfc url(/images/tin/region_bg_top.gif) left top repeat-x ; border: 1px solid #E0EFD9 ; background-position: 0px -300px ; padding : 6px ; position : relative ; } #b .PM-widget .new-carousel { min-height : 160px ; height : auto !important ; height : 160px ; width : 310px ; } #b .PM-widget .new-carousel .scroller { min-height : 142px ; height : auto !important ; height : 142px ; margin-bottom : 3px ; margin-left : 0px ; width : 310px ; } .PM-widget .new-carousel .itemlist { margin-left : -310px ; width : 5000px ; } .PM-widget .new-carousel .itemlist li { font-size: 1.1em; float : left ; margin : 0px; width : 310px ; text-align: right ; } .PM-widget .new-carousel .itemlist li .imgContainer { float : left ; text-align : center ; width : 160px ; } .PM-widget .new-carousel .itemlist li img { border : 1px solid #ccc ; margin : 0px auto ; } .PM-widget .new-carousel .itemlist li .itemTitle { text-align : left ; margin-bottom : 3px ; white-space : nowrap ; } #b .PM-widget .new-carousel .itemlist li .desc { min-height : 95px ; float : left ; overflow : hidden ; margin-right : 6px ; width : 140px ; } .PM-widget .new-carousel .paging-controls { position : relative ; float : right ; bottom : 0px ; width : 160px ; } .PM-widget .new-carousel .paging-controls .previous { float : right ; padding : 1px 15px 1px 20px ; } .PM-widget .new-carousel .paging-controls .next { float : right ; padding : 1px 24px 1px 15px ; background-position: right -140px ; } .PM-widget .association { position : absolute ; bottom : 2px ; left : 2px ; } .PM-widget .usedCars{ color:#8693CC; font-size:0.9em; font-style:italic; font-weight:bold; margin-left:12px; } /*~ gallery */ .gallery, .gallery img { height : 394px ; position : relative ; width : 192px ; } .gallery { margin-bottom : 10px ; } .gallery img { z-index : 50 ; } .gallery h2, .gallery p { left : 0 ; padding : 0 ; position : absolute ; width : 192px ; z-index : 100 ; } #container .gallery h2 { background : #6C7baa url(/images/tin/sprite-blue_rounded.gif) -5px -5px no-repeat ; font-size : 150% ; top : 0 ; } .gallery p { background : url(/images/tin/gallery-modal.png) left top ; _background : #333 ; bottom : 0 ; } #container .gallery a:link, #container .gallery a:visited { color : #fff ; } #container .gallery h2 a, #container .gallery p a { padding : 8px 7px ; display : block ; position : relative ; } #container .gallery h2 .tr { background : url(/images/tin/sprite-blue_rounded.gif) 0 -5px no-repeat ; height : 5px ; position : absolute ; right : 0 ; top : 0 ; _top : -1px ; width : 5px ; } .gallery-short, .gallery-short img { height : 153px ; } /*~ static page */ #container .static p { margin-bottom : 0.5em ; } /*~ poll */ #b .topL,#b .topR, #b .bottomL, #b .bottomR { background-image : url( /images/tin/poll_corners_sprite.gif) ; } #b .topL { background-position : top left ; background-repeat : no-repeat ; line-height : 5px ; height : 5px ; margin-right : 5px ; position : relative ; } #b .topR { background-position : top right ; background-repeat : no-repeat ; line-height : 5px ; height : 5px ; margin-left : 5px ; position : relative ; top : -5px ; } #b .bottomL { background-position : bottom left ; background-repeat : no-repeat ; line-height : 5px ; height : 5px ; margin-right : 5px ; position : relative ; top : -5px ; } #b .bottomR { background-position : bottom right ; background-repeat : no-repeat ; line-height : 5px ; height : 5px ; margin-left : 5px ; position : relative ; top : -10px ; } #b .pollBottom { background-image : url(/images/tin/poll_bottom_arrow.png) ; background-position : top left ; background-repeat : no-repeat ; height : 22px ; position : relative ; top : -10px ; } #b .pollinner { position : relative ; } #b .roundedlb { background-color : #0090c4 ; background-position : -5px -5px ; padding : 8px ; _padding-bottom : 4px ; position : relative ; } #b .innerpoll { padding-top : 10px ; padding-bottom : 15px ; top : -5px ; } #b .innerpoll a { color : #fff; } #b .innerpoll .quote { color : #fff ; font-size : 1.5em ; font-weight : bold ; } #b .innerpoll .quoteEnd { color : #fff ; font-size : 0.8em ; font-weight : normal ; } #b .innerpoll .quote img { float : left ; margin : 0px 8px 0px 0px ; width: 50px; height: 50px; } #b .innerpoll .quote .topQuote { background-image : url(/images/tin/poll_quote_open.png) ; float : left ; margin : 0px 8px 30px 0px ; width: 34px; height: 32px; } #b .innerpoll .quote .bottomQuote { background-image : url(/images/tin/poll_quote_close.png) ; float : right ; margin : 5px 0px 5px 8px ; width: 34px; height: 32px; bottom : -30px ; } #container #b .narrowSection .innerpoll .quote img { clear : left ; } #container #b .narrowSection .innerpoll .quote .topQuote { margin : 0px 24px 8px 0px ; } #b .innerpoll form {color : #fff ; } #b .innerpoll .postComments { border-bottom : #ffffff dotted 1px ; border-top : #ffffff dotted 1px ; margin : 0px 0px 10px 0px ; padding : 10px 0px 10px 0px ; } #b .innerpoll .postComments a { font-weight : bold ; text-transform : uppercase ; } #b .innerpoll .postComment { background-image : url(/images/tin/poll_comment_bubble.png) ; float : left ; height : 11px ; margin-right : 4px ; overflow : hidden ; position : relative ; width : 16px ; } #b .innerpoll h2 { color : #ffffff ; font-family : Georgia ; font-size : 1.4em ; font-weight : bold ; margin: 0px; text-transform : uppercase ; } #b .innerpoll p, #b .innerpoll label { clear : both ; display : block ; padding : 2px 0 2px 2px ; color : #ffffff ; font-family : Tahoma ; font-size : 1.2em ; } #b .innerpoll label input { float : left ; margin : .1em 5px 0 2px ; *margin-top : -.2em ; } #b .innerpoll p { margin : 3px 0px 0px 0px ; } #b .innerpoll .voteBtn { background-color : #0090C4 ; color : #fff ; border : outset 2px #ffffff ; padding : 0px 5px ;} #b .innerpoll .indicator { background: #0090c4; border:1px solid #aaa; height:10px ; } #b .innerpoll .indicatorBar { height:10px; background: #fff; } #b .poll-sm { height : auto ; width : auto ; } #b .a-c .poll-sm { float : left ; width : 50% ; _width : 49.9% ; *width : 49.9% ; } #b .innerpoll .noJS { color : #E9C747 ; } #b .articleFooter .innerpoll { _height : 91px ; margin : 0px ; min-height : 91px ; } #b .articleFooter .innerpoll .options, #b .articleFooter .innerpoll .header { width : 45% ; } #b .articleFooter .innerpoll .header { float : left ; clear : both ; } #b .articleFooter .innerpoll .footer { float : left ; clear : left ; } #b .articleFooter .innerpoll .options { float : right ; } /*~ themes */ .and-channel, .and-standard, .and-breaking, .and-threepic, #mostViewedDiv, #mostCommentedDiv, .regionBackground{ background : #fafbfc url(/images/tin/region_bg_top.gif) left top repeat-x ; } .tinFormBG { background: #f4f4f4 ; } .and-standard, .and-breaking, .and-threepic, #mostViewedDiv, #mostCommentedDiv, .regionBackground { margin-bottom : 8px ; } /* border space for shaded background */ .itemset, .and-standard-01, .and-standard-02, .and-threepic-01, .and-threepic-03, .and-breaking-02 { margin-left : 8px ; } .and-channel, .and-standard-01 { padding : 10px 0px 0px 0px ; } /*~ .and-breaking */ .and-breaking-02 { clear : both ; } /*~ .and-threepic */ .and-threepic { float : left ; width : 656px ; } .and-threepic-01 { float : left ; margin-bottom : 5px ; margin-top : 8px ; width : 310px ; } .and-threepic-02 { float : left ; margin-left : 8px ; _margin-left : 0px ; margin-bottom : 5px ; margin-top : 8px ; width : 310px ; } .and-threepic-03 { clear : both ; } /*~ .and-standard */ .and-standard-02 { clear : both ; } /*~ .and-channel */ .and-channel-02 .article { clear : both ; float : none ; width : auto ; } #b .and-channel-02 .article-thin { width : auto ; } /*~ #f */ #f { *margin-top : -3px ; padding-bottom : 40px ; } #f .sectionNavSub { margin-bottom : 5px ; } #f ul.pipe { border-bottom : 1px solid #dbdbdb ; padding-top : 5px ; min-height : 20px ; position : relative ; } #f ul.pipe li { border-color : #0090c4 ; } #f ul.pipe li.displace { margin-top : -1em ; } /* eventSubmissionForm - date selectors */ #eventSubmissionForm .formItem { display: inline; float: left; height: 3.5em; padding: 0 0px 4px 0; } #eventSubmissionForm .dateFrom { width: 116px; } #eventSubmissionForm .dateTo { width: 100px; } #eventSubmissionForm .calFrom { margin-left: 5px; margin-right: 10px; cursor: pointer; cursor: hand; } #eventSubmissionForm .calTo { margin-left: 5px; cursor: pointer; cursor: hand; } /* search events form */ #sEvt { margin-bottom: 8px; position: relative; } #container #sEvtSpace { display: none; height: 190px; } #sEvt .inner { background: #99939E url('/images/tin/ev_box_bg.gif') repeat-x 0 0; border-left: 4px solid #cacae5; border-right: 4px solid #cacae5; padding: 2px 8px 8px 8px; } #sEvt .header { background: transparent url('/images/tin/ev_box_sprite.gif') 0 0; font-size: 2px; height: 4px; margin-right: 4px; } #sEvt .footer { background: transparent url('/images/tin/ev_box_sprite.gif') 0 100%; font-size: 2px; height: 4px; margin-right: 4px; } #sEvt .tr { background: transparent url('/images/tin/ev_box_sprite.gif') 100% 0; font-size: 2px; height: 4px; margin-left: 4px; margin-top: -4px; } #sEvt .br { background: transparent url('/images/tin/ev_box_sprite.gif') 100% 100%; font-size: 2px; height: 4px; margin-left: 4px; margin-top: -4px; } #sEvt legend { color :#ffffff; font-size: 300%; font-weight: bold; } #sEvt .formItem { display: inline; float: left; height: 3.5em; padding: 0 0px 4px 0; } #sEvt label { font-size: 120%; } #sEvt select { font-size: 110%; margin-right: 10px; } #sEvt input { font-size: 110%; } #calFromDiv { display:none; left:0px; top:120px; position:absolute; z-index:1000; } #calFromDiv.search { top:85px; left: 90px; } #calToDiv { display:none; left:130px; top:120px; position:absolute; z-index:2; } #calToDiv.search { top:85px; left: 290px; } #calFromDiv .title, #calToDiv .title { font-size: 110%; } /* submit your event */ #submitEvent { padding: 0px; margin-bottom: 0px; font-weight: bold; text-align: center; } #submitEvent .SEinner { background: #425B1E url('/images/tin/ev_submit_box_bg_gr.gif') repeat-x 0 0; border-left: 4px solid #88C22C; border-right: 4px solid #88C22C; padding: 8px 8px 8px 8px; } #submitEvent .SEinner p { margin-bottom : 0px ; } #submitEvent .SEheader { background: transparent url('/images/tin/ev_box_sprite_gr.gif') 0 0; font-size: 2px; height: 4px; margin-right: 4px; } #submitEvent .SEfooter { background: transparent url('/images/tin/ev_box_sprite_gr.gif') 0 100%; font-size: 2px; height: 4px; margin-right: 4px; } #submitEvent .SEtr { background: transparent url('/images/tin/ev_box_sprite_gr.gif') 100% 0; font-size: 2px; height: 4px; margin-left: 4px; margin-top: -4px; } #submitEvent .SEbr { background: transparent url('/images/tin/ev_box_sprite_gr.gif') 100% 100%; font-size: 2px; height: 4px; margin-left: 4px; margin-top: -4px; } #submitEvent a, #submitEvent a:link, #submitEvent a:visited { color: #fff; font-size: 120%; } #sEvt #submitEvent .SEheader { background: transparent url('/images/tin/ev_box_sprite_gr_SE.gif') 0 0; } #sEvt #submitEvent .SEfooter { background: transparent url('/images/tin/ev_box_sprite_gr_SE.gif') 0 100%; } #sEvt #submitEvent .SEtr { background: transparent url('/images/tin/ev_box_sprite_gr_SE.gif') 100% 0; } #sEvt #submitEvent .SEbr { background: transparent url('/images/tin/ev_box_sprite_gr_SE.gif') 100% 100%; } #sEvt.tinSites #submitEvent .SEinner { background: #99939E; border-left: 4px solid #CACAE5; border-right: 4px solid #CACAE5; } #sEvt.tinSites #submitEvent .SEheader { background: transparent url('/images/tin/ev_box_sprite_SE.gif') 0 0; } #sEvt.tinSites #submitEvent .SEfooter { background: transparent url('/images/tin/ev_box_sprite_SE.gif') 0 100%; } #sEvt.tinSites #submitEvent .SEtr { background: transparent url('/images/tin/ev_box_sprite_SE.gif') 100% 0; } #sEvt.tinSites #submitEvent .SEbr { background: transparent url('/images/tin/ev_box_sprite_SE.gif') 100% 100%; } #sEvt #event-listings-site-search { margin-bottom : 12px ; } /* tinSites */ #sEvt.tinSites .inner { background: #37481D url('/images/tin/ev_box_bg_gr.gif') repeat-x 0 0; border-left: 4px solid #88C22C; border-right: 4px solid #88C22C; padding: 2px 8px 8px 8px; } #sEvt.tinSites .header { background: transparent url('/images/tin/ev_box_sprite_gr.gif') 0 0; font-size: 2px; height: 4px; margin-right: 4px; } #sEvt.tinSites .footer { background: transparent url('/images/tin/ev_box_sprite_gr.gif') 0 100%; font-size: 2px; height: 4px; margin-right: 4px; } #sEvt.tinSites .tr { background: transparent url('/images/tin/ev_box_sprite_gr.gif') 100% 0; font-size: 2px; height: 4px; margin-left: 4px; margin-top: -4px; } #sEvt.tinSites .br { background: transparent url('/images/tin/ev_box_sprite_gr.gif') 100% 100%; font-size: 2px; height: 4px; margin-left: 4px; margin-top: -4px; } #sEvt.tinSites legend { display: block; } #sEvt.tinSites label { color: #fff ; font-weight : bold ; } #sEvt.tinSites .keyword { width: 130px; } #sEvt.tinSites .dateFrom { width: 116px; } #sEvt.tinSites .dateTo { width: 100px; } #sEvt.tinSites .category { width: 150px; } #sEvt.tinSites .where { width: 150px; } #sEvt.tinSites .submit { margin: 5px 0 0 33px; } #sEvt.tinSites .calFrom { margin-left: 5px; margin-right: 10px; cursor: pointer; cursor: hand; } #sEvt.tinSites .calTo { margin-left: 5px; cursor: pointer; cursor: hand; } /* events */ #sEvt.events legend { display: block; } #sEvt.events .keyword { width: 187px; } #sEvt.events .dateFrom { width: 155px; } #sEvt.events .dateTo { width: 155px; } #sEvt.events .category { width: 187px; } #sEvt.events .where { width: 187px; } #sEvt.events .submit { margin: 5px 0 0 114px; } #sEvt.events .calFrom { margin-left: 5px; margin-right: 10px; cursor: pointer; cursor: hand; } #sEvt.events .calTo { margin-left: 5px; cursor: pointer; cursor: hand; } /* events Channel */ #sEvt.eventsChannel legend { display: block; } #sEvt.eventsChannel .keyword { width: 130px; } #sEvt.eventsChannel .dateFrom { width: 116px; } #sEvt.eventsChannel .dateTo { width: 100px; } #sEvt.eventsChannel .category { width: 150px; } #sEvt.eventsChannel .where { width: 150px; } #sEvt.eventsChannel .submit { margin: 5px 0 0 33px; } #sEvt.eventsChannel .calFrom { margin-left: 5px; margin-right: 10px; cursor: pointer; cursor: hand; } #sEvt.eventsChannel .calTo { margin-left: 5px; cursor: pointer; cursor: hand; } /* search */ #sEvt.search fieldset { background: transparent url('/images/tin/ev_box_search.gif') no-repeat 0 0; padding-left: 164px; } #sEvt.search legend { display: none; } #sEvt.search .newLine { clear: left; } #sEvt.search .keyword { width: 146px; } #sEvt.search .dateFrom { width: 70px; } #sEvt.search .dateTo { width: 70px; } #sEvt.search .category { width: 218px; } #sEvt.search .where { width: 150px; } #sEvt.search .submit { margin: 0px 0 0 0; } #sEvt.search .calFrom { margin-left: 5px; margin-right: 10px; } #sEvt.search .calTo { margin-left: 5px; margin-right: 10px; } } /*~ Opera hack for galleries, see: http://thomas.tanreisoftware.com/?p=11#opera */ @media all and (min-width: 0px) { html:lang(e) head~body #container .gallery-preview .caption { left : 0px ; position : relative ; width : 182px ; } } /*~ Buttons */ .searchButton { background-color:#4890C4; border:outset 2px #4890C4; color:#fff; } .searchButton:hover { background-color:#68b0e4; border:outset 2px #4890C4; color:#fff; }