run-editor-sample-f12-css.txt 650 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254125512561257125812591260126112621263126412651266126712681269127012711272127312741275127612771278127912801281128212831284128512861287128812891290129112921293129412951296129712981299130013011302130313041305130613071308130913101311131213131314131513161317131813191320132113221323132413251326132713281329133013311332133313341335133613371338133913401341134213431344134513461347134813491350135113521353135413551356135713581359136013611362136313641365136613671368136913701371137213731374137513761377137813791380138113821383138413851386138713881389139013911392139313941395139613971398139914001401140214031404140514061407140814091410141114121413141414151416141714181419142014211422142314241425142614271428142914301431143214331434143514361437143814391440144114421443144414451446144714481449145014511452145314541455145614571458145914601461146214631464146514661467146814691470147114721473147414751476147714781479148014811482148314841485148614871488148914901491149214931494149514961497149814991500150115021503150415051506150715081509151015111512151315141515151615171518151915201521152215231524152515261527152815291530153115321533153415351536153715381539154015411542154315441545154615471548154915501551155215531554155515561557155815591560156115621563156415651566156715681569157015711572157315741575157615771578157915801581158215831584158515861587158815891590159115921593159415951596159715981599160016011602160316041605160616071608160916101611161216131614161516161617161816191620162116221623162416251626162716281629163016311632163316341635163616371638163916401641164216431644164516461647164816491650165116521653165416551656165716581659166016611662166316641665166616671668166916701671167216731674167516761677167816791680168116821683168416851686168716881689169016911692169316941695169616971698169917001701170217031704170517061707170817091710171117121713171417151716171717181719172017211722172317241725172617271728172917301731173217331734173517361737173817391740174117421743174417451746174717481749175017511752175317541755175617571758175917601761176217631764176517661767176817691770177117721773177417751776177717781779178017811782178317841785178617871788178917901791179217931794179517961797179817991800180118021803180418051806180718081809181018111812181318141815181618171818181918201821182218231824182518261827182818291830183118321833183418351836183718381839184018411842184318441845184618471848184918501851185218531854185518561857185818591860186118621863186418651866186718681869187018711872187318741875187618771878187918801881188218831884188518861887188818891890189118921893189418951896189718981899190019011902190319041905190619071908190919101911191219131914191519161917191819191920192119221923192419251926192719281929193019311932193319341935193619371938193919401941194219431944194519461947194819491950195119521953195419551956195719581959196019611962196319641965196619671968196919701971197219731974197519761977197819791980198119821983198419851986198719881989199019911992199319941995199619971998199920002001200220032004200520062007200820092010201120122013201420152016201720182019202020212022202320242025202620272028202920302031203220332034203520362037203820392040204120422043204420452046204720482049205020512052205320542055205620572058205920602061206220632064206520662067206820692070207120722073207420752076207720782079208020812082208320842085208620872088208920902091209220932094209520962097209820992100210121022103210421052106210721082109211021112112211321142115211621172118211921202121212221232124212521262127212821292130213121322133213421352136213721382139214021412142214321442145214621472148214921502151215221532154215521562157215821592160216121622163216421652166216721682169217021712172217321742175217621772178217921802181218221832184218521862187218821892190219121922193219421952196219721982199220022012202220322042205220622072208220922102211221222132214221522162217221822192220222122222223222422252226222722282229223022312232223322342235223622372238223922402241224222432244224522462247224822492250225122522253225422552256225722582259226022612262226322642265226622672268226922702271227222732274227522762277227822792280228122822283228422852286228722882289229022912292229322942295229622972298229923002301230223032304230523062307230823092310231123122313231423152316231723182319232023212322232323242325232623272328232923302331233223332334233523362337233823392340234123422343234423452346234723482349235023512352235323542355235623572358235923602361236223632364236523662367236823692370237123722373237423752376237723782379238023812382238323842385238623872388238923902391239223932394239523962397239823992400240124022403240424052406240724082409241024112412241324142415241624172418241924202421242224232424242524262427242824292430243124322433243424352436243724382439244024412442244324442445244624472448244924502451245224532454245524562457245824592460246124622463246424652466246724682469247024712472247324742475247624772478247924802481248224832484248524862487248824892490249124922493249424952496249724982499250025012502250325042505250625072508250925102511251225132514251525162517251825192520252125222523252425252526252725282529253025312532253325342535253625372538253925402541254225432544254525462547254825492550255125522553255425552556255725582559256025612562256325642565256625672568256925702571257225732574257525762577257825792580258125822583258425852586258725882589259025912592259325942595259625972598259926002601260226032604260526062607260826092610261126122613261426152616261726182619262026212622262326242625262626272628262926302631263226332634263526362637263826392640264126422643264426452646264726482649265026512652265326542655265626572658265926602661266226632664266526662667266826692670267126722673267426752676267726782679268026812682268326842685268626872688268926902691269226932694269526962697269826992700270127022703270427052706270727082709271027112712271327142715271627172718271927202721272227232724272527262727272827292730273127322733273427352736273727382739274027412742274327442745274627472748274927502751275227532754275527562757275827592760276127622763276427652766276727682769277027712772277327742775277627772778277927802781278227832784278527862787278827892790279127922793279427952796279727982799280028012802280328042805280628072808280928102811281228132814281528162817281828192820282128222823282428252826282728282829283028312832283328342835283628372838283928402841284228432844284528462847284828492850285128522853285428552856285728582859286028612862286328642865286628672868286928702871287228732874287528762877287828792880288128822883288428852886288728882889289028912892289328942895289628972898289929002901290229032904290529062907290829092910291129122913291429152916291729182919292029212922292329242925292629272928292929302931293229332934293529362937293829392940294129422943294429452946294729482949295029512952295329542955295629572958295929602961296229632964296529662967296829692970297129722973297429752976297729782979298029812982298329842985298629872988298929902991299229932994299529962997299829993000300130023003300430053006300730083009301030113012301330143015301630173018301930203021302230233024302530263027302830293030303130323033303430353036303730383039304030413042304330443045304630473048304930503051305230533054305530563057305830593060306130623063306430653066306730683069307030713072307330743075307630773078307930803081308230833084308530863087308830893090309130923093309430953096309730983099310031013102310331043105310631073108310931103111311231133114311531163117311831193120312131223123312431253126312731283129313031313132313331343135313631373138313931403141314231433144314531463147314831493150315131523153315431553156315731583159316031613162316331643165316631673168316931703171317231733174317531763177317831793180318131823183318431853186318731883189319031913192319331943195319631973198319932003201320232033204320532063207320832093210321132123213321432153216321732183219322032213222322332243225322632273228322932303231323232333234323532363237323832393240324132423243324432453246324732483249325032513252325332543255325632573258325932603261326232633264326532663267326832693270327132723273327432753276327732783279328032813282328332843285328632873288328932903291329232933294329532963297329832993300330133023303330433053306330733083309331033113312331333143315331633173318331933203321332233233324332533263327332833293330333133323333333433353336333733383339334033413342334333443345334633473348334933503351335233533354335533563357335833593360336133623363336433653366336733683369337033713372337333743375337633773378337933803381338233833384338533863387338833893390339133923393339433953396339733983399340034013402340334043405340634073408340934103411341234133414341534163417341834193420342134223423342434253426342734283429343034313432343334343435343634373438343934403441344234433444344534463447344834493450345134523453345434553456345734583459346034613462346334643465346634673468346934703471347234733474347534763477347834793480348134823483348434853486348734883489349034913492349334943495349634973498349935003501350235033504350535063507350835093510351135123513351435153516351735183519352035213522352335243525352635273528352935303531353235333534353535363537353835393540354135423543354435453546354735483549355035513552355335543555355635573558355935603561356235633564356535663567356835693570357135723573357435753576357735783579358035813582358335843585358635873588358935903591359235933594359535963597359835993600360136023603360436053606360736083609361036113612361336143615361636173618361936203621362236233624362536263627362836293630363136323633363436353636363736383639364036413642364336443645364636473648364936503651365236533654365536563657365836593660366136623663366436653666366736683669367036713672367336743675367636773678367936803681368236833684368536863687368836893690369136923693369436953696369736983699370037013702370337043705370637073708370937103711371237133714371537163717371837193720372137223723372437253726372737283729373037313732373337343735373637373738373937403741374237433744374537463747374837493750375137523753375437553756375737583759376037613762376337643765376637673768376937703771377237733774377537763777377837793780378137823783378437853786378737883789379037913792379337943795379637973798379938003801380238033804380538063807380838093810381138123813381438153816381738183819382038213822382338243825382638273828382938303831383238333834383538363837383838393840384138423843384438453846384738483849385038513852385338543855385638573858385938603861386238633864386538663867386838693870387138723873387438753876387738783879388038813882388338843885388638873888388938903891389238933894389538963897389838993900390139023903390439053906390739083909391039113912391339143915391639173918391939203921392239233924392539263927392839293930393139323933393439353936393739383939394039413942394339443945394639473948394939503951395239533954395539563957395839593960396139623963396439653966396739683969397039713972397339743975397639773978397939803981398239833984398539863987398839893990399139923993399439953996399739983999400040014002400340044005400640074008400940104011401240134014401540164017401840194020402140224023402440254026402740284029403040314032403340344035403640374038403940404041404240434044404540464047404840494050405140524053405440554056405740584059406040614062406340644065406640674068406940704071407240734074407540764077407840794080408140824083408440854086408740884089409040914092409340944095409640974098409941004101410241034104410541064107410841094110411141124113411441154116411741184119412041214122412341244125412641274128412941304131413241334134413541364137413841394140414141424143414441454146414741484149415041514152415341544155415641574158415941604161416241634164416541664167416841694170417141724173417441754176417741784179418041814182418341844185418641874188418941904191419241934194419541964197419841994200420142024203420442054206420742084209421042114212421342144215421642174218421942204221422242234224422542264227422842294230423142324233423442354236423742384239424042414242424342444245424642474248424942504251425242534254425542564257425842594260426142624263426442654266426742684269427042714272427342744275427642774278427942804281428242834284428542864287428842894290429142924293429442954296429742984299430043014302430343044305430643074308430943104311431243134314431543164317431843194320432143224323432443254326432743284329433043314332433343344335433643374338433943404341434243434344434543464347434843494350435143524353435443554356435743584359436043614362436343644365436643674368436943704371437243734374437543764377437843794380438143824383438443854386438743884389439043914392439343944395439643974398439944004401440244034404440544064407440844094410441144124413441444154416441744184419442044214422442344244425442644274428442944304431443244334434443544364437443844394440444144424443444444454446444744484449445044514452445344544455445644574458445944604461446244634464446544664467446844694470447144724473447444754476447744784479448044814482448344844485448644874488448944904491449244934494449544964497449844994500450145024503450445054506450745084509451045114512451345144515451645174518451945204521452245234524452545264527452845294530453145324533453445354536453745384539454045414542454345444545454645474548454945504551455245534554455545564557455845594560456145624563456445654566456745684569457045714572457345744575457645774578457945804581458245834584458545864587458845894590459145924593459445954596459745984599460046014602460346044605460646074608460946104611461246134614461546164617461846194620462146224623462446254626462746284629463046314632463346344635463646374638463946404641464246434644464546464647464846494650465146524653465446554656465746584659466046614662466346644665466646674668466946704671467246734674467546764677467846794680468146824683468446854686468746884689469046914692469346944695469646974698469947004701470247034704470547064707470847094710471147124713471447154716471747184719472047214722472347244725472647274728472947304731473247334734473547364737473847394740474147424743474447454746474747484749475047514752475347544755475647574758475947604761476247634764476547664767476847694770477147724773477447754776477747784779478047814782478347844785478647874788478947904791479247934794479547964797479847994800480148024803480448054806480748084809481048114812481348144815481648174818481948204821482248234824482548264827482848294830483148324833483448354836483748384839484048414842484348444845484648474848484948504851485248534854485548564857485848594860486148624863486448654866486748684869487048714872487348744875487648774878487948804881488248834884488548864887488848894890489148924893489448954896489748984899490049014902490349044905490649074908490949104911491249134914491549164917491849194920492149224923492449254926492749284929493049314932493349344935493649374938493949404941494249434944494549464947494849494950495149524953495449554956495749584959496049614962496349644965496649674968496949704971497249734974497549764977497849794980498149824983498449854986498749884989499049914992499349944995499649974998499950005001500250035004500550065007500850095010501150125013501450155016501750185019502050215022502350245025502650275028502950305031503250335034503550365037503850395040504150425043504450455046504750485049505050515052505350545055505650575058505950605061506250635064506550665067506850695070507150725073507450755076507750785079508050815082508350845085508650875088508950905091509250935094509550965097509850995100510151025103510451055106510751085109511051115112511351145115511651175118511951205121512251235124512551265127512851295130513151325133513451355136513751385139514051415142514351445145514651475148514951505151515251535154515551565157515851595160516151625163516451655166516751685169517051715172517351745175517651775178517951805181518251835184518551865187518851895190519151925193519451955196519751985199520052015202520352045205520652075208520952105211521252135214521552165217521852195220522152225223522452255226522752285229523052315232523352345235523652375238523952405241524252435244524552465247524852495250525152525253525452555256525752585259526052615262526352645265526652675268526952705271527252735274527552765277527852795280528152825283528452855286528752885289529052915292529352945295529652975298529953005301530253035304530553065307530853095310531153125313531453155316531753185319532053215322532353245325532653275328532953305331533253335334533553365337533853395340534153425343534453455346534753485349535053515352535353545355535653575358535953605361536253635364536553665367536853695370537153725373537453755376537753785379538053815382538353845385538653875388538953905391539253935394539553965397539853995400540154025403540454055406540754085409541054115412541354145415541654175418541954205421542254235424542554265427542854295430543154325433543454355436543754385439544054415442544354445445544654475448544954505451545254535454545554565457545854595460546154625463546454655466546754685469547054715472547354745475547654775478547954805481548254835484548554865487548854895490549154925493549454955496549754985499550055015502550355045505550655075508550955105511551255135514551555165517551855195520552155225523552455255526552755285529553055315532553355345535553655375538553955405541554255435544554555465547554855495550555155525553555455555556555755585559556055615562556355645565556655675568556955705571557255735574557555765577557855795580558155825583558455855586558755885589559055915592559355945595559655975598559956005601560256035604560556065607560856095610561156125613561456155616561756185619562056215622562356245625562656275628562956305631563256335634563556365637563856395640564156425643564456455646564756485649565056515652565356545655565656575658565956605661566256635664566556665667566856695670567156725673567456755676567756785679568056815682568356845685568656875688568956905691569256935694569556965697569856995700570157025703570457055706570757085709571057115712571357145715571657175718571957205721572257235724572557265727572857295730573157325733573457355736573757385739574057415742574357445745574657475748574957505751575257535754575557565757575857595760576157625763576457655766576757685769577057715772577357745775577657775778577957805781578257835784578557865787578857895790579157925793579457955796579757985799580058015802580358045805580658075808580958105811581258135814581558165817581858195820582158225823582458255826582758285829583058315832583358345835583658375838583958405841584258435844584558465847584858495850585158525853585458555856585758585859586058615862586358645865586658675868586958705871587258735874587558765877587858795880588158825883588458855886588758885889589058915892589358945895589658975898589959005901590259035904590559065907590859095910591159125913591459155916591759185919592059215922592359245925592659275928592959305931593259335934593559365937593859395940594159425943594459455946594759485949595059515952595359545955595659575958595959605961596259635964596559665967596859695970597159725973597459755976597759785979598059815982598359845985598659875988598959905991599259935994599559965997599859996000600160026003600460056006600760086009601060116012601360146015601660176018601960206021602260236024602560266027602860296030603160326033603460356036603760386039604060416042604360446045604660476048604960506051605260536054605560566057605860596060606160626063606460656066606760686069607060716072607360746075607660776078607960806081608260836084608560866087608860896090609160926093609460956096609760986099610061016102610361046105610661076108610961106111611261136114611561166117611861196120612161226123612461256126612761286129613061316132613361346135613661376138613961406141614261436144614561466147614861496150615161526153615461556156615761586159616061616162616361646165616661676168616961706171617261736174617561766177617861796180618161826183618461856186618761886189619061916192619361946195619661976198619962006201620262036204620562066207620862096210621162126213621462156216621762186219622062216222622362246225622662276228622962306231623262336234623562366237623862396240624162426243624462456246624762486249625062516252625362546255625662576258625962606261626262636264626562666267626862696270627162726273627462756276627762786279628062816282628362846285628662876288628962906291629262936294629562966297629862996300630163026303630463056306630763086309631063116312631363146315631663176318631963206321632263236324632563266327632863296330633163326333633463356336633763386339634063416342634363446345634663476348634963506351635263536354635563566357635863596360636163626363636463656366636763686369637063716372637363746375637663776378637963806381638263836384638563866387638863896390639163926393639463956396639763986399640064016402640364046405640664076408640964106411641264136414641564166417641864196420642164226423642464256426642764286429643064316432643364346435643664376438643964406441644264436444644564466447644864496450645164526453645464556456645764586459646064616462646364646465646664676468646964706471647264736474647564766477647864796480648164826483648464856486648764886489649064916492649364946495649664976498649965006501650265036504650565066507650865096510651165126513651465156516651765186519652065216522652365246525652665276528652965306531653265336534653565366537653865396540654165426543654465456546654765486549655065516552655365546555655665576558655965606561656265636564656565666567656865696570657165726573657465756576657765786579658065816582658365846585658665876588658965906591659265936594659565966597659865996600660166026603660466056606660766086609661066116612661366146615661666176618661966206621662266236624662566266627662866296630663166326633663466356636663766386639664066416642664366446645664666476648664966506651665266536654665566566657665866596660666166626663666466656666666766686669667066716672667366746675667666776678667966806681668266836684668566866687668866896690669166926693669466956696669766986699670067016702670367046705670667076708670967106711671267136714671567166717671867196720672167226723672467256726672767286729673067316732673367346735673667376738673967406741674267436744674567466747674867496750675167526753675467556756675767586759676067616762676367646765676667676768676967706771677267736774677567766777677867796780678167826783678467856786678767886789679067916792679367946795679667976798679968006801680268036804680568066807680868096810681168126813681468156816681768186819682068216822682368246825682668276828682968306831683268336834683568366837683868396840684168426843684468456846684768486849685068516852685368546855685668576858685968606861686268636864686568666867686868696870687168726873687468756876687768786879688068816882688368846885688668876888688968906891689268936894689568966897689868996900690169026903690469056906690769086909691069116912691369146915691669176918691969206921692269236924692569266927692869296930693169326933693469356936693769386939694069416942694369446945694669476948694969506951695269536954695569566957695869596960696169626963696469656966696769686969697069716972697369746975697669776978697969806981698269836984698569866987698869896990699169926993699469956996699769986999700070017002700370047005700670077008700970107011701270137014701570167017701870197020702170227023702470257026702770287029703070317032703370347035703670377038703970407041704270437044704570467047704870497050705170527053705470557056705770587059706070617062706370647065706670677068706970707071707270737074707570767077707870797080708170827083708470857086708770887089709070917092709370947095709670977098709971007101710271037104710571067107710871097110711171127113711471157116711771187119712071217122712371247125712671277128712971307131713271337134713571367137713871397140714171427143714471457146714771487149715071517152715371547155715671577158715971607161716271637164716571667167716871697170717171727173717471757176717771787179718071817182718371847185718671877188718971907191719271937194719571967197719871997200720172027203720472057206720772087209721072117212721372147215721672177218721972207221722272237224722572267227722872297230723172327233723472357236723772387239724072417242724372447245724672477248724972507251725272537254725572567257725872597260726172627263726472657266726772687269727072717272727372747275727672777278727972807281728272837284728572867287728872897290729172927293729472957296729772987299730073017302730373047305730673077308730973107311731273137314731573167317731873197320732173227323732473257326732773287329733073317332733373347335733673377338733973407341734273437344734573467347734873497350735173527353735473557356735773587359736073617362736373647365736673677368736973707371737273737374737573767377737873797380738173827383738473857386738773887389739073917392739373947395739673977398739974007401740274037404740574067407740874097410741174127413741474157416741774187419742074217422742374247425742674277428742974307431743274337434743574367437743874397440744174427443744474457446744774487449745074517452745374547455745674577458745974607461746274637464746574667467746874697470747174727473747474757476747774787479748074817482748374847485748674877488748974907491749274937494749574967497749874997500750175027503750475057506750775087509751075117512751375147515751675177518751975207521752275237524752575267527752875297530753175327533753475357536753775387539754075417542754375447545754675477548754975507551755275537554755575567557755875597560756175627563756475657566756775687569757075717572757375747575757675777578757975807581758275837584758575867587758875897590759175927593759475957596759775987599760076017602760376047605760676077608760976107611761276137614761576167617761876197620762176227623762476257626762776287629763076317632763376347635763676377638763976407641764276437644764576467647764876497650765176527653765476557656765776587659766076617662766376647665766676677668766976707671767276737674767576767677767876797680768176827683768476857686768776887689769076917692769376947695769676977698769977007701770277037704770577067707770877097710771177127713771477157716771777187719772077217722772377247725772677277728772977307731773277337734773577367737773877397740774177427743774477457746774777487749775077517752775377547755775677577758775977607761776277637764776577667767776877697770777177727773777477757776777777787779778077817782778377847785778677877788778977907791779277937794779577967797779877997800780178027803780478057806780778087809781078117812781378147815781678177818781978207821782278237824782578267827782878297830783178327833783478357836783778387839784078417842784378447845784678477848784978507851785278537854785578567857785878597860786178627863786478657866786778687869787078717872787378747875787678777878787978807881788278837884788578867887788878897890789178927893789478957896789778987899790079017902790379047905790679077908790979107911791279137914791579167917791879197920792179227923792479257926792779287929793079317932793379347935793679377938793979407941794279437944794579467947794879497950795179527953795479557956795779587959796079617962796379647965796679677968796979707971797279737974797579767977797879797980798179827983798479857986798779887989799079917992799379947995799679977998799980008001800280038004800580068007800880098010801180128013801480158016801780188019802080218022802380248025802680278028802980308031803280338034803580368037803880398040804180428043804480458046804780488049805080518052805380548055805680578058805980608061806280638064806580668067806880698070807180728073807480758076807780788079808080818082808380848085808680878088808980908091809280938094809580968097809880998100810181028103810481058106810781088109811081118112811381148115811681178118811981208121812281238124812581268127812881298130813181328133813481358136813781388139814081418142814381448145814681478148814981508151815281538154815581568157815881598160816181628163816481658166816781688169817081718172817381748175817681778178817981808181818281838184818581868187818881898190819181928193819481958196819781988199820082018202820382048205820682078208820982108211821282138214821582168217821882198220822182228223822482258226822782288229823082318232823382348235823682378238823982408241824282438244824582468247824882498250825182528253825482558256825782588259826082618262826382648265826682678268826982708271827282738274827582768277827882798280828182828283828482858286828782888289829082918292829382948295829682978298829983008301830283038304830583068307830883098310831183128313831483158316831783188319832083218322832383248325832683278328832983308331833283338334833583368337833883398340834183428343834483458346834783488349835083518352835383548355835683578358835983608361836283638364836583668367836883698370837183728373837483758376837783788379838083818382838383848385838683878388838983908391839283938394839583968397839883998400840184028403840484058406840784088409841084118412841384148415841684178418841984208421842284238424842584268427842884298430843184328433843484358436843784388439844084418442844384448445844684478448844984508451845284538454845584568457845884598460846184628463846484658466846784688469847084718472847384748475847684778478847984808481848284838484848584868487848884898490849184928493849484958496849784988499850085018502850385048505850685078508850985108511851285138514851585168517851885198520852185228523852485258526852785288529853085318532853385348535853685378538853985408541854285438544854585468547854885498550855185528553855485558556855785588559856085618562856385648565856685678568856985708571857285738574857585768577857885798580858185828583858485858586858785888589859085918592859385948595859685978598859986008601860286038604860586068607860886098610861186128613861486158616861786188619862086218622862386248625862686278628862986308631863286338634863586368637863886398640864186428643864486458646864786488649865086518652865386548655865686578658865986608661866286638664866586668667866886698670867186728673867486758676867786788679868086818682868386848685868686878688868986908691869286938694869586968697869886998700870187028703870487058706870787088709871087118712871387148715871687178718871987208721872287238724872587268727872887298730873187328733873487358736873787388739874087418742874387448745874687478748874987508751875287538754875587568757875887598760876187628763876487658766876787688769877087718772877387748775877687778778877987808781878287838784878587868787878887898790879187928793879487958796879787988799880088018802880388048805880688078808880988108811881288138814881588168817881888198820882188228823882488258826882788288829883088318832883388348835883688378838883988408841884288438844884588468847884888498850885188528853885488558856885788588859886088618862886388648865886688678868886988708871887288738874887588768877887888798880888188828883888488858886888788888889889088918892889388948895889688978898889989008901890289038904890589068907890889098910891189128913891489158916891789188919892089218922892389248925892689278928892989308931893289338934893589368937893889398940894189428943894489458946894789488949895089518952895389548955895689578958895989608961896289638964896589668967896889698970897189728973897489758976897789788979898089818982898389848985898689878988898989908991899289938994899589968997899889999000900190029003900490059006900790089009901090119012901390149015901690179018901990209021902290239024902590269027902890299030903190329033903490359036903790389039904090419042904390449045904690479048904990509051905290539054905590569057905890599060906190629063906490659066906790689069907090719072907390749075907690779078907990809081908290839084908590869087908890899090909190929093909490959096909790989099910091019102910391049105910691079108910991109111911291139114911591169117911891199120912191229123912491259126912791289129913091319132913391349135913691379138913991409141914291439144914591469147914891499150915191529153915491559156915791589159916091619162916391649165916691679168916991709171917291739174917591769177917891799180918191829183918491859186918791889189919091919192919391949195919691979198919992009201920292039204920592069207920892099210921192129213921492159216921792189219922092219222922392249225922692279228922992309231923292339234923592369237923892399240924192429243924492459246924792489249925092519252925392549255925692579258925992609261926292639264926592669267926892699270927192729273927492759276927792789279928092819282928392849285928692879288928992909291929292939294929592969297929892999300930193029303930493059306930793089309931093119312931393149315931693179318931993209321932293239324932593269327932893299330933193329333933493359336933793389339934093419342934393449345934693479348934993509351935293539354935593569357935893599360936193629363936493659366936793689369937093719372937393749375937693779378937993809381938293839384938593869387938893899390939193929393939493959396939793989399940094019402940394049405940694079408940994109411941294139414941594169417941894199420942194229423942494259426942794289429943094319432943394349435943694379438943994409441944294439444944594469447944894499450945194529453945494559456945794589459946094619462946394649465946694679468946994709471947294739474947594769477947894799480948194829483948494859486948794889489949094919492949394949495949694979498949995009501950295039504950595069507950895099510951195129513951495159516951795189519952095219522952395249525952695279528952995309531953295339534953595369537953895399540954195429543954495459546954795489549955095519552955395549555955695579558955995609561956295639564956595669567956895699570957195729573957495759576957795789579958095819582958395849585958695879588958995909591959295939594959595969597959895999600960196029603960496059606960796089609961096119612961396149615961696179618961996209621962296239624962596269627962896299630963196329633963496359636963796389639964096419642964396449645964696479648964996509651965296539654965596569657965896599660966196629663966496659666966796689669967096719672967396749675967696779678967996809681968296839684968596869687968896899690969196929693969496959696969796989699970097019702970397049705970697079708970997109711971297139714971597169717971897199720972197229723972497259726972797289729973097319732973397349735973697379738973997409741974297439744974597469747974897499750975197529753975497559756975797589759976097619762976397649765976697679768976997709771977297739774977597769777977897799780978197829783978497859786978797889789979097919792979397949795979697979798979998009801980298039804980598069807980898099810981198129813981498159816981798189819982098219822982398249825982698279828982998309831983298339834983598369837983898399840984198429843984498459846984798489849985098519852985398549855985698579858985998609861986298639864986598669867986898699870987198729873987498759876987798789879988098819882988398849885988698879888988998909891989298939894989598969897989898999900990199029903990499059906990799089909991099119912991399149915991699179918991999209921992299239924992599269927992899299930993199329933993499359936993799389939994099419942994399449945994699479948994999509951995299539954995599569957995899599960996199629963996499659966996799689969997099719972997399749975997699779978997999809981998299839984998599869987998899899990999199929993999499959996999799989999100001000110002100031000410005100061000710008100091001010011100121001310014100151001610017100181001910020100211002210023100241002510026100271002810029100301003110032100331003410035100361003710038100391004010041100421004310044100451004610047100481004910050100511005210053100541005510056100571005810059100601006110062100631006410065100661006710068100691007010071100721007310074100751007610077100781007910080100811008210083100841008510086100871008810089100901009110092100931009410095100961009710098100991010010101101021010310104101051010610107101081010910110101111011210113101141011510116101171011810119101201012110122101231012410125101261012710128101291013010131101321013310134101351013610137101381013910140101411014210143101441014510146101471014810149101501015110152101531015410155101561015710158101591016010161101621016310164101651016610167101681016910170101711017210173101741017510176101771017810179101801018110182101831018410185101861018710188101891019010191101921019310194101951019610197101981019910200102011020210203102041020510206102071020810209102101021110212102131021410215102161021710218102191022010221102221022310224102251022610227102281022910230102311023210233102341023510236102371023810239102401024110242102431024410245102461024710248102491025010251102521025310254102551025610257102581025910260102611026210263102641026510266102671026810269102701027110272102731027410275102761027710278102791028010281102821028310284102851028610287102881028910290102911029210293102941029510296102971029810299103001030110302103031030410305103061030710308103091031010311103121031310314103151031610317103181031910320103211032210323103241032510326103271032810329103301033110332103331033410335103361033710338103391034010341103421034310344103451034610347103481034910350103511035210353103541035510356103571035810359103601036110362103631036410365103661036710368103691037010371103721037310374103751037610377103781037910380103811038210383103841038510386103871038810389103901039110392103931039410395103961039710398103991040010401104021040310404104051040610407104081040910410104111041210413104141041510416104171041810419104201042110422104231042410425104261042710428104291043010431104321043310434104351043610437104381043910440104411044210443104441044510446104471044810449104501045110452104531045410455104561045710458104591046010461104621046310464104651046610467104681046910470104711047210473104741047510476104771047810479104801048110482104831048410485104861048710488104891049010491104921049310494104951049610497104981049910500105011050210503105041050510506105071050810509105101051110512105131051410515105161051710518105191052010521105221052310524105251052610527105281052910530105311053210533105341053510536105371053810539105401054110542105431054410545105461054710548105491055010551105521055310554105551055610557105581055910560105611056210563105641056510566105671056810569105701057110572105731057410575105761057710578105791058010581105821058310584105851058610587105881058910590105911059210593105941059510596105971059810599106001060110602106031060410605106061060710608106091061010611106121061310614106151061610617106181061910620106211062210623106241062510626106271062810629106301063110632106331063410635106361063710638106391064010641106421064310644106451064610647106481064910650106511065210653106541065510656106571065810659106601066110662106631066410665106661066710668106691067010671106721067310674106751067610677106781067910680106811068210683106841068510686106871068810689106901069110692106931069410695106961069710698106991070010701107021070310704107051070610707107081070910710107111071210713107141071510716107171071810719107201072110722107231072410725107261072710728107291073010731107321073310734107351073610737107381073910740107411074210743107441074510746107471074810749107501075110752107531075410755107561075710758107591076010761107621076310764107651076610767107681076910770107711077210773107741077510776107771077810779107801078110782107831078410785107861078710788107891079010791107921079310794107951079610797107981079910800108011080210803108041080510806108071080810809108101081110812108131081410815108161081710818108191082010821108221082310824108251082610827108281082910830108311083210833108341083510836108371083810839108401084110842108431084410845108461084710848108491085010851108521085310854108551085610857108581085910860108611086210863108641086510866108671086810869108701087110872108731087410875108761087710878108791088010881108821088310884108851088610887108881088910890108911089210893108941089510896108971089810899109001090110902109031090410905109061090710908109091091010911109121091310914109151091610917109181091910920109211092210923109241092510926109271092810929109301093110932109331093410935109361093710938109391094010941109421094310944109451094610947109481094910950109511095210953109541095510956109571095810959109601096110962109631096410965109661096710968109691097010971109721097310974109751097610977109781097910980109811098210983109841098510986109871098810989109901099110992109931099410995109961099710998109991100011001110021100311004110051100611007110081100911010110111101211013110141101511016110171101811019110201102111022110231102411025110261102711028110291103011031110321103311034110351103611037110381103911040110411104211043110441104511046110471104811049110501105111052110531105411055110561105711058110591106011061110621106311064110651106611067110681106911070110711107211073110741107511076110771107811079110801108111082110831108411085110861108711088110891109011091110921109311094110951109611097110981109911100111011110211103111041110511106111071110811109111101111111112111131111411115111161111711118111191112011121111221112311124111251112611127111281112911130111311113211133111341113511136111371113811139111401114111142111431114411145111461114711148111491115011151111521115311154111551115611157111581115911160111611116211163111641116511166111671116811169111701117111172111731117411175111761117711178111791118011181111821118311184111851118611187111881118911190111911119211193111941119511196111971119811199112001120111202112031120411205112061120711208112091121011211112121121311214112151121611217112181121911220112211122211223112241122511226112271122811229112301123111232112331123411235112361123711238112391124011241112421124311244112451124611247112481124911250112511125211253112541125511256112571125811259112601126111262112631126411265112661126711268112691127011271112721127311274112751127611277112781127911280112811128211283112841128511286112871128811289112901129111292112931129411295112961129711298112991130011301113021130311304113051130611307113081130911310113111131211313113141131511316113171131811319113201132111322113231132411325113261132711328113291133011331113321133311334113351133611337113381133911340113411134211343113441134511346113471134811349113501135111352113531135411355113561135711358113591136011361113621136311364113651136611367113681136911370113711137211373113741137511376113771137811379113801138111382113831138411385113861138711388113891139011391113921139311394113951139611397113981139911400114011140211403114041140511406114071140811409114101141111412114131141411415114161141711418114191142011421114221142311424114251142611427114281142911430114311143211433114341143511436114371143811439114401144111442114431144411445114461144711448114491145011451114521145311454114551145611457114581145911460114611146211463114641146511466114671146811469114701147111472114731147411475114761147711478114791148011481114821148311484114851148611487114881148911490114911149211493114941149511496114971149811499115001150111502115031150411505115061150711508115091151011511115121151311514115151151611517115181151911520115211152211523115241152511526115271152811529115301153111532115331153411535115361153711538115391154011541115421154311544115451154611547115481154911550115511155211553115541155511556115571155811559115601156111562115631156411565115661156711568115691157011571115721157311574115751157611577115781157911580115811158211583115841158511586115871158811589115901159111592115931159411595115961159711598115991160011601116021160311604116051160611607116081160911610116111161211613116141161511616116171161811619116201162111622116231162411625116261162711628116291163011631116321163311634116351163611637116381163911640116411164211643116441164511646116471164811649116501165111652116531165411655116561165711658116591166011661116621166311664116651166611667116681166911670116711167211673116741167511676116771167811679116801168111682116831168411685116861168711688116891169011691116921169311694116951169611697116981169911700117011170211703117041170511706117071170811709117101171111712117131171411715117161171711718117191172011721117221172311724117251172611727117281172911730117311173211733117341173511736117371173811739117401174111742117431174411745117461174711748117491175011751117521175311754117551175611757117581175911760117611176211763117641176511766117671176811769117701177111772117731177411775117761177711778117791178011781117821178311784117851178611787117881178911790117911179211793117941179511796117971179811799118001180111802118031180411805118061180711808118091181011811118121181311814118151181611817118181181911820118211182211823118241182511826118271182811829118301183111832118331183411835118361183711838118391184011841118421184311844118451184611847118481184911850118511185211853118541185511856118571185811859118601186111862118631186411865118661186711868118691187011871118721187311874118751187611877118781187911880118811188211883118841188511886118871188811889118901189111892118931189411895118961189711898118991190011901119021190311904119051190611907119081190911910119111191211913119141191511916119171191811919119201192111922119231192411925119261192711928119291193011931119321193311934119351193611937119381193911940119411194211943119441194511946119471194811949119501195111952119531195411955119561195711958119591196011961119621196311964119651196611967119681196911970119711197211973119741197511976119771197811979119801198111982119831198411985119861198711988119891199011991119921199311994119951199611997119981199912000120011200212003120041200512006120071200812009120101201112012120131201412015120161201712018120191202012021120221202312024120251202612027120281202912030120311203212033120341203512036120371203812039120401204112042120431204412045120461204712048120491205012051120521205312054120551205612057120581205912060120611206212063120641206512066120671206812069120701207112072120731207412075120761207712078120791208012081120821208312084120851208612087120881208912090120911209212093120941209512096120971209812099121001210112102121031210412105121061210712108121091211012111121121211312114121151211612117121181211912120121211212212123121241212512126121271212812129121301213112132121331213412135121361213712138121391214012141121421214312144121451214612147121481214912150121511215212153121541215512156121571215812159121601216112162121631216412165121661216712168121691217012171121721217312174121751217612177121781217912180121811218212183121841218512186121871218812189121901219112192121931219412195121961219712198121991220012201122021220312204122051220612207122081220912210122111221212213122141221512216122171221812219122201222112222122231222412225122261222712228122291223012231122321223312234122351223612237122381223912240122411224212243122441224512246122471224812249122501225112252122531225412255122561225712258122591226012261122621226312264122651226612267122681226912270122711227212273122741227512276122771227812279122801228112282122831228412285122861228712288122891229012291122921229312294122951229612297122981229912300123011230212303123041230512306123071230812309123101231112312123131231412315123161231712318123191232012321123221232312324123251232612327123281232912330123311233212333123341233512336123371233812339123401234112342123431234412345123461234712348123491235012351123521235312354123551235612357123581235912360123611236212363123641236512366123671236812369123701237112372123731237412375123761237712378123791238012381123821238312384123851238612387123881238912390123911239212393123941239512396123971239812399124001240112402124031240412405124061240712408124091241012411124121241312414124151241612417124181241912420124211242212423124241242512426124271242812429124301243112432124331243412435124361243712438124391244012441124421244312444124451244612447124481244912450124511245212453124541245512456124571245812459124601246112462124631246412465124661246712468124691247012471124721247312474124751247612477124781247912480124811248212483124841248512486124871248812489124901249112492124931249412495124961249712498124991250012501125021250312504125051250612507125081250912510125111251212513125141251512516125171251812519125201252112522125231252412525125261252712528125291253012531125321253312534125351253612537125381253912540125411254212543125441254512546125471254812549125501255112552125531255412555125561255712558125591256012561125621256312564125651256612567125681256912570125711257212573125741257512576125771257812579125801258112582125831258412585125861258712588125891259012591125921259312594125951259612597125981259912600126011260212603126041260512606126071260812609126101261112612126131261412615126161261712618126191262012621126221262312624126251262612627126281262912630126311263212633126341263512636126371263812639126401264112642126431264412645126461264712648126491265012651126521265312654126551265612657126581265912660126611266212663126641266512666126671266812669126701267112672126731267412675126761267712678126791268012681126821268312684126851268612687126881268912690126911269212693126941269512696126971269812699127001270112702127031270412705127061270712708127091271012711127121271312714127151271612717127181271912720127211272212723127241272512726127271272812729127301273112732127331273412735127361273712738127391274012741127421274312744127451274612747127481274912750127511275212753127541275512756127571275812759127601276112762127631276412765127661276712768127691277012771127721277312774127751277612777127781277912780127811278212783127841278512786127871278812789127901279112792127931279412795127961279712798127991280012801128021280312804128051280612807128081280912810128111281212813128141281512816128171281812819128201282112822128231282412825128261282712828128291283012831128321283312834128351283612837128381283912840128411284212843128441284512846128471284812849128501285112852128531285412855128561285712858128591286012861128621286312864128651286612867128681286912870128711287212873128741287512876128771287812879128801288112882128831288412885128861288712888128891289012891128921289312894128951289612897128981289912900129011290212903129041290512906129071290812909129101291112912129131291412915129161291712918129191292012921129221292312924129251292612927129281292912930129311293212933129341293512936129371293812939129401294112942129431294412945129461294712948129491295012951129521295312954129551295612957129581295912960129611296212963129641296512966129671296812969129701297112972129731297412975129761297712978129791298012981129821298312984129851298612987129881298912990129911299212993129941299512996129971299812999130001300113002130031300413005130061300713008130091301013011130121301313014130151301613017130181301913020130211302213023130241302513026130271302813029130301303113032130331303413035130361303713038130391304013041130421304313044130451304613047130481304913050130511305213053130541305513056130571305813059130601306113062130631306413065130661306713068130691307013071130721307313074130751307613077130781307913080130811308213083130841308513086130871308813089130901309113092130931309413095130961309713098130991310013101131021310313104131051310613107131081310913110131111311213113131141311513116131171311813119131201312113122131231312413125131261312713128131291313013131131321313313134131351313613137131381313913140131411314213143131441314513146131471314813149131501315113152131531315413155131561315713158131591316013161131621316313164131651316613167131681316913170131711317213173131741317513176131771317813179131801318113182131831318413185131861318713188131891319013191131921319313194131951319613197131981319913200132011320213203132041320513206132071320813209132101321113212132131321413215132161321713218132191322013221132221322313224132251322613227132281322913230132311323213233132341323513236132371323813239132401324113242132431324413245132461324713248132491325013251132521325313254132551325613257132581325913260132611326213263132641326513266132671326813269132701327113272132731327413275132761327713278132791328013281132821328313284132851328613287132881328913290132911329213293132941329513296132971329813299133001330113302133031330413305133061330713308133091331013311133121331313314133151331613317133181331913320133211332213323133241332513326133271332813329133301333113332133331333413335133361333713338133391334013341133421334313344133451334613347133481334913350133511335213353133541335513356133571335813359133601336113362133631336413365133661336713368133691337013371133721337313374133751337613377133781337913380133811338213383133841338513386133871338813389133901339113392133931339413395133961339713398133991340013401134021340313404134051340613407134081340913410134111341213413134141341513416134171341813419134201342113422134231342413425134261342713428134291343013431134321343313434134351343613437134381343913440134411344213443134441344513446134471344813449134501345113452134531345413455134561345713458134591346013461134621346313464134651346613467134681346913470134711347213473134741347513476134771347813479134801348113482134831348413485134861348713488134891349013491134921349313494134951349613497134981349913500135011350213503135041350513506135071350813509135101351113512135131351413515135161351713518135191352013521135221352313524135251352613527135281352913530135311353213533135341353513536135371353813539135401354113542135431354413545135461354713548135491355013551135521355313554135551355613557135581355913560135611356213563135641356513566135671356813569135701357113572135731357413575135761357713578135791358013581135821358313584135851358613587135881358913590135911359213593135941359513596135971359813599136001360113602136031360413605136061360713608136091361013611136121361313614136151361613617136181361913620136211362213623136241362513626136271362813629136301363113632136331363413635136361363713638136391364013641136421364313644136451364613647136481364913650136511365213653136541365513656136571365813659136601366113662136631366413665136661366713668136691367013671136721367313674136751367613677136781367913680136811368213683136841368513686136871368813689136901369113692136931369413695136961369713698136991370013701137021370313704137051370613707137081370913710137111371213713137141371513716137171371813719137201372113722137231372413725137261372713728137291373013731137321373313734137351373613737137381373913740137411374213743137441374513746137471374813749137501375113752137531375413755137561375713758137591376013761137621376313764137651376613767137681376913770137711377213773137741377513776137771377813779137801378113782137831378413785137861378713788137891379013791137921379313794137951379613797137981379913800138011380213803138041380513806138071380813809138101381113812138131381413815138161381713818138191382013821138221382313824138251382613827138281382913830138311383213833138341383513836138371383813839138401384113842138431384413845138461384713848138491385013851138521385313854138551385613857138581385913860138611386213863138641386513866138671386813869138701387113872138731387413875138761387713878138791388013881138821388313884138851388613887138881388913890138911389213893138941389513896138971389813899139001390113902139031390413905139061390713908139091391013911139121391313914139151391613917139181391913920139211392213923139241392513926139271392813929139301393113932139331393413935139361393713938139391394013941139421394313944139451394613947139481394913950139511395213953139541395513956139571395813959139601396113962139631396413965139661396713968139691397013971139721397313974139751397613977139781397913980139811398213983139841398513986139871398813989139901399113992139931399413995139961399713998139991400014001140021400314004140051400614007140081400914010140111401214013140141401514016140171401814019140201402114022140231402414025140261402714028140291403014031140321403314034140351403614037140381403914040140411404214043140441404514046140471404814049140501405114052140531405414055140561405714058140591406014061140621406314064140651406614067140681406914070140711407214073140741407514076140771407814079140801408114082140831408414085140861408714088140891409014091140921409314094140951409614097140981409914100141011410214103141041410514106141071410814109141101411114112141131411414115141161411714118141191412014121141221412314124141251412614127141281412914130141311413214133141341413514136141371413814139141401414114142141431414414145141461414714148141491415014151141521415314154141551415614157141581415914160141611416214163141641416514166141671416814169141701417114172141731417414175141761417714178141791418014181141821418314184141851418614187141881418914190141911419214193141941419514196141971419814199142001420114202142031420414205142061420714208142091421014211142121421314214142151421614217142181421914220142211422214223142241422514226142271422814229142301423114232142331423414235142361423714238142391424014241142421424314244142451424614247142481424914250142511425214253142541425514256142571425814259142601426114262142631426414265142661426714268142691427014271142721427314274142751427614277142781427914280142811428214283142841428514286142871428814289142901429114292142931429414295142961429714298142991430014301143021430314304143051430614307143081430914310143111431214313143141431514316143171431814319143201432114322143231432414325143261432714328143291433014331143321433314334143351433614337143381433914340143411434214343143441434514346143471434814349143501435114352143531435414355143561435714358143591436014361143621436314364143651436614367143681436914370143711437214373143741437514376143771437814379143801438114382143831438414385143861438714388143891439014391143921439314394143951439614397143981439914400144011440214403144041440514406144071440814409144101441114412144131441414415144161441714418144191442014421144221442314424144251442614427144281442914430144311443214433144341443514436144371443814439144401444114442144431444414445144461444714448144491445014451144521445314454144551445614457144581445914460144611446214463144641446514466144671446814469144701447114472144731447414475144761447714478144791448014481144821448314484144851448614487144881448914490144911449214493144941449514496144971449814499145001450114502145031450414505145061450714508145091451014511145121451314514145151451614517145181451914520145211452214523145241452514526145271452814529145301453114532145331453414535145361453714538145391454014541145421454314544145451454614547145481454914550145511455214553145541455514556145571455814559145601456114562145631456414565145661456714568145691457014571145721457314574145751457614577145781457914580145811458214583145841458514586145871458814589145901459114592145931459414595145961459714598145991460014601146021460314604146051460614607146081460914610146111461214613146141461514616146171461814619146201462114622146231462414625146261462714628146291463014631146321463314634146351463614637146381463914640146411464214643146441464514646146471464814649146501465114652146531465414655146561465714658146591466014661146621466314664146651466614667146681466914670146711467214673146741467514676146771467814679146801468114682146831468414685146861468714688146891469014691146921469314694146951469614697146981469914700147011470214703147041470514706147071470814709147101471114712147131471414715147161471714718147191472014721147221472314724147251472614727147281472914730147311473214733147341473514736147371473814739147401474114742147431474414745147461474714748147491475014751147521475314754147551475614757147581475914760147611476214763147641476514766147671476814769147701477114772147731477414775147761477714778147791478014781147821478314784147851478614787147881478914790147911479214793147941479514796147971479814799148001480114802148031480414805148061480714808148091481014811148121481314814148151481614817148181481914820148211482214823148241482514826148271482814829148301483114832148331483414835148361483714838148391484014841148421484314844148451484614847148481484914850148511485214853148541485514856148571485814859148601486114862148631486414865148661486714868148691487014871148721487314874148751487614877148781487914880148811488214883148841488514886148871488814889148901489114892148931489414895148961489714898148991490014901149021490314904149051490614907149081490914910149111491214913149141491514916149171491814919149201492114922149231492414925149261492714928149291493014931149321493314934149351493614937149381493914940149411494214943149441494514946149471494814949149501495114952149531495414955149561495714958149591496014961149621496314964149651496614967149681496914970149711497214973149741497514976149771497814979149801498114982149831498414985149861498714988149891499014991149921499314994149951499614997149981499915000150011500215003150041500515006150071500815009150101501115012150131501415015150161501715018150191502015021150221502315024150251502615027150281502915030150311503215033150341503515036150371503815039150401504115042150431504415045150461504715048150491505015051150521505315054150551505615057150581505915060150611506215063150641506515066150671506815069150701507115072150731507415075150761507715078150791508015081150821508315084150851508615087150881508915090150911509215093150941509515096150971509815099151001510115102151031510415105151061510715108151091511015111151121511315114151151511615117151181511915120151211512215123151241512515126151271512815129151301513115132151331513415135151361513715138151391514015141151421514315144151451514615147151481514915150151511515215153151541515515156151571515815159151601516115162151631516415165151661516715168151691517015171151721517315174151751517615177151781517915180151811518215183151841518515186151871518815189151901519115192151931519415195151961519715198151991520015201152021520315204152051520615207152081520915210152111521215213152141521515216152171521815219152201522115222152231522415225152261522715228152291523015231152321523315234152351523615237152381523915240152411524215243152441524515246152471524815249152501525115252152531525415255152561525715258152591526015261152621526315264152651526615267152681526915270152711527215273152741527515276152771527815279152801528115282152831528415285152861528715288152891529015291152921529315294152951529615297152981529915300153011530215303153041530515306153071530815309153101531115312153131531415315153161531715318153191532015321153221532315324153251532615327153281532915330153311533215333153341533515336153371533815339153401534115342153431534415345153461534715348153491535015351153521535315354153551535615357153581535915360153611536215363153641536515366153671536815369153701537115372153731537415375153761537715378153791538015381153821538315384153851538615387153881538915390153911539215393153941539515396153971539815399154001540115402154031540415405154061540715408154091541015411154121541315414154151541615417154181541915420154211542215423154241542515426154271542815429154301543115432154331543415435154361543715438154391544015441154421544315444154451544615447154481544915450154511545215453154541545515456154571545815459154601546115462154631546415465154661546715468154691547015471154721547315474154751547615477154781547915480154811548215483154841548515486154871548815489154901549115492154931549415495154961549715498154991550015501155021550315504155051550615507155081550915510155111551215513155141551515516155171551815519155201552115522155231552415525155261552715528155291553015531155321553315534155351553615537155381553915540155411554215543155441554515546155471554815549155501555115552155531555415555155561555715558155591556015561155621556315564155651556615567155681556915570155711557215573155741557515576155771557815579155801558115582155831558415585155861558715588155891559015591155921559315594155951559615597155981559915600156011560215603156041560515606156071560815609156101561115612156131561415615156161561715618156191562015621156221562315624156251562615627156281562915630156311563215633156341563515636156371563815639156401564115642156431564415645156461564715648156491565015651156521565315654156551565615657156581565915660156611566215663156641566515666156671566815669156701567115672156731567415675156761567715678156791568015681156821568315684156851568615687156881568915690156911569215693156941569515696156971569815699157001570115702157031570415705157061570715708157091571015711157121571315714157151571615717157181571915720157211572215723157241572515726157271572815729157301573115732157331573415735157361573715738157391574015741157421574315744157451574615747157481574915750157511575215753157541575515756157571575815759157601576115762157631576415765157661576715768157691577015771157721577315774157751577615777157781577915780157811578215783157841578515786157871578815789157901579115792157931579415795157961579715798157991580015801158021580315804158051580615807158081580915810158111581215813158141581515816158171581815819158201582115822158231582415825158261582715828158291583015831158321583315834158351583615837158381583915840158411584215843158441584515846158471584815849158501585115852158531585415855158561585715858158591586015861158621586315864158651586615867158681586915870158711587215873158741587515876158771587815879158801588115882158831588415885158861588715888158891589015891158921589315894158951589615897158981589915900159011590215903159041590515906159071590815909159101591115912159131591415915159161591715918159191592015921159221592315924159251592615927159281592915930159311593215933159341593515936159371593815939159401594115942159431594415945159461594715948159491595015951159521595315954159551595615957159581595915960159611596215963159641596515966159671596815969159701597115972159731597415975159761597715978159791598015981159821598315984159851598615987159881598915990159911599215993159941599515996159971599815999160001600116002160031600416005160061600716008160091601016011160121601316014160151601616017160181601916020160211602216023160241602516026160271602816029160301603116032160331603416035160361603716038160391604016041160421604316044160451604616047160481604916050160511605216053160541605516056160571605816059160601606116062160631606416065160661606716068160691607016071160721607316074160751607616077160781607916080160811608216083160841608516086160871608816089160901609116092160931609416095160961609716098160991610016101161021610316104161051610616107161081610916110161111611216113161141611516116161171611816119161201612116122161231612416125161261612716128161291613016131161321613316134161351613616137161381613916140161411614216143161441614516146161471614816149161501615116152161531615416155161561615716158161591616016161161621616316164161651616616167161681616916170161711617216173161741617516176161771617816179161801618116182161831618416185161861618716188161891619016191161921619316194161951619616197161981619916200162011620216203162041620516206162071620816209162101621116212162131621416215162161621716218162191622016221162221622316224162251622616227162281622916230162311623216233162341623516236162371623816239162401624116242162431624416245162461624716248162491625016251162521625316254162551625616257162581625916260162611626216263162641626516266162671626816269162701627116272162731627416275162761627716278162791628016281162821628316284162851628616287162881628916290162911629216293162941629516296162971629816299163001630116302163031630416305163061630716308163091631016311163121631316314163151631616317163181631916320163211632216323163241632516326163271632816329163301633116332163331633416335163361633716338163391634016341163421634316344163451634616347163481634916350163511635216353163541635516356163571635816359163601636116362163631636416365163661636716368163691637016371163721637316374163751637616377163781637916380163811638216383163841638516386163871638816389163901639116392163931639416395163961639716398163991640016401164021640316404164051640616407164081640916410164111641216413164141641516416164171641816419164201642116422164231642416425164261642716428164291643016431164321643316434164351643616437164381643916440164411644216443164441644516446164471644816449164501645116452164531645416455164561645716458164591646016461164621646316464164651646616467164681646916470164711647216473164741647516476164771647816479164801648116482164831648416485164861648716488164891649016491164921649316494164951649616497164981649916500165011650216503165041650516506165071650816509165101651116512165131651416515165161651716518165191652016521165221652316524165251652616527165281652916530165311653216533165341653516536165371653816539165401654116542165431654416545165461654716548165491655016551165521655316554165551655616557165581655916560165611656216563165641656516566165671656816569165701657116572165731657416575165761657716578165791658016581165821658316584165851658616587165881658916590165911659216593165941659516596165971659816599166001660116602166031660416605166061660716608166091661016611166121661316614166151661616617166181661916620166211662216623166241662516626166271662816629166301663116632166331663416635166361663716638166391664016641166421664316644166451664616647166481664916650166511665216653166541665516656166571665816659166601666116662166631666416665166661666716668166691667016671166721667316674166751667616677166781667916680166811668216683166841668516686166871668816689166901669116692166931669416695166961669716698166991670016701167021670316704167051670616707167081670916710167111671216713167141671516716167171671816719167201672116722167231672416725167261672716728167291673016731167321673316734167351673616737167381673916740167411674216743167441674516746167471674816749167501675116752167531675416755167561675716758167591676016761167621676316764167651676616767167681676916770167711677216773167741677516776167771677816779167801678116782167831678416785167861678716788167891679016791167921679316794167951679616797167981679916800168011680216803168041680516806168071680816809168101681116812168131681416815168161681716818168191682016821168221682316824168251682616827168281682916830168311683216833168341683516836168371683816839168401684116842168431684416845168461684716848168491685016851168521685316854168551685616857168581685916860168611686216863168641686516866168671686816869168701687116872168731687416875168761687716878168791688016881168821688316884168851688616887168881688916890168911689216893168941689516896168971689816899169001690116902169031690416905169061690716908169091691016911169121691316914169151691616917169181691916920169211692216923169241692516926169271692816929169301693116932169331693416935169361693716938169391694016941169421694316944169451694616947169481694916950169511695216953169541695516956169571695816959169601696116962169631696416965169661696716968169691697016971169721697316974169751697616977169781697916980169811698216983169841698516986169871698816989169901699116992169931699416995169961699716998169991700017001170021700317004170051700617007170081700917010170111701217013170141701517016170171701817019170201702117022170231702417025170261702717028170291703017031170321703317034170351703617037170381703917040170411704217043170441704517046170471704817049170501705117052170531705417055170561705717058170591706017061170621706317064170651706617067170681706917070170711707217073170741707517076170771707817079170801708117082170831708417085170861708717088170891709017091170921709317094170951709617097170981709917100171011710217103171041710517106171071710817109171101711117112171131711417115171161711717118171191712017121171221712317124171251712617127171281712917130171311713217133171341713517136171371713817139171401714117142171431714417145171461714717148171491715017151171521715317154171551715617157171581715917160171611716217163171641716517166171671716817169171701717117172171731717417175171761717717178171791718017181171821718317184171851718617187171881718917190171911719217193171941719517196171971719817199172001720117202172031720417205172061720717208172091721017211172121721317214172151721617217172181721917220172211722217223172241722517226172271722817229172301723117232172331723417235172361723717238172391724017241172421724317244172451724617247172481724917250172511725217253172541725517256172571725817259172601726117262172631726417265172661726717268172691727017271172721727317274172751727617277172781727917280172811728217283172841728517286172871728817289172901729117292172931729417295172961729717298172991730017301173021730317304173051730617307173081730917310173111731217313173141731517316173171731817319173201732117322173231732417325173261732717328173291733017331173321733317334173351733617337173381733917340173411734217343173441734517346173471734817349173501735117352173531735417355173561735717358173591736017361173621736317364173651736617367173681736917370173711737217373173741737517376173771737817379173801738117382173831738417385173861738717388173891739017391173921739317394173951739617397173981739917400174011740217403174041740517406174071740817409174101741117412174131741417415174161741717418174191742017421174221742317424174251742617427174281742917430174311743217433174341743517436174371743817439174401744117442174431744417445174461744717448174491745017451174521745317454174551745617457174581745917460174611746217463174641746517466174671746817469174701747117472174731747417475174761747717478174791748017481174821748317484174851748617487174881748917490174911749217493174941749517496174971749817499175001750117502175031750417505175061750717508175091751017511175121751317514175151751617517175181751917520175211752217523175241752517526175271752817529175301753117532175331753417535175361753717538175391754017541175421754317544175451754617547175481754917550175511755217553175541755517556175571755817559175601756117562175631756417565175661756717568175691757017571175721757317574175751757617577175781757917580175811758217583175841758517586175871758817589175901759117592175931759417595175961759717598175991760017601176021760317604176051760617607176081760917610176111761217613176141761517616176171761817619176201762117622176231762417625176261762717628176291763017631176321763317634176351763617637176381763917640176411764217643176441764517646176471764817649176501765117652176531765417655176561765717658176591766017661176621766317664176651766617667176681766917670176711767217673176741767517676176771767817679176801768117682176831768417685176861768717688176891769017691176921769317694176951769617697176981769917700177011770217703177041770517706177071770817709177101771117712177131771417715177161771717718177191772017721177221772317724177251772617727177281772917730177311773217733177341773517736177371773817739177401774117742177431774417745177461774717748177491775017751177521775317754177551775617757177581775917760177611776217763177641776517766177671776817769177701777117772177731777417775177761777717778177791778017781177821778317784177851778617787177881778917790177911779217793177941779517796177971779817799178001780117802178031780417805178061780717808178091781017811178121781317814178151781617817178181781917820178211782217823178241782517826178271782817829178301783117832178331783417835178361783717838178391784017841178421784317844178451784617847178481784917850178511785217853178541785517856178571785817859178601786117862178631786417865178661786717868178691787017871178721787317874178751787617877178781787917880178811788217883178841788517886178871788817889178901789117892178931789417895178961789717898178991790017901179021790317904179051790617907179081790917910179111791217913179141791517916179171791817919179201792117922179231792417925179261792717928179291793017931179321793317934179351793617937179381793917940179411794217943179441794517946179471794817949179501795117952179531795417955179561795717958179591796017961179621796317964179651796617967179681796917970179711797217973179741797517976179771797817979179801798117982179831798417985179861798717988179891799017991179921799317994179951799617997179981799918000180011800218003180041800518006180071800818009180101801118012180131801418015180161801718018180191802018021180221802318024180251802618027180281802918030180311803218033180341803518036180371803818039180401804118042180431804418045180461804718048180491805018051180521805318054180551805618057180581805918060180611806218063180641806518066180671806818069180701807118072180731807418075180761807718078180791808018081180821808318084180851808618087180881808918090180911809218093180941809518096180971809818099181001810118102181031810418105181061810718108181091811018111181121811318114181151811618117181181811918120181211812218123181241812518126181271812818129181301813118132181331813418135181361813718138181391814018141181421814318144181451814618147181481814918150181511815218153181541815518156181571815818159181601816118162181631816418165181661816718168181691817018171181721817318174181751817618177181781817918180181811818218183181841818518186181871818818189181901819118192181931819418195181961819718198181991820018201182021820318204182051820618207182081820918210182111821218213182141821518216182171821818219182201822118222182231822418225182261822718228182291823018231182321823318234182351823618237182381823918240182411824218243182441824518246182471824818249182501825118252182531825418255182561825718258182591826018261182621826318264182651826618267182681826918270182711827218273182741827518276182771827818279182801828118282182831828418285182861828718288182891829018291182921829318294182951829618297182981829918300183011830218303183041830518306183071830818309183101831118312183131831418315183161831718318183191832018321183221832318324183251832618327183281832918330183311833218333183341833518336183371833818339183401834118342183431834418345183461834718348183491835018351183521835318354183551835618357183581835918360183611836218363183641836518366183671836818369183701837118372183731837418375183761837718378183791838018381183821838318384183851838618387183881838918390183911839218393183941839518396183971839818399184001840118402184031840418405184061840718408184091841018411184121841318414184151841618417184181841918420184211842218423184241842518426184271842818429184301843118432184331843418435184361843718438184391844018441184421844318444184451844618447184481844918450184511845218453184541845518456184571845818459184601846118462184631846418465184661846718468184691847018471184721847318474184751847618477184781847918480184811848218483184841848518486184871848818489184901849118492184931849418495184961849718498184991850018501185021850318504185051850618507185081850918510185111851218513185141851518516185171851818519185201852118522185231852418525185261852718528185291853018531185321853318534185351853618537185381853918540185411854218543185441854518546185471854818549185501855118552185531855418555185561855718558185591856018561185621856318564185651856618567185681856918570185711857218573185741857518576185771857818579185801858118582185831858418585185861858718588185891859018591185921859318594185951859618597185981859918600186011860218603186041860518606186071860818609186101861118612186131861418615186161861718618186191862018621186221862318624186251862618627186281862918630186311863218633186341863518636186371863818639186401864118642186431864418645186461864718648186491865018651186521865318654186551865618657186581865918660186611866218663186641866518666186671866818669186701867118672186731867418675186761867718678186791868018681186821868318684186851868618687186881868918690186911869218693186941869518696186971869818699187001870118702187031870418705187061870718708187091871018711187121871318714187151871618717187181871918720187211872218723187241872518726187271872818729187301873118732187331873418735187361873718738187391874018741187421874318744187451874618747187481874918750187511875218753187541875518756187571875818759187601876118762187631876418765187661876718768187691877018771187721877318774187751877618777187781877918780187811878218783187841878518786187871878818789187901879118792187931879418795187961879718798187991880018801188021880318804188051880618807188081880918810188111881218813188141881518816188171881818819188201882118822188231882418825188261882718828188291883018831188321883318834188351883618837188381883918840188411884218843188441884518846188471884818849188501885118852188531885418855188561885718858188591886018861188621886318864188651886618867188681886918870188711887218873188741887518876188771887818879188801888118882188831888418885188861888718888188891889018891188921889318894188951889618897188981889918900189011890218903189041890518906189071890818909189101891118912189131891418915189161891718918189191892018921189221892318924189251892618927189281892918930189311893218933189341893518936189371893818939189401894118942189431894418945189461894718948189491895018951189521895318954189551895618957189581895918960189611896218963189641896518966189671896818969189701897118972189731897418975189761897718978189791898018981189821898318984189851898618987189881898918990189911899218993189941899518996189971899818999190001900119002190031900419005190061900719008190091901019011190121901319014190151901619017190181901919020190211902219023190241902519026190271902819029190301903119032190331903419035190361903719038190391904019041190421904319044190451904619047190481904919050190511905219053190541905519056190571905819059190601906119062190631906419065190661906719068190691907019071190721907319074190751907619077190781907919080190811908219083190841908519086190871908819089190901909119092190931909419095190961909719098190991910019101191021910319104191051910619107191081910919110191111911219113191141911519116191171911819119191201912119122191231912419125191261912719128191291913019131191321913319134191351913619137191381913919140191411914219143191441914519146191471914819149191501915119152191531915419155191561915719158191591916019161191621916319164191651916619167191681916919170191711917219173191741917519176191771917819179191801918119182191831918419185191861918719188191891919019191191921919319194191951919619197191981919919200192011920219203192041920519206192071920819209192101921119212192131921419215192161921719218192191922019221192221922319224192251922619227192281922919230192311923219233192341923519236192371923819239192401924119242192431924419245192461924719248192491925019251192521925319254192551925619257192581925919260192611926219263192641926519266192671926819269192701927119272192731927419275192761927719278192791928019281192821928319284192851928619287192881928919290192911929219293192941929519296192971929819299193001930119302193031930419305193061930719308193091931019311193121931319314193151931619317193181931919320193211932219323193241932519326193271932819329193301933119332193331933419335193361933719338193391934019341193421934319344193451934619347193481934919350193511935219353193541935519356193571935819359193601936119362193631936419365193661936719368193691937019371193721937319374193751937619377193781937919380193811938219383193841938519386193871938819389193901939119392193931939419395193961939719398193991940019401194021940319404194051940619407194081940919410194111941219413194141941519416194171941819419194201942119422194231942419425194261942719428194291943019431194321943319434194351943619437194381943919440194411944219443194441944519446194471944819449194501945119452194531945419455194561945719458194591946019461194621946319464194651946619467194681946919470194711947219473194741947519476194771947819479194801948119482194831948419485194861948719488194891949019491194921949319494194951949619497194981949919500195011950219503195041950519506195071950819509195101951119512195131951419515195161951719518195191952019521195221952319524195251952619527195281952919530195311953219533195341953519536195371953819539195401954119542195431954419545195461954719548195491955019551195521955319554195551955619557195581955919560195611956219563195641956519566195671956819569195701957119572195731957419575195761957719578195791958019581195821958319584195851958619587195881958919590195911959219593195941959519596195971959819599196001960119602196031960419605196061960719608196091961019611196121961319614196151961619617196181961919620196211962219623196241962519626196271962819629196301963119632196331963419635196361963719638196391964019641196421964319644196451964619647196481964919650196511965219653196541965519656196571965819659196601966119662196631966419665196661966719668196691967019671196721967319674196751967619677196781967919680196811968219683196841968519686196871968819689196901969119692196931969419695196961969719698196991970019701197021970319704197051970619707197081970919710197111971219713197141971519716197171971819719197201972119722197231972419725197261972719728197291973019731197321973319734197351973619737197381973919740197411974219743197441974519746197471974819749197501975119752197531975419755197561975719758197591976019761197621976319764197651976619767197681976919770197711977219773197741977519776197771977819779197801978119782197831978419785197861978719788197891979019791197921979319794197951979619797197981979919800198011980219803198041980519806198071980819809198101981119812198131981419815198161981719818198191982019821198221982319824198251982619827198281982919830198311983219833198341983519836198371983819839198401984119842198431984419845198461984719848198491985019851198521985319854198551985619857198581985919860198611986219863198641986519866198671986819869198701987119872198731987419875198761987719878198791988019881198821988319884198851988619887198881988919890198911989219893198941989519896198971989819899199001990119902199031990419905199061990719908199091991019911199121991319914199151991619917199181991919920199211992219923199241992519926199271992819929199301993119932199331993419935199361993719938199391994019941199421994319944199451994619947199481994919950199511995219953199541995519956199571995819959199601996119962199631996419965199661996719968199691997019971199721997319974199751997619977199781997919980199811998219983199841998519986199871998819989199901999119992199931999419995199961999719998199992000020001200022000320004200052000620007200082000920010200112001220013200142001520016200172001820019200202002120022200232002420025200262002720028200292003020031200322003320034200352003620037200382003920040200412004220043200442004520046200472004820049200502005120052200532005420055200562005720058200592006020061200622006320064200652006620067200682006920070200712007220073200742007520076200772007820079200802008120082200832008420085200862008720088200892009020091200922009320094200952009620097200982009920100201012010220103201042010520106201072010820109201102011120112201132011420115201162011720118201192012020121201222012320124201252012620127201282012920130201312013220133201342013520136201372013820139201402014120142201432014420145201462014720148201492015020151201522015320154201552015620157201582015920160201612016220163201642016520166201672016820169201702017120172201732017420175201762017720178201792018020181201822018320184201852018620187201882018920190201912019220193201942019520196201972019820199202002020120202202032020420205202062020720208202092021020211202122021320214202152021620217202182021920220202212022220223202242022520226202272022820229202302023120232202332023420235202362023720238202392024020241202422024320244202452024620247202482024920250202512025220253202542025520256202572025820259202602026120262202632026420265202662026720268202692027020271202722027320274202752027620277202782027920280202812028220283202842028520286202872028820289202902029120292202932029420295202962029720298202992030020301203022030320304203052030620307203082030920310203112031220313203142031520316203172031820319203202032120322203232032420325203262032720328203292033020331203322033320334203352033620337203382033920340203412034220343203442034520346203472034820349203502035120352203532035420355203562035720358203592036020361203622036320364203652036620367203682036920370203712037220373203742037520376203772037820379203802038120382203832038420385203862038720388203892039020391203922039320394203952039620397203982039920400204012040220403204042040520406204072040820409204102041120412204132041420415204162041720418204192042020421204222042320424204252042620427204282042920430204312043220433204342043520436204372043820439204402044120442204432044420445204462044720448204492045020451204522045320454204552045620457204582045920460204612046220463204642046520466204672046820469204702047120472204732047420475204762047720478204792048020481204822048320484204852048620487204882048920490204912049220493204942049520496204972049820499205002050120502205032050420505205062050720508205092051020511205122051320514205152051620517205182051920520205212052220523205242052520526205272052820529205302053120532205332053420535205362053720538205392054020541205422054320544205452054620547205482054920550205512055220553205542055520556205572055820559205602056120562205632056420565205662056720568205692057020571205722057320574205752057620577205782057920580205812058220583205842058520586205872058820589205902059120592205932059420595205962059720598205992060020601206022060320604206052060620607206082060920610206112061220613206142061520616206172061820619206202062120622206232062420625206262062720628206292063020631206322063320634206352063620637206382063920640206412064220643206442064520646206472064820649206502065120652206532065420655206562065720658206592066020661206622066320664206652066620667206682066920670206712067220673206742067520676206772067820679206802068120682206832068420685206862068720688206892069020691206922069320694206952069620697206982069920700207012070220703207042070520706207072070820709207102071120712207132071420715207162071720718207192072020721207222072320724207252072620727207282072920730207312073220733207342073520736207372073820739207402074120742207432074420745207462074720748207492075020751207522075320754207552075620757207582075920760207612076220763207642076520766207672076820769207702077120772207732077420775207762077720778207792078020781207822078320784207852078620787207882078920790207912079220793207942079520796207972079820799208002080120802208032080420805208062080720808208092081020811208122081320814208152081620817208182081920820208212082220823208242082520826208272082820829208302083120832208332083420835208362083720838208392084020841208422084320844208452084620847208482084920850208512085220853208542085520856208572085820859208602086120862208632086420865208662086720868208692087020871208722087320874208752087620877208782087920880208812088220883208842088520886208872088820889208902089120892208932089420895208962089720898208992090020901209022090320904209052090620907209082090920910209112091220913209142091520916209172091820919209202092120922209232092420925209262092720928209292093020931209322093320934209352093620937209382093920940209412094220943209442094520946209472094820949209502095120952209532095420955209562095720958209592096020961209622096320964209652096620967209682096920970209712097220973209742097520976209772097820979209802098120982209832098420985209862098720988209892099020991209922099320994209952099620997209982099921000210012100221003210042100521006210072100821009210102101121012210132101421015210162101721018210192102021021210222102321024210252102621027210282102921030210312103221033210342103521036210372103821039210402104121042210432104421045210462104721048210492105021051210522105321054210552105621057210582105921060210612106221063210642106521066210672106821069210702107121072210732107421075210762107721078210792108021081210822108321084210852108621087210882108921090210912109221093210942109521096210972109821099211002110121102211032110421105211062110721108211092111021111211122111321114211152111621117211182111921120211212112221123211242112521126211272112821129211302113121132211332113421135211362113721138211392114021141211422114321144211452114621147211482114921150211512115221153211542115521156211572115821159211602116121162211632116421165211662116721168211692117021171211722117321174211752117621177211782117921180211812118221183211842118521186211872118821189211902119121192211932119421195211962119721198211992120021201212022120321204212052120621207212082120921210212112121221213212142121521216212172121821219212202122121222212232122421225212262122721228212292123021231212322123321234212352123621237212382123921240212412124221243212442124521246212472124821249212502125121252212532125421255212562125721258212592126021261212622126321264212652126621267212682126921270212712127221273212742127521276212772127821279212802128121282212832128421285212862128721288212892129021291212922129321294212952129621297212982129921300213012130221303213042130521306213072130821309213102131121312213132131421315213162131721318213192132021321213222132321324213252132621327213282132921330213312133221333213342133521336213372133821339213402134121342213432134421345213462134721348213492135021351213522135321354213552135621357213582135921360213612136221363213642136521366213672136821369213702137121372213732137421375213762137721378213792138021381213822138321384213852138621387213882138921390213912139221393213942139521396213972139821399214002140121402214032140421405214062140721408214092141021411214122141321414214152141621417214182141921420214212142221423214242142521426214272142821429214302143121432214332143421435214362143721438214392144021441214422144321444214452144621447214482144921450214512145221453214542145521456214572145821459214602146121462214632146421465214662146721468214692147021471214722147321474214752147621477214782147921480214812148221483214842148521486214872148821489214902149121492214932149421495214962149721498214992150021501215022150321504215052150621507215082150921510215112151221513215142151521516215172151821519215202152121522215232152421525215262152721528215292153021531215322153321534215352153621537215382153921540215412154221543215442154521546215472154821549215502155121552215532155421555215562155721558215592156021561215622156321564215652156621567215682156921570215712157221573215742157521576215772157821579215802158121582215832158421585215862158721588215892159021591215922159321594215952159621597215982159921600216012160221603216042160521606216072160821609216102161121612216132161421615216162161721618216192162021621216222162321624216252162621627216282162921630216312163221633216342163521636216372163821639216402164121642216432164421645216462164721648216492165021651216522165321654216552165621657216582165921660216612166221663216642166521666216672166821669216702167121672216732167421675216762167721678216792168021681216822168321684216852168621687216882168921690216912169221693216942169521696216972169821699217002170121702217032170421705217062170721708217092171021711217122171321714217152171621717217182171921720217212172221723217242172521726217272172821729217302173121732217332173421735217362173721738217392174021741217422174321744217452174621747217482174921750217512175221753217542175521756217572175821759217602176121762217632176421765217662176721768217692177021771217722177321774217752177621777217782177921780217812178221783217842178521786217872178821789217902179121792217932179421795217962179721798217992180021801218022180321804218052180621807218082180921810218112181221813218142181521816218172181821819218202182121822218232182421825218262182721828218292183021831218322183321834218352183621837218382183921840218412184221843218442184521846218472184821849218502185121852218532185421855218562185721858218592186021861218622186321864218652186621867218682186921870218712187221873218742187521876218772187821879218802188121882218832188421885218862188721888218892189021891218922189321894218952189621897218982189921900219012190221903219042190521906219072190821909219102191121912219132191421915219162191721918219192192021921219222192321924219252192621927219282192921930219312193221933219342193521936219372193821939219402194121942219432194421945219462194721948219492195021951219522195321954219552195621957219582195921960219612196221963219642196521966219672196821969219702197121972219732197421975219762197721978219792198021981219822198321984219852198621987219882198921990219912199221993219942199521996219972199821999220002200122002220032200422005220062200722008220092201022011220122201322014220152201622017220182201922020220212202222023220242202522026220272202822029220302203122032220332203422035220362203722038220392204022041220422204322044220452204622047220482204922050220512205222053220542205522056220572205822059220602206122062220632206422065220662206722068220692207022071220722207322074220752207622077220782207922080220812208222083220842208522086220872208822089220902209122092220932209422095220962209722098220992210022101221022210322104221052210622107221082210922110221112211222113221142211522116221172211822119221202212122122221232212422125221262212722128221292213022131221322213322134221352213622137221382213922140221412214222143221442214522146221472214822149221502215122152221532215422155221562215722158221592216022161221622216322164221652216622167221682216922170221712217222173221742217522176221772217822179221802218122182221832218422185221862218722188221892219022191221922219322194221952219622197221982219922200222012220222203222042220522206222072220822209222102221122212222132221422215222162221722218222192222022221222222222322224222252222622227222282222922230222312223222233222342223522236222372223822239222402224122242222432224422245222462224722248222492225022251222522225322254222552225622257222582225922260222612226222263222642226522266222672226822269222702227122272222732227422275222762227722278222792228022281222822228322284222852228622287222882228922290222912229222293222942229522296222972229822299223002230122302223032230422305223062230722308223092231022311223122231322314223152231622317223182231922320223212232222323223242232522326223272232822329223302233122332223332233422335223362233722338223392234022341223422234322344223452234622347223482234922350223512235222353223542235522356223572235822359223602236122362223632236422365223662236722368223692237022371223722237322374223752237622377223782237922380223812238222383223842238522386223872238822389223902239122392223932239422395223962239722398223992240022401224022240322404224052240622407224082240922410224112241222413224142241522416224172241822419224202242122422224232242422425224262242722428224292243022431224322243322434224352243622437224382243922440224412244222443224442244522446224472244822449224502245122452224532245422455224562245722458224592246022461224622246322464224652246622467224682246922470224712247222473224742247522476224772247822479224802248122482224832248422485224862248722488224892249022491224922249322494224952249622497224982249922500225012250222503225042250522506225072250822509225102251122512225132251422515225162251722518225192252022521225222252322524225252252622527225282252922530225312253222533225342253522536225372253822539225402254122542225432254422545225462254722548225492255022551225522255322554225552255622557225582255922560225612256222563225642256522566225672256822569225702257122572225732257422575225762257722578225792258022581225822258322584225852258622587225882258922590225912259222593225942259522596225972259822599226002260122602226032260422605226062260722608226092261022611226122261322614226152261622617226182261922620226212262222623226242262522626226272262822629226302263122632226332263422635226362263722638226392264022641226422264322644226452264622647226482264922650226512265222653226542265522656226572265822659226602266122662226632266422665226662266722668226692267022671226722267322674226752267622677226782267922680226812268222683226842268522686226872268822689226902269122692226932269422695226962269722698226992270022701227022270322704227052270622707227082270922710227112271222713227142271522716227172271822719227202272122722227232272422725227262272722728227292273022731227322273322734227352273622737227382273922740227412274222743227442274522746227472274822749227502275122752227532275422755227562275722758227592276022761227622276322764227652276622767227682276922770227712277222773227742277522776227772277822779227802278122782227832278422785227862278722788227892279022791227922279322794227952279622797227982279922800228012280222803228042280522806228072280822809228102281122812228132281422815228162281722818228192282022821228222282322824228252282622827228282282922830228312283222833228342283522836228372283822839228402284122842228432284422845228462284722848228492285022851228522285322854228552285622857228582285922860228612286222863228642286522866228672286822869228702287122872228732287422875228762287722878228792288022881228822288322884228852288622887228882288922890228912289222893228942289522896228972289822899229002290122902229032290422905229062290722908229092291022911229122291322914229152291622917229182291922920229212292222923229242292522926229272292822929229302293122932229332293422935229362293722938229392294022941229422294322944229452294622947229482294922950229512295222953229542295522956229572295822959229602296122962229632296422965229662296722968229692297022971229722297322974229752297622977229782297922980229812298222983229842298522986229872298822989229902299122992229932299422995229962299722998229992300023001230022300323004230052300623007230082300923010230112301223013230142301523016230172301823019230202302123022230232302423025230262302723028230292303023031230322303323034230352303623037230382303923040230412304223043230442304523046230472304823049230502305123052230532305423055230562305723058230592306023061230622306323064230652306623067230682306923070230712307223073230742307523076230772307823079230802308123082230832308423085230862308723088230892309023091230922309323094230952309623097230982309923100231012310223103231042310523106231072310823109231102311123112231132311423115231162311723118231192312023121231222312323124231252312623127231282312923130231312313223133231342313523136231372313823139231402314123142231432314423145231462314723148231492315023151231522315323154231552315623157231582315923160231612316223163231642316523166231672316823169231702317123172231732317423175231762317723178231792318023181231822318323184231852318623187231882318923190231912319223193231942319523196231972319823199232002320123202232032320423205232062320723208232092321023211232122321323214232152321623217232182321923220232212322223223232242322523226232272322823229232302323123232232332323423235232362323723238232392324023241232422324323244232452324623247232482324923250232512325223253232542325523256232572325823259232602326123262232632326423265232662326723268232692327023271232722327323274232752327623277232782327923280232812328223283232842328523286232872328823289232902329123292232932329423295232962329723298232992330023301233022330323304233052330623307233082330923310233112331223313233142331523316233172331823319233202332123322233232332423325233262332723328233292333023331233322333323334233352333623337233382333923340233412334223343233442334523346233472334823349233502335123352233532335423355233562335723358233592336023361233622336323364233652336623367233682336923370233712337223373233742337523376233772337823379233802338123382233832338423385233862338723388233892339023391233922339323394233952339623397233982339923400234012340223403234042340523406234072340823409234102341123412234132341423415234162341723418234192342023421234222342323424234252342623427234282342923430234312343223433234342343523436234372343823439234402344123442234432344423445234462344723448234492345023451234522345323454234552345623457234582345923460234612346223463234642346523466234672346823469234702347123472234732347423475234762347723478234792348023481234822348323484234852348623487234882348923490234912349223493234942349523496234972349823499235002350123502235032350423505235062350723508235092351023511235122351323514235152351623517235182351923520235212352223523235242352523526235272352823529235302353123532235332353423535235362353723538235392354023541235422354323544235452354623547235482354923550235512355223553235542355523556235572355823559235602356123562235632356423565235662356723568235692357023571235722357323574235752357623577235782357923580235812358223583235842358523586235872358823589235902359123592235932359423595235962359723598235992360023601236022360323604236052360623607236082360923610236112361223613236142361523616236172361823619236202362123622236232362423625236262362723628236292363023631236322363323634236352363623637236382363923640236412364223643236442364523646236472364823649236502365123652236532365423655236562365723658236592366023661236622366323664236652366623667236682366923670236712367223673236742367523676236772367823679236802368123682236832368423685236862368723688236892369023691236922369323694236952369623697236982369923700237012370223703237042370523706237072370823709237102371123712237132371423715237162371723718237192372023721237222372323724237252372623727237282372923730237312373223733237342373523736237372373823739237402374123742237432374423745237462374723748237492375023751237522375323754237552375623757237582375923760237612376223763237642376523766237672376823769237702377123772237732377423775237762377723778237792378023781237822378323784237852378623787237882378923790237912379223793237942379523796237972379823799238002380123802238032380423805238062380723808238092381023811238122381323814238152381623817238182381923820238212382223823238242382523826238272382823829238302383123832238332383423835238362383723838238392384023841238422384323844238452384623847238482384923850238512385223853238542385523856238572385823859238602386123862238632386423865238662386723868238692387023871238722387323874238752387623877238782387923880238812388223883238842388523886238872388823889238902389123892238932389423895238962389723898238992390023901239022390323904239052390623907239082390923910239112391223913239142391523916239172391823919239202392123922239232392423925239262392723928239292393023931239322393323934239352393623937239382393923940239412394223943239442394523946239472394823949239502395123952239532395423955239562395723958239592396023961239622396323964239652396623967239682396923970239712397223973239742397523976239772397823979239802398123982239832398423985239862398723988239892399023991239922399323994239952399623997239982399924000240012400224003240042400524006240072400824009240102401124012240132401424015240162401724018240192402024021240222402324024240252402624027240282402924030240312403224033240342403524036240372403824039240402404124042240432404424045240462404724048240492405024051240522405324054240552405624057240582405924060240612406224063240642406524066240672406824069240702407124072240732407424075240762407724078240792408024081240822408324084240852408624087240882408924090240912409224093240942409524096240972409824099241002410124102241032410424105241062410724108241092411024111241122411324114241152411624117241182411924120241212412224123241242412524126241272412824129241302413124132241332413424135241362413724138241392414024141241422414324144241452414624147241482414924150241512415224153241542415524156241572415824159241602416124162241632416424165241662416724168241692417024171241722417324174241752417624177241782417924180241812418224183241842418524186241872418824189241902419124192241932419424195241962419724198241992420024201242022420324204242052420624207242082420924210242112421224213242142421524216242172421824219242202422124222242232422424225242262422724228242292423024231242322423324234242352423624237242382423924240242412424224243242442424524246242472424824249242502425124252242532425424255242562425724258242592426024261242622426324264242652426624267242682426924270242712427224273242742427524276242772427824279242802428124282242832428424285242862428724288242892429024291242922429324294242952429624297242982429924300243012430224303243042430524306243072430824309243102431124312243132431424315243162431724318243192432024321243222432324324243252432624327243282432924330243312433224333243342433524336243372433824339243402434124342243432434424345243462434724348243492435024351243522435324354243552435624357243582435924360243612436224363243642436524366243672436824369243702437124372243732437424375243762437724378243792438024381243822438324384243852438624387243882438924390243912439224393243942439524396243972439824399244002440124402244032440424405244062440724408244092441024411244122441324414244152441624417244182441924420244212442224423244242442524426244272442824429244302443124432244332443424435244362443724438244392444024441244422444324444244452444624447244482444924450244512445224453244542445524456244572445824459244602446124462244632446424465244662446724468244692447024471244722447324474244752447624477244782447924480244812448224483244842448524486244872448824489244902449124492244932449424495244962449724498244992450024501245022450324504245052450624507245082450924510245112451224513245142451524516245172451824519245202452124522245232452424525245262452724528245292453024531245322453324534245352453624537245382453924540245412454224543245442454524546245472454824549245502455124552245532455424555245562455724558245592456024561245622456324564245652456624567245682456924570245712457224573245742457524576245772457824579245802458124582245832458424585245862458724588245892459024591245922459324594245952459624597245982459924600246012460224603246042460524606246072460824609246102461124612246132461424615246162461724618246192462024621246222462324624246252462624627246282462924630246312463224633246342463524636246372463824639246402464124642246432464424645246462464724648246492465024651246522465324654246552465624657246582465924660246612466224663246642466524666246672466824669246702467124672246732467424675246762467724678246792468024681246822468324684246852468624687246882468924690246912469224693246942469524696246972469824699247002470124702247032470424705247062470724708247092471024711247122471324714247152471624717247182471924720247212472224723247242472524726247272472824729247302473124732247332473424735247362473724738247392474024741247422474324744247452474624747247482474924750247512475224753247542475524756247572475824759247602476124762247632476424765247662476724768247692477024771247722477324774247752477624777247782477924780247812478224783247842478524786247872478824789247902479124792247932479424795247962479724798247992480024801248022480324804248052480624807248082480924810248112481224813248142481524816248172481824819248202482124822248232482424825248262482724828248292483024831248322483324834248352483624837248382483924840248412484224843248442484524846248472484824849248502485124852248532485424855248562485724858248592486024861248622486324864248652486624867248682486924870248712487224873248742487524876248772487824879248802488124882248832488424885248862488724888248892489024891248922489324894248952489624897248982489924900249012490224903249042490524906249072490824909249102491124912249132491424915249162491724918249192492024921249222492324924249252492624927249282492924930249312493224933249342493524936249372493824939249402494124942249432494424945249462494724948249492495024951249522495324954249552495624957249582495924960249612496224963249642496524966249672496824969249702497124972249732497424975249762497724978249792498024981249822498324984249852498624987249882498924990249912499224993249942499524996249972499824999250002500125002250032500425005250062500725008250092501025011250122501325014250152501625017250182501925020250212502225023250242502525026250272502825029250302503125032250332503425035250362503725038250392504025041250422504325044250452504625047250482504925050250512505225053250542505525056250572505825059250602506125062250632506425065250662506725068250692507025071250722507325074250752507625077250782507925080250812508225083250842508525086250872508825089250902509125092250932509425095250962509725098250992510025101251022510325104251052510625107251082510925110251112511225113251142511525116251172511825119251202512125122251232512425125251262512725128251292513025131251322513325134251352513625137251382513925140251412514225143251442514525146251472514825149251502515125152251532515425155251562515725158251592516025161251622516325164251652516625167251682516925170251712517225173251742517525176251772517825179251802518125182251832518425185251862518725188251892519025191251922519325194251952519625197251982519925200252012520225203252042520525206252072520825209252102521125212252132521425215252162521725218252192522025221252222522325224252252522625227252282522925230252312523225233252342523525236252372523825239252402524125242252432524425245252462524725248252492525025251252522525325254252552525625257252582525925260252612526225263252642526525266252672526825269252702527125272252732527425275252762527725278252792528025281252822528325284252852528625287252882528925290252912529225293252942529525296252972529825299253002530125302253032530425305253062530725308253092531025311253122531325314253152531625317253182531925320253212532225323253242532525326253272532825329253302533125332253332533425335253362533725338253392534025341253422534325344253452534625347253482534925350253512535225353253542535525356253572535825359253602536125362253632536425365253662536725368253692537025371253722537325374253752537625377253782537925380253812538225383253842538525386253872538825389253902539125392253932539425395253962539725398253992540025401254022540325404254052540625407254082540925410254112541225413254142541525416254172541825419254202542125422254232542425425254262542725428254292543025431254322543325434254352543625437254382543925440254412544225443254442544525446254472544825449254502545125452254532545425455254562545725458254592546025461254622546325464254652546625467254682546925470254712547225473254742547525476254772547825479254802548125482254832548425485254862548725488254892549025491254922549325494254952549625497254982549925500255012550225503255042550525506255072550825509255102551125512255132551425515255162551725518255192552025521255222552325524255252552625527255282552925530255312553225533255342553525536255372553825539255402554125542255432554425545255462554725548255492555025551255522555325554255552555625557255582555925560255612556225563255642556525566255672556825569255702557125572255732557425575255762557725578255792558025581255822558325584255852558625587255882558925590255912559225593255942559525596255972559825599256002560125602256032560425605256062560725608256092561025611256122561325614256152561625617256182561925620256212562225623256242562525626256272562825629256302563125632256332563425635256362563725638256392564025641256422564325644256452564625647256482564925650256512565225653256542565525656256572565825659256602566125662256632566425665256662566725668256692567025671256722567325674256752567625677256782567925680256812568225683256842568525686256872568825689256902569125692256932569425695256962569725698256992570025701257022570325704257052570625707257082570925710257112571225713257142571525716257172571825719257202572125722257232572425725257262572725728257292573025731257322573325734257352573625737257382573925740257412574225743257442574525746257472574825749257502575125752257532575425755257562575725758257592576025761257622576325764257652576625767257682576925770257712577225773257742577525776257772577825779257802578125782257832578425785257862578725788257892579025791257922579325794257952579625797257982579925800258012580225803258042580525806258072580825809258102581125812258132581425815258162581725818258192582025821258222582325824258252582625827258282582925830258312583225833258342583525836258372583825839258402584125842258432584425845258462584725848258492585025851258522585325854258552585625857258582585925860258612586225863258642586525866258672586825869258702587125872258732587425875258762587725878258792588025881258822588325884258852588625887258882588925890258912589225893258942589525896258972589825899259002590125902259032590425905259062590725908259092591025911259122591325914259152591625917259182591925920259212592225923259242592525926259272592825929259302593125932259332593425935259362593725938259392594025941259422594325944259452594625947259482594925950259512595225953259542595525956259572595825959259602596125962259632596425965259662596725968259692597025971259722597325974259752597625977259782597925980259812598225983259842598525986259872598825989259902599125992259932599425995259962599725998259992600026001260022600326004260052600626007260082600926010260112601226013260142601526016260172601826019260202602126022260232602426025260262602726028260292603026031260322603326034260352603626037260382603926040260412604226043260442604526046260472604826049260502605126052260532605426055260562605726058260592606026061260622606326064260652606626067260682606926070260712607226073260742607526076260772607826079260802608126082260832608426085260862608726088260892609026091260922609326094260952609626097260982609926100261012610226103261042610526106261072610826109261102611126112261132611426115261162611726118261192612026121261222612326124261252612626127261282612926130261312613226133261342613526136261372613826139261402614126142261432614426145261462614726148261492615026151261522615326154261552615626157261582615926160261612616226163261642616526166261672616826169261702617126172261732617426175261762617726178261792618026181261822618326184261852618626187261882618926190261912619226193261942619526196261972619826199262002620126202262032620426205262062620726208262092621026211262122621326214262152621626217262182621926220262212622226223262242622526226262272622826229262302623126232262332623426235262362623726238262392624026241262422624326244262452624626247262482624926250262512625226253262542625526256262572625826259262602626126262262632626426265262662626726268262692627026271262722627326274262752627626277262782627926280262812628226283262842628526286262872628826289262902629126292262932629426295262962629726298262992630026301263022630326304263052630626307263082630926310263112631226313263142631526316263172631826319263202632126322263232632426325263262632726328263292633026331263322633326334263352633626337263382633926340263412634226343263442634526346263472634826349263502635126352263532635426355263562635726358263592636026361263622636326364263652636626367263682636926370263712637226373263742637526376263772637826379263802638126382263832638426385263862638726388263892639026391263922639326394263952639626397263982639926400264012640226403264042640526406264072640826409264102641126412264132641426415264162641726418264192642026421264222642326424264252642626427264282642926430264312643226433264342643526436264372643826439264402644126442264432644426445264462644726448264492645026451264522645326454264552645626457264582645926460264612646226463264642646526466264672646826469264702647126472264732647426475264762647726478264792648026481264822648326484264852648626487264882648926490264912649226493264942649526496264972649826499265002650126502265032650426505265062650726508265092651026511265122651326514265152651626517265182651926520265212652226523265242652526526265272652826529265302653126532265332653426535265362653726538265392654026541265422654326544265452654626547265482654926550265512655226553265542655526556265572655826559265602656126562265632656426565265662656726568265692657026571265722657326574265752657626577265782657926580265812658226583265842658526586265872658826589265902659126592265932659426595265962659726598265992660026601266022660326604266052660626607266082660926610266112661226613266142661526616266172661826619266202662126622266232662426625266262662726628266292663026631266322663326634266352663626637266382663926640266412664226643266442664526646266472664826649266502665126652266532665426655266562665726658266592666026661266622666326664266652666626667266682666926670266712667226673266742667526676266772667826679266802668126682266832668426685266862668726688266892669026691266922669326694266952669626697266982669926700267012670226703267042670526706267072670826709267102671126712267132671426715267162671726718267192672026721267222672326724267252672626727267282672926730267312673226733267342673526736267372673826739267402674126742267432674426745267462674726748267492675026751267522675326754267552675626757267582675926760267612676226763267642676526766267672676826769267702677126772267732677426775267762677726778267792678026781267822678326784267852678626787267882678926790267912679226793267942679526796267972679826799268002680126802268032680426805268062680726808268092681026811268122681326814268152681626817268182681926820268212682226823268242682526826268272682826829268302683126832268332683426835268362683726838268392684026841268422684326844268452684626847268482684926850268512685226853268542685526856268572685826859268602686126862268632686426865268662686726868268692687026871268722687326874268752687626877268782687926880268812688226883268842688526886268872688826889268902689126892268932689426895268962689726898268992690026901269022690326904269052690626907269082690926910269112691226913269142691526916269172691826919269202692126922269232692426925269262692726928269292693026931269322693326934269352693626937269382693926940269412694226943269442694526946269472694826949269502695126952269532695426955269562695726958269592696026961269622696326964269652696626967269682696926970269712697226973269742697526976269772697826979269802698126982269832698426985269862698726988269892699026991269922699326994269952699626997269982699927000270012700227003270042700527006270072700827009270102701127012270132701427015270162701727018270192702027021270222702327024270252702627027270282702927030270312703227033270342703527036270372703827039270402704127042270432704427045270462704727048270492705027051270522705327054270552705627057270582705927060270612706227063270642706527066270672706827069270702707127072270732707427075270762707727078270792708027081270822708327084270852708627087270882708927090270912709227093270942709527096270972709827099271002710127102271032710427105271062710727108271092711027111271122711327114271152711627117271182711927120271212712227123271242712527126271272712827129271302713127132271332713427135271362713727138271392714027141271422714327144271452714627147271482714927150271512715227153271542715527156271572715827159271602716127162271632716427165271662716727168271692717027171271722717327174271752717627177271782717927180271812718227183271842718527186271872718827189271902719127192271932719427195271962719727198271992720027201272022720327204272052720627207272082720927210272112721227213272142721527216272172721827219272202722127222272232722427225272262722727228272292723027231272322723327234272352723627237272382723927240272412724227243272442724527246272472724827249272502725127252272532725427255272562725727258272592726027261272622726327264272652726627267272682726927270272712727227273272742727527276272772727827279272802728127282272832728427285272862728727288272892729027291272922729327294272952729627297272982729927300273012730227303273042730527306273072730827309273102731127312273132731427315273162731727318273192732027321273222732327324273252732627327273282732927330273312733227333273342733527336273372733827339273402734127342273432734427345273462734727348273492735027351273522735327354273552735627357273582735927360273612736227363273642736527366273672736827369273702737127372273732737427375273762737727378273792738027381273822738327384273852738627387273882738927390273912739227393273942739527396273972739827399274002740127402274032740427405274062740727408274092741027411274122741327414274152741627417274182741927420274212742227423274242742527426274272742827429274302743127432274332743427435274362743727438274392744027441274422744327444274452744627447274482744927450274512745227453274542745527456274572745827459274602746127462274632746427465274662746727468274692747027471274722747327474274752747627477274782747927480274812748227483274842748527486274872748827489274902749127492274932749427495274962749727498274992750027501275022750327504275052750627507275082750927510275112751227513275142751527516275172751827519275202752127522275232752427525275262752727528275292753027531275322753327534275352753627537275382753927540275412754227543275442754527546275472754827549275502755127552275532755427555275562755727558275592756027561275622756327564275652756627567275682756927570275712757227573275742757527576275772757827579275802758127582275832758427585275862758727588275892759027591275922759327594275952759627597275982759927600276012760227603276042760527606276072760827609276102761127612276132761427615276162761727618276192762027621276222762327624276252762627627276282762927630276312763227633276342763527636276372763827639276402764127642276432764427645276462764727648276492765027651276522765327654276552765627657276582765927660276612766227663276642766527666276672766827669276702767127672276732767427675276762767727678276792768027681276822768327684276852768627687276882768927690276912769227693276942769527696276972769827699277002770127702277032770427705277062770727708277092771027711277122771327714277152771627717277182771927720277212772227723277242772527726277272772827729277302773127732277332773427735277362773727738277392774027741277422774327744277452774627747277482774927750277512775227753277542775527756277572775827759277602776127762277632776427765277662776727768277692777027771277722777327774277752777627777277782777927780277812778227783277842778527786277872778827789277902779127792277932779427795277962779727798277992780027801278022780327804278052780627807278082780927810278112781227813278142781527816278172781827819278202782127822278232782427825278262782727828278292783027831278322783327834278352783627837278382783927840278412784227843278442784527846278472784827849278502785127852278532785427855278562785727858278592786027861278622786327864278652786627867278682786927870278712787227873278742787527876278772787827879278802788127882278832788427885278862788727888278892789027891278922789327894278952789627897278982789927900279012790227903279042790527906279072790827909279102791127912279132791427915279162791727918279192792027921279222792327924279252792627927279282792927930279312793227933279342793527936279372793827939279402794127942279432794427945279462794727948279492795027951279522795327954279552795627957279582795927960279612796227963279642796527966279672796827969279702797127972279732797427975279762797727978279792798027981279822798327984279852798627987279882798927990279912799227993279942799527996279972799827999280002800128002280032800428005280062800728008280092801028011280122801328014280152801628017280182801928020280212802228023280242802528026280272802828029280302803128032280332803428035280362803728038280392804028041280422804328044280452804628047280482804928050280512805228053280542805528056280572805828059280602806128062280632806428065280662806728068280692807028071280722807328074280752807628077280782807928080280812808228083280842808528086280872808828089280902809128092280932809428095280962809728098280992810028101281022810328104281052810628107281082810928110281112811228113281142811528116281172811828119281202812128122281232812428125281262812728128281292813028131281322813328134281352813628137281382813928140281412814228143281442814528146281472814828149281502815128152281532815428155281562815728158281592816028161281622816328164281652816628167281682816928170281712817228173281742817528176281772817828179281802818128182281832818428185281862818728188281892819028191281922819328194281952819628197281982819928200282012820228203282042820528206282072820828209282102821128212282132821428215282162821728218282192822028221282222822328224282252822628227282282822928230282312823228233282342823528236282372823828239282402824128242282432824428245282462824728248282492825028251282522825328254282552825628257282582825928260282612826228263282642826528266282672826828269282702827128272282732827428275282762827728278282792828028281282822828328284282852828628287282882828928290282912829228293282942829528296282972829828299283002830128302283032830428305283062830728308283092831028311283122831328314283152831628317283182831928320283212832228323283242832528326283272832828329283302833128332283332833428335283362833728338283392834028341283422834328344283452834628347283482834928350283512835228353283542835528356283572835828359283602836128362283632836428365283662836728368283692837028371283722837328374283752837628377283782837928380283812838228383283842838528386283872838828389283902839128392283932839428395283962839728398283992840028401284022840328404284052840628407284082840928410284112841228413284142841528416284172841828419284202842128422284232842428425284262842728428284292843028431284322843328434284352843628437284382843928440284412844228443284442844528446284472844828449284502845128452284532845428455284562845728458284592846028461284622846328464284652846628467284682846928470284712847228473284742847528476284772847828479284802848128482284832848428485284862848728488284892849028491284922849328494284952849628497284982849928500285012850228503285042850528506285072850828509285102851128512285132851428515285162851728518285192852028521285222852328524285252852628527285282852928530285312853228533285342853528536285372853828539285402854128542285432854428545285462854728548285492855028551285522855328554285552855628557285582855928560285612856228563285642856528566285672856828569285702857128572285732857428575285762857728578285792858028581285822858328584285852858628587285882858928590285912859228593285942859528596285972859828599286002860128602286032860428605286062860728608286092861028611286122861328614286152861628617286182861928620286212862228623286242862528626286272862828629286302863128632286332863428635286362863728638286392864028641286422864328644286452864628647286482864928650286512865228653286542865528656286572865828659286602866128662286632866428665286662866728668286692867028671286722867328674286752867628677286782867928680286812868228683286842868528686286872868828689286902869128692286932869428695286962869728698286992870028701287022870328704287052870628707287082870928710287112871228713287142871528716287172871828719287202872128722287232872428725287262872728728287292873028731287322873328734287352873628737287382873928740287412874228743287442874528746287472874828749287502875128752287532875428755287562875728758287592876028761287622876328764287652876628767287682876928770287712877228773287742877528776287772877828779287802878128782287832878428785287862878728788287892879028791287922879328794287952879628797287982879928800288012880228803288042880528806288072880828809288102881128812288132881428815288162881728818288192882028821288222882328824288252882628827288282882928830288312883228833288342883528836288372883828839288402884128842288432884428845288462884728848288492885028851288522885328854288552885628857288582885928860288612886228863288642886528866288672886828869288702887128872288732887428875288762887728878288792888028881288822888328884288852888628887288882888928890288912889228893288942889528896288972889828899289002890128902289032890428905289062890728908289092891028911289122891328914289152891628917289182891928920289212892228923289242892528926289272892828929289302893128932289332893428935289362893728938289392894028941289422894328944289452894628947289482894928950289512895228953289542895528956289572895828959289602896128962289632896428965289662896728968289692897028971289722897328974289752897628977289782897928980289812898228983289842898528986289872898828989289902899128992289932899428995289962899728998289992900029001290022900329004290052900629007290082900929010290112901229013290142901529016290172901829019290202902129022290232902429025290262902729028290292903029031290322903329034290352903629037290382903929040290412904229043290442904529046290472904829049290502905129052290532905429055290562905729058290592906029061290622906329064290652906629067290682906929070290712907229073290742907529076290772907829079290802908129082290832908429085290862908729088290892909029091290922909329094290952909629097290982909929100291012910229103291042910529106291072910829109291102911129112291132911429115291162911729118291192912029121291222912329124291252912629127291282912929130291312913229133291342913529136291372913829139291402914129142291432914429145291462914729148291492915029151291522915329154291552915629157291582915929160291612916229163291642916529166291672916829169291702917129172291732917429175291762917729178291792918029181291822918329184291852918629187291882918929190291912919229193291942919529196291972919829199292002920129202292032920429205292062920729208292092921029211292122921329214292152921629217292182921929220292212922229223292242922529226292272922829229292302923129232292332923429235292362923729238292392924029241292422924329244292452924629247292482924929250292512925229253292542925529256292572925829259292602926129262292632926429265292662926729268292692927029271292722927329274292752927629277292782927929280292812928229283292842928529286292872928829289292902929129292292932929429295292962929729298292992930029301293022930329304293052930629307293082930929310293112931229313293142931529316293172931829319293202932129322293232932429325293262932729328293292933029331293322933329334293352933629337293382933929340293412934229343293442934529346293472934829349293502935129352293532935429355293562935729358293592936029361293622936329364293652936629367293682936929370293712937229373293742937529376293772937829379293802938129382293832938429385293862938729388293892939029391293922939329394293952939629397293982939929400294012940229403294042940529406294072940829409294102941129412294132941429415294162941729418294192942029421294222942329424294252942629427294282942929430294312943229433294342943529436294372943829439294402944129442294432944429445294462944729448294492945029451294522945329454294552945629457294582945929460294612946229463294642946529466294672946829469294702947129472294732947429475294762947729478294792948029481294822948329484294852948629487294882948929490294912949229493294942949529496294972949829499295002950129502295032950429505295062950729508295092951029511295122951329514295152951629517295182951929520295212952229523295242952529526295272952829529295302953129532295332953429535295362953729538295392954029541295422954329544295452954629547295482954929550295512955229553295542955529556295572955829559295602956129562295632956429565295662956729568295692957029571295722957329574295752957629577295782957929580295812958229583295842958529586295872958829589295902959129592295932959429595295962959729598295992960029601296022960329604296052960629607296082960929610296112961229613296142961529616296172961829619296202962129622296232962429625296262962729628296292963029631296322963329634296352963629637296382963929640296412964229643296442964529646296472964829649296502965129652296532965429655296562965729658296592966029661296622966329664296652966629667296682966929670296712967229673296742967529676296772967829679296802968129682296832968429685296862968729688296892969029691296922969329694296952969629697296982969929700297012970229703297042970529706297072970829709297102971129712297132971429715297162971729718297192972029721297222972329724297252972629727297282972929730297312973229733297342973529736297372973829739297402974129742297432974429745297462974729748297492975029751297522975329754297552975629757297582975929760297612976229763297642976529766297672976829769297702977129772297732977429775297762977729778297792978029781297822978329784297852978629787297882978929790297912979229793297942979529796297972979829799298002980129802298032980429805298062980729808298092981029811298122981329814298152981629817298182981929820298212982229823298242982529826298272982829829298302983129832298332983429835298362983729838298392984029841298422984329844298452984629847298482984929850298512985229853298542985529856298572985829859298602986129862298632986429865298662986729868298692987029871298722987329874298752987629877298782987929880298812988229883298842988529886298872988829889298902989129892298932989429895298962989729898298992990029901299022990329904299052990629907299082990929910299112991229913299142991529916299172991829919299202992129922299232992429925299262992729928299292993029931299322993329934299352993629937299382993929940299412994229943299442994529946299472994829949299502995129952299532995429955299562995729958299592996029961299622996329964299652996629967299682996929970299712997229973299742997529976299772997829979299802998129982299832998429985299862998729988299892999029991299922999329994299952999629997299982999930000300013000230003300043000530006300073000830009300103001130012300133001430015300163001730018300193002030021300223002330024300253002630027300283002930030300313003230033300343003530036300373003830039300403004130042300433004430045300463004730048300493005030051300523005330054300553005630057300583005930060300613006230063300643006530066300673006830069300703007130072300733007430075300763007730078300793008030081300823008330084300853008630087300883008930090300913009230093300943009530096300973009830099301003010130102301033010430105301063010730108301093011030111301123011330114301153011630117301183011930120301213012230123301243012530126301273012830129301303013130132301333013430135301363013730138301393014030141301423014330144301453014630147301483014930150301513015230153301543015530156301573015830159301603016130162301633016430165301663016730168301693017030171301723017330174301753017630177301783017930180301813018230183301843018530186301873018830189301903019130192301933019430195301963019730198301993020030201302023020330204302053020630207302083020930210302113021230213302143021530216302173021830219302203022130222302233022430225302263022730228302293023030231302323023330234302353023630237302383023930240302413024230243302443024530246302473024830249302503025130252302533025430255302563025730258302593026030261302623026330264302653026630267302683026930270302713027230273302743027530276302773027830279302803028130282302833028430285302863028730288302893029030291302923029330294302953029630297302983029930300303013030230303303043030530306303073030830309303103031130312303133031430315303163031730318303193032030321303223032330324303253032630327303283032930330303313033230333303343033530336303373033830339303403034130342303433034430345303463034730348303493035030351303523035330354303553035630357303583035930360303613036230363303643036530366303673036830369303703037130372303733037430375303763037730378303793038030381303823038330384303853038630387303883038930390303913039230393303943039530396303973039830399304003040130402304033040430405304063040730408304093041030411304123041330414304153041630417304183041930420304213042230423304243042530426304273042830429304303043130432304333043430435304363043730438304393044030441304423044330444304453044630447304483044930450304513045230453304543045530456304573045830459304603046130462304633046430465304663046730468304693047030471304723047330474304753047630477304783047930480304813048230483304843048530486304873048830489304903049130492304933049430495304963049730498304993050030501305023050330504305053050630507305083050930510305113051230513305143051530516305173051830519305203052130522305233052430525305263052730528305293053030531305323053330534305353053630537305383053930540305413054230543305443054530546305473054830549305503055130552305533055430555305563055730558305593056030561305623056330564305653056630567305683056930570305713057230573305743057530576305773057830579305803058130582305833058430585305863058730588305893059030591305923059330594305953059630597305983059930600306013060230603306043060530606306073060830609306103061130612306133061430615306163061730618306193062030621306223062330624306253062630627306283062930630306313063230633306343063530636306373063830639306403064130642306433064430645306463064730648306493065030651306523065330654306553065630657306583065930660306613066230663306643066530666306673066830669306703067130672306733067430675306763067730678306793068030681306823068330684306853068630687306883068930690306913069230693306943069530696306973069830699307003070130702307033070430705307063070730708307093071030711307123071330714307153071630717307183071930720307213072230723307243072530726307273072830729307303073130732307333073430735307363073730738307393074030741307423074330744307453074630747307483074930750307513075230753307543075530756307573075830759307603076130762307633076430765307663076730768307693077030771307723077330774307753077630777307783077930780307813078230783307843078530786307873078830789307903079130792307933079430795307963079730798307993080030801308023080330804308053080630807308083080930810308113081230813308143081530816308173081830819308203082130822308233082430825308263082730828308293083030831308323083330834308353083630837308383083930840308413084230843308443084530846308473084830849308503085130852308533085430855308563085730858308593086030861308623086330864308653086630867308683086930870308713087230873308743087530876308773087830879308803088130882308833088430885308863088730888308893089030891308923089330894308953089630897308983089930900309013090230903309043090530906309073090830909309103091130912309133091430915309163091730918309193092030921309223092330924309253092630927309283092930930309313093230933309343093530936309373093830939309403094130942309433094430945309463094730948309493095030951309523095330954309553095630957309583095930960309613096230963309643096530966309673096830969309703097130972309733097430975309763097730978309793098030981309823098330984309853098630987309883098930990309913099230993309943099530996309973099830999310003100131002310033100431005310063100731008310093101031011310123101331014310153101631017310183101931020310213102231023310243102531026310273102831029310303103131032310333103431035310363103731038310393104031041310423104331044310453104631047310483104931050310513105231053310543105531056310573105831059310603106131062310633106431065310663106731068310693107031071310723107331074310753107631077310783107931080310813108231083310843108531086310873108831089310903109131092310933109431095310963109731098310993110031101311023110331104311053110631107311083110931110311113111231113311143111531116311173111831119311203112131122311233112431125311263112731128311293113031131311323113331134311353113631137311383113931140311413114231143311443114531146311473114831149311503115131152311533115431155311563115731158311593116031161311623116331164311653116631167311683116931170311713117231173311743117531176311773117831179311803118131182311833118431185311863118731188311893119031191311923119331194311953119631197311983119931200312013120231203312043120531206312073120831209312103121131212312133121431215312163121731218312193122031221312223122331224312253122631227312283122931230312313123231233312343123531236312373123831239312403124131242312433124431245312463124731248312493125031251312523125331254312553125631257312583125931260312613126231263312643126531266312673126831269312703127131272312733127431275312763127731278312793128031281312823128331284312853128631287312883128931290312913129231293312943129531296312973129831299313003130131302313033130431305313063130731308313093131031311313123131331314313153131631317313183131931320313213132231323313243132531326313273132831329313303133131332313333133431335313363133731338313393134031341313423134331344313453134631347313483134931350313513135231353313543135531356313573135831359313603136131362313633136431365313663136731368313693137031371313723137331374313753137631377313783137931380313813138231383313843138531386313873138831389313903139131392313933139431395313963139731398313993140031401314023140331404314053140631407314083140931410314113141231413314143141531416314173141831419314203142131422314233142431425314263142731428314293143031431314323143331434314353143631437314383143931440314413144231443314443144531446314473144831449314503145131452314533145431455314563145731458314593146031461314623146331464314653146631467314683146931470314713147231473314743147531476314773147831479314803148131482314833148431485314863148731488314893149031491314923149331494314953149631497314983149931500315013150231503315043150531506315073150831509315103151131512315133151431515315163151731518315193152031521315223152331524315253152631527315283152931530315313153231533315343153531536315373153831539315403154131542315433154431545315463154731548315493155031551315523155331554315553155631557315583155931560315613156231563315643156531566315673156831569315703157131572315733157431575315763157731578315793158031581315823158331584315853158631587315883158931590315913159231593315943159531596315973159831599316003160131602316033160431605316063160731608316093161031611316123161331614316153161631617316183161931620316213162231623316243162531626316273162831629316303163131632316333163431635316363163731638316393164031641316423164331644316453164631647316483164931650316513165231653316543165531656316573165831659316603166131662316633166431665316663166731668316693167031671316723167331674316753167631677316783167931680316813168231683316843168531686316873168831689316903169131692316933169431695316963169731698316993170031701317023170331704317053170631707317083170931710317113171231713317143171531716317173171831719317203172131722317233172431725317263172731728317293173031731317323173331734317353173631737317383173931740317413174231743317443174531746317473174831749317503175131752317533175431755317563175731758317593176031761317623176331764
  1. @charset 'UTF-8'; audio,canvas,video {
  2. display: inline-block
  3. }
  4. audio:not([controls]) {
  5. display: none
  6. }
  7. html {
  8. height: 100%;
  9. font-size: 100%;
  10. -webkit-text-size-adjust: 100%;
  11. -ms-text-size-adjust: 100%;
  12. width: 100%
  13. }
  14. html,button,input,select,textarea {
  15. font-family: sans-serif;
  16. color: #222
  17. }
  18. body {
  19. margin: 0;
  20. font-size: 1em;
  21. line-height: 1.4
  22. }
  23. a {
  24. color: #0af;
  25. text-decoration: none
  26. }
  27. a:visited {
  28. color: #4ec4ff
  29. }
  30. a:hover {
  31. color: #1a95d2
  32. }
  33. a:focus {
  34. outline: thin dotted
  35. }
  36. a:hover,a:active {
  37. outline: 0
  38. }
  39. abbr[title] {
  40. border-bottom: 1px dotted
  41. }
  42. b,strong {
  43. font-weight: 700
  44. }
  45. blockquote {
  46. margin: 1em 40px
  47. }
  48. hr {
  49. display: block;
  50. height: 1px;
  51. border: 0;
  52. border-top: 1px solid #ccc;
  53. margin: 1em 0;
  54. padding: 0
  55. }
  56. pre,code,kbd,samp {
  57. font-family: monospace,serif;
  58. font-size: 1em
  59. }
  60. pre {
  61. white-space: pre;
  62. white-space: pre-wrap;
  63. word-wrap: break-word
  64. }
  65. small {
  66. font-size: 85%
  67. }
  68. sub,sup {
  69. font-size: 75%;
  70. line-height: 0;
  71. position: relative;
  72. vertical-align: baseline
  73. }
  74. sup {
  75. top: -.5em}sub{bottom:-.25em
  76. }
  77. ul,ol {
  78. margin: 0;
  79. padding: 0
  80. }
  81. dd {
  82. margin: 0
  83. }
  84. nav ul,nav ol {
  85. list-style: none;
  86. list-style-image: none
  87. }
  88. img {
  89. border: 0;
  90. vertical-align: middle
  91. }
  92. .lt-ie9 {
  93. -ms-interpolation-mode: bicubic;
  94. display: block
  95. }
  96. svg:not(:root) {
  97. overflow: hidden
  98. }
  99. figure {
  100. margin: 0
  101. }
  102. form {
  103. margin: 0
  104. }
  105. fieldset {
  106. border: 0;
  107. margin: 0;
  108. padding: 0
  109. }
  110. label {
  111. cursor: pointer
  112. }
  113. legend {
  114. border: 0;
  115. padding: 0;
  116. white-space: normal
  117. }
  118. button,input,select,textarea {
  119. font-size: 100%;
  120. margin: 0;
  121. vertical-align: baseline
  122. }
  123. button,input {
  124. line-height: normal
  125. }
  126. button,input[type=button],input[type=reset],input[type=submit] {
  127. cursor: pointer;
  128. -webkit-appearance: button
  129. }
  130. button[disabled],input[disabled] {
  131. cursor: default
  132. }
  133. input[type=checkbox],input[type=radio] {
  134. box-sizing: border-box;
  135. padding: 0
  136. }
  137. input[type=search] {
  138. -webkit-appearance: textfield;
  139. -moz-box-sizing: content-box;
  140. -webkit-box-sizing: content-box;
  141. box-sizing: content-box
  142. }
  143. input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button {
  144. -webkit-appearance: none
  145. }
  146. button::-moz-focus-inner,input::-moz-focus-inner {
  147. border: 0;
  148. padding: 0
  149. }
  150. textarea {
  151. overflow: auto;
  152. vertical-align: top;
  153. resize: vertical
  154. }
  155. input:invalid,textarea:invalid {
  156. background-color: #f0dddd
  157. }
  158. table {
  159. border-collapse: collapse;
  160. border-spacing: 0
  161. }
  162. td {
  163. vertical-align: top
  164. }
  165. .chromeframe {
  166. margin: .2em 0;
  167. background: #ccc;
  168. color: #000;
  169. padding: .2em 0
  170. }
  171. .no-touch {
  172. text-rendering: geometricPrecision;
  173. -webkit-font-smoothing: antialiased;
  174. -moz-osx-font-smoothing: grayscale
  175. }
  176. body {
  177. background: #f6f6f6 url(../../images/patterns/noise_f6f6f6.png) repeat top left;
  178. font-family: Arial,sans-serif;
  179. min-height: 100%;
  180. min-width: 980px;
  181. position: relative;
  182. width: 100%
  183. }
  184. body.partner-background {
  185. background: #f6f6f6 url(../../images/patterns/noise.png)
  186. }
  187. @-moz-document url-prefix() {
  188. img {
  189. display: inline-block
  190. }
  191. }
  192. .clst-main-title,.static-page .page-content>.clst-main-title {
  193. color: #999;
  194. font-family: 'Futura Today Bold',Arial,sans-serif;
  195. font-size: 13px;
  196. font-weight: 400;
  197. letter-spacing: 1px;
  198. line-height: 13px;
  199. margin: 0;
  200. padding: 14px 8px 10px;
  201. text-align: center;
  202. text-shadow: 0 1px 1px #fff;
  203. text-transform: uppercase
  204. }
  205. .clst-main-title {
  206. color: #fff;
  207. margin-left: 1px;
  208. text-shadow: 0 1px 1px rgba(0,0,0,.15);
  209. width: 109px
  210. }
  211. .clst-section-name {
  212. color: #fff;
  213. font-family: 'Futura Today Bold',Arial,sans-serif;
  214. font-weight: 400;
  215. font-size: 13px;
  216. letter-spacing: 1px;
  217. line-height: 13px;
  218. margin: 0;
  219. padding: 15px 5px 10px;
  220. text-align: center;
  221. text-shadow: 0 1px 1px rgba(0,0,0,.15);
  222. text-transform: uppercase
  223. }
  224. .clst-section-name:visited {
  225. color: inherit
  226. }
  227. p {
  228. margin: 0
  229. }
  230. .parent-label {
  231. background-color: #009bff;
  232. color: #fff;
  233. font-family: 'Futura Today Bold',arial,sans-serif;
  234. font-size: 10px;
  235. font-weight: 400;
  236. left: 20px;
  237. letter-spacing: 1px;
  238. line-height: 9px;
  239. padding: 5px 6px 6px;
  240. position: absolute;
  241. text-transform: uppercase;
  242. top: 20px;
  243. z-index: 40
  244. }
  245. .parent-label:visited,.parent-label:hover {
  246. color: #fff
  247. }
  248. .hero .parent-label {
  249. z-index: 54
  250. }
  251. .avatar {
  252. box-shadow: 0 1px 1px 0 rgba(0,0,0,.4);
  253. border: 2px solid #fff;
  254. float: left;
  255. margin-right: 10px
  256. }
  257. .thumb {
  258. float: left;
  259. height: 80px;
  260. position: relative;
  261. width: 100px
  262. }
  263. .thumb>img {
  264. box-shadow: 0 2px 2px 0 rgba(0,0,0,.08);
  265. height: 80px;
  266. width: 80px
  267. }
  268. .avathumb {
  269. float: left;
  270. height: 92px;
  271. position: relative;
  272. width: 100px
  273. }
  274. .avathumb>img:first-child {
  275. box-shadow: 0 2px 2px 0 rgba(0,0,0,.08);
  276. height: 80px;
  277. margin-top: 12px;
  278. width: 80px
  279. }
  280. .avathumb>.avatar {
  281. float: none;
  282. margin: 0;
  283. position: absolute;
  284. right: 8px;
  285. top: 0
  286. }
  287. .byline {
  288. margin: 15px 0 15px 20px
  289. }
  290. .hero .byline-block .byline {
  291. margin: 0
  292. }
  293. .byline .author {
  294. display: block;
  295. font-size: 11px;
  296. font-weight: 700
  297. }
  298. .byline .author em {
  299. cursor: pointer;
  300. font-style: normal
  301. }
  302. .byline .author a>em:hover {
  303. text-decoration: underline
  304. }
  305. .byline.byline-nopub .author {
  306. padding-top: 7px
  307. }
  308. .byline .pub {
  309. display: block;
  310. font-size: 10px;
  311. margin-top: 1px;
  312. text-transform: uppercase;
  313. white-space: nowrap
  314. }
  315. .paginator-indicator {
  316. display: block;
  317. margin: 0;
  318. padding: 0;
  319. text-align: center
  320. }
  321. .paginator-indicator-target {
  322. cursor: pointer;
  323. display: inline-block;
  324. line-height: 12px;
  325. padding: 8px;
  326. margin: 2px
  327. }
  328. .no-touch .paginator-indicator-target:hover .paginator-indicator-bullet:after {
  329. background-color: #ebebeb;
  330. background-color: rgba(255,255,255,.1);
  331. border-radius: 4px;
  332. content: '';
  333. display: block;
  334. height: 8px;
  335. margin: 2px;
  336. width: 8px
  337. }
  338. .no-touch .paginator-indicator-target:hover .paginator-indicator-bullet.active:after {
  339. background-color: #fff
  340. }
  341. .paginator-indicator-bullet {
  342. background-color: #b2b2b2;
  343. background-color: rgba(0,0,0,.3);
  344. border-radius: 6px;
  345. box-shadow: 0 1px 0 0 rgba(255,255,255,.2),inset 0 1px 0 1px rgba(0,0,0,.3);
  346. display: inline-block;
  347. height: 12px;
  348. width: 12px
  349. }
  350. .paginator-indicator-bullet.active {
  351. cursor: default
  352. }
  353. .paginator-indicator-bullet.active:after {
  354. background-color: #fff;
  355. border-radius: 4px;
  356. box-shadow: 0 1px 0 1px rgba(0,0,0,.6);
  357. content: '';
  358. display: block;
  359. height: 8px;
  360. margin: 2px;
  361. width: 8px
  362. }
  363. .split-two {
  364. list-style: none;
  365. margin: 0;
  366. padding: 0;
  367. display: table
  368. }
  369. .table-row {
  370. display: table-row
  371. }
  372. .table-row>.clst-item {
  373. -webkit-box-sizing: border-box;
  374. -moz-box-sizing: border-box;
  375. box-sizing: border-box;
  376. display: table-cell;
  377. padding: 20px;
  378. width: 50%;
  379. border: 0
  380. }
  381. .clst-text-meta {
  382. display: table
  383. }
  384. .meta-section-link,.clst-text-meta-timestamp {
  385. display: table-cell;
  386. vertical-align: top
  387. }
  388. .table-row>.split-two-odd {
  389. padding-right: 10px
  390. }
  391. .table-row>.split-two-even {
  392. padding-left: 10px
  393. }
  394. .ui-sprite-before:before {
  395. background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat;
  396. content: '';
  397. display: inline-block;
  398. height: 20px;
  399. width: 20px;
  400. position: relative;
  401. top: -4px;
  402. vertical-align: top
  403. }
  404. .ui-sprite-after:after {
  405. background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat;
  406. content: '';
  407. display: inline-block;
  408. height: 20px;
  409. width: 20px;
  410. position: relative;
  411. top: -4px;
  412. vertical-align: top
  413. }
  414. .ui-btn {
  415. background: 0;
  416. border: 1px solid;
  417. border-radius: 3px;
  418. box-shadow: 0 2px 0 0 rgba(0,0,0,.1);
  419. box-sizing: border-box;
  420. cursor: pointer;
  421. display: block;
  422. font: 700 13px Helvetica,Arial,sans-serif;
  423. height: 30px;
  424. line-height: 28px;
  425. padding: 0 20px;
  426. position: relative;
  427. text-align: center
  428. }
  429. .ui-btn.icon:before {
  430. background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat;
  431. content: '';
  432. display: inline-block;
  433. position: relative;
  434. top: 5px;
  435. height: 20px;
  436. margin-right: 5px;
  437. overflow: hidden;
  438. width: 20px
  439. }
  440. .ui-light .ui-btn,.ui-light.ui-btn {
  441. background: #efefef;
  442. border-color: #bdbdbd;
  443. color: #666
  444. }
  445. .ui-dark .ui-btn,.ui-dark.ui-btn {
  446. background: #4c4c4c;
  447. border-color: #1e1e1e;
  448. color: #fff
  449. }
  450. .ui-light .ui-btn:hover,.ui-light.ui-btn:hover {
  451. background: #fafafa;
  452. border-color: #bdbdbd;
  453. color: #333
  454. }
  455. .ui-dark .ui-btn:hover,.ui-dark.ui-btn:hover {
  456. background: #606060;
  457. border-color: #1e1e1e;
  458. color: #fff
  459. }
  460. .ui-light .ui-btn:active,.ui-light.ui-btn:active {
  461. background: #fafafa;
  462. color: #333;
  463. box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.17)
  464. }
  465. .ui-dark .ui-btn:active,.ui-dark.ui-btn:active {
  466. background: #606060;
  467. box-shadow: inset 0 2px 3px 0 rgba(0,0,0,.17)
  468. }
  469. .ui-light .ui-btn.active,.ui-light.ui-btn.active {
  470. background: gray;
  471. border-color: #757575;
  472. color: #fff
  473. }
  474. .ui-dark .ui-btn.active,.ui-dark.ui-btn.active {
  475. background: #292929;
  476. border-color: #1e1e1e;
  477. color: #fff
  478. }
  479. .ui-opaque .ui-btn,.ui-opaque.ui-btn {
  480. border: 1px solid;
  481. background: 0;
  482. box-shadow: none;
  483. text-shadow: none
  484. }
  485. .ui-light.ui-opaque .ui-btn,.ui-light.ui-opaque.ui-btn {
  486. background: #efefef;
  487. border-color: #bdbdbd;
  488. color: #666
  489. }
  490. .ui-dark.ui-opaque .ui-btn,.ui-dark.ui-opaque.ui-btn {
  491. background: #4c4c4c;
  492. border-color: #1e1e1e;
  493. color: #fff
  494. }
  495. .ui-chunky-btn {
  496. background: #21acff;
  497. background: -moz-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%);
  498. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(33,172,255,1)),color-stop(100%,rgba(27,154,255,1)));
  499. background: -webkit-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%);
  500. background: -o-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%);
  501. background: -ms-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%);
  502. background: linear-gradient(to bottom,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%);
  503. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#21acff', endColorstr='#1b9aff', GradientType=0);
  504. border: 1px solid #149cee;
  505. border-radius: 3px;
  506. box-shadow: 0 1px 1px rgba(0,0,0,.2);
  507. font-family: 'Futura Today Bold',helvetica,sans-serif;
  508. font-size: 13px;
  509. color: #fff;
  510. cursor: pointer;
  511. display: inline-block;
  512. height: 40px;
  513. line-height: 40px;
  514. padding: 0 20px;
  515. position: relative;
  516. text-transform: uppercase;
  517. text-shadow: 0 1px 0 rgba(0,0,0,.1);
  518. -moz-box-sizing: border-box;
  519. box-sizing: border-box;
  520. text-align: center
  521. }
  522. .ui-chunky-btn:hover,.ui-chunky-btn:visited,.ui-chunky-btn:active {
  523. color: #fff;
  524. background: #38b4ff;
  525. background: -moz-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%);
  526. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(56,180,255,1)),color-stop(100%,rgba(46,164,255,1)));
  527. background: -webkit-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%);
  528. background: -o-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%);
  529. background: -ms-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%);
  530. background: linear-gradient(to bottom,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%);
  531. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38b4ff', endColorstr='#2ea4ff', GradientType=0)
  532. }
  533. .ui-chunky-btn:active {
  534. box-shadow: none
  535. }
  536. .ui-chunky-btn.secondary {
  537. background: #fff;
  538. background: -moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);
  539. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(247,247,247,1)));
  540. background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);
  541. background: -o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);
  542. background: -ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);
  543. background: linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);
  544. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f7f7f7', GradientType=0);
  545. border-color: #d4d4d4;
  546. box-shadow: 0 1px 2px rgba(0,0,0,.1);
  547. color: #333
  548. }
  549. .ui-chunky-btn.secondary:hover {
  550. background: #fff
  551. }
  552. .ui-chunky-btn.secondary:active {
  553. background: #fff;
  554. box-shadow: none
  555. }
  556. .ui-chunky-btn.icon {
  557. padding-left: 50px;
  558. position: relative
  559. }
  560. .ui-chunky-btn.icon:before {
  561. content: '';
  562. height: 16px;
  563. left: 12px;
  564. position: absolute;
  565. top: 11px;
  566. width: 16px
  567. }
  568. .ui-chunky-btn.icon:after {
  569. content: '';
  570. display: block;
  571. height: 40px;
  572. left: 40px;
  573. position: absolute;
  574. top: 0;
  575. width: 1px;
  576. border-right: 1px solid #fff;
  577. background-color: #000;
  578. opacity: .1
  579. }
  580. .lt-ie9 .ui-chunky-btn.icon:after {
  581. background: transparent;
  582. zoom: 1;
  583. -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000)";
  584. filter: alpha(opacity=10)
  585. }
  586. .ui-chunky-btn.cancel:before {
  587. background: url(../../images/components/utility-contribute-sprite.png) no-repeat 0 -239px
  588. }
  589. .ui-chunky-btn.share:before {
  590. background: url(../../images/components/ft-share-btns.png) no-repeat 15px 9px
  591. }
  592. .ui-chunky-btn.send:before {
  593. background: url(../../images/components/utility-contribute-sprite.png) no-repeat 0 -409px
  594. }
  595. .ui-chunky-btn.pdf:before {
  596. background: url(../../images/components/utility-contribute-sprite.png) no-repeat 10px -470px
  597. }
  598. .fb-post-btn {
  599. background: #637bad;
  600. background: -moz-linear-gradient(top,#637bad 0,#5972a7 100%);
  601. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#637bad),color-stop(100%,#5972a7));
  602. background: -webkit-linear-gradient(top,#637bad 0,#5972a7 100%);
  603. background: -o-linear-gradient(top,#637bad 0,#5972a7 100%);
  604. background: -ms-linear-gradient(top,#637bad 0,#5972a7 100%);
  605. background: linear-gradient(to bottom,#637bad 0,#5972a7 100%);
  606. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#637bad', endColorstr='#5972a7', GradientType=0);
  607. border: 1px solid #29447e;
  608. box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
  609. color: #fff;
  610. cursor: pointer;
  611. display: inline-block;
  612. font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  613. font-size: 11px;
  614. font-weight: 700;
  615. line-height: 13px;
  616. padding: 4px 12px 5px
  617. }
  618. .fb-post-btn:active {
  619. background: #4f6aa3
  620. }
  621. select.ui-dropdown {
  622. display: none
  623. }
  624. .ui-dropdown {
  625. background: 0;
  626. display: block;
  627. font: 700 12px Helvetica,Arial,sans-serif;
  628. line-height: 20px;
  629. min-width: 64px;
  630. outline: -webkit-focus-ring-color none;
  631. position: relative;
  632. -webkit-touch-callout: none;
  633. -webkit-user-select: none;
  634. -moz-user-select: none;
  635. -ms-user-select: none;
  636. user-select: none;
  637. vertical-align: middle
  638. }
  639. .ui-dropdown:hover {
  640. cursor: pointer
  641. }
  642. .ui-dropdown-value {
  643. display: inline-block;
  644. font-size: 12px;
  645. line-height: 30px;
  646. overflow: hidden;
  647. padding: 0 40px 0 10px;
  648. position: relative;
  649. text-align: left;
  650. vertical-align: top;
  651. width: 100%
  652. }
  653. .ui-dropdown-value:after {
  654. background: url(../../images/sprites/ui-sprite.png) -165px -68px no-repeat;
  655. content: '';
  656. display: block;
  657. position: absolute;
  658. top: 12px;
  659. right: 10px;
  660. height: 10px;
  661. width: 10px;
  662. z-index: 1
  663. }
  664. .ui-light .ui-dropdown-value {
  665. border-color: #bdbdbd;
  666. color: #666
  667. }
  668. .ui-light .ui-dropdown-value:after {
  669. background-position: -165px -48px
  670. }
  671. .ui-dropdown.ui-light:hover .ui-dropdown-value:after {
  672. background-position: -165px -68px
  673. }
  674. .ui-dropdown-value:before {
  675. content: '';
  676. display: block;
  677. position: absolute;
  678. top: 2px;
  679. right: 29px;
  680. height: 24px;
  681. width: 1px;
  682. z-index: 9
  683. }
  684. .ui-dark .ui-dropdown-value {
  685. border-color: #bdbdbd
  686. }
  687. .ui-dark .ui-dropdown-value:after {
  688. background-position: -165px -8px
  689. }
  690. .ui-dark .ui-dropdown-value:before {
  691. border-left: 1px solid #3d3d3d;
  692. box-shadow: inset 1px 0 0 rgba(255,255,255,.1)
  693. }
  694. .ui-dropdown.ui-dark:hover .ui-dropdown-value:before {
  695. border-left-color: #4d4d4d
  696. }
  697. .ui-light .ui-dropdown-value:before {
  698. border-left: 1px solid #bfbfbf
  699. }
  700. .ui-dropdown.ui-light:hover .ui-dropdown-value:before {
  701. border-left-color: #c8c8c8
  702. }
  703. .ui-dropdown.expanded .ui-dropdown-value {
  704. border-bottom: 0;
  705. border-radius: 3px 3px 0 0
  706. }
  707. .ui-dropdown-content {
  708. border-radius: 0 0 3px 3px;
  709. border: 1px solid;
  710. border-top: 0;
  711. box-shadow: 0 2px 0 0 rgba(0,0,0,.1);
  712. box-sizing: border-box;
  713. display: none;
  714. margin: 0;
  715. overflow: hidden;
  716. padding: 0;
  717. position: absolute;
  718. width: 100%;
  719. z-index: 100
  720. }
  721. .ui-dropdown.expanded .ui-dropdown-content {
  722. display: block;
  723. max-height: 180px
  724. }
  725. .ui-dark .ui-dropdown-content {
  726. background: #606060;
  727. border-color: #bdbdbd
  728. }
  729. .ui-light .ui-dropdown-content {
  730. background: #fafafa;
  731. border-color: #bdbdbd
  732. }
  733. .ui-dropdown-scroll-wrap {
  734. max-height: 120px
  735. }
  736. .ui-dropdown-items-container {
  737. list-style: none;
  738. -webkit-touch-callout: none;
  739. -webkit-user-select: none;
  740. -moz-user-select: none;
  741. -ms-user-select: none;
  742. user-select: none;
  743. display: block;
  744. position: relative
  745. }
  746. .ui-dropdown-item {
  747. display: block;
  748. cursor: pointer;
  749. width: 100%;
  750. white-space: nowrap;
  751. position: relative;
  752. -moz-box-sizing: border-box;
  753. -webkit-box-sizing: border-box;
  754. box-sizing: border-box
  755. }
  756. .ui-dropdown-item-without-link {
  757. padding: 5px 10px
  758. }
  759. .ui-dropdown-item-link {
  760. padding: 5px 10px
  761. }
  762. .ui-dropdown-item:first-child {
  763. border-radius: 3px 3px 0 0
  764. }
  765. .ui-dropdown-item:last-child {
  766. border-radius: 0 0 3px 3px
  767. }
  768. .ui-dropdown-item-link {
  769. display: block
  770. }
  771. .ui-dropdown-item-link:first-child {
  772. border-top-left-radius: 3px;
  773. border-top-right-radius: 3px
  774. }
  775. .ui-dropdown-item-link:last-child {
  776. border-bottom-left-radius: 3px;
  777. border-bottom-right-radius: 3px
  778. }
  779. .ui-light .ui-dropdown-item,.ui-light .ui-dropdown-item-link {
  780. color: #666
  781. }
  782. .ui-light .ui-dropdown-item-selected {
  783. background-color: #f2f2f2
  784. }
  785. .ui-light .ui-dropdown-item-highlight {
  786. background-color: #e6e6e6
  787. }
  788. .ui-dark .ui-dropdown-item,.ui-dark .ui-dropdown-item-link {
  789. color: #fff
  790. }
  791. .ui-dark .ui-dropdown-item-selected {
  792. background-color: #393939
  793. }
  794. .ui-dark .ui-dropdown-item-highlight {
  795. background-color: gray
  796. }
  797. .ui-button-toggle {
  798. display: block;
  799. margin: 0;
  800. padding: 0;
  801. list-style: none;
  802. box-shadow: inset 0 2px 6px 0 rgba(0,0,0,.5);
  803. width: auto;
  804. border-radius: 3px
  805. }
  806. select.ui-button-toggle {
  807. display: none
  808. }
  809. .ui-button-toggle-item {
  810. padding-right: 12px;
  811. padding-left: 12px;
  812. border-radius: 0;
  813. display: inline-block;
  814. border-left-width: 0;
  815. position: relative;
  816. -moz-box-sizing: border-box;
  817. -webkit-box-sizing: border-box;
  818. box-sizing: border-box;
  819. vertical-align: top
  820. }
  821. .ui-button-toggle-item.active {
  822. cursor: default;
  823. border-color: transparent;
  824. text-shadow: 0 1px 0 rgba(0,0,0,.4)
  825. }
  826. .ui-button-toggle-item:hover {
  827. box-shadow: none
  828. }
  829. .ui-button-toggle-item.active:hover {
  830. cursor: default
  831. }
  832. .ui-button-toggle-item:first-child {
  833. border-bottom-left-radius: 3px;
  834. border-top-left-radius: 3px;
  835. border-left-width: 1px
  836. }
  837. .ui-button-toggle-item:last-child {
  838. border-bottom-right-radius: 3px;
  839. border-top-right-radius: 3px
  840. }
  841. .ui-button-toggle-item.active .ui-button-toggle-item-link {
  842. cursor: default
  843. }
  844. .ui-button-toggle-item-link {
  845. display: inline-block;
  846. vertical-align: top
  847. }
  848. .ui-light.ui-button-toggle,.ui-light .ui-button-toggle {
  849. background-color: gray
  850. }
  851. .ui-light .ui-button-toggle-item {
  852. color: #666
  853. }
  854. .ui-light .ui-button-toggle-item.ui-btn {
  855. box-shadow: none
  856. }
  857. .ui-light .ui-button-toggle-item.active,.ui-light .ui-button-toggle-item.active:hover {
  858. background: transparent;
  859. color: #fff
  860. }
  861. .ui-light .ui-button-toggle-item.active a,.ui-light .ui-button-toggle-item.active .toggle-item-link {
  862. color: #fff;
  863. border-color: rgba(95,95,95,.5)
  864. }
  865. .ui-light .ui-button-toggle-item.active:first-child {
  866. border-right: 1px solid #5f5f5f
  867. }
  868. .ui-light .ui-button-toggle-item-link {
  869. color: #666
  870. }
  871. .ui-light .ui-button-toggle-item.active .ui-button-toggle-item-link {
  872. color: #fff
  873. }
  874. .ui-dark.ui-button-toggle,.ui-dark .ui-button-toggle {
  875. background-color: #141414
  876. }
  877. .ui-dark .ui-button-toggle-item:hover {
  878. background: #2c2c2c
  879. }
  880. .ui-dark .ui-button-toggle-item.active,.ui-dark .ui-button-toggle-item.active:hover {
  881. background: transparent;
  882. box-shadow: none
  883. }
  884. .ui-dark .ui-button-toggle-item-link {
  885. color: #ccc
  886. }
  887. .ui-dark .ui-button-toggle-item.active .ui-button-toggle-item-link {
  888. color: #fff;
  889. border-color: transparent
  890. }
  891. .ui-slider {
  892. width: auto;
  893. height: 35px
  894. }
  895. .ui-light.ui-slider .ui-slider-bar {
  896. border-radius: 20px;
  897. display: inline-block;
  898. height: 14px;
  899. margin: 10px 0;
  900. position: relative;
  901. width: 100px
  902. }
  903. .ui-light.ui-slider .ui-slider-bar {
  904. background: gray;
  905. box-shadow: inset 0 1px 3px rgba(0,0,0,.6),0 1px 0 #fff
  906. }
  907. .ui-slider .ui-btn.ui-slider-handle {
  908. border-radius: 24px;
  909. display: block;
  910. width: 26px;
  911. height: 26px;
  912. padding: 0;
  913. position: absolute;
  914. top: -7px;
  915. margin-left: -15px;
  916. outline: 0
  917. }
  918. .ui-slider .ui-btn.ui-slider-handle:before {
  919. background: #6c6c6c;
  920. border-radius: 8px;
  921. box-shadow: 0 1px 1px rgba(255,255,255,.4),inset 0 1px 0 rgba(0,0,0,.3);
  922. content: '';
  923. display: block;
  924. height: 8px;
  925. left: 8px;
  926. position: absolute;
  927. top: 8px;
  928. width: 8px
  929. }
  930. .ui-light.ui-slider .ui-btn.ui-slider-handle {
  931. box-shadow: inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(255,255,255,.2),0 2px 4px rgba(0,0,0,.5)
  932. }
  933. .ui-slider .ui-label-left {
  934. margin-right: 16px
  935. }
  936. .ui-slider .ui-label-right {
  937. margin-left: 16px;
  938. text-align: left;
  939. width: 34px
  940. }
  941. .ui-zoom {
  942. display: inline-block;
  943. position: relative
  944. }
  945. .ui-zoom:before {
  946. background: gray;
  947. box-shadow: inset 0 0 3px rgba(0,0,0,.25);
  948. content: '';
  949. display: block;
  950. height: 26px;
  951. left: 16px;
  952. position: absolute;
  953. top: 3px;
  954. width: 30px
  955. }
  956. .ui-zoom .ui-btn {
  957. border-radius: 30px;
  958. float: left;
  959. padding: 0;
  960. position: relative;
  961. overflow: hidden;
  962. text-indent: 105%;
  963. white-space: nowrap;
  964. width: 30px
  965. }
  966. .ui-zoom .ui-btn:before {
  967. background-image: url(../../images/sprites/ui-sprite.png);
  968. background-repeat: no-repeat;
  969. content: '';
  970. display: block;
  971. height: 20px;
  972. left: 5px;
  973. position: absolute;
  974. top: 4px;
  975. width: 20px
  976. }
  977. .ui-zoom .ui-btn.plus-icon:before {
  978. background-position: -80px -40px
  979. }
  980. .ui-zoom .ui-btn.minus-icon:before {
  981. background-position: -60px -40px;
  982. top: 5px
  983. }
  984. .ui-text-input,.ui-textarea {
  985. border: 1px solid #e3e3e3;
  986. border-radius: 3px;
  987. box-shadow: inset 0 1px 0 rgba(0,0,0,.06);
  988. -moz-box-sizing: border-box;
  989. -webkit-box-sizing: border-box;
  990. box-sizing: border-box;
  991. color: #666;
  992. display: block;
  993. font: 400 12px Helvetica,Arial,sans-serif;
  994. line-height: normal;
  995. padding: 0 10px;
  996. width: auto
  997. }
  998. .ui-textarea {
  999. padding: 10px
  1000. }
  1001. .ui-text-input {
  1002. height: 30px
  1003. }
  1004. .ui-text-input[placeholder]:focus::-webkit-input-placeholder,.ui-textarea[placeholder]:focus::-webkit-input-placeholder {
  1005. transition: opacity .5s .5s ease;
  1006. opacity: 0
  1007. }
  1008. .ui-text-input:required,.ui-textarea:required {
  1009. background-color: #fff
  1010. }
  1011. .lt-ie9 .ui-text-input {
  1012. padding-top: 5px
  1013. }
  1014. .ui-text-input-placeholder {
  1015. color: #ccc
  1016. }
  1017. .ui-form-field-container {
  1018. position: relative;
  1019. width: auto
  1020. }
  1021. .ui-form-field-label.hidden-label {
  1022. position: absolute;
  1023. overflow: hidden;
  1024. clip: rect(0 0 0 0);
  1025. height: 1px;
  1026. width: 1px;
  1027. margin: -1px;
  1028. padding: 0;
  1029. border: 0
  1030. }
  1031. .ui-text-input-clear-btn {
  1032. display: none;
  1033. width: 15px;
  1034. height: 0;
  1035. overflow: hidden;
  1036. padding-top: 15px;
  1037. position: absolute;
  1038. right: 8px;
  1039. top: 8px;
  1040. background: url(../../images/modules/forms/forms-sprite2.png) no-repeat -7px -7px transparent;
  1041. z-index: 6;
  1042. cursor: pointer
  1043. }
  1044. input.ui-checkbox {
  1045. display: none
  1046. }
  1047. .ui-checkbox {
  1048. cursor: pointer;
  1049. font-size: 13px;
  1050. font-weight: 400;
  1051. height: 30px;
  1052. line-height: 30px;
  1053. padding-left: 24px;
  1054. position: relative
  1055. }
  1056. .ui-checkbox-checked:after {
  1057. content: "";
  1058. display: block;
  1059. position: absolute;
  1060. height: 16px;
  1061. width: 16px;
  1062. top: 6px;
  1063. left: 0;
  1064. background: url(../../images/sprites/ui-sprite.png) no-repeat scroll -1062px -2px transparent
  1065. }
  1066. .ui-light .ui-checkbox {
  1067. color: #666
  1068. }
  1069. input.ui-radio {
  1070. display: none
  1071. }
  1072. .ui-radio {
  1073. color: #333;
  1074. cursor: pointer;
  1075. font-size: 13px;
  1076. font-weight: 400;
  1077. height: 30px;
  1078. line-height: 30px;
  1079. padding-left: 24px;
  1080. position: relative
  1081. }
  1082. .ui-radio:before {
  1083. background: #fff;
  1084. border: 1px solid #e3e3e3;
  1085. border-radius: 24px;
  1086. content: "";
  1087. display: block;
  1088. height: 16px;
  1089. left: 0;
  1090. position: absolute;
  1091. top: 6px;
  1092. width: 16px
  1093. }
  1094. .ui-radio-selected:after {
  1095. background: #009aff;
  1096. border-radius: 6px;
  1097. content: '';
  1098. display: block;
  1099. height: 8px;
  1100. left: 5px;
  1101. position: absolute;
  1102. top: 11px;
  1103. width: 8px
  1104. }
  1105. .ui-text-input.ui-form-field-error,.ui-textarea.ui-form-field-error,.ui-dropdown.ui-form-field-error {
  1106. border: 1px solid #ff290a
  1107. }
  1108. .ui-autocomplete-container {
  1109. position: relative;
  1110. width: auto
  1111. }
  1112. .ui-autocomplete-content {
  1113. border: 1px solid transparent;
  1114. border-top: 0;
  1115. -moz-box-sizing: border-box;
  1116. -webkit-box-sizing: border-box;
  1117. box-sizing: border-box;
  1118. left: 0;
  1119. position: absolute;
  1120. top: 30px;
  1121. width: 100%;
  1122. z-index: 2
  1123. }
  1124. .ui-autocomplete-result-container {
  1125. border: 0;
  1126. display: block;
  1127. list-style: none;
  1128. margin: 0;
  1129. width: 100%
  1130. }
  1131. .ui-autocomplete-result-item {
  1132. background: #000;
  1133. -moz-box-sizing: border-box;
  1134. -webkit-box-sizing: border-box;
  1135. border-top: 1px solid #000;
  1136. border-bottom: 1px solid #282828;
  1137. box-sizing: border-box;
  1138. color: #fff;
  1139. cursor: pointer;
  1140. display: block;
  1141. font: 400 13px Helvetica,Arial,sans-serif;
  1142. line-height: 16px;
  1143. padding: 8px 10px;
  1144. width: 100%
  1145. }
  1146. .ui-autocomplete-result-item:first-child {
  1147. border-top: 0
  1148. }
  1149. .ui-autocomplete-result-item:last-child {
  1150. border-bottom-right-radius: 4px;
  1151. border-bottom-left-radius: 4px;
  1152. border-bottom: 0
  1153. }
  1154. .ui-autocomplete-result-hover,.ui-autocomplete-result-item:hover {
  1155. background: #0af;
  1156. cursor: pointer
  1157. }
  1158. .ui-autocomplete-result-item:active {
  1159. color: #666;
  1160. background: #fff
  1161. }
  1162. .ui-light .ui-autocomplete-result-item {
  1163. background: #f2f2f2;
  1164. border-bottom-color: #dfdfdf;
  1165. border-top-color: #fcfcfc;
  1166. color: #666
  1167. }
  1168. .ui-light .ui-autocomplete-result-hover,.ui-light .ui-autocomplete-result-item:hover {
  1169. background: #999;
  1170. color: #fff
  1171. }
  1172. .ui-loading {
  1173. background-position: 48% 45%!important;
  1174. background-repeat: no-repeat!important;
  1175. background-color: transparent;
  1176. height: 100%;
  1177. width: 100%
  1178. }
  1179. .ui-loading.light-small {
  1180. background-image: url(../../images/preloaders/windmill-loader_1x_light.gif)!important
  1181. }
  1182. .ui-loading.dark-small {
  1183. background-image: url(../../images/preloaders/windmill-loader_1x_dark.gif)!important;
  1184. background-color: #000
  1185. }
  1186. .ui-loading.light-medium {
  1187. background-image: url(../../images/preloaders/windmill-loader_2x_light.gif)!important
  1188. }
  1189. .ui-loading.dark-medium {
  1190. background-image: url(../../images/preloaders/windmill-loader_2x_dark.gif)!important;
  1191. background-color: #000
  1192. }
  1193. .ui-loading.dark-large {
  1194. background-image: url(../../images/preloaders/windmill-loader_3x_dark.gif)!important
  1195. }
  1196. .ui-loader {
  1197. display: block;
  1198. -moz-transition: all 200ms linear;
  1199. -o-transition: all 200ms linear;
  1200. -ms-transition: all 200ms linear;
  1201. opacity: 0;
  1202. visibility: hidden
  1203. }
  1204. .ui-loader.active {
  1205. opacity: 1;
  1206. visibility: visible
  1207. }
  1208. .ui-alert {
  1209. border-radius: 8px;
  1210. font-weight: 700;
  1211. top: -200px;
  1212. position: fixed;
  1213. left: 43%;
  1214. z-index: 10000;
  1215. background: #ff0;
  1216. padding: 10px 15px;
  1217. font-size: 12px;
  1218. color: #222;
  1219. display: none;
  1220. -webkit-transition: top .25s linear;
  1221. -moz-transition: top .25s linear;
  1222. -o-transition: top .25s linear;
  1223. -ms-transition: top .25s linear;
  1224. transition: top .25s linear
  1225. }
  1226. .ui-alert .close-btn {
  1227. background: url(../../images/sprites/ui-sprite.png) no-repeat -1020px 0;
  1228. cursor: pointer;
  1229. height: 21px;
  1230. margin-top: -9px;
  1231. position: absolute;
  1232. right: -10px;
  1233. top: 0;
  1234. width: 20px;
  1235. overflow: hidden;
  1236. text-indent: 105%;
  1237. white-space: nowrap
  1238. }
  1239. .ui-alert.active {
  1240. display: block;
  1241. top: 300px
  1242. }
  1243. .ui-alert.error {
  1244. background: red;
  1245. color: #fff
  1246. }
  1247. .ui-alert .prompt a {
  1248. cursor: pointer;
  1249. display: inline-block;
  1250. margin-left: .5em
  1251. }
  1252. .scrollable-content {
  1253. position: relative
  1254. }
  1255. .vertical-scroll {
  1256. border-radius: 4px;
  1257. height: 100%;
  1258. position: absolute;
  1259. right: 2px;
  1260. top: 0;
  1261. width: 7px
  1262. }
  1263. .vertical-scroll.hide {
  1264. display: none
  1265. }
  1266. .vertical-scroll>.scrolldragger {
  1267. background: #333;
  1268. border-radius: 4px;
  1269. opacity: .7;
  1270. padding: 0;
  1271. position: relative;
  1272. width: 7px;
  1273. -moz-transition: opacity .35s ease-out;
  1274. -ms-transition: opacity .35s ease-out;
  1275. -o-transition: opacity .35s ease-out
  1276. }
  1277. .vertical-scroll.ui-light>.scrolldragger {
  1278. background: #828282
  1279. }
  1280. .vertical-scroll.ui-lighter>.scrolldragger {
  1281. background: #e6e6e6
  1282. }
  1283. .vertical-scroll.ui-dark>.scrolldragger {
  1284. background: #333
  1285. }
  1286. .scrolldragger {
  1287. cursor: pointer;
  1288. position: relative
  1289. }
  1290. .vertical-scroll.fadeout>.scrolldragger {
  1291. opacity: 0
  1292. }
  1293. .vertical-scroll.fadeout.active>.scrolldragger {
  1294. opacity: .7
  1295. }
  1296. .vertical-scroll>.scrolldragger.hover>.over-icon {
  1297. background: url(../../images/sprites/ui-sprite.png) no-repeat 0 0;
  1298. height: 14px;
  1299. left: 50%;
  1300. margin: -7px 0 0 -3px;
  1301. position: absolute;
  1302. top: 50%;
  1303. width: 6px
  1304. }
  1305. .ui-dark.vertical-scroll>.scrolldragger {
  1306. background: #333
  1307. }
  1308. .ui-dark.vertical-scroll>.scrolldragger {
  1309. background: #ececec
  1310. }
  1311. .ui-lighter.vertical-scroll {
  1312. background-color: #ececec;
  1313. border: 1px solid #e4e4e4;
  1314. border-radius: 5px;
  1315. height: 100%;
  1316. top: 0;
  1317. right: 5px
  1318. }
  1319. .ui-lighter.vertical-scroll .scrolldragger {
  1320. background-color: #f7f7f7;
  1321. border: 1px solid #ccc;
  1322. border-radius: 10px;
  1323. margin-left: -1px;
  1324. min-height: 15px;
  1325. opacity: 1;
  1326. width: 7px
  1327. }
  1328. .ui-lighter.vertical-scroll .scrolldragger.hover {
  1329. width: 12px;
  1330. margin-left: -4px
  1331. }
  1332. .ui-lighter.vertical-scroll .scrolldragger>.over-icon {
  1333. display: none
  1334. }
  1335. .ui-lighter.vertical-scroll .scrolldragger.hover>.over-icon {
  1336. display: block;
  1337. background: url(../../images/sprites/ui-sprite.png) no-repeat 0 0;
  1338. background-position: -767px -22px;
  1339. width: 12px
  1340. }
  1341. .horizontal-scroll {
  1342. border-radius: 2px;
  1343. height: 7px;
  1344. left: 1px;
  1345. position: absolute;
  1346. bottom: 12px;
  1347. width: 100%
  1348. }
  1349. .horizontal-scroll>.scrolldragger {
  1350. border-radius: 3px;
  1351. height: 6px;
  1352. margin: -1px 0 0 0;
  1353. padding: 0;
  1354. width: 150px
  1355. }
  1356. .horizontal-scroll>.scrolldragger.hover {
  1357. border-radius: 8px;
  1358. height: 12px;
  1359. margin: -4px 0 0 0
  1360. }
  1361. .horizontal-scroll>.scrolldragger.hover>.over-icon {
  1362. background: url(../../images/sprites/ui-sprite.png) no-repeat 0 0;
  1363. height: 6px;
  1364. margin: 3px auto;
  1365. width: 14px
  1366. }
  1367. .ui-dark.horizontal-scroll {
  1368. background: #111;
  1369. background: rgba(0,0,0,.4);
  1370. border-bottom: solid 1px #000;
  1371. border-bottom: solid 1px rgba(0,0,0,.1);
  1372. border-top: solid 1px #000;
  1373. border-top: solid 1px rgba(0,0,0,.29)
  1374. }
  1375. .ui-dark.horizontal-scroll>.scrolldragger {
  1376. background: #333;
  1377. border: solid 1px #000;
  1378. box-shadow: inset 0 1px 0 0 #484848
  1379. }
  1380. .ui-dark.horizontal-scroll>.scrolldragger.hover>.over-icon {
  1381. background-position: -763px -47px
  1382. }
  1383. .ui-light.horizontal-scroll {
  1384. background: #ececec;
  1385. border-bottom: solid 1px #fff;
  1386. box-shadow: inset 0 1px 0 0 #e3e3e3;
  1387. border-top: solid 1px #d2d2d2
  1388. }
  1389. .ui-light.horizontal-scroll>.scrolldragger {
  1390. background: #f7f7f7;
  1391. border: solid 1px #c9c9c9;
  1392. box-shadow: inset 0 1px 0 0 #fff
  1393. }
  1394. .ui-light.horizontal-scroll>.scrolldragger.hover>.over-icon {
  1395. background-position: -763px -7px
  1396. }
  1397. /*!
  1398. * jQuery UI Datepicker 1.8.23
  1399. *
  1400. * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about)
  1401. * Dual licensed under the MIT or GPL Version 2 licenses.
  1402. * http://jquery.org/license
  1403. *
  1404. * http://docs.jquery.com/UI/Datepicker#theming
  1405. */
  1406. .ui-datepicker {
  1407. padding: 6px 6px 6px 5px;
  1408. display: none;
  1409. border-radius: 3px;
  1410. width: 220px;
  1411. box-shadow: 0 2px 9px rgba(0,0,0,.8);
  1412. position: relative
  1413. }
  1414. .ui-datepicker:after {
  1415. content: '';
  1416. display: block;
  1417. height: 17px;
  1418. position: absolute;
  1419. left: 50%;
  1420. margin-left: -19px;
  1421. top: -17px;
  1422. width: 39px
  1423. }
  1424. .ui-datepicker .ui-datepicker-header {
  1425. position: relative;
  1426. padding: 0;
  1427. background: 0;
  1428. border: 0
  1429. }
  1430. .ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {
  1431. position: absolute;
  1432. top: 2px;
  1433. width: 1.8em;
  1434. height: 1.8em;
  1435. display: none
  1436. }
  1437. .ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover {
  1438. top: 1px
  1439. }
  1440. .ui-datepicker .ui-datepicker-prev {
  1441. left: 2px
  1442. }
  1443. .ui-datepicker .ui-datepicker-next {
  1444. right: 2px
  1445. }
  1446. .ui-datepicker .ui-datepicker-prev-hover {
  1447. left: 1px
  1448. }
  1449. .ui-datepicker .ui-datepicker-next-hover {
  1450. right: 1px
  1451. }
  1452. .ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span {
  1453. display: block;
  1454. position: absolute;
  1455. left: 50%;
  1456. margin-left: -8px;
  1457. top: 50%;
  1458. margin-top: -8px
  1459. }
  1460. .ui-datepicker .ui-datepicker-title {
  1461. margin: 0;
  1462. line-height: 0;
  1463. text-align: center
  1464. }
  1465. .ui-datepicker .ui-datepicker-title select {
  1466. font-size: 1em;
  1467. margin: 1px 0
  1468. }
  1469. .ui-datepicker select.ui-datepicker-month-year {
  1470. width: 100%
  1471. }
  1472. .ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year {
  1473. width: 49%;
  1474. margin: 0;
  1475. padding: 0
  1476. }
  1477. .ui-datepicker table {
  1478. width: 100%;
  1479. font-size: 10px;
  1480. border-collapse: collapse;
  1481. margin: 0;
  1482. font-weight: 700
  1483. }
  1484. .ui-datepicker th {
  1485. padding: .7em .3em;
  1486. text-align: center;
  1487. font-weight: 700;
  1488. border: 0
  1489. }
  1490. .ui-datepicker td {
  1491. padding: 0
  1492. }
  1493. .ui-datepicker td.ui-datepicker-current-day,.ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today {
  1494. box-shadow: inset 0 1px 3px rgba(0,0,0,.5);
  1495. border-width: 0
  1496. }
  1497. .ui-datepicker td.ui-datepicker-today {
  1498. box-shadow: inset 0 1px 0 #5c5c5c;
  1499. border-width: 1px
  1500. }
  1501. .ui-datepicker td span,.ui-datepicker td a {
  1502. display: block;
  1503. padding: 0;
  1504. height: 25px;
  1505. line-height: 25px;
  1506. text-align: center;
  1507. text-decoration: none;
  1508. border: 2px solid transparent
  1509. }
  1510. .ui-datepicker .ui-state-default,.ui-datepicker .ui-widget-content .ui-state-default,.ui-datepicker .ui-widget-header .ui-state-default {
  1511. background: 0;
  1512. border: 2px solid transparent;
  1513. font-weight: 700
  1514. }
  1515. .ui-datepicker .ui-state-highlight,.ui-datepicker .ui-widget-content .ui-state-highlight,.ui-datepicker .ui-widget-header .ui-state-highlight {
  1516. background: 0;
  1517. box-shadow: none
  1518. }
  1519. .ui-datepicker .ui-datepicker-buttonpane {
  1520. background-image: none;
  1521. margin: .7em 0 0;
  1522. padding: 0 .2em;
  1523. border-left: 0;
  1524. border-right: 0;
  1525. border-bottom: 0
  1526. }
  1527. .ui-datepicker .ui-datepicker-buttonpane button {
  1528. float: right;
  1529. margin: .5em .2em .4em;
  1530. cursor: pointer;
  1531. padding: .2em .6em .3em;
  1532. width: auto;
  1533. overflow: visible
  1534. }
  1535. .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  1536. float: left
  1537. }
  1538. .ui-datepicker.ui-datepicker-multi {
  1539. width: auto
  1540. }
  1541. .ui-datepicker-multi .ui-datepicker-group {
  1542. float: left
  1543. }
  1544. .ui-datepicker-multi .ui-datepicker-group table {
  1545. width: 95%;
  1546. margin: 0 auto .4em
  1547. }
  1548. .ui-datepicker-multi-2 .ui-datepicker-group {
  1549. width: 50%
  1550. }
  1551. .ui-datepicker-multi-3 .ui-datepicker-group {
  1552. width: 33.3%
  1553. }
  1554. .ui-datepicker-multi-4 .ui-datepicker-group {
  1555. width: 25%
  1556. }
  1557. .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
  1558. border-left-width: 0
  1559. }
  1560. .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  1561. border-left-width: 0
  1562. }
  1563. .ui-datepicker-multi .ui-datepicker-buttonpane {
  1564. clear: left
  1565. }
  1566. .ui-datepicker-row-break {
  1567. clear: both;
  1568. width: 100%;
  1569. font-size: 0
  1570. }
  1571. .ui-datepicker-rtl {
  1572. direction: rtl
  1573. }
  1574. .ui-datepicker-rtl .ui-datepicker-prev {
  1575. right: 2px;
  1576. left: auto
  1577. }
  1578. .ui-datepicker-rtl .ui-datepicker-next {
  1579. left: 2px;
  1580. right: auto
  1581. }
  1582. .ui-datepicker-rtl .ui-datepicker-prev:hover {
  1583. right: 1px;
  1584. left: auto
  1585. }
  1586. .ui-datepicker-rtl .ui-datepicker-next:hover {
  1587. left: 1px;
  1588. right: auto
  1589. }
  1590. .ui-datepicker-rtl .ui-datepicker-buttonpane {
  1591. clear: right
  1592. }
  1593. .ui-datepicker-rtl .ui-datepicker-buttonpane button {
  1594. float: left
  1595. }
  1596. .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  1597. float: right
  1598. }
  1599. .ui-datepicker-rtl .ui-datepicker-group {
  1600. float: right
  1601. }
  1602. .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
  1603. border-right-width: 0;
  1604. border-left-width: 1px
  1605. }
  1606. .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  1607. border-right-width: 0;
  1608. border-left-width: 1px
  1609. }
  1610. .ui-datepicker-cover {
  1611. position: absolute;
  1612. z-index: -1;
  1613. filter: mask();
  1614. top: -4px;
  1615. left: -4px;
  1616. width: 200px;
  1617. height: 200px
  1618. }
  1619. .ui-date-picker {
  1620. display: inline-block;
  1621. position: relative
  1622. }
  1623. input.ui-date-picker {
  1624. border-radius: 3px;
  1625. border: 0;
  1626. height: 30px;
  1627. font-weight: 700;
  1628. font-size: 12px;
  1629. line-height: 12px;
  1630. outline: 0;
  1631. padding: 0 10px
  1632. }
  1633. .ui-date-picker-btn {
  1634. border-width: 1px;
  1635. border-style: solid;
  1636. border-radius: 2px;
  1637. content: '';
  1638. cursor: pointer;
  1639. display: block;
  1640. height: 28px;
  1641. position: absolute;
  1642. right: 0;
  1643. top: 0;
  1644. width: 33px
  1645. }
  1646. .ui-date-picker-btn:hover .ui-date-picker-btn:after {
  1647. opacity: 1
  1648. }
  1649. .ui-date-picker-btn:after {
  1650. content: '';
  1651. display: block;
  1652. height: 20px;
  1653. left: 6px;
  1654. opacity: .8;
  1655. position: absolute;
  1656. top: 4px;
  1657. width: 20px
  1658. }
  1659. .ui-date-picker-calendar-panel .ui-datepicker-unselectable {
  1660. opacity: .3
  1661. }
  1662. .ui-date-picker-calendar-panel .ui-datepicker-title {
  1663. font-weight: 700;
  1664. font-size: 14px;
  1665. line-height: normal
  1666. }
  1667. .ui-date-picker-calendar-panel .ui-datepicker-title select {
  1668. font-size: 16px
  1669. }
  1670. .ui-dark .ui-date-picker-btn,.ui-dark.ui-date-picker-btn {
  1671. background: #3a3a3a;
  1672. background: -moz-linear-gradient(top,#3a3a3a 0,#2e2e2e 100%);
  1673. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#3a3a3a),color-stop(100%,#2e2e2e));
  1674. background: -webkit-linear-gradient(top,#3a3a3a 0,#2e2e2e 100%);
  1675. background: -o-linear-gradient(top,#3a3a3a 0,#2e2e2e 100%);
  1676. background: -ms-linear-gradient(top,#3a3a3a 0,#2e2e2e 100%);
  1677. background: linear-gradient(to bottom,#3a3a3a 0,#2e2e2e 100%);
  1678. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a3a3a', endColorstr='#2e2e2e', GradientType=0)
  1679. }
  1680. .ui-dark .ui-date-picker-btn:after,.ui-dark.ui-date-picker-btn:after {
  1681. background: url(../../images/sprites/ui-sprite.png) no-repeat -860px 0
  1682. }
  1683. .ui-dark .ui-date-picker-btn:hover,.ui-dark.ui-date-picker-btn:hover {
  1684. background: #474747;
  1685. background: -moz-linear-gradient(top,#474747 0,#3b3b3b 100%);
  1686. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#474747),color-stop(100%,#3b3b3b));
  1687. background: -webkit-linear-gradient(top,#474747 0,#3b3b3b 100%);
  1688. background: -o-linear-gradient(top,#474747 0,#3b3b3b 100%);
  1689. background: -ms-linear-gradient(top,#474747 0,#3b3b3b 100%);
  1690. background: linear-gradient(to bottom,#474747 0,#3b3b3b 100%);
  1691. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#474747', endColorstr='#3b3b3b', GradientType=0)
  1692. }
  1693. .ui-dark.ui-date-picker-calendar-panel {
  1694. background: #333;
  1695. border-color: #0b0b0b
  1696. }
  1697. .ui-dark.ui-date-picker-calendar-panel .ui-datepicker-title {
  1698. color: #f4f4f4
  1699. }
  1700. .ui-dark.ui-date-picker-calendar-panel:after {
  1701. background: url(../../images/sprites/ui-sprite.png) no-repeat -100px -233px
  1702. }
  1703. .ui-dark.ui-date-picker-calendar-panel th {
  1704. color: #868686
  1705. }
  1706. .ui-dark.ui-date-picker-calendar-panel td {
  1707. border: 1px solid #292929;
  1708. box-shadow: inset 0 1px 0 #3a3a3a
  1709. }
  1710. .ui-dark.ui-date-picker-calendar-panel td.ui-datepicker-current-day,.ui-dark.ui-date-picker-calendar-panel td.ui-datepicker-current-day.ui-datepicker-today {
  1711. background: #1a90e5;
  1712. border-width: 0
  1713. }
  1714. .ui-dark.ui-date-picker-calendar-panel td.ui-datepicker-today {
  1715. background: #424242
  1716. }
  1717. .ui-dark.ui-date-picker-calendar-panel .ui-state-default,.ui-dark.ui-date-picker-calendar-panel .ui-widget-content .ui-state-default,.ui-dark.ui-date-picker-calendar-panel .ui-widget-header .ui-state-default {
  1718. color: #fff
  1719. }
  1720. .ui-dark.ui-date-picker-calendar-panel .ui-widget-header .ui-state-default {
  1721. color: #fff
  1722. }
  1723. .ui-dark.ui-date-picker-calendar-panel .ui-state-default:hover,.ui-dark.ui-date-picker-calendar-panel .ui-widget-content .ui-state-default:hover,.ui-dark.ui-date-picker-calendar-panel .ui-widget-header .ui-state-default:hover {
  1724. border-color: #fff
  1725. }
  1726. .ui-dark.ui-date-picker-calendar-panel .ui-widget-header .ui-priority-secondary {
  1727. background: #262626;
  1728. color: #515151
  1729. }
  1730. .ui-dark.ui-date-picker-calendar-panel .ui-priority-secondary,.ui-dark.ui-date-picker-calendar-panel .ui-widget-content .ui-priority-secondary,.ui-dark.ui-date-picker-calendar-panel .ui-widget-header .ui-priority-secondary {
  1731. background: #262626;
  1732. color: #515151;
  1733. box-shadow: 0 0 1px #000
  1734. }
  1735. .ui-dark.ui-date-picker-calendar-panel .ui-priority-secondary:hover,.ui-dark.ui-date-picker-calendar-panel .ui-widget-content .ui-priority-secondary:hover,.ui-dark.ui-date-picker-calendar-panel .ui-widget-header .ui-priority-secondary:hover {
  1736. color: #fff
  1737. }
  1738. .ui-light .ui-date-picker-btn,.ui-light.ui-date-picker-btn {
  1739. background: #fff;
  1740. background: -moz-linear-gradient(#fefefe,#e8e8e8);
  1741. background: -ms-linear-gradient(#fefefe,#e8e8e8);
  1742. background: -o-linear-gradient(#fefefe,#e8e8e8);
  1743. background: -webkit-linear-gradient(#fefefe,#e8e8e8);
  1744. background: linear-gradient(#fefefe,#e8e8e8);
  1745. border: 1px solid #838383
  1746. }
  1747. .ui-light .ui-date-picker-btn:hover,.ui-light.ui-date-picker-btn:hover {
  1748. background: #bcbcbc
  1749. }
  1750. .ui-light .ui-date-picker-btn:after,.ui-light.ui-date-picker-btn:after {
  1751. background: url(../../images/sprites/ui-sprite.png) no-repeat -860px -22px
  1752. }
  1753. .ui-light.ui-date-picker-calendar-panel {
  1754. background: #fafafa;
  1755. background: -moz-linear-gradient(#eaeaea,#dcdcdc);
  1756. background: -ms-linear-gradient(#eaeaea,#dcdcdc);
  1757. background: -o-linear-gradient(#eaeaea,#dcdcdc);
  1758. background: -webkit-linear-gradient(#eaeaea,#dcdcdc);
  1759. background: linear-gradient(#eaeaea,#dcdcdc);
  1760. border-color: #afafaf
  1761. }
  1762. .ui-light.ui-date-picker-calendar-panel .ui-datepicker-title {
  1763. color: #838383
  1764. }
  1765. .ui-light.ui-date-picker-calendar-panel.hide:after {
  1766. background: 0
  1767. }
  1768. .ui-light.ui-date-picker-calendar-panel th {
  1769. color: #838383
  1770. }
  1771. .ui-light.ui-date-picker-calendar-panel td {
  1772. border: 1px solid #afafaf;
  1773. box-shadow: inset 0 1px 0 rgba(255,255,255,.25)
  1774. }
  1775. .ui-light.ui-date-picker-calendar-panel td.ui-datepicker-current-day,.ui-light.ui-date-picker-calendar-panel td.ui-datepicker-current-day.ui-datepicker-today {
  1776. background: #1a90e5
  1777. }
  1778. .ui-light.ui-date-picker-calendar-panel td.ui-datepicker-current-day.ui-datepicker-today .ui-state-active {
  1779. color: #fff
  1780. }
  1781. .ui-light.ui-date-picker-calendar-panel td.ui-datepicker-today {
  1782. background: #fff
  1783. }
  1784. .ui-light.ui-date-picker-calendar-panel td.ui-datepicker-current-day .ui-state-active {
  1785. color: #fff
  1786. }
  1787. .ui-light.ui-date-picker-calendar-panel .ui-datepicker-unselectable {
  1788. opacity: .3;
  1789. color: #b1b1b1
  1790. }
  1791. .ui-light.ui-date-picker-calendar-panel .ui-state-default,.ui-light.ui-date-picker-calendar-panel .ui-widget-content .ui-state-default,.ui-light.ui-date-picker-calendar-panel .ui-widget-header .ui-state-default {
  1792. color: #4b4b4b
  1793. }
  1794. .ui-light.ui-date-picker-calendar-panel .ui-widget-header .ui-state-default {
  1795. color: #666
  1796. }
  1797. .ui-light.ui-date-picker-calendar-panel .ui-state-default:hover,.ui-light.ui-date-picker-calendar-panel .ui-widget-content .ui-state-default:hover,.ui-light.ui-date-picker-calendar-panel .ui-widget-header .ui-state-default:hover {
  1798. border-color: #1a90e5
  1799. }
  1800. .ui-light.ui-date-picker-calendar-panel .ui-widget-header .ui-priority-secondary {
  1801. background: #5f5f5f;
  1802. color: #fff
  1803. }
  1804. .ui-light.ui-date-picker-calendar-panel .ui-priority-secondary,.ui-light.ui-date-picker-calendar-panel .ui-widget-content .ui-priority-secondary,.ui-light.ui-date-picker-calendar-panel .ui-widget-header .ui-priority-secondary {
  1805. background: #afafaf;
  1806. color: #fff
  1807. }
  1808. .ui-light.ui-date-picker-calendar-panel .ui-priority-secondary:hover,.ui-light.ui-date-picker-calendar-panel .ui-widget-content .ui-priority-secondary:hover,.ui-light.ui-date-picker-calendar-panel .ui-widget-header .ui-priority-secondary:hover {
  1809. color: #4b4b4b
  1810. }
  1811. .ui-tooltip-panel {
  1812. display: none;
  1813. background: #606060;
  1814. background: -moz-linear-gradient(top,rgba(96,96,96,1) 4%,rgba(56,56,56,1) 16%,rgba(19,19,19,1) 30%);
  1815. background: -webkit-gradient(linear,left top,left bottom,color-stop(4%,rgba(96,96,96,1)),color-stop(16%,rgba(56,56,56,1)),color-stop(30%,rgba(19,19,19,1)));
  1816. background: -webkit-linear-gradient(top,rgba(96,96,96,1) 4%,rgba(56,56,56,1) 16%,rgba(19,19,19,1) 30%);
  1817. background: -o-linear-gradient(top,rgba(96,96,96,1) 4%,rgba(56,56,56,1) 16%,rgba(19,19,19,1) 30%);
  1818. background: -ms-linear-gradient(top,rgba(96,96,96,1) 4%,rgba(56,56,56,1) 16%,rgba(19,19,19,1) 30%);
  1819. background: linear-gradient(to bottom,rgba(96,96,96,1) 4%,rgba(56,56,56,1) 16%,rgba(19,19,19,1) 30%);
  1820. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#606060', endColorstr='#131313', GradientType=0);
  1821. font-size: 11px;
  1822. color: #fff;
  1823. padding: 13px 14px;
  1824. border-radius: 3px;
  1825. position: absolute;
  1826. box-shadow: 0 0 8px 0 rgba(0,0,0,.4)
  1827. }
  1828. .ui-tooltip-panel:before {
  1829. content: "";
  1830. position: absolute;
  1831. margin: 0;
  1832. padding: 0;
  1833. width: 0;
  1834. height: 0
  1835. }
  1836. .ui-tooltip-panel-left:before {
  1837. border-bottom: 6px solid transparent;
  1838. border-top: 6px solid transparent;
  1839. border-left: 6px solid #000;
  1840. border-right: 0;
  1841. top: 50%;
  1842. margin-top: -6px;
  1843. right: -6px
  1844. }
  1845. .ui-tooltip-panel-right:before {
  1846. border-bottom: 6px solid transparent;
  1847. border-top: 6px solid transparent;
  1848. border-right: 6px solid #000;
  1849. border-left: 0;
  1850. top: 50%;
  1851. margin-top: -6px;
  1852. left: -6px
  1853. }
  1854. .ui-tooltip-panel-bottom:before {
  1855. border-left: 6px solid transparent;
  1856. border-right: 6px solid transparent;
  1857. border-bottom: 6px solid #606060;
  1858. border-top: 0;
  1859. top: -6px;
  1860. left: 50%;
  1861. margin-left: -6px
  1862. }
  1863. .ui-tooltip-panel-top:before {
  1864. border-left: 6px solid transparent;
  1865. border-right: 6px solid transparent;
  1866. border-top: 6px solid #000;
  1867. border-bottom: 0;
  1868. bottom: -6px;
  1869. left: 50%;
  1870. margin-left: -6px
  1871. }
  1872. .ui-page-turn {
  1873. background-color: #000;
  1874. display: none;
  1875. height: 100%;
  1876. left: 0;
  1877. position: absolute;
  1878. top: 0;
  1879. width: 50%;
  1880. z-index: 10
  1881. }
  1882. .ui-page-turn.active {
  1883. display: block;
  1884. width: 100%
  1885. }
  1886. .ui-page-turn.left {
  1887. display: block;
  1888. left: 0;
  1889. overflow: hidden;
  1890. z-index: 11
  1891. }
  1892. .ui-page-turn.right {
  1893. display: block;
  1894. left: 50%;
  1895. overflow: hidden;
  1896. z-index: 11
  1897. }
  1898. .ui-page-turn.preload {
  1899. display: block;
  1900. z-index: 9
  1901. }
  1902. .ui-page-turn.right>.ui-placer {
  1903. height: 100%;
  1904. left: -100%;
  1905. position: absolute;
  1906. width: 100%
  1907. }
  1908. .ui-placer {
  1909. height: 100%;
  1910. position: absolute;
  1911. width: 100%;
  1912. z-index: 10
  1913. }
  1914. .ui-page-turn-animator {
  1915. height: 100%;
  1916. left: 0;
  1917. position: absolute;
  1918. top: 0;
  1919. width: 100%;
  1920. z-index: 11
  1921. }
  1922. .ui-shadow {
  1923. background-color: #000;
  1924. position: absolute;
  1925. width: 100%;
  1926. height: 100%;
  1927. z-index: 11
  1928. }
  1929. .ui-flip-panel {
  1930. display: none;
  1931. height: 100%;
  1932. left: 0;
  1933. overflow: hidden;
  1934. position: absolute;
  1935. top: 0;
  1936. width: 100%;
  1937. z-index: 0
  1938. }
  1939. .ui-flip-panel.active {
  1940. display: block;
  1941. z-index: 1
  1942. }
  1943. .ui-film {
  1944. background-color: #000;
  1945. bottom: 0;
  1946. left: 0;
  1947. opacity: 0;
  1948. filter: alpha(opacity=0);
  1949. position: absolute;
  1950. right: 0;
  1951. top: 0;
  1952. z-index: 99
  1953. }
  1954. .ui-film.show {
  1955. opacity: .7;
  1956. filter: alpha(opacity=70)
  1957. }
  1958. .ui-film.fullscreen {
  1959. opacity: 1;
  1960. filter: alpha(opacity=100);
  1961. z-index: 0
  1962. }
  1963. .ui-app-loader {
  1964. height: 100%;
  1965. position: absolute;
  1966. width: 100%
  1967. }
  1968. .play-btn-s {
  1969. background: url(../../images/buttons/video-play-12x12.png) no-repeat;
  1970. height: 12px;
  1971. width: 12px
  1972. }
  1973. .play-btn-m {
  1974. background: url(../../images/buttons/video-play-24x24.png) no-repeat;
  1975. height: 24px;
  1976. position: relative;
  1977. width: 24px;
  1978. bottom: 26px;
  1979. right: -54px
  1980. }
  1981. .play-btn-l {
  1982. background: url(../../images/buttons/video-play.png) no-repeat;
  1983. height: 34px;
  1984. position: absolute;
  1985. width: 34px
  1986. }
  1987. .hidden {
  1988. display: none!important;
  1989. visibility: hidden
  1990. }
  1991. .visuallyhidden {
  1992. border: 0;
  1993. clip: rect(0 0 0 0);
  1994. height: 1px;
  1995. margin: -1px;
  1996. overflow: hidden;
  1997. padding: 0;
  1998. position: absolute;
  1999. width: 1px
  2000. }
  2001. .visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
  2002. clip: auto;
  2003. height: auto;
  2004. margin: 0;
  2005. overflow: visible;
  2006. position: static;
  2007. width: auto
  2008. }
  2009. .invisible {
  2010. visibility: hidden
  2011. }
  2012. .clearfix:before,.clearfix:after {
  2013. content: "";
  2014. display: table
  2015. }
  2016. .clearfix:after {
  2017. clear: both
  2018. }
  2019. .clearfix {
  2020. *zoom: 1
  2021. }
  2022. .site-header {
  2023. min-height: 120px;
  2024. width: 100%
  2025. }
  2026. .site-header-collapsed {
  2027. min-height: 40px
  2028. }
  2029. .site-header-inner-wrap {
  2030. background: #141414;
  2031. min-width: 980px;
  2032. position: relative;
  2033. width: 100%;
  2034. z-index: 9000
  2035. }
  2036. .site-header-inner-wrap-fixed {
  2037. position: fixed
  2038. }
  2039. .site-masthead {
  2040. background: #141414;
  2041. overflow: hidden;
  2042. position: relative
  2043. }
  2044. .site-masthead-logo-link {
  2045. display: block;
  2046. position: absolute;
  2047. z-index: 1
  2048. }
  2049. .site-masthead-search-wrap {
  2050. height: 80px;
  2051. overflow: hidden;
  2052. position: relative;
  2053. text-align: right
  2054. }
  2055. .site-masthead-search-wrap-collapsed {
  2056. height: 0
  2057. }
  2058. .site-masthead-search-form {
  2059. margin-top: 19px;
  2060. width: auto
  2061. }
  2062. .site-masthead-search-input-wrap {
  2063. display: inline-block;
  2064. position: relative;
  2065. vertical-align: top;
  2066. width: auto;
  2067. z-index: 10
  2068. }
  2069. .site-masthead-search-form-input {
  2070. background: #eee;
  2071. border: 0;
  2072. border-radius: 2px;
  2073. box-shadow: inset 0 1px 2px rgba(0,0,0,.4);
  2074. color: #333;
  2075. font-size: 17px;
  2076. height: 40px;
  2077. line-height: 20px;
  2078. outline: 0;
  2079. padding: 0 46px 0 10px;
  2080. transition: background-color .15s;
  2081. width: 160px
  2082. }
  2083. .site-masthead-search-form-input:focus {
  2084. background: #fff
  2085. }
  2086. @media only screen and (min-width: 1150px) {
  2087. .site-masthead-search-form-input {
  2088. width:350px
  2089. }
  2090. }
  2091. .site-masthead-search-input-wrap:before {
  2092. content: '';
  2093. background: url(../../images/sprites/header-sprite.png) no-repeat -274px -69px;
  2094. display: none;
  2095. left: 9px;
  2096. position: absolute;
  2097. padding: 0;
  2098. top: 8px;
  2099. width: 40px;
  2100. height: 30px
  2101. }
  2102. .lt-ie9 .site-masthead-search-form-input {
  2103. position: relative;
  2104. z-index: -1
  2105. }
  2106. .site-masthead-search-form-input>.ui-text-input-clear-btn {
  2107. background: url(../../images/sprites/header-sprite.png) no-repeat -277px -115px transparent;
  2108. display: none;
  2109. height: 20px;
  2110. overflow: hidden;
  2111. position: absolute;
  2112. right: 10px;
  2113. top: 10px;
  2114. width: 21px;
  2115. z-index: 6
  2116. }
  2117. input.site-masthead-search-btn {
  2118. display: none
  2119. }
  2120. .site-masthead-search-btn-div {
  2121. cursor: pointer;
  2122. height: 40px;
  2123. position: absolute;
  2124. right: 0;
  2125. top: 0;
  2126. width: 49px
  2127. }
  2128. .site-masthead-search-btn-div:after {
  2129. background: url(../../images/sprites/header-sprite.png) 0 0;
  2130. content: '';
  2131. display: block;
  2132. height: 27px;
  2133. margin: 7px 0 0 12px;
  2134. opacity: .6;
  2135. transition: opacity .15s;
  2136. width: 28px
  2137. }
  2138. .site-masthead-search-btn-div:hover:after {
  2139. opacity: 1
  2140. }
  2141. .site-masthead-search-close-btn {
  2142. cursor: pointer;
  2143. display: none;
  2144. height: 40px;
  2145. margin: 0 -10px 0 5px;
  2146. overflow: hidden;
  2147. padding: 0 10px;
  2148. vertical-align: top
  2149. }
  2150. .show-search .site-masthead-search-close-btn,.site-masthead-search-close-btn-visible {
  2151. display: inline-block
  2152. }
  2153. .site-masthead-search-close-btn:after {
  2154. background-position: 0 -30px;
  2155. content: '';
  2156. display: inline-block;
  2157. height: 21px;
  2158. opacity: .6;
  2159. position: relative;
  2160. top: 10px;
  2161. transition: opacity .15s;
  2162. width: 21px
  2163. }
  2164. .site-masthead-search-close-btn:hover:after {
  2165. opacity: 1
  2166. }
  2167. .site-masthead-subscribe-wrap {
  2168. display: none;
  2169. margin-left: 20px;
  2170. height: 40px
  2171. }
  2172. .site-masthead-special-offers-ad {
  2173. display: none;
  2174. margin: -7px 0 0 20px
  2175. }
  2176. .site-masthead-subscribe-wrap-visible {
  2177. display: inline-block!important
  2178. }
  2179. a.site-masthead-subscribe-link {
  2180. color: #fff;
  2181. display: table-cell;
  2182. height: 40px;
  2183. line-height: 8px;
  2184. text-align: center;
  2185. vertical-align: middle
  2186. }
  2187. .site-masthead-subscribe-primary-text {
  2188. color: #00a0f8;
  2189. display: block;
  2190. font-family: 'Futura Today DemiBold',Arial,sans-serif;
  2191. font-size: 14px
  2192. }
  2193. .site-masthead-subscribe-secondary-text {
  2194. color: #fff;
  2195. display: block;
  2196. font-family: 'Futura Today',Arial,sans-serif;
  2197. font-size: 14px;
  2198. letter-spacing: .25px;
  2199. margin: 8px 0 0
  2200. }
  2201. .site-nav {
  2202. background: #141414;
  2203. border-top: 1px solid #343434;
  2204. box-shadow: 0 2px 2px rgba(0,0,0,.2);
  2205. height: 39px;
  2206. position: relative;
  2207. width: 100%;
  2208. z-index: 9005
  2209. }
  2210. .site-nav-list {
  2211. display: table;
  2212. margin-top: -1px
  2213. }
  2214. .site-masthead,.site-nav-list {
  2215. margin-left: auto;
  2216. margin-right: auto;
  2217. transition: 200ms width linear;
  2218. -moz-transition: 200ms width linear;
  2219. -webkit-transition: 200ms width linear;
  2220. width: 840px
  2221. }
  2222. @media only screen and (min-width: 1150px) {
  2223. .site-masthead,.site-nav-list {
  2224. width:1080px
  2225. }
  2226. }
  2227. @media only screen and (min-width: 1250px) {
  2228. .site-masthead,.site-nav-list {
  2229. width:1180px
  2230. }
  2231. }
  2232. .site-nav-item {
  2233. display: table-cell;
  2234. height: 40px;
  2235. line-height: 36px;
  2236. margin: 0;
  2237. opacity: 0;
  2238. padding: 0;
  2239. position: relative;
  2240. transition: opacity .5s;
  2241. vertical-align: top;
  2242. visibility: hidden;
  2243. width: 1%;
  2244. z-index: 1
  2245. }
  2246. .site-nav-item-visible {
  2247. opacity: 1;
  2248. visibility: visible
  2249. }
  2250. .site-nav-item-hidden,.site-nav-blank-item {
  2251. display: none
  2252. }
  2253. .site-nav-spacer-item {
  2254. width: 100%
  2255. }
  2256. .site-nav-active-item {
  2257. z-index: 9010
  2258. }
  2259. .site-nav-inner-wrap {
  2260. display: block;
  2261. position: relative
  2262. }
  2263. .site-nav-link {
  2264. border-right: 1px solid #343434;
  2265. color: #fff;
  2266. display: block;
  2267. font-family: 'Futura Today Bold',Helvetica,Arial,sans-serif;
  2268. font-size: 11px;
  2269. outline: 0;
  2270. position: relative;
  2271. text-decoration: none;
  2272. text-shadow: 0 1px 0 #000;
  2273. text-transform: uppercase
  2274. }
  2275. .site-nav-link:hover,.site-nav-link:visited {
  2276. color: #fff
  2277. }
  2278. .site-nav-first-secondary-link {
  2279. border-left: 1px solid #343434
  2280. }
  2281. .site-nav-text-link {
  2282. border-style: solid;
  2283. border-width: 0 1px 0 0;
  2284. height: 40px;
  2285. margin: 0
  2286. }
  2287. .site-nav-auxiliary-text-link,.site-nav-auxiliary-text-link:visited {
  2288. color: #fff;
  2289. line-height: 40px;
  2290. font-family: 'Futura Today Bold';
  2291. transition: background-color,color .15s,.15s;
  2292. -webkit-backface-visibility: hidden
  2293. }
  2294. .site-nav-auxiliary-text-link.site-nav-more-link {
  2295. display: block
  2296. }
  2297. .site-nav-active-item .site-nav-auxiliary-text-link,.site-nav-auxiliary-text-link:hover {
  2298. background: #333;
  2299. color: #fff
  2300. }
  2301. .site-nav-item.site-nav-first-primary-item {
  2302. border-left: 1px solid #343434
  2303. }
  2304. .site-nav-external-text-link {
  2305. background: rgba(0,0,0,.3)
  2306. }
  2307. .site-nav-icon-link {
  2308. height: 40px;
  2309. transition: background-color .15s
  2310. }
  2311. .site-nav-icon-link:hover {
  2312. background: #333
  2313. }
  2314. .site-nav-active-item .site-nav-icon-link,.site-nav-active-item .site-nav-link,.site-nav-item-dropdown-active .site-nav-link,.site-nav-active-alt-span {
  2315. background: #333
  2316. }
  2317. .site-nav-active-item>.site-nav-icon-link:before,.site-nav-active-item>.site-nav-icon-link:after {
  2318. display: none
  2319. }
  2320. .site-nav-theme-border {
  2321. height: 1px;
  2322. left: 0;
  2323. position: absolute;
  2324. top: 0;
  2325. width: 100%;
  2326. z-index: 1
  2327. }
  2328. .site-nav-span {
  2329. display: block;
  2330. padding: 0 13px;
  2331. position: relative;
  2332. text-align: center;
  2333. white-space: nowrap;
  2334. z-index: 9005
  2335. }
  2336. .site-nav-text-span {
  2337. height: 40px;
  2338. line-height: 40px;
  2339. margin: 0;
  2340. -webkit-transition: background-color .15s;
  2341. -moz-transition: background-color .15s;
  2342. -ms-transition: background-color .15s;
  2343. -o-transition: background-color .15s;
  2344. transition: background-color .15s;
  2345. -webkit-backface-visibility: hidden;
  2346. -webkit-transform: rotate(0)
  2347. }
  2348. .site-nav-text-span:hover {
  2349. background: #333
  2350. }
  2351. .site-nav-text-span.site-nav-first-primary-span {
  2352. margin-left: 0
  2353. }
  2354. .site-nav-icon-span {
  2355. height: 40px;
  2356. margin: 0 auto;
  2357. overflow: hidden;
  2358. padding: 0 10px;
  2359. text-indent: -10000em;
  2360. white-space: nowrap
  2361. }
  2362. .site-nav-alt-span {
  2363. margin-top: -40px;
  2364. transition: margin .75s;
  2365. -moz-transition: margin .75s;
  2366. -webkit-transition: margin .75s;
  2367. -o-transition: margin .75s;
  2368. -webkit-transform: rotate(0)
  2369. }
  2370. .site-nav-visible-alt-span {
  2371. margin-top: 0
  2372. }
  2373. .site-nav-icon-span:after {
  2374. background: transparent url(../../images/sprites/header-sprite.png) no-repeat bottom right;
  2375. content: '';
  2376. display: inline-block;
  2377. height: 20px;
  2378. left: 50%;
  2379. opacity: .7;
  2380. position: absolute;
  2381. top: 11px;
  2382. width: 20px;
  2383. -webkit-backface-visibility: hidden;
  2384. -webkit-transform: rotate(0);
  2385. transition: opacity .15s
  2386. }
  2387. .site-nav-icon-link:hover .site-nav-icon-span:after,.site-nav-active-item .site-nav-icon-span:after {
  2388. opacity: 1
  2389. }
  2390. .site-nav-span-wrap {
  2391. height: 40px;
  2392. margin: 0;
  2393. overflow: hidden;
  2394. padding: 0;
  2395. position: relative;
  2396. z-index: 1
  2397. }
  2398. .site-nav-text-span-wrap {
  2399. height: 40px;
  2400. margin: 0
  2401. }
  2402. .site-nav-text-span-wrap>.site-nav-alt-span {
  2403. line-height: 39px
  2404. }
  2405. .site-nav-logo-item:after {
  2406. right: 0
  2407. }
  2408. .site-nav-logo-item {
  2409. border: 0;
  2410. width: 1px
  2411. }
  2412. .site-nav-logo-link {
  2413. border: 0;
  2414. display: block;
  2415. height: 40px;
  2416. overflow: hidden;
  2417. position: relative;
  2418. margin-left: -10px;
  2419. -webkit-transition: background-color .15s;
  2420. -moz-transition: background-color .15s;
  2421. -ms-transition: background-color .15s;
  2422. -o-transition: background-color .15s;
  2423. transition: background-color .15s;
  2424. text-align: left;
  2425. width: 0
  2426. }
  2427. .site-nav-logo-link-expanded {
  2428. width: auto
  2429. }
  2430. .site-nav-logo-link:before,.site-nav-logo-link:after {
  2431. display: none
  2432. }
  2433. .site-nav-logo-link:hover {
  2434. background: #333
  2435. }
  2436. .site-nav-logo-img {
  2437. opacity: 0;
  2438. margin: 0 10px
  2439. }
  2440. .site-nav-logo-img-collapsed {
  2441. opacity: 1
  2442. }
  2443. .site-nav-media-span {
  2444. width: 21px
  2445. }
  2446. .site-nav-media-span:after {
  2447. background-position: -104px 0;
  2448. height: 17px;
  2449. margin-left: -10px;
  2450. top: 11px;
  2451. width: 21px
  2452. }
  2453. .site-nav-big-page-span {
  2454. width: 17px
  2455. }
  2456. .site-nav-big-page-span:after {
  2457. background-position: -108px -20px;
  2458. height: 16px;
  2459. margin-left: -8px;
  2460. top: 11px;
  2461. width: 17px
  2462. }
  2463. .lt-ie9 .site-nav-big-page-item {
  2464. display: none
  2465. }
  2466. .site-nav-search-span {
  2467. width: 19px
  2468. }
  2469. .site-nav-search-span:after {
  2470. background-position: -62px 0;
  2471. height: 18px;
  2472. margin-left: -10px;
  2473. top: 11px;
  2474. width: 19px
  2475. }
  2476. .site-nav-ugc-span {
  2477. width: 14px
  2478. }
  2479. .site-nav-ugc-span:after {
  2480. background-position: -85px -20px;
  2481. height: 19px;
  2482. margin-left: -7px;
  2483. top: 10px;
  2484. width: 14px
  2485. }
  2486. .site-nav-usa-today-span:before {
  2487. background: url(../../images/sprites/header-sprite.png) no-repeat -209px 0;
  2488. content: '';
  2489. display: inline-block;
  2490. height: 14px;
  2491. margin-right: 5px;
  2492. padding: 0;
  2493. position: relative;
  2494. top: 3px;
  2495. width: 17px
  2496. }
  2497. .header-nav-dropdown-light-btn,.header-nav-dropdown-dark-btn {
  2498. border-radius: 2px
  2499. }
  2500. .header-nav-dropdown-light-btn {
  2501. background: #e6e6e6;
  2502. border-color: #e6e6e6;
  2503. box-shadow: 0 2px 2px rgba(0,0,0,.2);
  2504. color: #333;
  2505. text-shadow: none
  2506. }
  2507. .header-nav-dropdown-light-btn:hover {
  2508. background: #fff
  2509. }
  2510. .header-nav-dropdown-dark-btn {
  2511. border-color: #474747;
  2512. box-shadow: 0 2px 2px rgba(0,0,0,.2);
  2513. background: #474747;
  2514. background: -moz-linear-gradient(top,#474747 0,#3e3e3e 100%);
  2515. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#474747),color-stop(100%,#3e3e3e));
  2516. background: -webkit-linear-gradient(top,#474747 0,#3e3e3e 100%);
  2517. background: -o-linear-gradient(top,#474747 0,#3e3e3e 100%);
  2518. background: -ms-linear-gradient(top,#474747 0,#3e3e3e 100%);
  2519. background: linear-gradient(top,#474747 0,#3e3e3e 100%);
  2520. color: #fff
  2521. }
  2522. .header-nav-dropdown-dark-btn:hover {
  2523. background: #575757;
  2524. background: -moz-linear-gradient(top,#575757 0,#4b4b4b 100%);
  2525. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#575757),color-stop(100%,#4b4b4b));
  2526. background: -webkit-linear-gradient(top,#575757 0,#4b4b4b 100%);
  2527. background: -o-linear-gradient(top,#575757 0,#4b4b4b 100%);
  2528. background: -ms-linear-gradient(top,#575757 0,#4b4b4b 100%);
  2529. background: linear-gradient(top,#575757 0,#4b4b4b 100%);
  2530. border-color: #5e5e5e;
  2531. color: #fff
  2532. }
  2533. .site-nav-dropdown {
  2534. background: #333;
  2535. box-shadow: 0 3px 6px rgba(0,0,0,.7);
  2536. color: #fff;
  2537. font-size: 11px;
  2538. display: none;
  2539. line-height: normal;
  2540. opacity: 0;
  2541. position: absolute;
  2542. right: 0;
  2543. top: 40px;
  2544. -webkit-backface-visibility: hidden;
  2545. -webkit-transform: rotate(0);
  2546. width: 240px
  2547. }
  2548. .site-nav-more-module {
  2549. display: none
  2550. }
  2551. .site-nav-dropdown.site-nav-more-dropdown-1col {
  2552. left: -1px;
  2553. right: auto;
  2554. width: auto
  2555. }
  2556. .site-nav-more-dropdown-inner-wrap {
  2557. white-space: nowrap
  2558. }
  2559. .site-nav-more-dropdown-list {
  2560. display: inline-block;
  2561. margin: 15px 0 5px 15px;
  2562. vertical-align: top
  2563. }
  2564. .site-nav-more-dropdown-list-2col {
  2565. width: 240px
  2566. }
  2567. .site-nav-more-dropdown-item {
  2568. display: none;
  2569. float: left;
  2570. margin: 0 15px 10px 0
  2571. }
  2572. .site-nav-more-dropdown-item-visible {
  2573. display: block
  2574. }
  2575. .site-nav-more-dropdown-item-2col {
  2576. width: 100px
  2577. }
  2578. .site-nav-more-dropdown-item-hidden {
  2579. display: none
  2580. }
  2581. .site-nav-more-dropdown-item-odd {
  2582. clear: left
  2583. }
  2584. a.site-nav-more-dropdown-link,a.site-nav-more-dropdown-link:visited {
  2585. color: #cdcdcd;
  2586. transition: color .15s
  2587. }
  2588. .site-nav-more-dropdown-link:hover {
  2589. color: #fff
  2590. }
  2591. .site-nav-more-dropdown-front-toggle {
  2592. border-top: 1px solid #484848;
  2593. clear: both
  2594. }
  2595. .lt-ie9 .site-nav-more-dropdown-front-toggle {
  2596. display: none
  2597. }
  2598. a.site-nav-more-dropown-front-toggle-link {
  2599. box-sizing: border-box;
  2600. -moz-box-sizing: border-box;
  2601. color: #cdcdcd;
  2602. display: block;
  2603. float: left;
  2604. padding: 11px 0 10px;
  2605. text-align: center;
  2606. text-transform: uppercase;
  2607. transition: background-color,color .15s,.15s;
  2608. width: 50%
  2609. }
  2610. .site-nav-more-dropown-front-toggle-link:hover,a.site-nav-more-dropown-front-toggle-link-active {
  2611. background: #2b2b2b;
  2612. color: #fff
  2613. }
  2614. .site-nav-more-dropown-front-toggle-default {
  2615. border-right: 1px solid #484848
  2616. }
  2617. .site-nav-more-dropown-front-toggle-link:before {
  2618. content: '';
  2619. display: inline-block;
  2620. background: url(../../images/sprites/header-sprite.png) 0 0;
  2621. margin: 0 7px 0 0;
  2622. opacity: .7;
  2623. transition: opacity .15s;
  2624. vertical-align: top
  2625. }
  2626. .site-nav-more-dropown-front-toggle-link:hover:before,.site-nav-more-dropown-front-toggle-link-active:before {
  2627. opacity: 1
  2628. }
  2629. .site-nav-more-dropown-front-toggle-default:before {
  2630. background-position: -174px 0;
  2631. height: 13px;
  2632. width: 15px
  2633. }
  2634. .site-nav-more-dropown-front-toggle-bigpage:before {
  2635. background-position: -193px 0;
  2636. height: 12px;
  2637. width: 15px
  2638. }
  2639. .search-container {
  2640. background: #333 url(../../images/patterns/dark-noise.png) 0 0 repeat;
  2641. overflow: scroll;
  2642. height: 0
  2643. }
  2644. .transparent-header .site-header-inner-wrap {
  2645. background: 0;
  2646. background: rgba(20,20,20,0)
  2647. }
  2648. .transparent-header .site-nav,.transparent-header .site-nav-dropdown,.transparent-header .weather-nav-dropdown {
  2649. box-shadow: none;
  2650. background: rgba(20,20,20,0)
  2651. }
  2652. .transparent-header .site-nav,.transparent-header .site-nav-dropdown,.transparent-header .weather-nav-dropdown {
  2653. background: transparent url(../../images/pixels/pixel-black-30percent.png) repeat top left;
  2654. background: rgba(20,20,20,.3)
  2655. }
  2656. .transparent-header .site-nav-more-dropown-front-toggle-link:hover,.transparent-header a.site-nav-more-dropown-front-toggle-link-active {
  2657. background: transparent url(../../images/pixels/pixel-black-30percent.png) repeat top left;
  2658. background: rgba(43,43,43,.3)
  2659. }
  2660. .transparent-header .site-nav-logo-link:hover,.transparent-header .site-nav-icon-link:hover,.transparent-header span.site-nav-span-theme-usatoday:hover,.transparent-header span.site-nav-span-theme-usatoday.site-nav-active-span,.transparent-header .site-nav-active-item .site-nav-auxiliary-text-link,.transparent-header .site-nav-auxiliary-text-link:hover,.transparent-header .site-nav-active-item>.site-nav-icon-link,.transparent-header .site-nav-item-dropdown-active>.site-nav-link,.transparent-header .site-nav-active-alt-span {
  2661. background: transparent
  2662. }
  2663. .transparent-transition,.transparent-transition .site-nav,.transparent-transition .site-nav-dropdown,.transparent-transition .weather-nav-dropdown {
  2664. -webkit-transition: background 350ms;
  2665. -moz-transition: background 350ms;
  2666. -o-transition: background 350ms;
  2667. transition: background 350ms
  2668. }
  2669. .transparent-header .site-nav-item.site-nav-first-primary-item,.transparent-header .site-nav-first-secondary-link,.transparent-header .site-nav-text-link,.transparent-header .site-nav-link {
  2670. border-right-color: transparent;
  2671. border-left-color: transparent
  2672. }
  2673. #breaking-bar {
  2674. height: 0;
  2675. display: none;
  2676. overflow: hidden;
  2677. position: relative;
  2678. width: 100%;
  2679. z-index: 9004
  2680. }
  2681. #breaking {
  2682. background-color: #f70000
  2683. }
  2684. #breaking.live,#breaking.developing {
  2685. background-color: #0af
  2686. }
  2687. #breaking-bar.local #breaking {
  2688. padding: 10px 0
  2689. }
  2690. #breaking-stories {
  2691. margin: 0 auto;
  2692. position: relative;
  2693. width: 840px
  2694. }
  2695. #breaking-bar.local #breaking-stories {
  2696. height: 50px;
  2697. padding-right: 0;
  2698. overflow: visible
  2699. }
  2700. #breaking-bar p {
  2701. color: #fff;
  2702. overflow: hidden;
  2703. padding: 13px 20px 12px 0;
  2704. position: relative;
  2705. text-shadow: 0 1px 0 rgba(0,0,0,.2)
  2706. }
  2707. #breaking-bar.local #breaking p {
  2708. display: inline-table;
  2709. height: 100%;
  2710. padding: 0
  2711. }
  2712. #breaking-bar.local #breaking.multiple p {
  2713. margin-right: 10px
  2714. }
  2715. #breaking-bar.local #breaking.multiple p:last-child {
  2716. margin-right: 0
  2717. }
  2718. #breaking-bar.local #breaking.multiple.count-2 p {
  2719. width: 415px
  2720. }
  2721. #breaking-bar.local #breaking.multiple.count-3 p {
  2722. width: 273px
  2723. }
  2724. #breaking-bar.local #breaking p .headline-wrapper {
  2725. height: 50px;
  2726. overflow: hidden
  2727. }
  2728. #breaking p strong {
  2729. background-color: transparent;
  2730. background-color: rgba(0,0,0,.1);
  2731. bottom: -4px;
  2732. box-shadow: inset 0 1px 1px rgba(0,0,0,.1),0 1px 1px rgba(255,255,255,.2);
  2733. float: left;
  2734. font-family: 'Futura Today Bold',Helvetica,arial,sans-serif;
  2735. font-size: 10px;
  2736. font-weight: 400;
  2737. line-height: 20px;
  2738. padding: 2px 6px;
  2739. position: relative;
  2740. text-align: center;
  2741. text-transform: uppercase
  2742. }
  2743. #breaking-bar.local #breaking p strong {
  2744. background-color: rgba(0,0,0,.15);
  2745. bottom: 0;
  2746. box-shadow: none;
  2747. display: table-cell;
  2748. font-size: 12px;
  2749. font-weight: 400;
  2750. height: 34px;
  2751. line-height: 1.1em;
  2752. overflow: hidden;
  2753. padding: 11px 5px 5px;
  2754. text-overflow: ellipsis;
  2755. width: 70px
  2756. }
  2757. #breaking-bar.local #breaking p strong.breaking-story-label-developing {
  2758. font-size: 10px;
  2759. padding: 14px 5px 5px;
  2760. height: 31px
  2761. }
  2762. #breaking-bar.local #breaking p strong.breaking-story-label-video {
  2763. font-size: 13px;
  2764. padding: 10px 5px 5px;
  2765. height: 35px
  2766. }
  2767. #breaking-bar.local #breaking .headline-wrapper {
  2768. display: table-cell;
  2769. vertical-align: middle;
  2770. width: 100%
  2771. }
  2772. #breaking-bar.local #breaking.multiple .headline-wrapper {
  2773. background-color: transparent;
  2774. background-color: rgba(0,0,0,.1)
  2775. }
  2776. #breaking .headline {
  2777. color: inherit;
  2778. display: inline-block;
  2779. font-size: 13px;
  2780. font-weight: 700;
  2781. line-height: 32px;
  2782. margin: 0 0 0 15px;
  2783. text-decoration: none
  2784. }
  2785. #breaking-bar.local #breaking .headline {
  2786. line-height: 13px;
  2787. display: inline-block;
  2788. margin: 0;
  2789. padding-left: 10px;
  2790. padding-top: 2px;
  2791. padding-right: 10px
  2792. }
  2793. #breaking-bar.local #breaking.multiple.count-3 .headline {
  2794. font-size: 11px;
  2795. line-height: 11px
  2796. }
  2797. #breaking .button {
  2798. border-left: 0;
  2799. color: #fff;
  2800. display: inline-block;
  2801. font-size: 12px;
  2802. font-weight: 700;
  2803. line-height: 12px;
  2804. margin-left: 10px;
  2805. padding: 2px 0 2px 30px;
  2806. position: relative;
  2807. text-decoration: none;
  2808. top: 0
  2809. }
  2810. #breaking .button>span {
  2811. border-bottom: 1px solid transparent;
  2812. transition: border-color .3s;
  2813. -moz-transition: border-color .3s;
  2814. -webkit-transition: border-color .3s;
  2815. -o-transition: border-color .3s
  2816. }
  2817. #breaking .button:hover>span {
  2818. border-color: #fff
  2819. }
  2820. #breaking .button:before {
  2821. background: transparent url(../../images/sprites/header-sprite.png) no-repeat -52px -159px;
  2822. content: '';
  2823. height: 18px;
  2824. left: 8px;
  2825. position: absolute;
  2826. top: -1px;
  2827. width: 17px
  2828. }
  2829. #breaking .close-btn {
  2830. background: url(../../images/sprites/header-sprite.png) no-repeat -322px -119px;
  2831. cursor: pointer;
  2832. height: 21px;
  2833. margin-top: -9px;
  2834. opacity: .6;
  2835. position: absolute;
  2836. right: 0;
  2837. top: 50%;
  2838. width: 20px;
  2839. overflow: hidden;
  2840. text-indent: 105%;
  2841. white-space: nowrap;
  2842. z-index: 1
  2843. }
  2844. #breaking-bar.local #breaking .close-btn {
  2845. opacity: 1;
  2846. right: -30px
  2847. }
  2848. #breaking .close-btn:hover {
  2849. opacity: 1
  2850. }
  2851. @media only screen and (min-width: 1150px) {
  2852. #breaking p {
  2853. padding:13px 40px 12px 0
  2854. }
  2855. #breaking-stories {
  2856. width: 1080px
  2857. }
  2858. #breaking-bar.local #breaking.multiple.count-2 p {
  2859. width: 535px
  2860. }
  2861. #breaking-bar.local #breaking.multiple.count-3 p {
  2862. width: 353px
  2863. }
  2864. #breaking p strong {
  2865. bottom: -2px;
  2866. font-size: 14px;
  2867. padding: 4px 8px
  2868. }
  2869. #breaking .headline {
  2870. font-size: 16px;
  2871. margin: 0 0 0 20px
  2872. }
  2873. #breaking.count-2 .headline {
  2874. font-size: 16px;
  2875. line-height: 18px
  2876. }
  2877. #breaking.count-3 .headline {
  2878. font-size: 13px
  2879. }
  2880. #breaking-bar.local #breaking .headline {
  2881. line-height: 18px;
  2882. margin: 0
  2883. }
  2884. #breaking-bar.local #breaking.multiple.count-2 .headline {
  2885. font-size: 14px
  2886. }
  2887. #breaking-bar.local #breaking.multiple.count-3 .headline {
  2888. font-size: 12px;
  2889. line-height: 14px
  2890. }
  2891. #breaking .button {
  2892. border-left: 1px solid #fff;
  2893. margin-left: 20px;
  2894. padding: 2px 0 2px 43px;
  2895. top: -1px
  2896. }
  2897. #breaking .button:before {
  2898. left: 20px
  2899. }
  2900. }
  2901. @media only screen and (min-width: 1250px) {
  2902. #breaking-stories {
  2903. width:1180px
  2904. }
  2905. #breaking-bar.local #breaking.multiple.count-2 p {
  2906. width: 585px
  2907. }
  2908. #breaking-bar.local #breaking.multiple.count-3 p {
  2909. width: 386px
  2910. }
  2911. #breaking .headline {
  2912. font-size: 18px
  2913. }
  2914. #breaking-bar.local #breaking.multiple.count-2 .headline {
  2915. font-size: 16px
  2916. }
  2917. #breaking-bar.local #breaking.multiple.count-3 .headline {
  2918. font-size: 13px
  2919. }
  2920. }
  2921. .sp-subhead {
  2922. background-color: #272727;
  2923. color: #fff
  2924. }
  2925. .sp-subhead-well {
  2926. background: none repeat scroll 0 0 rgba(0,0,0,.2);
  2927. width: 100%;
  2928. height: 310px;
  2929. float: left;
  2930. z-index: 5
  2931. }
  2932. .sp-subhead-logo-wrap {
  2933. float: left;
  2934. height: 110px;
  2935. padding: 100px 35px
  2936. }
  2937. .sp-subhead-hilite {
  2938. display: table;
  2939. height: 100%
  2940. }
  2941. .sp-subhead-source {
  2942. position: absolute;
  2943. top: 0;
  2944. left: 180px;
  2945. text-align: left;
  2946. vertical-align: top;
  2947. padding: 5px;
  2948. background-color: #eb1e00;
  2949. font-family: 'Futura Today Bold',arial,sans-serif;
  2950. font-size: 10px;
  2951. font-weight: 400;
  2952. letter-spacing: 1px;
  2953. line-height: 9px;
  2954. text-transform: uppercase
  2955. }
  2956. .sp-subhead-blurb {
  2957. display: table-cell;
  2958. text-align: left;
  2959. vertical-align: middle;
  2960. padding: 60px 10px 30px 30px;
  2961. height: 100%;
  2962. width: 275px
  2963. }
  2964. .sp-subhead-blurb a {
  2965. color: #fff
  2966. }
  2967. @media only screen and (min-width: 1150px) {
  2968. .sp-subhead-source {
  2969. left:240px
  2970. }
  2971. .sp-subhead-logo-wrap {
  2972. padding: 100px 65px
  2973. }
  2974. .sp-subhead-blurb {
  2975. padding: 45px 25px 45px 45px;
  2976. width: 525px
  2977. }
  2978. }
  2979. .site-masthead-search-btn-div:after,.site-nav-icon-span:after,.site-nav-more-dropown-front-toggle-link:before,.site-masthead-search-close-btn:after {
  2980. background-image: url(../../images/sprites/header-sprite.png)
  2981. }
  2982. @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx) {
  2983. .site-masthead-search-btn-div:after,.site-nav-icon-span:after,.site-nav-more-dropown-front-toggle-link:before,.site-masthead-search-close-btn:after,.site-nav-usa-today-span:before {
  2984. background-image:url(../../images/sprites/header-sprite@2x.png);
  2985. background-size: 250px 120px
  2986. }
  2987. }
  2988. .site-masthead .chromeless-header .logo {
  2989. width: 100%;
  2990. margin: 0
  2991. }
  2992. .chromeless-header #logo-link {
  2993. margin: 5px auto auto
  2994. }
  2995. body>iframe {
  2996. bottom: 0;
  2997. border: 0;
  2998. position: absolute
  2999. }
  3000. .staff-bio-wrapper {
  3001. padding: 65px 0 20px
  3002. }
  3003. .staff-bio-headshoot {
  3004. display: inline-block;
  3005. float: left;
  3006. height: 126px;
  3007. padding: 0 20px 10px 0;
  3008. width: 126px
  3009. }
  3010. .staff-bio-info {
  3011. color: #fff;
  3012. display: inline-block;
  3013. float: left;
  3014. width: 800px
  3015. }
  3016. .staff-bio-newsrole {
  3017. float: left;
  3018. font-size: 16px;
  3019. font-weight: 700;
  3020. height: 20px;
  3021. line-height: 20px;
  3022. border-right: 1px solid #505050;
  3023. margin: 5px 15px 5px 0;
  3024. padding: 0 20px 0 0
  3025. }
  3026. .staff-role-social {
  3027. float: left;
  3028. clear: both;
  3029. vertical-align: middle;
  3030. padding: 5px 0
  3031. }
  3032. .staff-bio-displayname {
  3033. display: inline;
  3034. float: left;
  3035. font: 400 30px 'Futura Today Bold','helvetica neue',arial,sans-serif;
  3036. margin: 0;
  3037. padding: 0
  3038. }
  3039. .staff-bio-list {
  3040. display: inline-block;
  3041. height: 30px;
  3042. width: 220px
  3043. }
  3044. .staff-bio-social-icon-list {
  3045. margin: 0;
  3046. padding: 0;
  3047. list-style-type: none
  3048. }
  3049. .staff-bio-biography {
  3050. clear: left;
  3051. display: block;
  3052. font-size: 12px
  3053. }
  3054. .social-icon-list-item {
  3055. display: inline-block
  3056. }
  3057. .staff-bio-social-icon {
  3058. display: inline-block;
  3059. height: 29px;
  3060. padding-left: 10px;
  3061. width: 27px
  3062. }
  3063. .staff-bio-social-icon.email {
  3064. background: url(../../images/sprites/staff-social-icons.png) -0px -0px no-repeat
  3065. }
  3066. .staff-bio-social-icon.twitter {
  3067. background: url(../../images/sprites/staff-social-icons.png) -0px -27px no-repeat
  3068. }
  3069. .staff-bio-social-icon.facebook {
  3070. background: url(../../images/sprites/staff-social-icons.png) -0px -54px no-repeat
  3071. }
  3072. .staff-bio-social-icon.google {
  3073. background: url(../../images/sprites/staff-social-icons.png) -0px -81px no-repeat
  3074. }
  3075. #cover-view .arrows {
  3076. position: absolute;
  3077. width: 100%;
  3078. z-index: 200;
  3079. top: 50%;
  3080. margin-top: -20px
  3081. }
  3082. #cover-view>.arrows .arrow {
  3083. background: url(../../images/modules/coverview/arrows.png);
  3084. cursor: pointer;
  3085. display: block;
  3086. height: 47px;
  3087. position: absolute;
  3088. width: 27px;
  3089. z-index: 100
  3090. }
  3091. #cover-view>.arrows .arrow.prev {
  3092. display: none;
  3093. left: 10px
  3094. }
  3095. #cover-view>.arrows .arrow.next {
  3096. background-position: 0 -47px;
  3097. right: 10px
  3098. }
  3099. #cover-view {
  3100. background-color: #000;
  3101. height: 100%;
  3102. overflow: hidden;
  3103. position: absolute;
  3104. top: 0;
  3105. width: 100%
  3106. }
  3107. #cover-view-pages {
  3108. height: 100%;
  3109. position: absolute;
  3110. width: 100%
  3111. }
  3112. #cover-view-pages.width-wiggler {
  3113. width: -webkit-calc(100% + 1px);
  3114. width: -moz-calc(100% + 1px);
  3115. width: calc(100% + 1px)
  3116. }
  3117. #cover-view-pages>.active .photo,#cover-view-pages>.active>.partner-content>.container {
  3118. width: 100%
  3119. }
  3120. #cover-view .photo,#cover-view .partner-content>.container {
  3121. background-attachment: fixed;
  3122. background-repeat: no-repeat;
  3123. -webkit-background-size: cover;
  3124. -moz-background-size: cover;
  3125. background-size: cover;
  3126. height: 100%;
  3127. position: absolute;
  3128. width: 200%
  3129. }
  3130. #cover-view-pages .partner-content {
  3131. bottom: 0;
  3132. height: auto;
  3133. position: absolute;
  3134. top: 40px
  3135. }
  3136. #cover-view .photo:after {
  3137. background: -moz-linear-gradient(left,rgba(0,0,0,.75) 0,rgba(0,0,0,.25) 320px,rgba(0,0,0,0) 400px);
  3138. background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(0,0,0,.75)),color-stop(320px,rgba(0,0,0,.25)),color-stop(400px,rgba(0,0,0,0)));
  3139. background: -webkit-linear-gradient(left,rgba(0,0,0,.75) 0,rgba(0,0,0,.25) 320px,rgba(0,0,0,0) 400px);
  3140. background: -o-linear-gradient(left,rgba(0,0,0,.75) 0,rgba(0,0,0,.25) 320px,rgba(0,0,0,0) 400px);
  3141. background: -ms-linear-gradient(left,rgba(0,0,0,.75) 0,rgba(0,0,0,.25) 320px,rgba(0,0,0,0) 400px);
  3142. background: linear-gradient(to right,rgba(0,0,0,.75) 0,rgba(0,0,0,.25) 320px,rgba(0,0,0,0) 400px);
  3143. content: '';
  3144. display: block;
  3145. height: 100%;
  3146. left: 0;
  3147. top: 0;
  3148. width: 50%
  3149. }
  3150. #cover-view .text-wrap {
  3151. bottom: 60px;
  3152. left: 60px;
  3153. position: absolute
  3154. }
  3155. #cover-view .text-wrap>.parent-label {
  3156. position: static
  3157. }
  3158. #cover-view .hero-text {
  3159. background: 0;
  3160. margin-top: 15px;
  3161. width: 360px
  3162. }
  3163. #cover-view .hero-story {
  3164. position: static
  3165. }
  3166. #cover-view .hero-story>h1 {
  3167. font-size: 46px;
  3168. letter-spacing: -1px;
  3169. line-height: 48px;
  3170. margin: 0;
  3171. width: 100%
  3172. }
  3173. #cover-view .hero-story>h1>.load-story {
  3174. width: 100%
  3175. }
  3176. #cover-view.hero .hero-story .byline-block {
  3177. margin: 0
  3178. }
  3179. #cover-view.hero .hero-story .actions {
  3180. border-top: 2px solid #fff;
  3181. margin: 20px 0 0;
  3182. overflow: visible;
  3183. padding: 20px 60px 0 0;
  3184. width: auto;
  3185. display: inline-block
  3186. }
  3187. #cover-view.hero .hero-story .actions>li {
  3188. border: 0;
  3189. margin: 0;
  3190. padding: 0
  3191. }
  3192. #cover-view.hero .hero-story .actions>li .byline {
  3193. margin-top: 0
  3194. }
  3195. #cover-view.hero .hero-story .actions>li a .byline em,#cover-view.hero .hero-story .actions>li a .byline:hover em {
  3196. color: #fff
  3197. }
  3198. #cover-view .date {
  3199. color: #fff;
  3200. color: rgba(255,255,255,1);
  3201. font-size: 11px;
  3202. font-weight: 700;
  3203. margin-left: 8px
  3204. }
  3205. #cover-view .close {
  3206. background: url(../../images/sprites/ui-sprite.png) -150px -205px no-repeat;
  3207. direction: ltr;
  3208. display: block;
  3209. height: 50px;
  3210. position: absolute;
  3211. right: 0;
  3212. text-indent: -9999px;
  3213. top: 46px;
  3214. width: 50px;
  3215. z-index: 20
  3216. }
  3217. .show-search {
  3218. background: #333 url(../../images/patterns/dark-noise.png) 0 0 repeat
  3219. }
  3220. .show-search .ui-loader.global-loader.active,.search-open .ui-loader.global-loader.active {
  3221. top: 120px
  3222. }
  3223. .search-results.ui-loading {
  3224. background-color: #323232
  3225. }
  3226. .search-results {
  3227. background: #333 url(../../images/patterns/dark-noise.png) 0 0 repeat;
  3228. color: #fff;
  3229. min-height: 100%;
  3230. min-height: -moz-calc(100% - 120px);min-height:-webkit-calc(100% - 120px);min-height:calc(100% - 120px);position:absolute;overflow:hidden;z-index:99;
  3231. width:100%}
  3232. .results {
  3233. position: relative;
  3234. box-shadow: inset 0 1px #3b3b3b;
  3235. top: 50px
  3236. }
  3237. .results .inner {
  3238. margin: 0 auto;
  3239. padding-bottom: 40px;
  3240. width: 840px;
  3241. position: relative
  3242. }
  3243. .view-grid .inner {
  3244. width: 720px
  3245. }
  3246. .view-list .inner {
  3247. width: 720px
  3248. }
  3249. .search-results .list-content {
  3250. padding-right: 241px
  3251. }
  3252. .search-results .tile {
  3253. border-bottom: 1px solid #0a0a0a;
  3254. position: relative;
  3255. box-shadow: inset 0 1px #3b3b3b;
  3256. padding: 20px
  3257. }
  3258. .search-results .ad .search-result-figure {
  3259. text-align: center
  3260. }
  3261. .search-results .sidebar {
  3262. background: #2c2c2c url(../../images/modules/search/sidebar-bg.png) repeat top left;
  3263. box-shadow: inset 0 1px #3b3b3b;
  3264. border-right: 1px solid #0a0a0a;
  3265. top: 0;
  3266. right: 0;
  3267. bottom: 0;
  3268. position: absolute;
  3269. width: 240px
  3270. }
  3271. .view-list .list-bg {
  3272. border-top: #717171 1.5px solid;
  3273. border-top: rgba(87,87,87,.3) 1.5px solid;
  3274. background: #2c2c2c url(../../images/modules/search/sidebar-bg.png) repeat top left;
  3275. position: absolute
  3276. }
  3277. .clearleft {
  3278. clear: left
  3279. }
  3280. .results .list-content .search-results-list {
  3281. border-left: 1px solid #0a0a0a;
  3282. list-style: none;
  3283. margin: 0;
  3284. padding: 0
  3285. }
  3286. .view-grid .list-content .search-result-item {
  3287. float: left;
  3288. height: 257px;
  3289. margin: 0;
  3290. padding: 1px 0 0;
  3291. width: 238px
  3292. }
  3293. .list-content .search-result-item {
  3294. background: #333 url(../../images/patterns/dark-noise.png) 0 0 repeat;
  3295. border-bottom: 1px solid #0a0a0a;
  3296. border-right: 1px solid #0a0a0a;
  3297. position: relative;
  3298. box-shadow: inset 0 1px #3b3b3b
  3299. }
  3300. .results .search-result-item .search-result-figure {
  3301. padding: 16px 17px 11px;
  3302. position: relative
  3303. }
  3304. .view-list .search-result-item .search-result-figure {
  3305. float: left;
  3306. padding: 0
  3307. }
  3308. .search-result-image {
  3309. border: 2px solid #2e2e2e;
  3310. display: block;
  3311. margin: 0 auto
  3312. }
  3313. .search-result-item.topresult .search-result-image {
  3314. width: 200px
  3315. }
  3316. .topresult .search-result-figure {
  3317. height: 106px;
  3318. margin-bottom: 13px;
  3319. overflow: hidden
  3320. }
  3321. .view-list .search-result-image {
  3322. margin: 0 20px 0 0;
  3323. width: 120px
  3324. }
  3325. .view-list .topic .search-result-image {
  3326. float: left;
  3327. margin: 0 20px 0 0;
  3328. width: 200px
  3329. }
  3330. .search-result-item-link {
  3331. display: block
  3332. }
  3333. .search-results .view-list .search-result-item .search-result-item-link .front {
  3334. position: relative
  3335. }
  3336. .results .search-result-item .search-result-item-link .front {
  3337. opacity: 1;
  3338. position: absolute;
  3339. -moz-transition: opacity .15s ease-in-out;
  3340. -o-transition: opacity .15s ease-in-out;
  3341. transition: opacity .15s ease-in-out;
  3342. height: 100%;
  3343. width: 100%
  3344. }
  3345. .results .search-result-item .back {
  3346. display: none
  3347. }
  3348. .lt-ie9 .view-grid .search-result-item .search-result-item-link .back {
  3349. visibility: hidden
  3350. }
  3351. .lt-ie9 .view-grid .search-result-item .search-result-item-link:hover .front {
  3352. visibility: hidden
  3353. }
  3354. .view-grid .search-result-item .search-result-item-link .back {
  3355. display: block;
  3356. opacity: 0;
  3357. position: absolute;
  3358. -moz-transition: opacity .15s ease-in-out;
  3359. -o-transition: opacity .15s ease-in-out;
  3360. transition: opacity .15s ease-in-out;
  3361. height: 100%;
  3362. width: 100%
  3363. }
  3364. .view-grid .search-result-item .search-result-item-link:hover .front {
  3365. opacity: 0
  3366. }
  3367. .view-grid .search-result-item .search-result-item-link:hover .back {
  3368. visibility: visible;
  3369. opacity: 1
  3370. }
  3371. .view-grid .list-content .search-result-item .search-result-item-link {
  3372. height: 257px;
  3373. width: 238px
  3374. }
  3375. .view-grid .search-result-item .search-result-item-link:hover {
  3376. background: #4d4d4d
  3377. }
  3378. .view-list .search-result-item .search-result-item-link:hover {
  3379. background: #4d4d4d
  3380. }
  3381. .view-list .none-link-borders,.view-list .search-result-item .search-result-item-link {
  3382. padding: 10px 0 10px 10px
  3383. }
  3384. .results .search-result-item .search-result-item-link {
  3385. color: #ccc
  3386. }
  3387. .search-result-title {
  3388. font-size: 14px;
  3389. line-height: 135%;
  3390. margin: 0 18px;
  3391. text-shadow: 0 1px 1px #000
  3392. }
  3393. .search-result-title-back {
  3394. font-size: 14px;
  3395. line-height: 110%;
  3396. margin: 0 18px;
  3397. padding-top: 57px;
  3398. text-shadow: 0 1px 1px #000
  3399. }
  3400. .results .search-result-item .search-result-item-link:hover .search-results-headline {
  3401. color: #fff
  3402. }
  3403. .view-list .search-result-title,.view-list .search-result-title-noimage {
  3404. padding-left: 20px;
  3405. margin: -4px 0 0
  3406. }
  3407. .results .search-result-item .parent-label {
  3408. left: 19px;
  3409. position: absolute;
  3410. top: 19px
  3411. }
  3412. .results.view-list .search-result-item .parent-label {
  3413. display: none
  3414. }
  3415. .results .search-result-item.recommended .parent-label:after {
  3416. background: transparent url(../../images/modules/search/search-icons.png) no-repeat -76px -160px;
  3417. content: 'Recommended';
  3418. padding-left: 23px
  3419. }
  3420. .results .search-result-item .label.news {
  3421. background-color: #009bff
  3422. }
  3423. .results .search-result-item .label.sports {
  3424. background-color: #eb1e00
  3425. }
  3426. .results .search-result-item .label.life {
  3427. background-color: #9600b4
  3428. }
  3429. .results .search-result-item .label.money {
  3430. background-color: #00a53c
  3431. }
  3432. .results .search-result-item .label.tech {
  3433. background-color: #fa5f00
  3434. }
  3435. .results .search-result-item .label.travel {
  3436. background-color: #00c3c3
  3437. }
  3438. .results .search-result-item .label.weather {
  3439. background-color: #ffc000
  3440. }
  3441. .results .search-result-item .meta {
  3442. color: #666;
  3443. font-size: 65%;
  3444. font-style: italic
  3445. }
  3446. .results.view-grid .search-result-item .front .text {
  3447. display: none
  3448. }
  3449. .view-list .front .text {
  3450. margin-left: 18px
  3451. }
  3452. .results .search-result-item .back .text {
  3453. padding-top: 19px;
  3454. font-size: 12px;
  3455. height: 98px;
  3456. overflow: hidden;
  3457. position: absolute;
  3458. margin: 0 18px
  3459. }
  3460. .view-grid .search-result-item .meta .photo {
  3461. display: inline-block;
  3462. background-color: #fff;
  3463. border: 2px solid #fff
  3464. }
  3465. .view-grid .search-result-item .meta .byLine {
  3466. color: #fff;
  3467. display: inline-block;
  3468. font-weight: 700;
  3469. font-style: normal;
  3470. padding-left: 7px
  3471. }
  3472. .view-grid .search-result-item .meta {
  3473. bottom: 16px;
  3474. left: 20px;
  3475. position: absolute
  3476. }
  3477. .view-list .search-result-item .meta {
  3478. margin: 0;
  3479. padding: 0 0 0 18px
  3480. }
  3481. .view-list li.message .meta {
  3482. padding: 0
  3483. }
  3484. .results .search-result-item .meta .meta-info-text {
  3485. border-left: 0;
  3486. margin: 0;
  3487. padding: 0
  3488. }
  3489. .results .search-result-item .meta .last-update {
  3490. border-right: #444 1px solid;
  3491. margin-right: 10px;
  3492. padding-right: 10px
  3493. }
  3494. .results .search-result-item .video-icon {
  3495. background: url(../../images/modules/search/search-icons.png) 0 -219px no-repeat;
  3496. height: 30px;
  3497. left: 50%;
  3498. margin: -13px 0 0 -16px;
  3499. position: absolute;
  3500. top: 50%;
  3501. width: 30px
  3502. }
  3503. .view-list .search-result-item .video-icon {
  3504. left: 50px;
  3505. margin: -16px 0 0 -14px
  3506. }
  3507. .video .search-result-figure>.search-video:after {
  3508. background: transparent url(../../images/modules/search/search-icons.png) no-repeat 0 -219px;
  3509. content: '';
  3510. width: 30px;
  3511. height: 30px;
  3512. top: 75px;
  3513. left: 105px;
  3514. position: absolute
  3515. }
  3516. .view-list .video .search-result-figure>.search-video:after {
  3517. top: 25px;
  3518. left: 37px
  3519. }
  3520. .search-no-image-spacer {
  3521. padding: 15px
  3522. }
  3523. .view-list .search-result-title-noimage {
  3524. padding: 0;
  3525. font-size: 18px;
  3526. width: 100%;
  3527. height: 25px;
  3528. position: relative
  3529. }
  3530. .search-result-title-noimage {
  3531. font-size: 24px;
  3532. left: 18px;
  3533. line-height: 27px;
  3534. padding-top: 22px;
  3535. overflow: hidden;
  3536. position: absolute;
  3537. width: 200px;
  3538. top: 0;
  3539. height: 172px
  3540. }
  3541. .view-grid .gallery-thumb-list {
  3542. display: none
  3543. }
  3544. .view-list .gallery-thumb {
  3545. display: none
  3546. }
  3547. .view-grid .message .search-results-headline {
  3548. font-size: 145%;
  3549. line-height: 110%;
  3550. padding-top: 37px
  3551. }
  3552. .view-list .message .search-results-headline {
  3553. margin: 0;
  3554. padding: 0
  3555. }
  3556. .results .google-ads p {
  3557. color: #666;
  3558. font-size: 80%;
  3559. padding: 20px 20px 0
  3560. }
  3561. .results .google-ads img {
  3562. border: 0;
  3563. margin: 0;
  3564. padding: 0
  3565. }
  3566. .results .ad figcaption {
  3567. color: #666;
  3568. display: block;
  3569. font-size: 60%;
  3570. padding: 6px 0 0;
  3571. text-align: center;
  3572. text-transform: uppercase
  3573. }
  3574. .results .related-searches .search-results-headline {
  3575. color: #ccc;
  3576. font-size: 20px;
  3577. padding: 10px 0 18px;
  3578. margin: 0;
  3579. text-shadow: 0 1px 1px #000
  3580. }
  3581. .results .related-searches-list,.results .related-searches-item,.results .related-searches-link {
  3582. border: 0;
  3583. float: none;
  3584. height: auto;
  3585. margin: 0;
  3586. padding: 0;
  3587. width: auto;
  3588. box-shadow: none
  3589. }
  3590. .results .related-searches .search-results-list {
  3591. color: #1ea3ff;
  3592. list-style: disc;
  3593. padding: 0 0 0 30px
  3594. }
  3595. .results .related-searches .search-result-item {
  3596. line-height: 130%
  3597. }
  3598. .results .related-searches .search-result-item-link {
  3599. color: #1ea3ff;
  3600. font-size: 13px;
  3601. font-weight: 700;
  3602. line-height: 150%
  3603. }
  3604. .results .related-searches .search-result-item-link:hover {
  3605. background: 0;
  3606. color: #1ea3ff
  3607. }
  3608. .results .more-results {
  3609. background: transparent url(../../images/preloaders/windmill-loader_2x_dark.gif) no-repeat 49% 48%;
  3610. display: none;
  3611. min-height: 94px
  3612. }
  3613. .summary {
  3614. background: #262626;
  3615. background: -moz-linear-gradient(#292929,#1b1b1b);
  3616. background: -ms-linear-gradient(#292929,#1b1b1b);
  3617. background: -o-linear-gradient(#292929,#1b1b1b);
  3618. background: -webkit-linear-gradient(#292929,#1b1b1b);
  3619. background: linear-gradient(#292929,#1b1b1b);
  3620. border-bottom: 1px solid #000;
  3621. border-top: 1px solid #343434;
  3622. box-shadow: 0 -1px 0 #000,inset 0 -1px 3px #181818;
  3623. height: 48px;
  3624. position: fixed;
  3625. z-index: 100;
  3626. margin: 0 auto;
  3627. width: 100%
  3628. }
  3629. .summary .inner {
  3630. height: 48px;
  3631. margin: 0 auto;
  3632. -webkit-transition: width 250ms;
  3633. -moz-transition: width 250ms;
  3634. -o-transition: width 250ms;
  3635. transition: width 250ms
  3636. }
  3637. .summary.list .inner {
  3638. width: 840px
  3639. }
  3640. .summary.grid .inner {
  3641. width: 840px
  3642. }
  3643. .summary h2 {
  3644. float: left;
  3645. font-size: 20px;
  3646. margin: 0;
  3647. padding: 9px 0 0;
  3648. text-shadow: 0 1px 1px #262626
  3649. }
  3650. .summary .results-count {
  3651. color: #666;
  3652. float: left;
  3653. font-size: 40px;
  3654. font-weight: 700;
  3655. line-height: 49px;
  3656. text-shadow: 0 1px 1px #000
  3657. }
  3658. .summary .search-term {
  3659. color: #666;
  3660. float: left;
  3661. font-size: 22px;
  3662. padding: 9px 0 0 9px;
  3663. text-shadow: 0 1px 1px #000
  3664. }
  3665. .summary .search-term .term {
  3666. color: #fff;
  3667. font-weight: 700
  3668. }
  3669. .summary .btn-bar {
  3670. padding-top: 7px;
  3671. float: right
  3672. }
  3673. .summary .grid-btn,.summary .list-btn {
  3674. width: 88px
  3675. }
  3676. .summary .grid-btn:before,.summary .list-btn:before {
  3677. background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat;
  3678. content: '';
  3679. display: inline-block;
  3680. position: relative;
  3681. height: 10px;
  3682. margin-right: 5px;
  3683. overflow: hidden;
  3684. width: 12px
  3685. }
  3686. .summary .grid-btn:before {
  3687. width: 11px;
  3688. height: 9px;
  3689. margin-top: 10px;
  3690. background-position: -284px -25px
  3691. }
  3692. .summary .grid-btn.active:before {
  3693. background-position: -284px -6px
  3694. }
  3695. .summary .list-btn:before {
  3696. background-position: -305px -24px
  3697. }
  3698. .summary .list-btn.active:before {
  3699. background-position: -305px -5px
  3700. }
  3701. .summary .ui-btn.close {
  3702. width: 18px
  3703. }
  3704. .summary .ui-btn {
  3705. float: left;
  3706. margin-left: 8px
  3707. }
  3708. .browser-shadow {
  3709. background: transparent url(../../images/dropshadows/win-bot.png) repeat-x 0 0;
  3710. bottom: 0;
  3711. height: 31px;
  3712. position: fixed;
  3713. width: 100%;
  3714. z-index: 100
  3715. }
  3716. @media only screen and (min-width: 1150px) {
  3717. .results .inner {
  3718. width:959px
  3719. }
  3720. .summary.grid .inner {
  3721. width: 1080px
  3722. }
  3723. .view-list .inner {
  3724. width: 958px
  3725. }
  3726. .summary.list .inner {
  3727. width: 1080px
  3728. }
  3729. }
  3730. @media only screen and (min-width: 1250px) {
  3731. .results .inner {
  3732. width:1198px
  3733. }
  3734. .summary.grid .inner {
  3735. width: 1202px
  3736. }
  3737. .summary .inner,.summary.list .inner {
  3738. width: 1202px
  3739. }
  3740. .view-grid .list-content .search-result-item.topresult,.view-grid .list-content .search-result-item.topresult .search-result-item-link {
  3741. height: 516px;
  3742. width: 477px
  3743. }
  3744. .view-grid .list-content .search-result-item.topresult .search-result-image {
  3745. width: 440px
  3746. }
  3747. .view-grid .list-content .search-result-item.topresult .search-result-figure {
  3748. height: auto;
  3749. margin-bottom: 0
  3750. }
  3751. .results .search-result-item.topresult .parent-label {
  3752. left: 19px
  3753. }
  3754. }
  3755. .no-results {
  3756. padding: 20px 20px 0 0
  3757. }
  3758. .no-results .search-results-headline {
  3759. margin-top: 0;
  3760. font-size: 18px
  3761. }
  3762. .no-results .search-results-tryagain {
  3763. font-size: 16px
  3764. }
  3765. .ui-chunky-btn.ugc-login-btn {
  3766. font-weight: 700;
  3767. text-transform: none;
  3768. font-family: helvetica,arial,sans-serif
  3769. }
  3770. .ui-chunky-btn.ugc-login-btn:before {
  3771. content: "";
  3772. background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat;
  3773. display: inline-block;
  3774. top: 5px;
  3775. margin-right: 5px;
  3776. overflow: hidden
  3777. }
  3778. .ui-chunky-btn.ugc-login-btn:after {
  3779. border-right: 0;
  3780. background-color: transparent
  3781. }
  3782. .ui-chunky-btn.ugc-login-btn-facebook {
  3783. padding-left: 30px
  3784. }
  3785. .ui-chunky-btn.ugc-login-btn-facebook:before {
  3786. background-position: -926px 0;
  3787. width: 7px;
  3788. height: 17px;
  3789. top: 9px
  3790. }
  3791. .ui-chunky-btn.ugc-login-btn-google {
  3792. padding-left: 40px
  3793. }
  3794. .ui-chunky-btn.ugc-login-btn-google:before {
  3795. background-position: -1045px 0;
  3796. width: 18px;
  3797. height: 19px;
  3798. top: 9px
  3799. }
  3800. .ui-chunky-btn.plus:before {
  3801. color: #fff;
  3802. content: "+";
  3803. font-weight: 700;
  3804. font-size: 28px;
  3805. right: 9px;
  3806. position: absolute;
  3807. text-shadow: 0 1px 0 #007acc;
  3808. top: -5px
  3809. }
  3810. .ui-chunky-btn.ugc-upload-form-share-your-contribution-btn:before {
  3811. background: url(../../images/apps/ugc/ugc-sprite.png) no-repeat -396px 2px;
  3812. top: 7px;
  3813. left: 10px;
  3814. width: 18px;
  3815. height: 25px
  3816. }
  3817. .ui-chunky-btn.ugc-upload-select-files-btn:before,.ui-chunky-btn.ugc-upload-form-contribute-more-btn:before {
  3818. background: url(../../images/apps/ugc/ugc-sprite.png) no-repeat -118px -18px;
  3819. height: 16px;
  3820. left: 12px;
  3821. top: 11px;
  3822. width: 16px
  3823. }
  3824. .ugc-view-all-my-contributions-link {
  3825. display: none
  3826. }
  3827. .ugc-tos-link,.ugc-tos-link:visited {
  3828. color: #333;
  3829. font-size: 12px;
  3830. font-weight: 700;
  3831. margin-top: 0;
  3832. position: relative;
  3833. padding-left: 26px;
  3834. line-height: 20px;
  3835. height: 20px
  3836. }
  3837. .ugc-tos-link:hover {
  3838. color: #0af
  3839. }
  3840. .ugc-tos-link:before {
  3841. background: url(../../images/apps/ugc/ugc-sprite.png) -96px 0 no-repeat;
  3842. content: "";
  3843. display: block;
  3844. width: 20px;
  3845. height: 22px;
  3846. position: absolute;
  3847. left: 0;
  3848. top: 0
  3849. }
  3850. .ugc-my-contributions-or-contribute-link {
  3851. display: none
  3852. }
  3853. .ugc-media-item-report-abuse-tooltip-panel {
  3854. white-space: nowrap
  3855. }
  3856. .ugc-media-item-report-abuse-link.ui-btn {
  3857. box-shadow: none;
  3858. border-color: #d1d1d1
  3859. }
  3860. .ugc-media-item-report-abuse-link.ui-btn,.ugc-media-item-report-abuse-link.ui-btn:hover {
  3861. float: right;
  3862. text-shadow: none;
  3863. padding: 0 3px
  3864. }
  3865. .ugc-media-item-report-abuse-link.ui-btn:before {
  3866. background: url(../../images/apps/ugc/ugc-sprite.png) -371px 0 no-repeat;
  3867. content: '';
  3868. display: inline-block;
  3869. height: 16px;
  3870. margin-right: 5px;
  3871. overflow: hidden;
  3872. position: relative;
  3873. top: 3px;
  3874. width: 14px
  3875. }
  3876. .ugc-media-item-report-abuse-sent.ui-btn:before,.ugc-media-item-report-abuse-sent.ui-btn:before:hover {
  3877. background: url(../../images/apps/ugc/ugc-sprite.png) -371px -21px no-repeat
  3878. }
  3879. .ugc-post-item-meta {
  3880. box-sizing: border-box;
  3881. -moz-box-sizing: border-box;
  3882. position: relative;
  3883. padding-left: 40px;
  3884. margin-top: 10px
  3885. }
  3886. .ugc-author-meta-avatar {
  3887. box-shadow: 0 1px 2px 0 rgba(0,0,0,.45);
  3888. border: 2px solid #fff;
  3889. display: inline-block;
  3890. vertical-align: top;
  3891. height: 27px;
  3892. width: 27px
  3893. }
  3894. .ugc-post-item-meta-avatar-link {
  3895. position: absolute;
  3896. top: 0;
  3897. left: 0
  3898. }
  3899. .ugc-post-item-meta-text {
  3900. font-size: 11px;
  3901. color: #666;
  3902. list-style-type: none;
  3903. margin: 0;
  3904. padding: 0;
  3905. display: inline-block;
  3906. vertical-align: top
  3907. }
  3908. .ugc-post-item-meta-author-name {
  3909. font-weight: 700
  3910. }
  3911. .ugc-post-item-meta-author-name-link,.ugc-post-item-meta-author-name-link:visited {
  3912. color: #666
  3913. }
  3914. .ugc-post-item-meta-author-name-link:hover {
  3915. color: #0af
  3916. }
  3917. .ugc-post-item-meta-creation-date {
  3918. font-style: italic
  3919. }
  3920. .ugc-author-meta-link {
  3921. width: auto;
  3922. height: auto;
  3923. display: inline-block;
  3924. vertical-align: top
  3925. }
  3926. .site-nav-icon-span.site-nav-ugc-span {
  3927. width: 16px
  3928. }
  3929. .site-nav-icon-span.site-nav-ugc-span:after {
  3930. background-image: url(../../images/apps/ugc/ugc-sprite.png);
  3931. background-position: -324px 0;
  3932. height: 21px;
  3933. margin-left: -8px;
  3934. top: 10px;
  3935. width: 16px
  3936. }
  3937. .site-nav-icon-span.site-nav-ugc-span:hover:after,.site-nav-active-span.site-nav-ugc-span {
  3938. background-position: -324px -23px
  3939. }
  3940. .ugc-upload-form-view {
  3941. position: absolute;
  3942. top: 0;
  3943. left: 0;
  3944. width: 100%;
  3945. display: none;
  3946. overflow: hidden;
  3947. z-index: 1
  3948. }
  3949. .ugc-upload-form-view.view-active {
  3950. z-index: 2;
  3951. overflow: visible
  3952. }
  3953. .ugc-upload-file-input {
  3954. display: block;
  3955. width: 100%;
  3956. height: 0;
  3957. position: absolute;
  3958. top: 0;
  3959. left: 0;
  3960. background: transparent;
  3961. padding-top: 100%;
  3962. overflow: hidden;
  3963. cursor: pointer;
  3964. outline: 0
  3965. }
  3966. .ugc-upload-field-input.ui-form-field-required,.ugc-upload-field-textarea.ui-form-field-required {
  3967. padding-right: 34px
  3968. }
  3969. .ugc-upload-field-textarea {
  3970. resize: none
  3971. }
  3972. .ui-input-file-hidden-iframe {
  3973. position: absolute;
  3974. display: block;
  3975. top: 0;
  3976. left: 0;
  3977. height: 100%;
  3978. width: 100%;
  3979. border: 0
  3980. }
  3981. .ugc-upload-field {
  3982. margin: 0 0 20px;
  3983. width: 100%;
  3984. position: relative
  3985. }
  3986. .ugc-upload-field-input,.ugc-upload-field-select {
  3987. width: 100%
  3988. }
  3989. .ugc-upload-field-char-counter {
  3990. position: absolute;
  3991. top: 0;
  3992. right: 0;
  3993. padding-right: 20px;
  3994. font-size: 12px;
  3995. color: #8c8c8c;
  3996. line-height: 30px
  3997. }
  3998. .ugc-upload-field.required:before {
  3999. background: url(../../images/apps/ugc/ugc-sprite.png) -153px -1px no-repeat;
  4000. content: "";
  4001. display: block;
  4002. right: 5px;
  4003. height: 10px;
  4004. position: absolute;
  4005. top: 10px;
  4006. width: 10px
  4007. }
  4008. .ugc-upload-location-input {
  4009. padding-right: 24px;
  4010. padding-left: 24px
  4011. }
  4012. .ugc-upload-location-input-wrap {
  4013. position: relative;
  4014. display: inline-block;
  4015. width: 100%
  4016. }
  4017. .ugc-upload-location-input-wrap:before {
  4018. content: "";
  4019. display: block;
  4020. position: absolute;
  4021. width: 16px;
  4022. height: 0;
  4023. overflow: hidden;
  4024. padding-top: 16px;
  4025. left: 6px;
  4026. top: 7px;
  4027. background: transparent url(../../images/modules/forms/forms-sprite2.png) -69px -7px no-repeat;
  4028. z-index: 9
  4029. }
  4030. .ugc-upload-file-thumb {
  4031. background: #d9d9d9;
  4032. background: rgba(0,0,0,.05);
  4033. box-shadow: inset 0 1px 2px rgba(0,0,0,.3),0 1px 1px #fff;
  4034. border-radius: 3px;
  4035. display: inline-block;
  4036. position: relative;
  4037. white-space: normal
  4038. }
  4039. .ugc-upload-file-thumb-inactive {
  4040. background: 0;
  4041. box-shadow: none;
  4042. cursor: pointer
  4043. }
  4044. .ugc-upload-file-thumb-empty {
  4045. width: 100%;
  4046. height: 100%;
  4047. position: absolute;
  4048. top: 0;
  4049. left: 0;
  4050. border: 2px dotted #cfcfcf;
  4051. border-radius: 3px
  4052. }
  4053. .ugc-upload-file-thumb-empty.ui-chunky-btn:after {
  4054. background-position: -118px -18px
  4055. }
  4056. .ugc-upload-file-preview-wrap {
  4057. display: none;
  4058. width: 100%;
  4059. height: 100%;
  4060. position: absolute;
  4061. top: 0;
  4062. left: 0;
  4063. z-index: 1;
  4064. overflow: hidden;
  4065. border-radius: 3px;
  4066. text-align: center
  4067. }
  4068. .ugc-upload-file-preview-wrap.ugc-upload-file-fail {
  4069. display: none
  4070. }
  4071. .ugc-nonprogressive-upload .ugc-upload-file-preview-wrap,.ugc-nonprogressive-upload .ugc-upload-file-thumb-error-wrap {
  4072. background: #d9d9d9;
  4073. box-shadow: inset 0 1px 2px rgba(0,0,0,.3),0 1px 1px #fff;
  4074. border-radius: 3px
  4075. }
  4076. .ugc-upload-file-media-preview-wrap {
  4077. background: -moz-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%);
  4078. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(96,96,96,.09)),color-stop(100%,rgba(19,19,19,.19)));
  4079. background: -webkit-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%);
  4080. background: -o-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%);
  4081. background: -ms-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%);
  4082. background: linear-gradient(to bottom,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%);
  4083. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17606060', endColorstr='#30131313', GradientType=0);
  4084. background-size: cover;
  4085. border-radius: 3px;
  4086. border-top-right-radius: 0;
  4087. display: none;
  4088. height: 100%;
  4089. left: 0;
  4090. overflow: hidden;
  4091. position: absolute;
  4092. top: 0;
  4093. width: 100%;
  4094. z-index: 0
  4095. }
  4096. .ugc-upload-file-media-preview-wrap:before {
  4097. content: "";
  4098. position: absolute;
  4099. display: block;
  4100. top: 0;
  4101. left: 0;
  4102. width: 100%;
  4103. height: 100%;
  4104. z-index: 5;
  4105. transition: opacity .4s;
  4106. -moz-transition: opacity .4s;
  4107. -webkit-transition: opacity .4s;
  4108. background: #000;
  4109. opacity: .6
  4110. }
  4111. .ugc-upload-file-done .ugc-upload-file-media-preview-wrap:before {
  4112. opacity: 0
  4113. }
  4114. .ugc-nonprogressive-upload .ugc-upload-file-media-preview-wrap:before {
  4115. background: transparent;
  4116. opacity: 1
  4117. }
  4118. .ugc-upload-file-media-preview-image,.ugc-upload-file-media-preview-video,.ugc-upload-file-media-no-preview {
  4119. display: block;
  4120. z-index: 2;
  4121. position: absolute;
  4122. top: 0;
  4123. left: 0
  4124. }
  4125. .ugc-upload-file-progress-text {
  4126. position: absolute
  4127. }
  4128. .ugc-nonprogressive-upload .ugc-upload-file-progress-text {
  4129. font-size: 12px;
  4130. text-shadow: 0 1px 1px rgba(0,0,0,.3);
  4131. color: #fff;
  4132. display: inline-block;
  4133. vertical-align: top;
  4134. margin-top: 73px;
  4135. top: 0;
  4136. left: 0;
  4137. padding: 0 10%;
  4138. width: 80%
  4139. }
  4140. .ugc-progressive-upload .ugc-upload-file-progress-percentage-text {
  4141. display: block;
  4142. width: 100%;
  4143. font-size: 16px;
  4144. line-height: 16px;
  4145. margin-top: -8px;
  4146. padding: 0;
  4147. top: 50%;
  4148. z-index: 3;
  4149. color: #fff;
  4150. font-weight: 700;
  4151. text-align: center;
  4152. text-shadow: 0 1px 2px rgba(0,0,0,.5);
  4153. transition: opacity .4s;
  4154. -moz-transition: opacity .4s;
  4155. -webkit-transition: opacity .4s;
  4156. opacity: 1
  4157. }
  4158. .ugc-progressive-upload.ugc-upload-file-done .ugc-upload-file-progress-percentage-text {
  4159. opacity: 0
  4160. }
  4161. .ugc-upload-file-thumb-error-wrap {
  4162. display: none;
  4163. text-align: center;
  4164. width: 100%;
  4165. height: 100%;
  4166. position: absolute;
  4167. top: 0;
  4168. left: 0;
  4169. padding: 20px;
  4170. box-sizing: border-box;
  4171. -moz-box-sizing: border-box;
  4172. border-radius: 3px
  4173. }
  4174. .ugc-upload-file-thumb-error-wrap.active {
  4175. display: block;
  4176. z-index: 1
  4177. }
  4178. .ugc-upload-file-thumb-error-heading {
  4179. font-size: 15px;
  4180. font-weight: 700;
  4181. position: relative;
  4182. padding-top: 30px;
  4183. text-align: center;
  4184. color: #333
  4185. }
  4186. .ugc-upload-file-thumb-error-heading:before {
  4187. background: url(../../images/apps/ugc/ugc-sprite.png) -20px -68px no-repeat;
  4188. content: "";
  4189. display: block;
  4190. position: absolute;
  4191. top: 0;
  4192. width: 20px;
  4193. height: 0;
  4194. left: 50%;
  4195. margin-left: -10px;
  4196. padding-top: 21px;
  4197. overflow: hidden
  4198. }
  4199. .ugc-upload-file-thumb-error-text {
  4200. font-size: 12px;
  4201. color: #737373
  4202. }
  4203. .ugc-upload-file-thumb-remove {
  4204. background: #000 url(../../images/apps/ugc/ugc-sprite.png) -25px -3px no-repeat;
  4205. border-radius: 30px;
  4206. box-shadow: 0 2px 2px rgba(0,0,0,.3);
  4207. cursor: pointer;
  4208. display: none;
  4209. height: 21px;
  4210. position: absolute;
  4211. right: -10px;
  4212. top: -10px;
  4213. width: 21px;
  4214. z-index: 2
  4215. }
  4216. .ugc-upload-file-thumb-empty:after {
  4217. background: url(../../images/apps/ugc/ugc-sprite.png) no-repeat -150px -18px;
  4218. content: "";
  4219. display: block;
  4220. height: 16px;
  4221. left: 56px;
  4222. position: absolute;
  4223. top: 56px;
  4224. width: 16px
  4225. }
  4226. .ugc-upload-file-thumb-inactive:hover>.ugc-upload-file-thumb-empty:after {
  4227. background-position: -134px -18px
  4228. }
  4229. .ugc-upload-file-thumb-inactive.first:hover>.ugc-upload-file-thumb-empty {
  4230. color: #fff;
  4231. background: #38b4ff;
  4232. background: -moz-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%);
  4233. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(56,180,255,1)),color-stop(100%,rgba(46,164,255,1)));
  4234. background: -webkit-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%);
  4235. background: -o-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%);
  4236. background: -ms-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%);
  4237. background: linear-gradient(to bottom,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%);
  4238. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38b4ff', endColorstr='#2ea4ff', GradientType=0)
  4239. }
  4240. .ugc-upload-file-thumb-inactive.first:hover>.ugc-upload-file-thumb-empty:after {
  4241. background-position: -118px -18px
  4242. }
  4243. .ugc-upload-success-file {
  4244. overflow: hidden;
  4245. border-radius: 3px
  4246. }
  4247. .ugc-upload-success-media {
  4248. border-radius: 3px;
  4249. box-shadow: 1px 2px 3px 0 rgba(0,0,0,.2);
  4250. display: inline-block;
  4251. vertical-align: top
  4252. }
  4253. .ugc-upload-file-media-no-preview,.ugc-upload-success-media-no-preview {
  4254. width: 100%;
  4255. height: 100%;
  4256. border-radius: 3px
  4257. }
  4258. .ugc-upload-success-media-no-preview {
  4259. background: -moz-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%);
  4260. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(96,96,96,.09)),color-stop(100%,rgba(19,19,19,.19)));
  4261. background: -webkit-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%);
  4262. background: -o-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%);
  4263. background: -ms-linear-gradient(top,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%);
  4264. background: linear-gradient(to bottom,rgba(96,96,96,.09) 0,rgba(19,19,19,.19) 100%);
  4265. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#17606060', endColorstr='#30131313', GradientType=0)
  4266. }
  4267. .ugc-upload-file-media-no-preview:before,.ugc-upload-success-media-no-preview:before {
  4268. content: "";
  4269. position: absolute;
  4270. display: block;
  4271. top: 50%;
  4272. left: 50%;
  4273. background-image: url(../../images/apps/ugc/ugc-sprite.png);
  4274. background-repeat: no-repeat
  4275. }
  4276. .ugc-upload-file-media-no-preview-video:before,.ugc-upload-success-media-no-preview.ugc-upload-success-media-video:before {
  4277. background-position: -62px -91px;
  4278. width: 33px;
  4279. height: 33px;
  4280. margin-left: -19px;
  4281. margin-top: -18px
  4282. }
  4283. .ugc-upload-file-media-no-preview-image:before,.ugc-upload-success-media-no-preview.ugc-upload-success-media-image:before {
  4284. background-position: -96px -91px;
  4285. width: 40px;
  4286. height: 33px;
  4287. margin-left: -19px;
  4288. margin-top: -18px
  4289. }
  4290. .ugc-nonprogressive-upload .ugc-upload-file-pending .ugc-upload-file-media-no-preview:before {
  4291. content: "";
  4292. position: absolute;
  4293. display: block;
  4294. top: 42px;
  4295. left: 50%;
  4296. width: 29px;
  4297. height: 29px;
  4298. background: url(../../images/apps/ugc/image-preview-loading.gif) 0 0 no-repeat;
  4299. margin-left: -15px
  4300. }
  4301. .ugc-upload-form-submission-text-username {
  4302. font-weight: 700
  4303. }
  4304. .ugc-upload-submit-btn,.ugc-upload-cancel-btn {
  4305. text-align: center
  4306. }
  4307. .ugc-upload-submit-btn:before {
  4308. background: url(../../images/apps/ugc/ugc-sprite.png) no-repeat -118px 0;
  4309. content: "";
  4310. height: 16px;
  4311. left: 12px;
  4312. position: absolute;
  4313. top: 13px;
  4314. width: 16px;
  4315. border-right: 0;
  4316. box-shadow: none
  4317. }
  4318. .ugc-upload-submit-btn:after {
  4319. content: "";
  4320. display: block;
  4321. height: 40px;
  4322. left: 40px;
  4323. position: absolute;
  4324. top: 0;
  4325. width: 1px;
  4326. border-right: 1px solid #ebebeb;
  4327. border-right: 1px solid rgba(255,255,255,.1);
  4328. box-shadow: inset -1px 0 0 rgba(0,0,0,.1)
  4329. }
  4330. .ugc-upload-submit-btn-disabled,.ugc-upload-submit-btn-disabled:hover {
  4331. background: #c3c3c3;
  4332. background: -moz-linear-gradient(top,rgba(203,203,203,1) 0,rgba(193,193,193,1) 100%);
  4333. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(203,203,203,1)),color-stop(100%,rgba(193,193,193,1)));
  4334. background: -webkit-linear-gradient(top,rgba(203,203,203,1) 0,rgba(193,193,193,1) 100%);
  4335. background: -o-linear-gradient(top,rgba(203,203,203,1) 0,rgba(193,193,193,1) 100%);
  4336. background: -ms-linear-gradient(top,rgba(203,203,203,1) 0,rgba(193,193,193,1) 100%);
  4337. background: linear-gradient(to bottom,rgba(203,203,203,1) 0,rgba(193,193,193,1) 100%);
  4338. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cbcbcb', endColorstr='#c1c1c1', GradientType=0);
  4339. border-color: silver;
  4340. cursor: default;
  4341. opacity: .5;
  4342. box-shadow: none
  4343. }
  4344. .ugc-upload-submit-btn-sending.ui-chunky-btn.icon:before {
  4345. background-image: url(../../images/indicators/progress-small-blue.gif);
  4346. top: 8px;
  4347. left: 9px;
  4348. width: 20px;
  4349. height: 20px;
  4350. background-position: 0 0
  4351. }
  4352. .ugc-upload-find-my-location-btn {
  4353. background: #21acff;
  4354. background: -moz-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%);
  4355. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(33,172,255,1)),color-stop(100%,rgba(27,154,255,1)));
  4356. background: -webkit-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%);
  4357. background: -o-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%);
  4358. background: -ms-linear-gradient(top,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%);
  4359. background: linear-gradient(to bottom,rgba(33,172,255,1) 0,rgba(27,154,255,1) 100%);
  4360. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#21acff", endColorstr="#1b9aff", GradientType=0);
  4361. border: 1px solid #149cee;
  4362. border-radius: 3px;
  4363. box-shadow: 0 1px 1px rgba(0,0,0,.2);
  4364. font-family: "Futura Today Bold",helvetica,sans-serif;
  4365. font-size: 13px;
  4366. color: #fff;
  4367. display: inline-block;
  4368. height: 28px;
  4369. padding: 0;
  4370. text-shadow: 0 1px 0 rgba(0,0,0,.1);
  4371. cursor: pointer;
  4372. overflow: hidden;
  4373. text-indent: 105%;
  4374. white-space: nowrap;
  4375. width: 30px;
  4376. margin-left: 10px;
  4377. vertical-align: top;
  4378. position: relative
  4379. }
  4380. .ugc-upload-find-my-location-btn:before {
  4381. background: url(../../images/apps/ugc/ugc-sprite.png) -167px -0px no-repeat;
  4382. content: "";
  4383. display: block;
  4384. height: 17px;
  4385. left: 10px;
  4386. position: absolute;
  4387. top: 8px;
  4388. width: 10px
  4389. }
  4390. .ugc-upload-find-my-location-btn:hover {
  4391. color: #fff;
  4392. background: #38b4ff;
  4393. background: -moz-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%);
  4394. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(56,180,255,1)),color-stop(100%,rgba(46,164,255,1)));
  4395. background: -webkit-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%);
  4396. background: -o-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%);
  4397. background: -ms-linear-gradient(top,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%);
  4398. background: linear-gradient(to bottom,rgba(56,180,255,1) 0,rgba(46,164,255,1) 100%);
  4399. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38b4ff', endColorstr='#2ea4ff', GradientType=0)
  4400. }
  4401. .ugc-upload-location-powered-by-link,.ugc-upload-location-powered-by-link:visited {
  4402. display: inline-block;
  4403. color: #666;
  4404. font-size: 11px;
  4405. font-weight: 700;
  4406. float: right;
  4407. margin-top: 8px
  4408. }
  4409. .ugc-upload-location-powered-by-logo {
  4410. background: url(https://playfoursquare.s3.amazonaws.com/press/logo/poweredByFoursquare_16x16.png) 0 0 no-repeat;
  4411. display: inline-block;
  4412. height: 16px;
  4413. overflow: hidden;
  4414. text-indent: 100%;
  4415. white-space: nowrap;
  4416. width: 16px;
  4417. vertical-align: middle
  4418. }
  4419. #ugc-signin-overlay {
  4420. position: absolute;
  4421. width: 100%;
  4422. height: 100%;
  4423. background: url(../../images/apps/ugc/ie_transparent_bg-50.png) repeat;
  4424. background: rgba(0,0,0,.5);
  4425. top: 0;
  4426. left: 0;
  4427. z-index: 2;
  4428. display: none
  4429. }
  4430. .ugc-signin-overlay-container {
  4431. background: #ebebeb url(../../images/patterns/paper-noise-bar.png) repeat top left;
  4432. width: 460px;
  4433. z-index: 0;
  4434. text-align: center;
  4435. padding: 32px 30px;
  4436. box-sizing: border-box;
  4437. -moz-box-sizing: border-box;
  4438. display: block;
  4439. position: fixed;
  4440. left: 50%;
  4441. margin-left: -222px;
  4442. top: 50%;
  4443. margin-top: -78px
  4444. }
  4445. .ugc-signin-overlay-heading {
  4446. color: #000;
  4447. font-weight: 700;
  4448. font-size: 32px;
  4449. margin-bottom: 16px
  4450. }
  4451. .ugc-signin-overlay-login-buttons {
  4452. display: block;
  4453. text-align: center
  4454. }
  4455. .ugc-signin-overlay-login-btn.ui-chunky-btn {
  4456. display: inline-block
  4457. }
  4458. .ugc-signin-overlay-login-btn-facebook.ui-chunky-btn {
  4459. margin-right: 16px
  4460. }
  4461. article.cards.stag {
  4462. background: url(../../images/modules/topic/stag-noise.gif)
  4463. }
  4464. article.stag.ui-loading {
  4465. background-color: #3c3c3c
  4466. }
  4467. article.cards.stag .card-container {
  4468. background: -moz-linear-gradient(top,rgba(0,0,0,.41) 0,rgba(0,0,0,0) 184px);
  4469. background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.41)),color-stop(184px,rgba(0,0,0,0)));
  4470. background: -webkit-linear-gradient(top,rgba(0,0,0,.41) 0,rgba(0,0,0,0) 184px);
  4471. background: -o-linear-gradient(top,rgba(0,0,0,.41) 0,rgba(0,0,0,0) 184px);
  4472. background: -ms-linear-gradient(top,rgba(0,0,0,.41) 0,rgba(0,0,0,0) 184px);
  4473. background: linear-gradient(top,rgba(0,0,0,.41) 0,rgba(0,0,0,0) 184px);
  4474. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4000000', endColorstr='#00000000', GradientType=0);
  4475. padding-bottom: 0
  4476. }
  4477. .stagfront-hero-3up-tile.hero-3up-tile {
  4478. background: #2e2e2e url(../../images/patterns/dark-noise.png)
  4479. }
  4480. .hero-3up-tile-1:hover .stagfront-hero-3up-header {
  4481. color: #ccc
  4482. }
  4483. .hero-3up-media-noimage>.stagfront-hero-3up-text {
  4484. position: absolute
  4485. }
  4486. .stagfront-hero-3up-text {
  4487. bottom: 10px;
  4488. color: #fff;
  4489. padding-bottom: 10px;
  4490. position: relative;
  4491. width: 100%;
  4492. z-index: 53
  4493. }
  4494. .stagfront-hero-3up-text-1 {
  4495. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  4496. background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
  4497. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.8)));
  4498. background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
  4499. background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
  4500. background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
  4501. background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.8) 100%);
  4502. bottom: 0;
  4503. position: absolute
  4504. }
  4505. .hero-3up-tile.stagfront-hero-3up-tile>.parent-label {
  4506. left: 20px;
  4507. top: 20px
  4508. }
  4509. .stagfront-hero-3up-header.stagfront-hero-3up-header-1 {
  4510. color: #fff;
  4511. font-size: 30px;
  4512. line-height: 35px;
  4513. margin: 0;
  4514. padding: 20px 20px 10px;
  4515. text-shadow: 1px 1px 1px rgba(0,0,0,.4)
  4516. }
  4517. .stagfront-hero-3up-header {
  4518. color: #ccc;
  4519. font-size: 13px;
  4520. font-weight: 700;
  4521. line-height: 16px;
  4522. margin: 0;
  4523. padding: 10px 20px;
  4524. text-shadow: 2px 2px 2px rgba(0,0,0,.4);
  4525. -webkit-transition: color .25s ease-out;
  4526. -moz-transition: color .25s ease-out;
  4527. -ms-transition: color .25s ease-out;
  4528. -o-transition: color .25s ease-out;
  4529. transition: color .25s ease-out
  4530. }
  4531. .stagfront-hero-3up-action:hover {
  4532. background-position: 0 -17px;
  4533. color: #0af
  4534. }
  4535. .stagfront-hero-3up-action {
  4536. background: transparent url(../../images/buttons/sprite-hero.png) no-repeat top left;
  4537. display: block;
  4538. height: 12px;
  4539. font-size: 12px;
  4540. font-weight: 700;
  4541. margin: 0 18px 12px;
  4542. padding: 0 22px 5px;
  4543. min-width: 86px
  4544. }
  4545. .stagfront-hero-3up-subhead {
  4546. color: #fff;
  4547. display: block;
  4548. font-size: 12px;
  4549. padding: 0 20px 10px
  4550. }
  4551. article.cards.stag .card-wrap {
  4552. width: auto
  4553. }
  4554. .stagfront-content {
  4555. margin: 0 auto;
  4556. width: 960px
  4557. }
  4558. article.cards.stag .content-wrap {
  4559. background: #fff;
  4560. box-shadow: 0 2px 10px rgba(0,0,0,.08);
  4561. margin-bottom: 40px
  4562. }
  4563. .stag-masthead {
  4564. padding-top: 30px;
  4565. text-align: center
  4566. }
  4567. .stagfront-primary {
  4568. clear: both;
  4569. position: relative
  4570. }
  4571. .headline-grid-module.stagfront-primary {
  4572. background: url(../../images/patterns/light-grey-linen.jpg);
  4573. border-bottom: 1px solid #cfcfcf
  4574. }
  4575. .stag-mod-headlines-title {
  4576. color: #666;
  4577. font-family: 'Futura Today Bold',arial,sans-serif;
  4578. font-size: 15px;
  4579. font-weight: 400;
  4580. margin: 6px 0 0;
  4581. text-transform: uppercase;
  4582. text-shadow: 0 1px 0 #fff;
  4583. float: left
  4584. }
  4585. .headlines-view-toggle {
  4586. float: right
  4587. }
  4588. .headlines-view-toggle>.grid-btn:before,.headlines-view-toggle>.list-btn:before {
  4589. background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat;
  4590. content: '';
  4591. display: inline-block;
  4592. line-height: 13px;
  4593. position: relative;
  4594. top: 2px;
  4595. margin-right: 5px;
  4596. overflow: hidden
  4597. }
  4598. .headlines-view-toggle>.grid-btn:before {
  4599. background-position: -883px -24px;
  4600. height: 12px;
  4601. width: 14px
  4602. }
  4603. .headlines-view-toggle>.grid-btn.active:before {
  4604. background-position: -883px -4px
  4605. }
  4606. .headlines-view-toggle>.list-btn:before {
  4607. background-position: -902px -24px;
  4608. height: 12px;
  4609. width: 16px
  4610. }
  4611. .headlines-view-toggle>.list-btn.active:before {
  4612. background-position: -902px -4px
  4613. }
  4614. .headlines-header:before {
  4615. border-bottom: 1px solid silver;
  4616. bottom: 0;
  4617. content: '';
  4618. display: block;
  4619. height: 0;
  4620. left: 0;
  4621. position: absolute;
  4622. width: 100%
  4623. }
  4624. .stagfront-primary .galleries {
  4625. background: #f7f7f7;
  4626. height: 645px
  4627. }
  4628. article.stag .galleries.full>.viewport>.slide img {
  4629. max-height: 520px;
  4630. max-width: 920px
  4631. }
  4632. .stagfront-primary .galleries>.viewport {
  4633. height: 540px;
  4634. padding-top: 10px
  4635. }
  4636. .featured-content-module.stagfront-primary {
  4637. background: #506975 url(../../images/modules/topic/stag-footer-noise.png);
  4638. overflow: hidden;
  4639. width: 960px
  4640. }
  4641. .stagfront-primary .featured-content-li {
  4642. width: 192px
  4643. }
  4644. .stagfront-primary .featured-content-a {
  4645. color: #889aa4;
  4646. padding: 0 31px
  4647. }
  4648. .stagfront-primary .featured-content-a .featured-content-h3 {
  4649. color: #fff;
  4650. text-shadow: 0 1px 2px rgba(0,0,0,.4)
  4651. }
  4652. .stagfront-primary .featured-content-updated {
  4653. display: block;
  4654. color: #889aa4
  4655. }
  4656. .stagfront-primary .featured-content-img {
  4657. border: 5px solid #a8b5bb;
  4658. box-shadow: 0 3px 6px 3px rgba(0,0,0,.2)
  4659. }
  4660. .stagfront-primary .featured-content-p {
  4661. width: 960px
  4662. }
  4663. .stagfront-primary .featured-content .bottom-bar {
  4664. background: #fff;
  4665. border-bottom: 1px solid #d6d6d6;
  4666. box-shadow: 3px 4px 5px 6px rgba(0,0,0,.4);
  4667. height: 2px;
  4668. margin: 10px 0 0
  4669. }
  4670. .stagfront-primary .featured-content-no-border {
  4671. border: 0
  4672. }
  4673. .stagfront-primary .galleries>.thumbs {
  4674. left: 0;
  4675. right: 0
  4676. }
  4677. #blog-card .stag-masthead>h1 {
  4678. font: 400 42px/48px 'Futura Today Bold','helvetica neue',arial,sans-serif;
  4679. margin-bottom: 15px;
  4680. text-transform: uppercase;
  4681. position: relative
  4682. }
  4683. .stag .media .load-story {
  4684. display: inline-block
  4685. }
  4686. .stag-masthead-link,.stag-masthead-link:visited {
  4687. color: #fff
  4688. }
  4689. .stag-masthead-link:hover {
  4690. color: rgba(255,255,255,.8);
  4691. color: #c8c8c8
  4692. }
  4693. .topics-sub-nav {
  4694. background: url(../../images/topics/bg-sub-nav.png) no-repeat 0 0 #cecece;
  4695. display: block;
  4696. height: 50px;
  4697. list-style: none outside none
  4698. }
  4699. .content-wrap .topics-sub-nav-item {
  4700. background: url(../../images/topics/bg-sub-nav-border.png) no-repeat 0 0;
  4701. float: left;
  4702. font-size: 14px;
  4703. height: 50px;
  4704. margin: 0;
  4705. text-align: center
  4706. }
  4707. .content-wrap .topics-sub-nav-item.first-topic-nav-item {
  4708. background: 0
  4709. }
  4710. .content-wrap .topics-sub-nav-item-active,.content-wrap .topics-sub-nav-item.first-topic-nav-item.topics-sub-nav-item-active {
  4711. background: url(../../images/topics/bg-sub-nav-active.png) repeat 0 0 #afafaf
  4712. }
  4713. .topics-sub-nav-link,.topics-sub-nav-link:visited {
  4714. color: #333;
  4715. display: block;
  4716. float: left;
  4717. font-family: 'Futura Today bold',arial,sans-serif;
  4718. font-size: 12px;
  4719. line-height: 50px;
  4720. text-align: center;
  4721. text-decoration: none;
  4722. text-transform: uppercase;
  4723. width: 100%
  4724. }
  4725. .topics-sub-nav-item.last-topic-nav-item .topics-sub-nav-link,.topics-sub-nav-item-active>.topics-sub-nav-link {
  4726. background: 0
  4727. }
  4728. .topics-sub-nav-link:hover {
  4729. color: #000
  4730. }
  4731. .nav-items-1>.topics-sub-nav-item {
  4732. width: 100%
  4733. }
  4734. .nav-items-2>.topics-sub-nav-item {
  4735. width: 50%
  4736. }
  4737. .nav-items-3>.topics-sub-nav-item {
  4738. width: 33.3333%
  4739. }
  4740. .nav-items-4>.topics-sub-nav-item {
  4741. width: 25%
  4742. }
  4743. .nav-items-5>.topics-sub-nav-item {
  4744. width: 20%
  4745. }
  4746. .topic-ios-bookmark-tip {
  4747. display: none;
  4748. position: absolute;
  4749. top: 30px
  4750. }
  4751. .stag .partner-leavebehind {
  4752. float: right;
  4753. height: auto;
  4754. margin-left: 20px;
  4755. position: relative;
  4756. top: auto;
  4757. width: 100px
  4758. }
  4759. .stag .partner-leavebehind .leavebehind-sponsoredby {
  4760. padding-bottom: 10px;
  4761. width: 100px
  4762. }
  4763. .stag .partner-leavebehind .leavebehind-image {
  4764. margin: 0;
  4765. width: 100px
  4766. }
  4767. #blog-card .stag-masthead>.stag-masthead-name {
  4768. font: 400 50px/58px 'Futura Today Bold',helvetica,arial,sans-serif;
  4769. margin-bottom: 15px;
  4770. text-transform: uppercase;
  4771. position: relative
  4772. }
  4773. #blog-card.fixed {
  4774. position: fixed;
  4775. width: 100%
  4776. }
  4777. .stag .headlines .page {
  4778. width: 100%
  4779. }
  4780. .storybottombar-bucket {
  4781. clear: left
  4782. }
  4783. #overlay .close-wrap {
  4784. position: absolute;
  4785. z-index: 112;
  4786. width: 980px
  4787. }
  4788. #overlay .close {
  4789. background: url(../../images/sprites/ui-sprite.png) -150px -205px no-repeat;
  4790. height: 50px;
  4791. position: absolute;
  4792. right: -25px;
  4793. overflow: hidden;
  4794. text-indent: 105%;
  4795. top: 10px;
  4796. white-space: nowrap;
  4797. width: 50px
  4798. }
  4799. #overlay .close:hover,.gallery.fullscreen .close:hover {
  4800. background-position: -150px -255px
  4801. }
  4802. .article-metadata-wrap {
  4803. float: left;
  4804. margin: 0 30px 0 60px;
  4805. position: relative;
  4806. width: 180px
  4807. }
  4808. .article-metadata {
  4809. position: relative
  4810. }
  4811. .pullquote-asset {
  4812. float: left;
  4813. margin: 10px 40px 10px 70px;
  4814. padding: 0;
  4815. width: 160px
  4816. }
  4817. .pull-quote-attribution {
  4818. color: #999;
  4819. float: left;
  4820. font: 700 11px/14px arial,sans-serif;
  4821. margin-top: -30px;
  4822. padding: 0 5px;
  4823. text-align: center;
  4824. width: 150px
  4825. }
  4826. .pull-quote>.pull-quote-item {
  4827. border-bottom: 1px dotted #dedede;
  4828. border-top: 1px dotted #dedede;
  4829. color: #999;
  4830. font: 18px/25px arial,sans-serif;
  4831. margin: 0;
  4832. padding: 15px 10px;
  4833. text-align: center
  4834. }
  4835. .pull-quotes-char {
  4836. float: left;
  4837. font: 60px georgia,serif;
  4838. height: 30px;
  4839. margin: -9px -39px 0;
  4840. padding: 0 12px
  4841. }
  4842. .pull-quote-item>.right {
  4843. float: right;
  4844. margin: 55px -39px 0 0
  4845. }
  4846. .asset .story-highlights .hlts,.asset .blog-tag-cloud .hlts {
  4847. border-bottom: 1px dotted #d4d4d4;
  4848. color: #999;
  4849. font: 400 12px/25px 'Futura Today Bold',arial,sans-serif;
  4850. margin: 0 auto;
  4851. text-transform: uppercase
  4852. }
  4853. .asset .story-highlights .hlt,.asset .blog-tag-cloud .tag-cloud {
  4854. list-style: none;
  4855. margin: 0;
  4856. padding: 0;
  4857. left: 0
  4858. }
  4859. .asset .story-highlights .hlt-item {
  4860. background: url(../../images/components/story_highlights_bullets.png) 0 17px no-repeat;
  4861. border-bottom: 1px dotted #d4d4d4;
  4862. color: #646464;
  4863. font: 700 12px/16px arial,sans-serif;
  4864. padding: 12px 0 12px 15px
  4865. }
  4866. .asset .story-highlights .hlt-item:last-child {
  4867. border: 0
  4868. }
  4869. .asset .blog-tag-cloud {
  4870. clear: both
  4871. }
  4872. .asset .blog-tag-cloud .tag {
  4873. background: #e0dfdf;
  4874. display: inline-block;
  4875. float: left;
  4876. font: 700 12px arial,sans-serif;
  4877. margin: 3px 3px 0 0;
  4878. padding: 3px 5px
  4879. }
  4880. .asset .blog-tag-cloud .tgc {
  4881. color: #666
  4882. }
  4883. .asset blockquote {
  4884. border-left: 2px solid #c9c9c9;
  4885. color: #797979;
  4886. font: 400 14px/22px arial,sans-serif;
  4887. margin: 0 0 15px 60px;
  4888. overflow: auto;
  4889. padding-left: 20px
  4890. }
  4891. .asset .more-stories {
  4892. color: #333;
  4893. float: left;
  4894. font: 400 16px 'Futura Today Bold',sans-serif;
  4895. margin: 22px 0 0;
  4896. text-transform: uppercase;
  4897. width: 190px
  4898. }
  4899. .asset .more-stories-wrap {
  4900. border-top: 1px solid #e6e6e6;
  4901. clear: both;
  4902. margin-left: 70px;
  4903. overflow: hidden;
  4904. width: 880px
  4905. }
  4906. .asset .more-stories-wrap.vertical {
  4907. clear: none;
  4908. width: 540px
  4909. }
  4910. .asset .more-stories-wrap #taboola-div-grid-2x4,.asset .more-stories-wrap #taboola-div-verticalx8 {
  4911. float: left
  4912. }
  4913. #taboola-div-text-links-vertical {
  4914. margin-bottom: 30px
  4915. }
  4916. .grid-2x4 .videoCube {
  4917. padding-left: 0!important
  4918. }
  4919. .asset .more-stories-content {
  4920. min-height: 486px
  4921. }
  4922. .asset .ribbon-module h3 {
  4923. font: 400 16px 'Futura Today Bold',sans-serif;
  4924. color: #1ea3ff;
  4925. text-transform: uppercase;
  4926. text-align: center
  4927. }
  4928. .asset .ribbon-module .accept_terms,.email-pane .accept_terms {
  4929. display: none
  4930. }
  4931. .asset .ribbon-module .light-shade,.asset .story-poll .light-shade {
  4932. border-right: 1px solid #e6e6e6;
  4933. border-left: 1px solid #e6e6e6;
  4934. border-bottom: 1px solid #e6e6e6;
  4935. float: left;
  4936. margin-top: -38px;
  4937. padding: 40px 0 0;
  4938. position: relative;
  4939. text-align: center;
  4940. width: 318px;
  4941. z-index: 160
  4942. }
  4943. .asset .story-poll .light-shade {
  4944. padding: 25px 0 0
  4945. }
  4946. .asset .ribbon-module .light-shade p {
  4947. color: #999;
  4948. font: 12px/16px arial,sans-serif;
  4949. margin: 0 auto;
  4950. text-align: center;
  4951. width: 265px;
  4952. padding-top: 0
  4953. }
  4954. .asset .ribbon-module .light-shade .full-bio {
  4955. border: medium none;
  4956. height: 20px;
  4957. padding: 0
  4958. }
  4959. .asset .ribbon-module .light-shade .full-bio-inline {
  4960. background: url(../../images/components/full-bio-arrow.png) no-repeat 0 6px;
  4961. color: #333;
  4962. display: inline-block;
  4963. font: 700 12px/30px arial,sans-serif;
  4964. height: 30px;
  4965. margin-left: 10px;
  4966. width: 95px
  4967. }
  4968. .asset .story-poll .light-shade .vote,.asset .poll-results-btn {
  4969. color: #333;
  4970. display: inline-block;
  4971. font: 700 12px/30px arial,sans-serif;
  4972. height: 30px;
  4973. margin: 0 0 20px
  4974. }
  4975. .asset .story-poll .poll-vote-button-icon {
  4976. background: url(../../images/sprites/forms-sprite.png) 3px -64px no-repeat;
  4977. float: left;
  4978. height: 14px;
  4979. width: 19px
  4980. }
  4981. .asset .ribbon-module .light-shade .follow-email {
  4982. color: #333;
  4983. display: block;
  4984. font-family: arial,sans-serif;
  4985. font-size: 12px;
  4986. font-weight: 700;
  4987. margin: 10px 30px;
  4988. padding-top: 10px;
  4989. border-top: 1px dotted #cbcbcb;
  4990. cursor: pointer
  4991. }
  4992. .asset .ribbon-module .light-shade .follow-email:hover {
  4993. color: #1ea3ff
  4994. }
  4995. .asset .ribbon-module .light-shade .follow-email:before {
  4996. content: "";
  4997. display: inline-block;
  4998. background: url(../../images/components/article-bio-email.png) no-repeat;
  4999. width: 22px;
  5000. height: 22px;
  5001. margin-bottom: -6px;
  5002. padding-right: 3px
  5003. }
  5004. .asset .ribbon-module .light-shade .email-widget-wrapper {
  5005. position: relative
  5006. }
  5007. .asset .ribbon-module .light-shade .follow-email span {
  5008. display: inline-block;
  5009. margin-left: 17px;
  5010. max-width: 260px
  5011. }
  5012. .asset .ribbon-module .light-shade .follow-twitter {
  5013. border: 1px solid #d1d1d1;
  5014. border-radius: 2px;
  5015. display: block;
  5016. font: 700 12px/30px arial,sans-serif
  5017. }
  5018. .asset .ribbon-module .light-shade .follow-twitter {
  5019. width: 165px
  5020. }
  5021. .asset .ribbon-module .light-shade .follow-twitter a,.asset .ribbon-module .light-shade .follow-email a {
  5022. color: #333;
  5023. display: block;
  5024. padding: 0 11px
  5025. }
  5026. .asset .ribbon-module .light-shade .follow-twitter a:hover,.asset .ribbon-module .light-shade .follow-email a:hover {
  5027. color: #1ea3ff
  5028. }
  5029. .asset .ribbon-module .light-shade .full-bio a {
  5030. background: url(../../images/components/full-bio-arrow.png) no-repeat 48px 4px;
  5031. color: #333;
  5032. display: inline-block;
  5033. font: 700 12px/30px arial,sans-serif;
  5034. height: 30px;
  5035. padding-right: 28px;
  5036. margin-right: 10px
  5037. }
  5038. .asset .ribbon-module h6,.asset .series-head>h6 {
  5039. background: url(../../images/components/story-updates-bg.png) no-repeat;
  5040. color: #fff;
  5041. float: left;
  5042. font-family: 'Futura Today Bold',arial,sans-serif;
  5043. font-size: 12px;
  5044. font-weight: 400;
  5045. height: 60px;
  5046. margin: 8px 0 0;
  5047. padding-top: 7px;
  5048. position: relative;
  5049. text-align: center;
  5050. text-shadow: 0 1px 1px rgba(0,0,0,.15);
  5051. text-transform: uppercase;
  5052. width: 100%;
  5053. z-index: 170
  5054. }
  5055. .asset .ribbon-module .author {
  5056. margin: -20px 0 0 0;
  5057. position: relative;
  5058. z-index: 180
  5059. }
  5060. .asset .related-stories h6 {
  5061. background: url(../../images/components/story-updates-bg.png) no-repeat;
  5062. color: #fff;
  5063. float: left;
  5064. font: 12px 'Futura Today',sans-serif;
  5065. height: 60px;
  5066. margin: 25px 0 48px;
  5067. padding-top: 7px;
  5068. position: relative;
  5069. text-align: center;
  5070. text-transform: uppercase;
  5071. width: 100%;
  5072. z-index: 170
  5073. }
  5074. .asset .related-stories ul {
  5075. border-bottom: 1px solid #e6e6e6;
  5076. border-left: 1px solid #e6e6e6;
  5077. border-right: 1px solid #e6e6e6;
  5078. float: left;
  5079. list-style: none;
  5080. margin-top: -83px;
  5081. padding: 30px 0 0 20px;
  5082. position: relative;
  5083. z-index: 160
  5084. }
  5085. .asset .related-stories ul li {
  5086. background: url(../../images/components/related_story_icon.png) 16px 3px no-repeat;
  5087. border-bottom: 1px dotted #e6e6e6;
  5088. float: left
  5089. }
  5090. .asset .related-stories ul li,.asset .related-stories ul li a {
  5091. color: #333;
  5092. font: 700 13px/18px arial,sans-serif;
  5093. margin: 10px 0 0 -19px;
  5094. padding-left: 19px;
  5095. padding: 0 4px 10px 19px;
  5096. width: 296px
  5097. }
  5098. .asset .related-stories ul .last {
  5099. border: 0
  5100. }
  5101. .asset .related-stories ul li a {
  5102. border: 0
  5103. }
  5104. .asset .related-stories ul li .time_elapsed {
  5105. float: left;
  5106. margin: 10px 0 0 25px;
  5107. width: 100%;
  5108. font: italic 11px arial,sans-serif;
  5109. color: #bbb;
  5110. clear: both
  5111. }
  5112. .asset .related-stories ul li .story_name {
  5113. float: left;
  5114. margin-left: 25px
  5115. }
  5116. .asset h1 {
  5117. color: #333;
  5118. font: 700 32px/34px helvetica,arial,sans-serif;
  5119. margin: 0;
  5120. padding: 20px 0 0 70px
  5121. }
  5122. .asset .gallery-title {
  5123. font-size: 30px;
  5124. line-height: 36px;
  5125. margin-top: 5px
  5126. }
  5127. .asset .video-desc {
  5128. color: #999;
  5129. font: 11px/18px Arial;
  5130. padding-top: 10px;
  5131. margin-bottom: 10px
  5132. }
  5133. .story-asset .video-desc {
  5134. margin-left: 0
  5135. }
  5136. .inline-story-video {
  5137. display: inline-block;
  5138. margin: 0 0 10px 70px;
  5139. position: relative;
  5140. margin-top: 20px;
  5141. height: 304px;
  5142. margin-left: 60px;
  5143. width: 540px
  5144. }
  5145. .inline-story-video .ui-video-play-btn {
  5146. background: url(../../images/buttons/button_video_play.png) no-repeat;
  5147. height: 93px;
  5148. width: 93px;
  5149. margin-left: -47px;
  5150. margin-top: -47px;
  5151. top: 50%;
  5152. left: 50%;
  5153. position: absolute
  5154. }
  5155. .inline-story-video .gallery-nav {
  5156. top: 130px
  5157. }
  5158. .inline-story-video .gallery-nav-next {
  5159. background-position: -23px 0;
  5160. right: 0
  5161. }
  5162. .inline-story-video .gallery-nav-prev {
  5163. background-position: 0 0;
  5164. left: 0
  5165. }
  5166. .story-priority-video {
  5167. margin: 20px 0 16px 70px
  5168. }
  5169. .story-priority-video .ui-video-play-btn {
  5170. background: url(../../images/buttons/button_video_play.png) no-repeat;
  5171. height: 93px;
  5172. width: 93px;
  5173. margin-left: -47px;
  5174. margin-top: -47px;
  5175. top: 50%;
  5176. left: 50%
  5177. }
  5178. .story-priority-video-gallery {
  5179. margin: 20px 0 30px 50px;
  5180. height: 600px;
  5181. width: 900px;
  5182. padding: 10px
  5183. }
  5184. .story-priority-video-gallery .gallery-viewport.video-gallery-viewport {
  5185. box-shadow: 0 2px 11px 2px rgba(0,0,0,.3);
  5186. font-family: Arial,sans-serif;
  5187. height: 590px;
  5188. position: relative;
  5189. width: 900px;
  5190. overflow: hidden;
  5191. padding: 0
  5192. }
  5193. .story-priority-video-gallery .video-gallery-slide.gallery-slide {
  5194. height: 486px;
  5195. padding: 10px;
  5196. width: 880px
  5197. }
  5198. .story-priority-video-gallery .video-gallery-description {
  5199. font-size: 11px;
  5200. padding-top: 4px;
  5201. width: 100%;
  5202. height: 50px
  5203. }
  5204. .story-priority-video-gallery .video-gallery-counter {
  5205. right: 0;
  5206. top: 4px;
  5207. color: #666;
  5208. font-size: 13px;
  5209. font-weight: 700;
  5210. position: absolute
  5211. }
  5212. .story-priority-video-gallery .gallery-ellipsis {
  5213. width: 770px
  5214. }
  5215. .story-priority-video-gallery .see-more-link {
  5216. bottom: 0;
  5217. color: #009bff;
  5218. font-size: 12px;
  5219. font-weight: 700;
  5220. position: absolute;
  5221. right: 0
  5222. }
  5223. .story-priority-video-gallery .video-gallery-nav {
  5224. background: url(../../images/sprites/front-arrows.png) no-repeat;
  5225. height: 58px;
  5226. margin-top: -29px;
  5227. width: 32px;
  5228. top: 260px
  5229. }
  5230. .story-priority-video-gallery .video-gallery-nav.next {
  5231. background-position: -30px 0
  5232. }
  5233. .story-priority-video-gallery .story-priority-video {
  5234. margin: 0 0 10px
  5235. }
  5236. .story-priority-video-gallery .story-priority-video .ui-video-play-btn {
  5237. background: url(../../images/buttons/button-video-play-small.png) no-repeat;
  5238. height: 45px;
  5239. width: 45px;
  5240. left: auto;
  5241. margin: auto;
  5242. right: 10px;
  5243. top: 82%;
  5244. visibility: visible
  5245. }
  5246. .lt-ie9 .story-video.ui-video .brightcove-video-object>span {
  5247. width: 100%
  5248. }
  5249. .asset .embed {
  5250. max-width: 560px;
  5251. padding: 20px 0 0 60px
  5252. }
  5253. .lead-in {
  5254. font: italic 18px/27px arial,sans-serif;
  5255. margin-top: -2px;
  5256. margin-left: 60px
  5257. }
  5258. .asset .gallery-more h2 {
  5259. color: #333;
  5260. font: 400 16px/20px 'Futura Today bold',arial,sans-serif;
  5261. margin: 0;
  5262. padding: 10px 0 20px;
  5263. text-transform: uppercase
  5264. }
  5265. .asset .headline-asset-item {
  5266. margin: 0 20px 16px 0
  5267. }
  5268. .asset .headline-asset-item.end-item {
  5269. margin-right: 0
  5270. }
  5271. .asset .single-photo p,.asset .map p {
  5272. color: #646464;
  5273. font-size: 11px;
  5274. font-weight: 700;
  5275. line-height: 16px;
  5276. margin: 6px 0 0;
  5277. padding: 0 5px 0 0
  5278. }
  5279. .asset .single-photo .credit {
  5280. font-style: italic;
  5281. font-weight: 400
  5282. }
  5283. .single-photo.float {
  5284. float: left;
  5285. margin: 5px 20px 20px 60px;
  5286. width: 180px
  5287. }
  5288. .single-photo.expandable-collapsed {
  5289. position: relative;
  5290. z-index: 100
  5291. }
  5292. .expand-img-horiz {
  5293. min-height: 131px
  5294. }
  5295. .expand-img-vertical {
  5296. min-height: 232px
  5297. }
  5298. .single-photo.expandable-collapsed .image-wrap {
  5299. background: #fff;
  5300. box-shadow: 1px 1px 5px #c8c8c8;
  5301. padding: 3px;
  5302. position: relative;
  5303. cursor: pointer
  5304. }
  5305. .image-credit-wrap {
  5306. padding: 0
  5307. }
  5308. .image-credit-wrap .cutline {
  5309. display: none
  5310. }
  5311. .single-photo.expandable-collapsed .toggle {
  5312. background: url(../../images/sprites/asset-sprite.png) no-repeat top left;
  5313. bottom: 0;
  5314. height: 21px;
  5315. position: absolute;
  5316. right: 0;
  5317. width: 21px;
  5318. z-index: 200
  5319. }
  5320. .single-photo.expandable-open {
  5321. position: absolute;
  5322. left: 0;
  5323. clear: right;
  5324. z-index: 100
  5325. }
  5326. .single-photo.expandable-open .image-wrap {
  5327. background: #fff;
  5328. box-shadow: 1px 1px 5px #c8c8c8;
  5329. padding: 3px;
  5330. position: relative;
  5331. cursor: pointer
  5332. }
  5333. .single-photo.expandable-open .toggle {
  5334. background: url(../../images/sprites/asset-sprite.png) no-repeat bottom left;
  5335. bottom: 0;
  5336. height: 21px;
  5337. position: absolute;
  5338. right: 0;
  5339. width: 21px;
  5340. z-index: 200
  5341. }
  5342. .single-photo.expandable-open .image-credit-wrap {
  5343. background: #404040;
  5344. background: rgba(0,0,0,.75);
  5345. bottom: 3px;
  5346. color: #fff;
  5347. left: 3px;
  5348. padding: 10px;
  5349. position: absolute;
  5350. width: 514px;
  5351. z-index: 100
  5352. }
  5353. .single-photo.expandable-open .image-credit-wrap .cutline {
  5354. display: block
  5355. }
  5356. .asset .tweet.pulled {
  5357. border-bottom: 1px dotted #999;
  5358. border-top: 1px dotted #999;
  5359. float: left;
  5360. height: 128px;
  5361. margin: 20px 0 20px 220px;
  5362. padding: 30px 0
  5363. }
  5364. .asset .map .mapboxWrap {
  5365. height: 150px;
  5366. width: 180px
  5367. }
  5368. .asset .map.wide .mapboxWrap {
  5369. height: 350px;
  5370. width: 540px
  5371. }
  5372. .asset .map .mapboxWrap,.asset .map.wide .mapboxWrap {
  5373. overflow: hidden;
  5374. position: relative;
  5375. z-index: 0
  5376. }
  5377. .asset .map .mapboxWrap .standard-app-map,.asset .map.wide .mapboxWrap .standard-app-map {
  5378. position: relative;
  5379. width: 100%;
  5380. height: 100%
  5381. }
  5382. .secondary-interactives {
  5383. width: 920px;
  5384. clear: both
  5385. }
  5386. .secondary-interactives .interactive-credits .source,.secondary-interactives .interactive-credits .credit {
  5387. color: #999;
  5388. font-family: Arial,Helvetica,sans-serif;
  5389. font-size: 11px;
  5390. margin-left: 8px;
  5391. text-align: left
  5392. }
  5393. .secondary-interactives .interactive-credits .source {
  5394. color: #999
  5395. }
  5396. .email-widget {
  5397. display: none;
  5398. background: #fff url(../../images/patterns/paper-noise.png) repeat top left;
  5399. border-radius: 6px;
  5400. position: absolute;
  5401. width: 302px;
  5402. height: 320px;
  5403. top: 0;
  5404. left: 9px;
  5405. box-shadow: 0 2px 12px rgba(0,0,0,.4)
  5406. }
  5407. .email-widget:before {
  5408. background: url(../../images/components/utility-contribute-sprite.png) no-repeat -31px -201px;
  5409. content: '';
  5410. display: block;
  5411. height: 7px;
  5412. left: 79px;
  5413. position: absolute;
  5414. width: 16px;
  5415. top: -7px;
  5416. transform: rotate(180deg);
  5417. -ms-transform: rotate(180deg);
  5418. -moz-transform: rotate(180deg);
  5419. -webkit-transform: rotate(180deg);
  5420. -o-transform: rotate(180deg)
  5421. }
  5422. .email-widget.open {
  5423. display: block
  5424. }
  5425. .email-title {
  5426. margin: 7px 0 10px 10px;
  5427. text-align: left
  5428. }
  5429. .email-formbox {
  5430. width: inherit;
  5431. background-color: #fff;
  5432. height: 190px;
  5433. border-bottom: 1px solid #ccc;
  5434. padding-top: 10px;
  5435. margin-bottom: 17px;
  5436. border-top: 1px solid #ccc
  5437. }
  5438. .email-widget input,.email-widget textarea {
  5439. width: 272px;
  5440. margin: 0;
  5441. margin-bottom: 10px;
  5442. padding: 8px;
  5443. background: #f3f3f3;
  5444. border: 1px solid #fff;
  5445. border-top-color: #c4c4c4;
  5446. border-radius: 3px;
  5447. box-shadow: inset 0 0 1px rgba(0,0,0,.3);
  5448. color: #999;
  5449. display: block;
  5450. font-size: 11px;
  5451. outline: 0;
  5452. margin-left: 5px
  5453. }
  5454. .email-widget .error {
  5455. border: 1px solid red
  5456. }
  5457. .email-widget textarea {
  5458. height: 65px
  5459. }
  5460. .email-widget .email-icon {
  5461. display: inline-block;
  5462. width: 25px;
  5463. height: 25px;
  5464. background: url(../../images/components/utility-contribute-sprite.png) no-repeat 3px -510px
  5465. }
  5466. .email-widget .ui-chunky-btn.cancel {
  5467. margin-right: 14px
  5468. }
  5469. .email-widget .ui-chunky-btn.send {
  5470. padding-right: 25px
  5471. }
  5472. .asset .ribbon-module .light-shade .email-widget-success-msg,.asset .story-poll .light-shade .email-widget-success-msg {
  5473. width: auto
  5474. }
  5475. .lt-ie9 .leaflet-tile {
  5476. filter: inherit
  5477. }
  5478. .lt-ie9 .leaflet-vml-shape {
  5479. height: 1px;
  5480. width: 1px
  5481. }
  5482. .lt-ie9 .lvml {
  5483. behavior: url(#default#VML);
  5484. display: inline-block;
  5485. position: absolute
  5486. }
  5487. .lt-ie9 .leaflet-control {
  5488. display: inline
  5489. }
  5490. .lt-ie9 .leaflet-popup-tip {
  5491. margin: 0 auto;
  5492. _margin-top: -3px;
  5493. width: 21px;
  5494. _width: 27px;
  5495. filter: progid:DXImageTransform.Microsoft.Matrix(M11=.70710678, M12=.70710678, M21=-.70710678, M22=.70710678);-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=.70710678, M12=.70710678, M21=-.70710678, M22=.70710678)"
  5496. }
  5497. .lt-ie9 .leaflet-popup-tip-container {
  5498. margin-top: -1px
  5499. }
  5500. .lt-ie9 .leaflet-popup-content-wrapper,.lt-ie9 .leaflet-popup-tip {
  5501. border: 1px solid #bbb
  5502. }
  5503. .lt-ie9 .leaflet-control-zoom {
  5504. filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#3F000000', EndColorStr='#3F000000')
  5505. }
  5506. .lt-ie9 .leaflet-control-zoom a {
  5507. background-color: #eee
  5508. }
  5509. .lt-ie9 .leaflet-control-zoom a:hover {
  5510. background-color: #fff
  5511. }
  5512. .lt-ie9 .leaflet-control-attribution,.lt-ie9 .leaflet-control-layers {
  5513. background: #fff
  5514. }
  5515. .article-print-url {
  5516. display: none;
  5517. font: 14px/22px arial,sans-serif;
  5518. margin: 20px 0 0 10px
  5519. }
  5520. .inline-story-video .transcript-scroll-fade-left,.inline-story-video .transcript-scroll-fade-right {
  5521. display: none
  5522. }
  5523. .inline-story-video .video-search-display {
  5524. padding: 0;
  5525. float: left
  5526. }
  5527. .mycapture-image-btn {
  5528. bottom: auto
  5529. }
  5530. .expandable-photo-caption-with-mycapture {
  5531. float: left;
  5532. width: 78%
  5533. }
  5534. .mycapture-expandable-photo-btn-small {
  5535. bottom: 3px;
  5536. right: auto;
  5537. left: 3px
  5538. }
  5539. .mycapture-expandable-photo-btn-large {
  5540. display: none;
  5541. font-size: 11px;
  5542. margin-right: auto;
  5543. right: 25px;
  5544. top: 35%;
  5545. z-index: 101
  5546. }
  5547. .asset .shade {
  5548. background-color: #f7f7f7
  5549. }
  5550. .asset .light-shade {
  5551. background-color: #fff;
  5552. background-color: rgba(255,255,255,.4)
  5553. }
  5554. .asset .shadow {
  5555. box-shadow: inset 0 10px 10px 0 rgba(231,231,231,1)
  5556. }
  5557. .asset .border-top,.asset .border-bottom {
  5558. border-color: #d4d4d4;
  5559. border-style: none;
  5560. border-width: 1px
  5561. }
  5562. .asset .border-bottom {
  5563. border-bottom-style: solid
  5564. }
  5565. .asset .border-top {
  5566. border-top-style: solid
  5567. }
  5568. #overlay {
  5569. min-height: 100%;
  5570. min-height: -webkit-calc(100% - 40px);min-height:calc(100% - 40px);overflow:hidden;width:100%;z-index:110
  5571. }
  5572. .asset {
  5573. background: #fff url(../../images/patterns/paper-noise.png) repeat top left;
  5574. margin: 0 auto;
  5575. padding: 0 30px 0 0;
  5576. position: relative;
  5577. width: 950px;
  5578. z-index: 115
  5579. }
  5580. .asset.fixed {
  5581. left: 50%;
  5582. margin-left: -490px;
  5583. position: fixed;
  5584. width: 100%
  5585. }
  5586. .transition-wrap.staged {
  5587. position: fixed;
  5588. top: 40px;
  5589. width: 100%
  5590. }
  5591. .transition-wrap.staged.right {
  5592. right: -100%
  5593. }
  5594. .transition-wrap.staged.left {
  5595. left: -100%
  5596. }
  5597. .transition-wrap {
  5598. margin: 0 auto;
  5599. position: relative;
  5600. width: 100%;
  5601. z-index: 110
  5602. }
  5603. .partner-inbetween-content {
  5604. height: 100%;
  5605. margin: 0 auto;
  5606. position: relative;
  5607. overflow: hidden;
  5608. width: 980px
  5609. }
  5610. .asset>.top {
  5611. min-height: 58px
  5612. }
  5613. .asset>.full {
  5614. margin: 0 -20px 20px;
  5615. min-height: 33px;
  5616. width: 960px
  5617. }
  5618. .asset-double-wide {
  5619. float: left;
  5620. margin-left: 10px;
  5621. position: relative;
  5622. width: 600px
  5623. }
  5624. .asset-double-wide a {
  5625. color: #1990e5
  5626. }
  5627. .asset-double-wide .related a {
  5628. color: #969696
  5629. }
  5630. .asset-double-wide .related a:hover {
  5631. color: #f5f5f5
  5632. }
  5633. .asset-double-wide p {
  5634. margin: 0 0 15px 60px;
  5635. font: 14px/22px arial,sans-serif;
  5636. color: #333
  5637. }
  5638. .asset-double-wide blockquote p {
  5639. color: #797979
  5640. }
  5641. .asset-double-wide ul,.asset-double-wide ol {
  5642. font: 14px/22px arial,sans-serif;
  5643. color: #333;
  5644. display: block;
  5645. margin: 0 0 20px 60px;
  5646. padding-left: 1.15em;
  5647. position: relative;
  5648. left: 10px;
  5649. z-index: 0
  5650. }
  5651. .asset-double-wide p.lead-in {
  5652. margin-left: 0;
  5653. font: 18px/30px arial,sans-serif;
  5654. color: #333
  5655. }
  5656. .asset .gallery-more {
  5657. clear: left;
  5658. min-height: 300px;
  5659. margin-left: 70px;
  5660. margin-bottom: 10px
  5661. }
  5662. .asset-double-wide img,.asset-double-wide object {
  5663. max-width: 100%
  5664. }
  5665. .asset-double-wide aside.wide {
  5666. margin-top: 25px;
  5667. margin-left: 60px
  5668. }
  5669. .asset-double-wide aside.content-width {
  5670. margin-left: 220px;
  5671. width: 340px
  5672. }
  5673. .asset-double-wide .inline-story-video object {
  5674. max-width: none
  5675. }
  5676. .asset>.top,.asset>.bottom,.asset>.full {
  5677. clear: both
  5678. }
  5679. .asset>.top,.asset>.interactive,.asset-double-wide,.asset>.bottom,.asset-double-wide .comp,.asset-double-wide aside {
  5680. margin-bottom: 20px
  5681. }
  5682. .asset-double-wide .comp {
  5683. margin: 5px 20px 20px 60px
  5684. }
  5685. .asset-double-wide .article-metadata-wrap .comp {
  5686. margin: 0 0 20px
  5687. }
  5688. .asset .last-updated {
  5689. font-weight: 700
  5690. }
  5691. .overlay-arrows {
  5692. width: 1068px;
  5693. margin: 0 auto;
  5694. opacity: 0;
  5695. z-index: 120
  5696. }
  5697. .no-touch .set-overlay-size-arrow-container:hover {
  5698. z-index: 116
  5699. }
  5700. .overlay-content-arrows {
  5701. position: fixed;
  5702. top: 45%;
  5703. z-index: 120
  5704. }
  5705. .high-impact-ad-visible .overlay-arrows {
  5706. display: none
  5707. }
  5708. .overlay-content-arrows-next-wrap {
  5709. margin-left: 1023px
  5710. }
  5711. .touch .overlay-content-arrows-next-wrap {
  5712. margin-left: 1024px
  5713. }
  5714. .touch .overlay-content-arrows-previous-wrap {
  5715. margin-left: -1px
  5716. }
  5717. .overlay-arrow-next,.overlay-arrow-previous {
  5718. color: #fff;
  5719. display: block;
  5720. font-size: 12px;
  5721. height: 80px;
  5722. width: 45px
  5723. }
  5724. .overlay-arrows:hover {
  5725. z-index: 120
  5726. }
  5727. .overlay-arrow-previous {
  5728. background: #f2f2f2;
  5729. background: -moz-linear-gradient(left,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
  5730. background: -webkit-gradient(linear,left top,right top,color-stop(0%,rgba(255,255,255,1)),color-stop(97%,rgba(255,255,255,.71)),color-stop(99%,rgba(237,237,237,.2)),color-stop(100%,rgba(35,26,22,.19)));
  5731. background: -webkit-linear-gradient(left,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
  5732. background: -o-linear-gradient(left,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
  5733. background: -ms-linear-gradient(left,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
  5734. background: linear-gradient(to right,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
  5735. display: block
  5736. }
  5737. .overlay-arrow-next {
  5738. background: #f2f2f2;
  5739. background: -moz-linear-gradient(right,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
  5740. background: -webkit-gradient(linear,right top,left top,color-stop(0%,rgba(255,255,255,1)),color-stop(97%,rgba(255,255,255,.71)),color-stop(99%,rgba(237,237,237,.2)),color-stop(100%,rgba(35,26,22,.19)));
  5741. background: -webkit-linear-gradient(right,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
  5742. background: -o-linear-gradient(right,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
  5743. background: -ms-linear-gradient(right,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
  5744. background: linear-gradient(to left,rgba(255,255,255,1) 85%,rgba(255,255,255,.71) 97%,rgba(237,237,237,.2) 99%,rgba(35,26,22,.19) 100%);
  5745. display: block
  5746. }
  5747. @media (max-width: 1069px) {
  5748. .overlay-arrow-previous,.overlay-arrow-next {
  5749. display:none
  5750. }
  5751. }
  5752. .overlay-arrows-previous-anchor-image,.overlay-arrows-next-anchor-image {
  5753. background: transparent url(../../images/global/pagin-assetview-arrows.png) no-repeat;
  5754. height: 80px;
  5755. position: absolute;
  5756. width: 45px;
  5757. z-index: 1
  5758. }
  5759. .overlay-arrows-anchor:hover>.overlay-arrows-previous-anchor-image {
  5760. background-position: -2px -4px
  5761. }
  5762. .overlay-arrows-anchor:hover>.overlay-arrows-next-anchor-image {
  5763. background-position: 6px -93px
  5764. }
  5765. .overlay-arrows-previous-anchor-image {
  5766. background-position: -47px -4px
  5767. }
  5768. .overlay-arrows-next-anchor-image {
  5769. background-position: -45px -93px
  5770. }
  5771. .previous-story-content-holder,.next-story-content-holder {
  5772. background-color: #181818;
  5773. background-color: rgba(24,24,24,.9);
  5774. display: inline-block;
  5775. height: 71px;
  5776. margin-top: 0;
  5777. overflow: hidden;
  5778. position: absolute;
  5779. vertical-align: middle;
  5780. white-space: nowrap
  5781. }
  5782. .previous-story-content-holder {
  5783. background-position: -3px -3px;
  5784. border: 1px solid #252525;
  5785. box-shadow: 1px 1px 3px #101010;
  5786. display: none;
  5787. padding: 7px 20px 0 35px;
  5788. width: 300px
  5789. }
  5790. .next-story-content-holder {
  5791. border: 1px solid #252525;
  5792. box-shadow: -1px 1px 3px #101010;
  5793. display: none;
  5794. padding: 7px 35px 0 20px;
  5795. right: 0;
  5796. text-align: right;
  5797. width: 300px
  5798. }
  5799. .overlay-arrows-previous-preview-content,.overlay-arrows-next-preview-content {
  5800. height: 70px;
  5801. vertical-align: middle;
  5802. white-space: nowrap;
  5803. width: 300px
  5804. }
  5805. .next-previous-label {
  5806. color: #999;
  5807. font-size: 10px;
  5808. margin-bottom: 5px;
  5809. text-transform: uppercase
  5810. }
  5811. .next-story-content-holder .next-previous-label,.next-story-content-holder .overlay-arrows-preview-title {
  5812. margin-right: 10px
  5813. }
  5814. .previous-story-content-holder .next-previous-label,.previous-story-content-holder .overlay-arrows-preview-title {
  5815. margin-left: 10px
  5816. }
  5817. .overlay-arrows-preview-title {
  5818. font-weight: 700;
  5819. color: #fff;
  5820. font-size: 14px;
  5821. line-height: 16px;
  5822. white-space: normal
  5823. }
  5824. .arrow-story-previous-img,.arrow-story-next-img {
  5825. border: 2px solid #353535;
  5826. border-radius: 1px;
  5827. display: inline-block;
  5828. height: 60px;
  5829. margin: 0 10px 10px;
  5830. vertical-align: middle;
  5831. width: 60px
  5832. }
  5833. .arrow-story-previous-img {
  5834. float: left
  5835. }
  5836. .arrow-story-next-img {
  5837. float: right
  5838. }
  5839. .next-story-content-arrow {
  5840. background: url(../../images/global/pagin-assetview-arrows.png) no-repeat -4px -94px;
  5841. height: 90px;
  5842. position: absolute;
  5843. right: 6px;
  5844. width: 28px
  5845. }
  5846. .previous-story-content-arrow {
  5847. background: url(../../images/global/pagin-assetview-arrows.png) no-repeat -9px -3px;
  5848. height: 90px;
  5849. float: left;
  5850. margin-left: -3px;
  5851. width: 28px
  5852. }
  5853. .asset-double-wide table {
  5854. border: 0;
  5855. border-collapse: collapse;
  5856. font: 400 13px/1.5 arial,Helvetica,sans-serif;
  5857. margin: 10px 0 0;
  5858. width: 100%
  5859. }
  5860. .asset-double-wide tr:first-child {
  5861. background: #fff;
  5862. text-transform: uppercase
  5863. }
  5864. .asset-double-wide tr:first-child {
  5865. background: 0;
  5866. border-bottom: 5px solid transparent
  5867. }
  5868. .asset-double-wide tr:nth-child(even) {
  5869. background-color: #f2f2f2
  5870. }
  5871. .asset-double-wide tr:nth-child(2) {
  5872. border-top: 1px solid #ccc
  5873. }
  5874. .asset-double-wide tr:last-child {
  5875. border-bottom: 1px solid #ccc
  5876. }
  5877. .lt-ie9 .asset-double-wide tr {
  5878. border-bottom: 1px solid #ececec
  5879. }
  5880. .asset-double-wide tr:first-child td {
  5881. color: #343434;
  5882. padding: 2px 10px 0;
  5883. font-weight: 700
  5884. }
  5885. .lt-ie9 .asset-double-wide tr:first-child td {
  5886. padding: 2px 10px 8px
  5887. }
  5888. .asset-double-wide td {
  5889. color: #343434;
  5890. font-weight: 400;
  5891. padding: 10px;
  5892. vertical-align: middle
  5893. }
  5894. .asset-double-wide tr:nth-child(2) td {
  5895. background: url(../../images/patterns/td-top-bdr.jpg) repeat-x;
  5896. padding: 18px 10px 10px
  5897. }
  5898. .asset-double-wide .pull-quote-attribution {
  5899. margin-top: 15px
  5900. }
  5901. .recommended-flyout-container {
  5902. bottom: 30px;
  5903. position: fixed;
  5904. right: 0;
  5905. z-index: 180
  5906. }
  5907. .recommended-flyout-wrap {
  5908. bottom: 0;
  5909. box-shadow: 0 2px 5px 0 rgba(0,0,0,.3);
  5910. height: 90px;
  5911. overflow: hidden;
  5912. position: absolute;
  5913. right: 0;
  5914. width: 0;
  5915. z-index: 175
  5916. }
  5917. .recommended-flyout {
  5918. background: #09f;
  5919. border-top: 1px solid #66c2ff;
  5920. height: 60px;
  5921. padding: 15px;
  5922. width: 330px
  5923. }
  5924. .recommended-flyout .recommended-flyout-link {
  5925. text-decoration: none
  5926. }
  5927. .recommended-flyout .recommended-flyout-content-image,.recommended-flyout .recommended-flyout-content-headline,.recommended-flyout .recommended-flyout-heading,.recommended-flyout .recommended-flyout-close {
  5928. display: block
  5929. }
  5930. .recommended-flyout .recommended-flyout-content-image {
  5931. box-shadow: 0 2px 3px 0 rgba(0,0,0,.3);
  5932. float: left;
  5933. margin-right: 10px;
  5934. height: 60px
  5935. }
  5936. .recommended-flyout .recommended-flyout-heading {
  5937. color: #00497a;
  5938. font-family: 'Futura Today Bold',sans-serif;
  5939. font-size: 12px;
  5940. line-height: 12px;
  5941. margin: 0;
  5942. padding: 0;
  5943. text-transform: uppercase
  5944. }
  5945. .recommended-flyout .recommended-flyout-content-headline {
  5946. color: #fff;
  5947. font-family: Helvetica,sans-serif;
  5948. font-size: 15px;
  5949. height: 45px;
  5950. margin: 7px 0 0;
  5951. overflow: hidden;
  5952. text-shadow: 0 1px 0 #007acc
  5953. }
  5954. .recommended-flyout .recommended-flyout-close {
  5955. color: #fff;
  5956. cursor: pointer;
  5957. font-size: 20px;
  5958. position: absolute;
  5959. left: 335px;
  5960. text-shadow: 0 1px 0 #007acc;
  5961. top: 7px;
  5962. z-index: 180
  5963. }
  5964. .recommended-flyout.closed:before {
  5965. color: #fff;
  5966. content: '+';
  5967. font-weight: 700;
  5968. font-size: 28px;
  5969. right: 4px;
  5970. position: absolute;
  5971. text-shadow: 0 1px 0 #007acc;
  5972. top: 0
  5973. }
  5974. .recommended-flyout.closed .recommended-flyout-content-image,.recommended-flyout.closed .recommended-flyout-content-headline,.recommended-flyout.closed .recommended-flyout-heading,.recommended-flyout.closed .recommended-flyout-close {
  5975. display: none
  5976. }
  5977. .story-navbar {
  5978. background: #d8d8d8;
  5979. background: rgba(0,0,0,.2);
  5980. border-bottom: 2px solid #f2f2f2;
  5981. border-bottom: 2px solid rgba(0,0,0,.05);
  5982. box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
  5983. height: 37px;
  5984. margin: 0 0 0 40px;
  5985. padding: 0;
  5986. width: 940px
  5987. }
  5988. .story-navbar-item {
  5989. display: inline;
  5990. padding: 0
  5991. }
  5992. a.story-navbar-link {
  5993. color: #666;
  5994. float: left;
  5995. font-size: 13px;
  5996. font-weight: 700;
  5997. padding: 10px 16px;
  5998. text-shadow: 0 1px 1px #fff
  5999. }
  6000. .story-navbar-link:hover,.story-navbar-link.story-navbar-link-active {
  6001. background: #e6e6e6;
  6002. background: rgba(0,0,0,.1);
  6003. color: #333
  6004. }
  6005. .asset .content-bar {
  6006. background: transparent url(../../images/patterns/paper-noise-bar.png) repeat top left;
  6007. color: #999;
  6008. margin-bottom: 0;
  6009. margin-left: 40px;
  6010. min-height: 49px;
  6011. overflow: hidden;
  6012. padding: 10px 0 0;
  6013. position: relative;
  6014. width: 940px
  6015. }
  6016. .asset .content-bar-cannes-lions {
  6017. padding-top: 0
  6018. }
  6019. .asset .content-bar.content-bar-bottom {
  6020. margin-bottom: 0;
  6021. padding-top: 0
  6022. }
  6023. .asset .content-bar .head {
  6024. display: table;
  6025. margin: 0 30px 10px
  6026. }
  6027. .asset .content-bar.content-bar-bottom .head {
  6028. margin: 10px 30px
  6029. }
  6030. .asset .content-bar-block {
  6031. color: #666;
  6032. display: table-cell;
  6033. font-family: Arial,sans-serif;
  6034. font-size: 12px;
  6035. font-weight: 700;
  6036. padding: 7px 10px;
  6037. text-align: center;
  6038. vertical-align: middle;
  6039. max-width: 200px
  6040. }
  6041. .asset .content-bar .head>.sponsor {
  6042. max-width: none
  6043. }
  6044. .asset .content-bar-block-link {
  6045. color: #666
  6046. }
  6047. .asset .content-bar-block.title {
  6048. box-sizing: border-box;
  6049. border-right: 1px solid #dedede;
  6050. padding: 0 30px 0 0;
  6051. text-align: right;
  6052. min-width: 200px;
  6053. display: table-cell;
  6054. width: auto
  6055. }
  6056. .asset .content-bar .head .sponsor {
  6057. color: #999;
  6058. display: table-cell;
  6059. font-size: 11px;
  6060. font-weight: 400;
  6061. line-height: normal;
  6062. padding: 0;
  6063. text-align: left;
  6064. vertical-align: middle
  6065. }
  6066. .sponsor-logo-box {
  6067. display: table
  6068. }
  6069. .sponsor-logo-box>.sponsor-logo-img,.sponsor-logo-box>.sponsor-logo-byline {
  6070. display: table-cell;
  6071. margin: 0;
  6072. vertical-align: middle;
  6073. white-space: nowrap
  6074. }
  6075. .sponsor-logo-box>.sponsor-logo-byline {
  6076. padding: 5px 0 0
  6077. }
  6078. .sponsor-logo-box>.sponsor-logo-img {
  6079. padding: 0 5px 0 0
  6080. }
  6081. .asset .content-bar-heading {
  6082. color: #999;
  6083. font-size: 11px;
  6084. font-weight: 400;
  6085. line-height: normal;
  6086. margin: 0
  6087. }
  6088. .asset .title .content-bar-em {
  6089. color: #333;
  6090. display: block;
  6091. font: 13px/13px 'Futura Today Bold',Arial,sans-serif;
  6092. font-weight: 400;
  6093. margin-top: 2px;
  6094. text-transform: uppercase
  6095. }
  6096. .asset .content-bar-block-link:hover {
  6097. color: #007ccf
  6098. }
  6099. .asset .content-bar .border {
  6100. background: transparent url(../../images/components/sponsored-story-bottom-border.png) repeat-x bottom left;
  6101. bottom: 0;
  6102. height: 6px;
  6103. left: 0;
  6104. position: absolute;
  6105. width: 940px
  6106. }
  6107. .asset .content-bar.content-bar-bottom .border {
  6108. background-image: url(../../images/components/sponsored-story-top-border.png);
  6109. background-position: top left;
  6110. bottom: auto;
  6111. top: 0
  6112. }
  6113. .asset .series-nav,.asset .series-partner {
  6114. display: none
  6115. }
  6116. .asset .sponsored .series-nav,.asset .sponsored .series-partner {
  6117. display: block
  6118. }
  6119. .asset .series-head-wrap {
  6120. background: #00a53c url(../../images/patterns/noise.png) repeat top left
  6121. }
  6122. .asset .sponsored .series-head {
  6123. padding: 20px
  6124. }
  6125. .asset .series-head a {
  6126. color: #fff
  6127. }
  6128. .asset .series-head>h6 {
  6129. margin-bottom: -40px
  6130. }
  6131. .asset .sponsored .series-head>h6 {
  6132. background: 0;
  6133. float: none;
  6134. font: 22px 'Futura Today Bold',helvetica,sans-serif;
  6135. height: auto;
  6136. margin: 0;
  6137. padding: 0;
  6138. text-align: left;
  6139. text-transform: uppercase
  6140. }
  6141. .asset .series-head ul {
  6142. margin: 10px 0 0;
  6143. overflow: hidden
  6144. }
  6145. .asset .series-head li {
  6146. border-left: 1px solid #ebebeb;
  6147. border-left: 1px solid rgba(235,235,235,.4);
  6148. border-right: 1px solid #333;
  6149. border-right: 1px solid rgba(51,51,51,.2);
  6150. float: left;
  6151. padding: 0 15px
  6152. }
  6153. .asset .series-head li:first-child {
  6154. border-left: 0;
  6155. padding-left: 0
  6156. }
  6157. .asset .series-head li:last-child {
  6158. border-right: 0;
  6159. padding-right: 0
  6160. }
  6161. .asset .series-head li a {
  6162. background: url(../../images/buttons/sprite-hero.png) no-repeat top left;
  6163. font-size: 14px;
  6164. font-weight: 700;
  6165. padding: 1px 0 0 22px
  6166. }
  6167. .asset .series-partner hr {
  6168. border-bottom: 1px solid #ebebeb;
  6169. border-bottom: 1px solid rgba(235,235,235,.4);
  6170. border-top: 1px solid #333;
  6171. border-top: 1px solid rgba(51,51,51,.2);
  6172. height: 0;
  6173. margin: 0
  6174. }
  6175. .asset .series-partner p {
  6176. color: #fff;
  6177. font-size: 11px;
  6178. font-weight: 700;
  6179. line-height: 40px;
  6180. padding: 0 20px
  6181. }
  6182. .series-promo-list {
  6183. text-align: left
  6184. }
  6185. .series-promo-item {
  6186. border: 0;
  6187. border-top: 1px dashed #e6e6e6;
  6188. list-style: none;
  6189. min-height: 80px;
  6190. padding: 20px
  6191. }
  6192. .series-promo-play-btn.play-btn-m {
  6193. position: absolute;
  6194. right: 20px;
  6195. bottom: 0
  6196. }
  6197. .series-promo-item:first-child {
  6198. border-top: 0;
  6199. padding-top: 10
  6200. }
  6201. .series-promo-headline {
  6202. margin: 0
  6203. }
  6204. a.series-promo-headline-link {
  6205. color: #333
  6206. }
  6207. .series-promo-meta {
  6208. color: #989898;
  6209. font-weight: 700;
  6210. font-size: 11px;
  6211. margin-top: 5px;
  6212. text-align: left
  6213. }
  6214. .series-promo-meta>a {
  6215. font-weight: 700
  6216. }
  6217. .series-promo-thumb-link {
  6218. float: left;
  6219. position: relative;
  6220. width: 100px
  6221. }
  6222. .story-right-rail {
  6223. float: right;
  6224. margin-bottom: 30px;
  6225. width: 320px
  6226. }
  6227. .story-right-rail>div.ribbon-module,.story-right-rail>div.story-poll {
  6228. display: block;
  6229. width: 320px;
  6230. min-height: 100px;
  6231. padding: 0;
  6232. margin: 0
  6233. }
  6234. .story-right-rail>.related-stories {
  6235. display: block;
  6236. min-height: 100px;
  6237. padding: 0;
  6238. width: 322px
  6239. }
  6240. .story-ribbon {
  6241. margin-bottom: 30px;
  6242. padding-top: 30px;
  6243. position: relative
  6244. }
  6245. .story-ribbon .ui-light.ui-opaque.ui-btn {
  6246. margin: 0 20px 20px
  6247. }
  6248. .story-ribbon-title {
  6249. background: url(../../images/components/story-updates-bg.png) no-repeat;
  6250. color: #fff;
  6251. font-family: 'Futura Today Bold',arial,sans-serif;
  6252. font-size: 12px;
  6253. font-weight: 400;
  6254. height: 60px;
  6255. margin: 0;
  6256. padding-top: 7px;
  6257. position: absolute;
  6258. text-align: center;
  6259. text-shadow: 0 1px 1px rgba(0,0,0,.15);
  6260. text-transform: uppercase;
  6261. top: 0;
  6262. width: 100%;
  6263. z-index: 10
  6264. }
  6265. .story-ribbon-title>a {
  6266. color: #fff
  6267. }
  6268. .story-ribbon-content {
  6269. border-right: 1px solid #e6e6e6;
  6270. border-left: 1px solid #e6e6e6;
  6271. border-bottom: 1px solid #e6e6e6;
  6272. padding-top: 40px;
  6273. position: relative;
  6274. text-align: center;
  6275. width: 318px;
  6276. z-index: 0
  6277. }
  6278. .story-ribbon-content p {
  6279. color: #999;
  6280. font: 12px/16px arial,sans-serif;
  6281. margin: 0 auto;
  6282. text-align: center;
  6283. width: 265px;
  6284. padding-top: 0
  6285. }
  6286. .story-ribbon-content .full-bio {
  6287. border: medium none;
  6288. height: 20px;
  6289. padding: 0
  6290. }
  6291. .story-ribbon-content .full-bio-inline {
  6292. background: url(../../images/components/full-bio-arrow.png) no-repeat 0 6px;
  6293. color: #333;
  6294. display: inline-block;
  6295. font: 700 12px/30px arial,sans-serif;
  6296. height: 30px;
  6297. margin-left: 10px;
  6298. width: 95px
  6299. }
  6300. .media-view {
  6301. background: #2C2C2C url(../../images/modules/search/sidebar-bg.png) 0 0 repeat;
  6302. color: #fff;
  6303. height: 100%;
  6304. height: -moz-calc(100% - 40px);height:-webkit-calc(100% - 40px);height:calc(100% - 40px);
  6305. min-width:1024px;position:absolute;width:100%}
  6306. .media-view-video {
  6307. height: 900px
  6308. }
  6309. .media-view-viewport {
  6310. background: #333 url(../../images/patterns/dark-noise.png) 0 0 repeat;
  6311. display: table;
  6312. height: 100%;
  6313. width: 100%
  6314. }
  6315. .media-view.ui-loading {
  6316. background-color: #323232
  6317. }
  6318. .media-view.cinematic-view {
  6319. background: #222 url(../../images/patterns/darker-noise.png) 0 0 repeat
  6320. }
  6321. .media-view .hidden {
  6322. display: none
  6323. }
  6324. .media-sidebar {
  6325. background: #1e1e1e;
  6326. display: table-cell;
  6327. width: 120px;
  6328. z-index: 10
  6329. }
  6330. .media-sidebar-list {
  6331. width: 120px
  6332. }
  6333. .media-sidenav-link:hover {
  6334. color: #fff
  6335. }
  6336. .media-sidenav-item {
  6337. border-bottom: 1px solid #090909;
  6338. box-shadow: 0 1px 0 #2e2e2e;
  6339. line-height: 1;
  6340. position: relative
  6341. }
  6342. .media-sidenav-mostpopular:after,.media-sidenav-mostpopular>.media-sidenav-link:after {
  6343. display: none
  6344. }
  6345. .media-sidenav-item.top.active {
  6346. border-bottom: 0;
  6347. box-shadow: none
  6348. }
  6349. a.media-sidenav-link {
  6350. color: #fff;
  6351. display: block;
  6352. font-family: 'Futura Today',Arial,sans-serif;
  6353. font-size: 12px;
  6354. font-weight: 700;
  6355. padding: 14px 10px 14px 15px;
  6356. text-transform: uppercase;
  6357. text-shadow: 0 1px 0 rgba(0,0,0,.8);
  6358. width: 95px
  6359. }
  6360. .media-sidenav-item:after {
  6361. background: transparent url(../../images/sprites/media-sprite.png) -80px -20px no-repeat;
  6362. content: '';
  6363. height: 20px;
  6364. position: absolute;
  6365. top: 9px;
  6366. right: 9px;
  6367. width: 20px
  6368. }
  6369. .media-sidenav-link:after {
  6370. background: transparent url(../../images/sprites/media-sprite.png) -160px 0 no-repeat;
  6371. content: '';
  6372. height: 20px;
  6373. position: absolute;
  6374. top: 10px;
  6375. right: 9px;
  6376. width: 20px
  6377. }
  6378. .media-sidenav-item:hover {
  6379. background: #171717;
  6380. background: rgba(0,0,0,.2)
  6381. }
  6382. .media-sidenav-item.active>.media-sidenav-link {
  6383. background: transparent url(../../images/sprites/media-sprite.png) 0 -60px no-repeat;
  6384. width: 105px
  6385. }
  6386. .media-sidenav-item.sub.active>.media-sidenav-link:after {
  6387. background-position: -120px 0
  6388. }
  6389. .media-sidenav-item.sub.active.collapsed .media-sidenav-link:after {
  6390. background-position: -140px 0
  6391. }
  6392. .media-sidenav-item.sub-active>.media-sidenav-link {
  6393. color: #1ea3ff;
  6394. background: #171717;
  6395. background: rgba(0,0,0,.2)
  6396. }
  6397. .media-sidenav-item.sub-active>.media-sidenav-link:after {
  6398. background-position: -120px -20px
  6399. }
  6400. .media-sidenav-item.sub-active>.media-sidenav-sublist,.media-sidenav-item.active>.media-sidenav-sublist {
  6401. display: block
  6402. }
  6403. .media-sidenav-sublist {
  6404. box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
  6405. border-top: 1px solid #333;
  6406. border-top: 1px solid rgba(0,0,0,.8);
  6407. display: none;
  6408. padding: 0
  6409. }
  6410. .media-sidenav-sublink.active,a.media-sidenav-sublink:hover {
  6411. color: #fff
  6412. }
  6413. a.media-sidenav-sublink {
  6414. font: 700 11px/24px arial,sans-serif;
  6415. color: #6b6b6b;
  6416. text-transform: none;
  6417. padding: 3px 0 3px 20px;
  6418. display: block
  6419. }
  6420. .media-view .ad-container {
  6421. float: left;
  6422. width: 320px;
  6423. margin: 20px 0 0 20px
  6424. }
  6425. .media-view .ad-container .ad {
  6426. background: #191919;
  6427. background: rgba(0,0,0,.2);
  6428. border-radius: 3px;
  6429. box-shadow: 0 1px 0 rgba(255,255,255,.1),inset 0 1px 2px rgba(0,0,0,.6);
  6430. padding: 5px 10px 11px
  6431. }
  6432. .media-view .ad-container .ad img {
  6433. box-shadow: 0 1px 2px rgba(0,0,0,1)
  6434. }
  6435. .media-view .ad-container .ad figcaption {
  6436. font-size: 9px;
  6437. font-weight: 700;
  6438. text-transform: uppercase;
  6439. color: #555;
  6440. color: rgba(255,255,255,.2);
  6441. text-align: center;
  6442. margin: 2px 0 6px
  6443. }
  6444. .media-index-content {
  6445. background-position: 0 0;
  6446. background-repeat: repeat;
  6447. border-left: 1px solid #464646;
  6448. border-left: 1px solid rgba(255,255,255,.1);
  6449. display: table-cell;
  6450. -webkit-transition: top .25s ease;
  6451. -moz-transition: top .25s ease;
  6452. -o-transition: top .25s ease;
  6453. -ms-transition: top .25s ease;
  6454. transition: top .25s ease
  6455. }
  6456. .media-filter-wrapper {
  6457. border-top: 1px solid #101010;
  6458. box-shadow: 0 1px 0 rgba(255,255,255,.08),inset 0 1px 0 rgba(255,255,255,.08);
  6459. border-bottom: 1px solid #131313;
  6460. padding: 12px 20px 14px 40px;
  6461. height: 30px
  6462. }
  6463. .media-view-filter-button-toggle {
  6464. display: inline-block
  6465. }
  6466. .media-view-filter-videos-btn:before,.media-view-filter-interactives-btn:before,.media-view-filter-photos-btn:before {
  6467. background: transparent url(../../images/sprites/media-sprite.png) -240px 0 no-repeat;
  6468. content: '';
  6469. height: 20px;
  6470. top: 5px;
  6471. width: 20px;
  6472. display: inline-block;
  6473. position: relative;
  6474. margin-right: 5px;
  6475. overflow: hidden
  6476. }
  6477. .media-view-filter-videos-btn:before {
  6478. background-position: -247px 0;
  6479. width: 10px
  6480. }
  6481. .media-view-filter-photos-btn:before {
  6482. background-position: -282px 0
  6483. }
  6484. .media-view-filter-interactives-btn {
  6485. padding-left: 34px
  6486. }
  6487. .media-view-filter-interactives-btn:before {
  6488. background-position: -203px 0;
  6489. left: 10px
  6490. }
  6491. .media-filter-wrapper .dropdown {
  6492. display: inline-block;
  6493. height: 32px;
  6494. vertical-align: top
  6495. }
  6496. .media-filter-wrapper .sort-label {
  6497. color: #999;
  6498. font-size: 12px;
  6499. font-weight: 700;
  6500. margin: 0 10px 0 20px;
  6501. display: inline-block
  6502. }
  6503. .media-view-sort-by-dropdown {
  6504. display: inline-block;
  6505. width: 132px;
  6506. outline: 0
  6507. }
  6508. .media-view-sort-by-dropdown-item-wrap {
  6509. top: 0
  6510. }
  6511. .ui-dropdown .media-view-sort-by-dropdown-item-wrap .media-view-sort-by-dropdown-item {
  6512. padding: 0
  6513. }
  6514. .media-view-sort-by-dropdown-item .ui-dropdown-item-link {
  6515. display: block;
  6516. line-height: normal;
  6517. padding: 8px 10px
  6518. }
  6519. .media-content {
  6520. margin: 1px 15px 0;
  6521. width: 747px
  6522. }
  6523. .media-grid-section-h1 {
  6524. font-size: 35px;
  6525. margin: 10px 0
  6526. }
  6527. .media-content-empty {
  6528. display: block;
  6529. margin: 20px 0
  6530. }
  6531. .media-grid-ul {
  6532. list-style: none;
  6533. margin: 4px 0 0;
  6534. padding: 0
  6535. }
  6536. .medialistitems {
  6537. float: left;
  6538. height: 175px;
  6539. margin-right: 10px;
  6540. width: 170px
  6541. }
  6542. .media-list-link {
  6543. display: block
  6544. }
  6545. .media-list-link:hover .thumbnail {
  6546. background: #8d8d8d
  6547. }
  6548. .media-list-link:hover .grid-fig-capt {
  6549. color: #fff
  6550. }
  6551. .mediaview-featured {
  6552. float: left;
  6553. height: 280px;
  6554. width: 350px
  6555. }
  6556. .mediaview-featured .grid-figure .thumbnail {
  6557. width: 340px;
  6558. height: 190px
  6559. }
  6560. .media-gallery-bg {
  6561. background: #646464;
  6562. border: 1px solid #000;
  6563. box-shadow: 0 4px 8px rgba(0,0,0,.4);
  6564. display: block;
  6565. position: absolute;
  6566. width: 160px;
  6567. height: 90px;
  6568. margin-bottom: 5px;
  6569. padding: 4px 5px 5px
  6570. }
  6571. .mediaview-featured .media-gallery-bg {
  6572. width: 340px;
  6573. height: 190px
  6574. }
  6575. .media-gallery-bg.one {
  6576. left: 4px;
  6577. top: 4px
  6578. }
  6579. .media-gallery-bg.two {
  6580. left: 2px;
  6581. top: 2px
  6582. }
  6583. .mediaview-featured .meta {
  6584. opacity: 1;
  6585. visibility: visible;
  6586. -webkit-transform: rotateX(0deg);
  6587. -moz-transform: rotateX(0deg);
  6588. -o-transform: rotateX(0deg);
  6589. -ms-transform: rotateX(0deg);
  6590. transform: rotateX(0deg)
  6591. }
  6592. .media-view .featured .grid-fig-capt {
  6593. font-size: 14px
  6594. }
  6595. .media-grid-ul .medialistitems .grid-figure {
  6596. position: relative
  6597. }
  6598. .media-grid-ul .medialistitems .grid-figure.gallery {
  6599. background: 0;
  6600. margin: 0;
  6601. width: auto;
  6602. position: relative;
  6603. z-index: 19;
  6604. top: 0;
  6605. box-shadow: none;
  6606. padding: 0
  6607. }
  6608. .media-grid-ul .medialistitems .thumb-img {
  6609. height: 90px;
  6610. overflow: hidden;
  6611. width: 160px
  6612. }
  6613. .media-grid-ul .mediaview-featured .thumb-img {
  6614. height: 190px;
  6615. width: 340px
  6616. }
  6617. .medialistitems .thumbnail {
  6618. background: #646464;
  6619. border-top: 1px solid #939393;
  6620. box-shadow: 0 4px 8px rgba(0,0,0,.4);
  6621. display: block;
  6622. margin-bottom: 5px;
  6623. padding: 4px 5px 5px;
  6624. position: relative;
  6625. width: 160px;
  6626. height: 90px;
  6627. -moz-transition: background .25s linear;
  6628. -ms-transition: background .25s linear;
  6629. -o-transition: background .25s linear;
  6630. -webkit-transition: background .25s linear;
  6631. transition: background .25s linear
  6632. }
  6633. .medialistitems .gallery>.thumbnail {
  6634. border: 1px solid #000;
  6635. border-top: 1px inset #000
  6636. }
  6637. .media-figure-meta {
  6638. opacity: 0;
  6639. visibility: hidden;
  6640. position: absolute;
  6641. top: 5px;
  6642. left: 2px;
  6643. font-style: normal;
  6644. margin: 0;
  6645. -webkit-transform: rotateX(-80deg);
  6646. -moz-transform: rotateX(-80deg);
  6647. -o-transform: rotateX(-80deg);
  6648. -ms-transform: rotateX(-80deg);
  6649. transform: rotateX(-80deg);
  6650. -webkit-transition: all .25s linear;
  6651. -moz-transition: all .25s linear;
  6652. -o-transition: all .25s linear;
  6653. -ms-transition: all .25s linear;
  6654. transition: all .25s linear;
  6655. -webkit-transform-origin: 0 0;
  6656. -moz-transform-origin: 0 0;
  6657. -o-transform-origin: 0 0;
  6658. -ms-transform-origin: 0 0;
  6659. transform-origin: 0 0
  6660. }
  6661. .lt-ie10 .media-figure-meta {
  6662. top: -105px
  6663. }
  6664. .lt-ie10 .mediaview-featured .media-figure-meta {
  6665. top: -205px
  6666. }
  6667. .media-grid-ul .medialistitems:hover .media-figure-meta,.mediaview-featured .media-figure-meta {
  6668. opacity: 1;
  6669. visibility: visible;
  6670. -webkit-transform: rotateX(0deg);
  6671. -moz-transform: rotateX(0deg);
  6672. -o-transform: rotateX(0deg);
  6673. -ms-transform: rotateX(0deg);
  6674. transform: rotateX(0deg)
  6675. }
  6676. .grid-figure>.media-figure-meta>.parent-label {
  6677. display: block;
  6678. float: left;
  6679. left: 3px;
  6680. position: relative;
  6681. top: 0
  6682. }
  6683. .grid-figure>.media-figure-meta>.duration {
  6684. background: #292929;
  6685. background: rgba(0,0,0,.7);
  6686. color: #fff;
  6687. display: block;
  6688. float: left;
  6689. font-size: 11px;
  6690. font-weight: 700;
  6691. line-height: 1;
  6692. padding: 4px 6px 5px;
  6693. position: relative
  6694. }
  6695. .play-btn-xl {
  6696. background: url(../../images/buttons/button_video_play_small.png) 0 0 no-repeat;
  6697. bottom: 10px;
  6698. height: 45px;
  6699. margin: -25px 0 0 -23px;
  6700. position: absolute;
  6701. right: 10px;
  6702. width: 45px
  6703. }
  6704. .media-view .grid-fig-capt {
  6705. color: #999;
  6706. font-size: 12px;
  6707. font-weight: 700;
  6708. line-height: 1.4;
  6709. margin: 10px 5px 0;
  6710. -moz-transition: color .25s linear;
  6711. -ms-transition: color .25s linear;
  6712. -o-transition: color .25s linear;
  6713. -webkit-transition: color .25s linear;
  6714. transition: color .25s linear
  6715. }
  6716. .media-grid-list-meta {
  6717. color: #666;
  6718. font-size: 11px;
  6719. font-style: italic;
  6720. list-style: none;
  6721. margin: 0 2px;
  6722. padding: 0
  6723. }
  6724. .media-grid-list-meta .media-list-link,.media-grid-list-meta .media-list-link:visited {
  6725. color: #666
  6726. }
  6727. .media-grid-list-meta-li {
  6728. overflow: hidden;
  6729. text-overflow: ellipsis;
  6730. white-space: nowrap;
  6731. width: 6em
  6732. }
  6733. .media-grid-list-meta-li.date {
  6734. padding-left: 18px;
  6735. line-height: 20px
  6736. }
  6737. .mediaview-featured .media-grid-list-meta-li {
  6738. width: auto
  6739. }
  6740. .media-grid-list-meta-li.author {
  6741. padding-left: 20px;
  6742. display: none
  6743. }
  6744. .mediaview-featured .media-grid-list-meta-li.author {
  6745. padding-left: 20px;
  6746. display: inline-block
  6747. }
  6748. .media-grid-list-meta-li.author:before {
  6749. background: transparent url(../../images/sprites/media-sprite.png) -320px 0 no-repeat;
  6750. content: '';
  6751. height: 20px;
  6752. left: 2px;
  6753. top: -5px;
  6754. position: absolute;
  6755. width: 20px
  6756. }
  6757. .media-view .cinematic-side-nav {
  6758. background-color: #3d3d3d;
  6759. height: 40px;
  6760. left: 0;
  6761. position: relative;
  6762. top: 0;
  6763. width: 100%;
  6764. z-index: 10
  6765. }
  6766. .media-view .cinematic-side-nav .back-to-media {
  6767. background: transparent url(../../images/sprites/gal-nav.png) 6px -144px no-repeat;
  6768. display: block;
  6769. font-size: 12px;
  6770. font-weight: 700;
  6771. color: #fff;
  6772. height: 25px;
  6773. line-height: 25px;
  6774. padding: 8px 0 7px 6px;
  6775. min-width: 30px;
  6776. text-indent: 36px;
  6777. overflow: hidden;
  6778. text-overflow: ellipsis;
  6779. white-space: nowrap;
  6780. background-clip: content-box;
  6781. margin: 0
  6782. }
  6783. .lt-ie9 .media-view .cinematic-side-nav .back-to-media {
  6784. background-position: 6px -152px;
  6785. line-height: 5px;
  6786. vertical-align: middle;
  6787. height: 20px;
  6788. margin-top: 10px
  6789. }
  6790. .cinematic-side-nav-ul {
  6791. display: table;
  6792. width: 100%;
  6793. empty-cells: show
  6794. }
  6795. .cinematic-side-nav-ul .parent-label {
  6796. position: relative;
  6797. left: 0;
  6798. top: -2px
  6799. }
  6800. .cinematic-side-nav-li {
  6801. display: table-cell;
  6802. vertical-align: middle
  6803. }
  6804. .lt-ie9 .cinematic-side-nav-li {
  6805. display: table-cell;
  6806. vertical-align: middle
  6807. }
  6808. .cinematic-side-nav-li.fixed {
  6809. width: 30px
  6810. }
  6811. .media-main-view {
  6812. background: #222 url(../../images/patterns/darker-noise.png) repeat 0 0;
  6813. bottom: 0;
  6814. position: absolute;
  6815. top: 40px;
  6816. width: 100%
  6817. }
  6818. .media-view .playlist-wrapper {
  6819. overflow: hidden;
  6820. position: relative;
  6821. width: 100%
  6822. }
  6823. .media-playlist.open {
  6824. bottom: 0
  6825. }
  6826. .media-playlist.initial {
  6827. bottom: -203px
  6828. }
  6829. .media-playlist {
  6830. bottom: -163px;
  6831. background: #242424 url(../../images/patterns/noise.png) 0 0 repeat;
  6832. position: fixed;
  6833. width: 100%;
  6834. z-index: 10;
  6835. height: 200px;
  6836. -webkit-transition: bottom 200ms linear;
  6837. -moz-transition: bottom 200ms linear;
  6838. -o-transition: bottom 200ms linear;
  6839. -ms-transition: bottom 200ms linear;
  6840. transition: bottom 200ms linear
  6841. }
  6842. .media-tabs {
  6843. box-shadow: 0 -4px 9px rgba(0,0,0,.5)
  6844. }
  6845. .media-tabs-ul {
  6846. background: #0d0d0d;
  6847. border-top: 1px solid #212121;
  6848. height: 36px
  6849. }
  6850. .media-tabs-li {
  6851. border-right: 1px solid #1e1e1e;
  6852. border-right: 1px solid rgba(255,255,255,.08);
  6853. float: left
  6854. }
  6855. .media-tabs-li.active,.media-tabs-li .media-more-link:hover {
  6856. background: #242424 url(../../images/patterns/noise.png) 0 0 repeat
  6857. }
  6858. .media-tabs-li {
  6859. color: #fff;
  6860. cursor: pointer;
  6861. display: block;
  6862. font-family: Arial;
  6863. font-size: 12px;
  6864. font-weight: 600;
  6865. letter-spacing: 1px;
  6866. padding: 10px
  6867. }
  6868. .media-tabs-li.more-from span {
  6869. text-transform: capitalize
  6870. }
  6871. .media-tabs-li.expando {
  6872. float: right
  6873. }
  6874. .media-tabs-li.expando {
  6875. height: 16px;
  6876. text-indent: -9999em;
  6877. overflow: hidden;
  6878. width: 20px
  6879. }
  6880. .media-tabs-li.expando {
  6881. background: transparent url(../../images/sprites/cinematic-sprite.png) 0 -89px no-repeat!important
  6882. }
  6883. .open .media-tabs-li.expando {
  6884. background: transparent url(../../images/sprites/cinematic-sprite.png) 0 -132px no-repeat!important
  6885. }
  6886. .media-view .playlist {
  6887. height: 170px;
  6888. position: absolute;
  6889. top: 36px;
  6890. width: 100%
  6891. }
  6892. .media-view .playlist {
  6893. padding: 14px
  6894. }
  6895. .media-playlist-li {
  6896. float: left;
  6897. width: 180px;
  6898. opacity: .5
  6899. }
  6900. .media-playlist-li.active,.media-playlist-li:hover {
  6901. opacity: 1
  6902. }
  6903. .media-playlist-li.active .image,.media-playlist-li:hover .image {
  6904. background-color: #1ea3ff;
  6905. border-top: 1px solid #1ea3ff
  6906. }
  6907. .media-playlist-li .image.gallery {
  6908. box-shadow: 1px 1px 0 #000,2px 2px 0 #646464,3px 3px 0 #000,4px 4px 0 #646464;
  6909. top: 0
  6910. }
  6911. .media-playlist-li .media-more-link {
  6912. display: block
  6913. }
  6914. .media-playlist-li .image {
  6915. background: #646464 url(../../images/patterns/noise.png) 0 0 repeat;
  6916. border-top: 1px solid #939393;
  6917. display: block;
  6918. height: 90px;
  6919. margin: auto;
  6920. padding: 5px;
  6921. width: 160px
  6922. }
  6923. .media-playlist-li .caption {
  6924. color: #fff;
  6925. display: block;
  6926. font-family: Arial;
  6927. font-size: 12px;
  6928. font-weight: 600;
  6929. height: 32px;
  6930. margin: 9px auto;
  6931. overflow: hidden;
  6932. text-align: center;
  6933. width: 160px
  6934. }
  6935. .media-view .playlist.recommended .image {
  6936. overflow: hidden;
  6937. text-align: center
  6938. }
  6939. .media-playlist-recommended-img {
  6940. height: 100%
  6941. }
  6942. .partner-media-ad {
  6943. height: 615px;
  6944. position: absolute;
  6945. width: 100%
  6946. }
  6947. .media-view .image-view {
  6948. padding: 10px;
  6949. text-align: center
  6950. }
  6951. .media-view .video-view {
  6952. padding: 10px
  6953. }
  6954. .article-cinematic-video .video .meta {
  6955. margin: 10px 0 3px
  6956. }
  6957. .media-view .video-view .video {
  6958. margin: 0 auto
  6959. }
  6960. .galleries.video {
  6961. height: auto
  6962. }
  6963. .galleries.video>.viewport {
  6964. padding-top: 0
  6965. }
  6966. .galleries.video .caption {
  6967. font: 13px arial;
  6968. color: #666
  6969. }
  6970. .galleries.video .caption>.credit {
  6971. font-size: 11px
  6972. }
  6973. .video-view .ui-video-play-btn {
  6974. background: url(../../images/buttons/button_video_play.png) no-repeat;
  6975. height: 93px;
  6976. width: 93px;
  6977. margin-left: -47px;
  6978. margin-top: -47px;
  6979. top: 50%;
  6980. left: 50%;
  6981. position: absolute
  6982. }
  6983. .video-view .video-endslate {
  6984. padding: 0
  6985. }
  6986. .gallery.article-cinematic-video {
  6987. background-color: #1a1a1a;
  6988. background-color: rgba(27,27,27,.6);
  6989. margin: 6px auto 110px;
  6990. width: 820px;
  6991. position: relative;
  6992. box-shadow: 0 1px 5px #151515 inset;
  6993. top: 14px;
  6994. padding: 10px 10px 0;
  6995. z-index: 1
  6996. }
  6997. .media-view .cinematic-view .gallery {
  6998. background-color: #1a1a1a;
  6999. background-color: rgba(27,27,27,.6);
  7000. margin: 0 auto;
  7001. padding: 0;
  7002. z-index: 1;
  7003. position: relative;
  7004. top: 0;
  7005. box-shadow: 0 1px 5px #151515 inset
  7006. }
  7007. .media-view .medialistitems .gallery {
  7008. position: static;
  7009. width: 170px
  7010. }
  7011. .media-view .gallery .header {
  7012. color: #6e6e6e;
  7013. font-family: Arial,sans-serif;
  7014. font-size: 12px;
  7015. height: 30px;
  7016. width: 100%;
  7017. padding: 5px 10px;
  7018. margin-top: -70px;
  7019. position: absolute;
  7020. z-index: 40;
  7021. margin-left: -20px
  7022. }
  7023. .cinematic-header-headline {
  7024. text-align: center;
  7025. min-width: 810px;
  7026. margin-left: 0;
  7027. vertical-align: top;
  7028. padding-top: 4px
  7029. }
  7030. .lt-ie9 .cinematic-header-headline {
  7031. padding-top: 0
  7032. }
  7033. .lt-ie9 .cinematic-side-nav-li {
  7034. height: 40px
  7035. }
  7036. .cinematic-header-headline>.cinematic-headline-div {
  7037. display: inline-block;
  7038. width: auto;
  7039. color: #fff;
  7040. font-size: 18px;
  7041. font-weight: 700
  7042. }
  7043. .cinematic-header-headline>.title {
  7044. margin: 3px 8px
  7045. }
  7046. .lt-ie9 .cinematic-header-headline>.title {
  7047. margin: 0 8px 6px
  7048. }
  7049. .cinematic-headline-date>.date {
  7050. color: #999;
  7051. font-size: 11px;
  7052. width: 7em
  7053. }
  7054. .lt-ie9 .cinematic-headline-date>.date {
  7055. line-height: 35px;
  7056. height: 40px;
  7057. margin: 0;
  7058. padding: 0
  7059. }
  7060. .media-view .gallery .right {
  7061. color: #666;
  7062. font-family: Arial,sans-serif;
  7063. font-size: 11px;
  7064. width: 90px
  7065. }
  7066. .cinematic-right-div {
  7067. padding: 3px 3px 3px 24px
  7068. }
  7069. .media-view .gallery .view-story {
  7070. background: transparent url(../../images/sprites/cinematic-sprite.png) 0 -24px no-repeat;
  7071. color: #c8c8c8;
  7072. font-weight: 700
  7073. }
  7074. .media-view .gallery .views {
  7075. background: transparent url(../../images/sprites/cinematic-sprite.png) 0 -43px no-repeat;
  7076. font-size: 11px
  7077. }
  7078. .media-grid-list-meta-li.date,.media-view .type-gallery .date {
  7079. background: transparent url(../../images/sprites/cinematic-sprite.png) 0 -60px no-repeat;
  7080. font-size: 11px
  7081. }
  7082. .media-view .type-gallery .vertical-divider {
  7083. background-color: #000;
  7084. border-top: 0;
  7085. border-left: 1px solid #232323;
  7086. border-right: 1px solid #232323;
  7087. float: left;
  7088. height: 60px;
  7089. width: 1px;
  7090. margin: 10px 20px
  7091. }
  7092. .media-view .gallery .header .meta,.media-view .gallery .header .subtitle,.media-view .gallery .header .title {
  7093. clear: none;
  7094. color: #fff;
  7095. float: left;
  7096. font-size: 18px;
  7097. font-weight: 700;
  7098. margin-top: 1px;
  7099. width: auto;
  7100. position: static;
  7101. border: 0
  7102. }
  7103. .media-view .gallery .header .title {
  7104. margin: 3px 8px
  7105. }
  7106. .media-view .gallery .header .parent-label {
  7107. position: inherit
  7108. }
  7109. .media-view .gallery .header .left {
  7110. float: left;
  7111. height: 80px;
  7112. overflow: hidden;
  7113. width: 644px;
  7114. position: absolute;
  7115. z-index: 300
  7116. }
  7117. .media-view .thumb-item>.thumb-link {
  7118. border: 5px solid transparent
  7119. }
  7120. .media-view .thumb-item.active>.thumb-link {
  7121. border-color: #1ea3ff
  7122. }
  7123. .media-view .thumb-link>.thumb-image {
  7124. opacity: .6
  7125. }
  7126. .media-view .thumb-link:hover>.thumb-image,.media-view .thumb-item.active>.thumb-link>.thumb-image {
  7127. opacity: 1
  7128. }
  7129. .media-view .feature-btns {
  7130. display: block;
  7131. height: 36px;
  7132. margin: 0 10px;
  7133. z-index: 300;
  7134. width: 800px
  7135. }
  7136. .media-view .feature-btns>.media-feature-btns {
  7137. background: #1c1c1c;
  7138. border: 1px solid #333;
  7139. border-radius: 3px;
  7140. color: #fff;
  7141. cursor: pointer;
  7142. clear: none;
  7143. font: 700 11px sans-serif;
  7144. height: 8px;
  7145. margin: 3px 6px;
  7146. padding: 6px 27px 11px;
  7147. display: inline-block;
  7148. overflow: hidden;
  7149. width: auto
  7150. }
  7151. .media-view .media-cinematic-actions {
  7152. padding: 0;
  7153. width: auto
  7154. }
  7155. .media-tabs .feature-btns {
  7156. height: auto;
  7157. overflow: hidden;
  7158. width: auto;
  7159. display: table;
  7160. float: left
  7161. }
  7162. .media-view .feature-btns .ticker {
  7163. margin-top: 2px
  7164. }
  7165. .media-view .feature-btns div {
  7166. margin-top: 4px
  7167. }
  7168. .media-view .feature-btns .fullscreen,.media-view .galleries .meta .toolbox {
  7169. display: none
  7170. }
  7171. .media-view .feature-btns .fullscreen .fullscreenLabel {
  7172. background: url(../../images/components/ft-share-btns.png) -170px -4px no-repeat;
  7173. height: 20px;
  7174. margin-left: -2px;
  7175. overflow: hidden;
  7176. padding: 0;
  7177. text-indent: -99999px;
  7178. width: 20px
  7179. }
  7180. .media-view .feature-btns .fullscreen:hover .fullscreenLabel {
  7181. background-position: -212px -4px
  7182. }
  7183. .media-feature-btns>span {
  7184. background: url(../../images/sprites/gal-nav.png) no-repeat;
  7185. height: 12px;
  7186. padding-left: 15px;
  7187. float: left
  7188. }
  7189. .media-feature-btns>.pause {
  7190. background-position: 0 -35px
  7191. }
  7192. .media-feature-btns .thumbnails .thumbLabel {
  7193. background-position: 0 -11px;
  7194. padding-left: 20px;
  7195. width: 96px
  7196. }
  7197. .lt-ie9 .media-feature-btns .thumbnails .thumbLabel {
  7198. width: 124px
  7199. }
  7200. .media-feature-btns .captions .captionLabel {
  7201. background-position: 0 -23px;
  7202. padding-left: 30px;
  7203. width: 82px
  7204. }
  7205. .medialistitems:nth-child(-n+1) .thumbnail,.medialistitems:nth-child(-n+1) .media-gallery-bg,.medialistitems:nth-child(-n+1) .thumbnail .thumb-img {
  7206. width: 340px;
  7207. height: 190px
  7208. }
  7209. .media-grid-ul>.medialistitems:nth-child(-n+1){width:350px;height:280px}.medialistitems:nth-child(-n+1) .meta.gallery .author{display:inline-block}
  7210. .media-view .media-main-view .galleries .slide-nav {
  7211. opacity: 1;
  7212. visibility: visible;
  7213. display: none
  7214. }
  7215. .back-to-media {
  7216. width: 30px
  7217. }
  7218. @media only screen and (min-width: 907px) {
  7219. .medialistitems:nth-child(-n+2) .thumbnail,.medialistitems:nth-child(-n+2) .media-gallery-bg,.medialistitems:nth-child(-n+2) .thumbnail>.thumb-img {
  7220. width:340px;
  7221. height: 190px
  7222. }
  7223. .media-grid-ul>.medialistitems:nth-child(-n+2){width:350px;height:280px}.medialistitems:nth-child(-n+2) .meta.gallery .author{display:inline-block}
  7224. }
  7225. @media only screen and (min-width: 1267px) {
  7226. .media-content {
  7227. width:1087px
  7228. }
  7229. .back-to-media {
  7230. width: 175px
  7231. }
  7232. .cinematic-side-nav-li.fixed {
  7233. width: 22%
  7234. }
  7235. .medialistitems:nth-child(-n+3) .thumbnail,.medialistitems:nth-child(-n+3) .media-gallery-bg,.medialistitems:nth-child(-n+3) .thumbnail>.thumb-img {
  7236. width: 340px;
  7237. height: 190px
  7238. }
  7239. .media-grid-ul>.medialistitems:nth-child(-n+3){width:350px;height:280px}.medialistitems:nth-child(-n+3) ul.gallery .author{display:inline-block}
  7240. }
  7241. @media only screen and (min-width: 1620px) {
  7242. .media-content {
  7243. width:1440px
  7244. }
  7245. .medialistitems:nth-child(-n+4) .thumbnail,.medialistitems:nth-child(-n+4) .media-gallery-bg,.medialistitems:nth-child(-n+4) .thumbnail>.thumb-img {
  7246. width: 340px;
  7247. height: 190px
  7248. }
  7249. .medialistitems:nth-child(-n+4){width:350px;height:280px}.medialistitems:nth-child(-n+4) ul.gallery .author{display:inline-block}
  7250. }
  7251. @media only screen and (min-width: 1980px) {
  7252. .media-content {
  7253. width:1800px
  7254. }
  7255. .medialistitems:nth-child(-n+5) .thumbnail,.medialistitems:nth-child(-n+5) .media-gallery-bg,.medialistitems:nth-child(-n+5) .thumbnail>.thumb-img {
  7256. width: 340px;
  7257. height: 190px
  7258. }
  7259. .medialistitems:nth-child(-n+5){width:350px;height:280px}.medialistitems:nth-child(-n+5) ul.gallery .author{display:inline-block}
  7260. }
  7261. .partner-gallery-skin .ad-slot>iframe {
  7262. display: none
  7263. }
  7264. .partner-gallery-skin {
  7265. bottom: 0;
  7266. height: auto;
  7267. left: 0;
  7268. position: absolute;
  7269. right: 0;
  7270. top: 0;
  7271. width: auto;
  7272. z-index: 0
  7273. }
  7274. .partner-gallery-skin>iframe {
  7275. display: block
  7276. }
  7277. .video-view .video-full-transcript-control,.video-view .video-full-transcript {
  7278. margin-left: 0
  7279. }
  7280. .video-view .video-desc {
  7281. font: 11px/18px Arial;
  7282. margin-bottom: 10px
  7283. }
  7284. .video-view .ui-video-controls {
  7285. margin: 15px 0 0
  7286. }
  7287. .video-view .video-keywords-display,.video-view .video-search-display,.video-view .no-results,.video-view .video-search-term {
  7288. color: #fff
  7289. }
  7290. .galleries.video .text-transcript-caption {
  7291. color: #fff
  7292. }
  7293. .galleries.video .active-transcript {
  7294. color: #009bff
  7295. }
  7296. .video-view .transcript-scroll-fade-left {
  7297. background: url(../../images/components/utility-btns.png) -800px -218px;
  7298. width: 14px;
  7299. height: 20px;
  7300. position: absolute;
  7301. left: 323px;
  7302. margin-top: -20px
  7303. }
  7304. .video-view .transcript-scroll-fade-right {
  7305. background: url(../../images/components/utility-btns.png) -730px -278px;
  7306. width: 30px;
  7307. height: 20px;
  7308. position: absolute;
  7309. right: 66px;
  7310. margin-top: -17px
  7311. }
  7312. .error404 {
  7313. text-align: center;
  7314. text-shadow: 1px 1px 1px rgba(0,0,0,.004);
  7315. width: 980px;
  7316. margin-top: 80px
  7317. }
  7318. .error404 .head,.error404 .info,.error404 .message {
  7319. margin: 0 auto
  7320. }
  7321. .error404 .clues {
  7322. font: arial,serif;
  7323. color: #bbb
  7324. }
  7325. .error404 .head {
  7326. font: 400 4.01em/1 'Futura Today Bold',arial,sans-serif;
  7327. text-shadow: rgba(0,0,0,.5) -1px 0,rgba(0,0,0,.3) 0 -1px,rgba(255,255,255,.5) 0 1px,rgba(0,0,0,.3) -1px -1px;
  7328. color: #d0d0d0;
  7329. padding: 0
  7330. }
  7331. .error404 .info {
  7332. font-size: 1.625em;
  7333. line-height: 2;
  7334. color: #ff6400;
  7335. padding-bottom: .5em
  7336. }
  7337. .error404 .message {
  7338. font-size: 1.125em;
  7339. font-weight: 400;
  7340. line-height: 1.5;
  7341. color: #666
  7342. }
  7343. .search .clues {
  7344. position: absolute;
  7345. bottom: 0;
  7346. right: 0;
  7347. display: inline-block
  7348. }
  7349. .news .clues {
  7350. display: inline-block;
  7351. right: 0;
  7352. position: absolute;
  7353. bottom: 0
  7354. }
  7355. #footer_wrap {
  7356. width: 980px;
  7357. display: inline-block;
  7358. margin-left: 0;
  7359. margin-top: 50px
  7360. }
  7361. .overlay-everything .site-footer-fixed-width {
  7362. width: 840px
  7363. }
  7364. .overlay-everything .footer nav {
  7365. padding-bottom: 50px;
  7366. width: 100%
  7367. }
  7368. .cards {
  7369. min-height: 100%;
  7370. min-height: 100vh;
  7371. overflow: hidden;
  7372. width: 100%
  7373. }
  7374. .card-wrap-primary-flex-sidebar-page {
  7375. background: rgba(0,0,0,0) no-repeat top center;
  7376. left: 0;
  7377. margin: 0 auto 40px;
  7378. padding-top: 50px;
  7379. position: relative;
  7380. top: 0;
  7381. width: 1080px
  7382. }
  7383. .theme-bg-ssts-label {
  7384. background-color: #6f6f6f;
  7385. color: #fff;
  7386. font-family: 'Futura Today Bold',arial,sans-serif;
  7387. font-size: 10px;
  7388. font-weight: 400;
  7389. letter-spacing: 1px;
  7390. line-height: 9px;
  7391. padding: 4px;
  7392. text-transform: uppercase
  7393. }
  7394. @media (min-width: 1321px) {
  7395. .card-wrap-primary-flex-sidebar-page {
  7396. width:1320px
  7397. }
  7398. }
  7399. .card-primary-wrapper {
  7400. background: #fff url(../../images/patterns/noise_fff.png) repeat top left;
  7401. position: relative;
  7402. width: 840px;
  7403. z-index: 15
  7404. }
  7405. .card-primary-modules {
  7406. float: left;
  7407. width: 720px
  7408. }
  7409. .card-primary-flex-modules.card-primary-wrapper {
  7410. background: #fff;
  7411. width: 720px
  7412. }
  7413. .card-primary-suspender {
  7414. clear: both;
  7415. position: relative;
  7416. width: 100%
  7417. }
  7418. .card-full-width {
  7419. clear: both;
  7420. position: relative
  7421. }
  7422. .primary-module {
  7423. border-bottom: 1px solid #e1e1e1;
  7424. border-bottom: 1px solid rgba(0,0,0,.15);
  7425. border-right: 1px solid #e1e1e1;
  7426. border-right: 1px solid rgba(0,0,0,.15);
  7427. -moz-box-sizing: border-box;
  7428. box-sizing: border-box;
  7429. width: 720px;
  7430. position: relative
  7431. }
  7432. .primary-module-primary-suspender-sidebar-page {
  7433. float: right
  7434. }
  7435. .primary-module-primary-flex-sidebar-page {
  7436. border-left: 1px solid #ccc;
  7437. border-bottom: 1px solid #e6e6e6;
  7438. border-width: 0 0 1px 1px;
  7439. float: left
  7440. }
  7441. @media (min-width: 1321px) {
  7442. .primary-module-primary-flex-sidebar-page-last {
  7443. border-bottom:0
  7444. }
  7445. }
  7446. .primary-flex-module {
  7447. border-bottom: 1px solid #e6e6e6;
  7448. border-left: 1px solid #ccc
  7449. }
  7450. .primary-flex-module.bottom-primary-flex-module {
  7451. border-bottom: 1px solid #ccc
  7452. }
  7453. .secondary-module {
  7454. border-bottom: 1px solid #e6e6e6
  7455. }
  7456. .secondary-module-last {
  7457. border-bottom: 0
  7458. }
  7459. @media (max-width: 1320px) {
  7460. .secondary-module {
  7461. border-left:1px solid #ccc
  7462. }
  7463. }
  7464. .card-suspender {
  7465. border-top: 1px solid rgba(0,0,0,.15);
  7466. clear: both;
  7467. color: #fff;
  7468. float: left;
  7469. margin-top: -1px;
  7470. position: relative;
  7471. width: 120px
  7472. }
  7473. .card-section-name {
  7474. color: #fff;
  7475. font-family: 'Futura Today Bold',Arial,sans-serif;
  7476. font-weight: 400;
  7477. font-size: 13px;
  7478. letter-spacing: 1px;
  7479. line-height: 13px;
  7480. margin: 0;
  7481. padding: 15px 5px 10px;
  7482. text-align: center;
  7483. text-shadow: 0 1px 1px rgba(0,0,0,.15);
  7484. text-transform: uppercase
  7485. }
  7486. .card-subsection-item {
  7487. border-bottom: 1px solid rgba(0,0,0,.15);
  7488. border-top: 1px solid rgba(255,255,225,.14);
  7489. font-size: 13px;
  7490. font-weight: 700;
  7491. line-height: 16px;
  7492. padding: 0
  7493. }
  7494. .card-subsection-item.selected {
  7495. background-color: rgba(0,0,0,.2);
  7496. border-bottom: 0;
  7497. border-top-color: rgba(0,0,0,.35)
  7498. }
  7499. .card-subsection-item:hover {
  7500. background-color: transparent;
  7501. background-color: rgba(0,0,0,.05);
  7502. border-bottom-color: rgba(0,0,0,.05);
  7503. border-top-color: rgba(0,0,0,.05);
  7504. cursor: pointer
  7505. }
  7506. .card-section-link,.card-section-link:visited,.card-section-link:hover {
  7507. color: #fff;
  7508. display: block
  7509. }
  7510. .card-subsection-link,.card-subsection-link:visited,.card-subsection-link:hover {
  7511. color: #fff;
  7512. display: block;
  7513. padding: 10px 10px 10px 15px
  7514. }
  7515. .card-suspender-title {
  7516. color: #fff;
  7517. font-family: 'Futura Today Bold',Arial,sans-serif;
  7518. font-size: 13px;
  7519. font-weight: 400;
  7520. letter-spacing: 1px;
  7521. line-height: 13px;
  7522. margin: 0 0 0 1px;
  7523. padding: 14px 8px 10px;
  7524. text-align: center;
  7525. text-shadow: 0 1px 1px rgba(0,0,0,.15);
  7526. text-transform: uppercase;
  7527. width: 103px
  7528. }
  7529. .card-suspender-color {
  7530. background: url(../../images/patterns/noise.png) repeat top left;
  7531. bottom: 0;
  7532. left: 0;
  7533. position: absolute;
  7534. top: 0;
  7535. width: 120px
  7536. }
  7537. .card-suspender-color {
  7538. background-color: #009bff
  7539. }
  7540. .partner-background .card-container {
  7541. background: transparent
  7542. }
  7543. .card-container,#cards-offset-placeholder {
  7544. background: #f6f6f6 url(../../images/patterns/noise_f6f6f6.png) repeat top left
  7545. }
  7546. .card-container {
  7547. left: 0;
  7548. margin-bottom: 20px;
  7549. position: relative;
  7550. z-index: 0
  7551. }
  7552. .card-wrap {
  7553. background: transparent no-repeat top center;
  7554. left: 0;
  7555. margin: 0 auto;
  7556. padding-top: 50px;
  7557. position: relative;
  7558. top: 0
  7559. }
  7560. .card-wrap-primary-suspender-sidebar-page {
  7561. width: 840px
  7562. }
  7563. .card-wrap.hidden {
  7564. display: none
  7565. }
  7566. .card-primary-suspender-sidebar-page,.card-primary-flex-sidebar-page {
  7567. position: relative;
  7568. z-index: 5
  7569. }
  7570. .card div.sh_bottom {
  7571. background: rgba(0,0,0,.05);
  7572. bottom: -8px;
  7573. box-sizing: border-box;
  7574. height: 8px;
  7575. left: 10px;
  7576. position: absolute;
  7577. right: 10px;
  7578. z-index: 0
  7579. }
  7580. .card-wrap-behind-overlay {
  7581. bottom: 0;
  7582. left: 0;
  7583. position: absolute;
  7584. padding: 0;
  7585. right: 0;
  7586. z-index: 0
  7587. }
  7588. .card-wrap-primary-flex-sidebar-page>.card-loading>.card-suspender-color,.card-wrap-primary-flex-sidebar-page>.card-loading>.sidebar {
  7589. display: none
  7590. }
  7591. .card-wrap-primary-flex-sidebar-page.card-wrap-behind-overlay>.card-loading {
  7592. background: #2b2b2b
  7593. }
  7594. .card-primary-secondary-modules {
  7595. background: #fff;
  7596. border-bottom: 1px solid #e0e0e0;
  7597. float: left;
  7598. position: relative
  7599. }
  7600. @media only screen and (min-width: 1150px) {
  7601. .card-wrap-primary-suspender-sidebar-page {
  7602. width:1080px
  7603. }
  7604. }
  7605. @media only screen and (min-width: 1250px) {
  7606. .card-wrap-primary-suspender-sidebar-page {
  7607. width:1180px
  7608. }
  7609. }
  7610. @media (max-width: 1320px) {
  7611. .card-secondary-modules {
  7612. clear:both
  7613. }
  7614. }
  7615. @media (min-width: 1321px) {
  7616. .card-primary-flex-modules.card-primary-wrapper {
  7617. width:960px
  7618. }
  7619. .card-secondary-modules {
  7620. float: right;
  7621. width: 240px
  7622. }
  7623. .card-primary-secondary-modules:after {
  7624. background: #e6e6e6;
  7625. bottom: 0;
  7626. content: '';
  7627. display: block;
  7628. left: 720px;
  7629. position: absolute;
  7630. top: 0;
  7631. width: 1px
  7632. }
  7633. .card-primary-secondary-modules:before {
  7634. background: #ccc;
  7635. bottom: 0;
  7636. content: '';
  7637. display: block;
  7638. left: 0;
  7639. position: absolute;
  7640. top: 0;
  7641. width: 1px
  7642. }
  7643. }
  7644. .third-party .card {
  7645. width: 840px;
  7646. margin: 0 auto
  7647. }
  7648. .front-overlay-arrows {
  7649. position: fixed;
  7650. top: 45%;
  7651. left: 0;
  7652. width: 100%;
  7653. height: 0;
  7654. z-index: 4
  7655. }
  7656. .no-touch .front-overlay-arrows:hover {
  7657. z-index: 101
  7658. }
  7659. .high-impact-ad-visible .front-overlay-arrows {
  7660. display: none
  7661. }
  7662. @media only screen and (max-height: 395px) {
  7663. .front-arrow-wrapper {
  7664. display:none
  7665. }
  7666. }
  7667. @media (max-width: 979px) {
  7668. .front-arrow-wrapper {
  7669. display:none
  7670. }
  7671. }
  7672. @media (min-width: 980px) {
  7673. .front-arrow-wrapper {
  7674. margin:0 auto;
  7675. position: relative
  7676. }
  7677. }
  7678. @media (min-width: 1150px) {
  7679. .front-arrow-wrapper {
  7680. margin:0 auto;
  7681. position: relative
  7682. }
  7683. }
  7684. @media (min-width: 1250px) {
  7685. .front-arrow-wrapper {
  7686. position:relative;
  7687. margin: 0 auto
  7688. }
  7689. }
  7690. #cards-prev-link,#cards-next-link {
  7691. -moz-transition: opacity 400ms ease-in-out;
  7692. -o-transition: opacity 400ms ease-in-out;
  7693. transition: opacity 400ms ease-in-out;
  7694. height: 55px;
  7695. position: relative;
  7696. visibility: hidden;
  7697. width: 55px;
  7698. z-index: 100
  7699. }
  7700. #cards-prev-link {
  7701. float: left
  7702. }
  7703. #cards-next-link {
  7704. float: right
  7705. }
  7706. .cards-nav-icon:before {
  7707. color: #4c4c4c;
  7708. display: block;
  7709. height: 55px;
  7710. font-family: 'Gannett Icons';
  7711. font-size: 55px;
  7712. line-height: 79px;
  7713. position: relative;
  7714. top: -11px;
  7715. width: 29px
  7716. }
  7717. #cards-prev-link .cards-nav-icon:before {
  7718. content: '<'
  7719. }
  7720. #cards-next-link .cards-nav-icon:before {
  7721. content: '>'
  7722. }
  7723. .front-overlay-next-arrows-anchor,.front-overlay-prev-arrows-anchor {
  7724. background-color: #242424;
  7725. height: 55px;
  7726. position: absolute;
  7727. top: 0;
  7728. transition: left .1s ease-out,right .1s ease-out
  7729. }
  7730. .front-overlay-next-arrows-anchor {
  7731. padding: 0 20px 0 30px;
  7732. right: -200px
  7733. }
  7734. .front-overlay-prev-arrows-anchor {
  7735. padding: 0 30px 0 20px;
  7736. left: -200px
  7737. }
  7738. .no-touch #cards-next-link:hover .front-overlay-next-arrows-anchor {
  7739. right: 0
  7740. }
  7741. .no-touch #cards-prev-link:hover .front-overlay-prev-arrows-anchor {
  7742. left: 0
  7743. }
  7744. .front-prev-arrow-label,.front-next-arrow-label {
  7745. color: #fff;
  7746. font: 13px/18px 'Futura Today DemiBold',Arial,sans-serif;
  7747. margin-top: 18px;
  7748. text-align: center;
  7749. text-transform: uppercase;
  7750. text-shadow: 0 1px 0 rgba(0,0,0,.5);
  7751. white-space: nowrap
  7752. }
  7753. .front-next-arrow-label:after,.front-prev-arrow-label:before {
  7754. display: inline-block;
  7755. font-family: 'Gannett Icons';
  7756. font-weight: 700;
  7757. font-size: 12px;
  7758. position: relative;
  7759. top: 1px
  7760. }
  7761. .front-next-arrow-label:after {
  7762. content: '>';
  7763. margin-left: 6px
  7764. }
  7765. .front-prev-arrow-label:before {
  7766. content: '<';
  7767. margin-right: 6px
  7768. }
  7769. .front-prev-story-content-holder {
  7770. -webkit-transition: left .3s ease-in-out;
  7771. -moz-transition: left .3s ease-in-out
  7772. }
  7773. .front-next-story-content-holder {
  7774. -webkit-transition: right .3s ease-in-out;
  7775. -moz-transition: right .3s ease-in-out
  7776. }
  7777. .stag-masthead>h1 {
  7778. color: #fff;
  7779. font: 700 50px/54px 'helvetica neue',arial,sans-serif;
  7780. text-shadow: 4px 3px 3px rgba(0,0,0,.4);
  7781. margin: 0 0 25px
  7782. }
  7783. #topic-card.fixed {
  7784. position: fixed;
  7785. width: 100%
  7786. }
  7787. #topic-card footer {
  7788. position: relative
  7789. }
  7790. .card-loading {
  7791. background: #fff url(../../images/preloaders/loop-loader.gif) no-repeat 48% 300px;
  7792. box-shadow: none;
  7793. height: 100%;
  7794. position: relative
  7795. }
  7796. .card-loading::before,.card-loading::after {
  7797. background: #f6f6f6 url(../../images/patterns/noise_f6f6f6.png) repeat top;
  7798. content: '';
  7799. display: none;
  7800. position: absolute
  7801. }
  7802. .card-loading::before {
  7803. height: 30px;
  7804. left: 0;
  7805. top: -30px;
  7806. width: 100%
  7807. }
  7808. .card-loading::after {
  7809. height: 480px;
  7810. right: -30px;
  7811. top: -30px;
  7812. width: 30px
  7813. }
  7814. .sports.card-loading {
  7815. background-image: url(../../images/preloaders/loop-loader_sports.gif)
  7816. }
  7817. .life.card-loading {
  7818. background-image: url(../../images/preloaders/loop-loader_life.gif)
  7819. }
  7820. .money.card-loading {
  7821. background-image: url(../../images/preloaders/loop-loader_money.gif)
  7822. }
  7823. .tech.card-loading {
  7824. background-image: url(../../images/preloaders/loop-loader_tech.gif)
  7825. }
  7826. .travel.card-loading {
  7827. background-image: url(../../images/preloaders/loop-loader_travel.gif)
  7828. }
  7829. .opinion.card-loading {
  7830. background-image: url(../../images/preloaders/loop-loader_opinion.gif)
  7831. }
  7832. .weather.card-loading {
  7833. background-image: url(../../images/preloaders/loop-loader_weather.gif)
  7834. }
  7835. .card-loading-border {
  7836. border: 1px solid #e9e9e9;
  7837. -moz-box-sizing: border-box;
  7838. box-sizing: border-box;
  7839. content: '';
  7840. height: 100%
  7841. }
  7842. .punchout-cover {
  7843. display: none
  7844. }
  7845. .punchout-cover.show {
  7846. display: block;
  7847. height: 20px;
  7848. background-image: url(../../images/patterns/noise_f6f6f6.png);
  7849. margin-top: -21px
  7850. }
  7851. .card-primary .ui-loader {
  7852. display: block;
  7853. width: 720px;
  7854. height: 100%;
  7855. position: absolute;
  7856. top: 0;
  7857. right: 0;
  7858. z-index: 500
  7859. }
  7860. .card-primary .ui-loader .loading-icon {
  7861. display: block;
  7862. width: 65px;
  7863. height: 65px;
  7864. margin-left: -32px;
  7865. margin-top: -32px;
  7866. left: 50%;
  7867. position: absolute;
  7868. top: 50%;
  7869. background: url(../../images/preloaders/windmill-loader_2x_light.gif) no-repeat 0 0
  7870. }
  7871. .card-primary .ui-loader span {
  7872. display: none
  7873. }
  7874. .left-suspender {
  7875. position: absolute;
  7876. left: 0;
  7877. height: 100%;
  7878. width: 120px;
  7879. background-image: url(../../images/patterns/noise.png)
  7880. }
  7881. #cards-offset-placeholder {
  7882. display: block;
  7883. position: fixed;
  7884. height: 50px;
  7885. top: 0;
  7886. width: 100%;
  7887. z-index: 5
  7888. }
  7889. #overlay .card-wrap {
  7890. height: 100%;
  7891. min-height: 0;
  7892. position: absolute;
  7893. padding: 0;
  7894. bottom: 0;
  7895. top: 0;
  7896. width: 100%
  7897. }
  7898. .partner-pushdown-ad {
  7899. left: 50%;
  7900. margin-left: -420px;
  7901. position: relative;
  7902. top: 0;
  7903. width: 840px;
  7904. z-index: 1
  7905. }
  7906. .partner-pushdown-ad>iframe {
  7907. display: block
  7908. }
  7909. .partner-placement.partner-pushdown-ad.iab-risingstar {
  7910. left: 0;
  7911. margin: -5px auto -10px;
  7912. top: -25px;
  7913. width: 970px
  7914. }
  7915. .iab-risingstar>.partner-close {
  7916. display: none
  7917. }
  7918. .iab-third-party {
  7919. position: relative
  7920. }
  7921. .partner-pushdown-ad.size-m {
  7922. margin-left: -540px;
  7923. width: 1080px
  7924. }
  7925. .partner-pushdown-ad.size-l {
  7926. margin-left: -590px;
  7927. width: 1180px
  7928. }
  7929. .partner-pushdown-ad.size-xl {
  7930. margin-left: -660px;
  7931. width: 1320px
  7932. }
  7933. .partner-dual-pushdown {
  7934. position: absolute;
  7935. top: 50px
  7936. }
  7937. .partner-dual-pushdown>.partner-close {
  7938. display: none
  7939. }
  7940. .partner-dual-pushdown.size-xl {
  7941. margin-left: -660px;
  7942. width: 1320px
  7943. }
  7944. .partner-dual-pushdown.size-l {
  7945. margin-left: -590px;
  7946. width: 1180px
  7947. }
  7948. .partner-dual-pushdown.size-m {
  7949. margin-left: -540px;
  7950. width: 1080px
  7951. }
  7952. .partner-dual-pushdown.size-s {
  7953. margin-left: -420px;
  7954. width: 840px
  7955. }
  7956. .partner-gravity-ad {
  7957. height: 100%;
  7958. left: 0;
  7959. margin: 0;
  7960. opacity: 0;
  7961. position: fixed;
  7962. top: 0;
  7963. width: 100%
  7964. }
  7965. .partner-scroll {
  7966. background: transparent url(../../images/components/get-the-news-arrow.png) no-repeat 0 0;
  7967. bottom: 25px;
  7968. display: none;
  7969. height: 61px;
  7970. left: 50%;
  7971. margin-left: -57px;
  7972. outline: 0;
  7973. position: absolute;
  7974. width: 114px;
  7975. z-index: 98
  7976. }
  7977. .partner-leavebehind {
  7978. cursor: pointer;
  7979. display: none;
  7980. height: 30px;
  7981. margin-top: -40px;
  7982. overflow: hidden;
  7983. position: absolute;
  7984. width: 420px;
  7985. z-index: 1
  7986. }
  7987. .partner-leavebehind.show {
  7988. display: block
  7989. }
  7990. .partner-leavebehind.compact {
  7991. height: 43px;
  7992. margin-top: -43px;
  7993. width: 120px
  7994. }
  7995. .leavebehind-sponsoredby {
  7996. color: #999;
  7997. font-size: 11px;
  7998. float: left;
  7999. line-height: 11px;
  8000. padding: 10px 8px 0 0;
  8001. text-transform: uppercase
  8002. }
  8003. .partner-leavebehind.compact .leavebehind-sponsoredby {
  8004. font-size: 8px;
  8005. line-height: 8px;
  8006. padding: 0 0 2px;
  8007. text-align: center;
  8008. width: 120px
  8009. }
  8010. .partner-leavebehind.compact .leavebehind-image {
  8011. margin: 0 0 0 10px
  8012. }
  8013. .partner-slider-ad {
  8014. background: transparent url(../../images/pixels/pixel-black-85percent.png) repeat top left;
  8015. background: rgba(0,0,0,.85);
  8016. border-left: 1px solid #000;
  8017. box-sizing: border-box;
  8018. -moz-box-sizing: border-box;
  8019. -webkit-box-sizing: border-box;
  8020. display: none;
  8021. height: 100%;
  8022. padding: 10px 0;
  8023. position: absolute;
  8024. right: 0;
  8025. width: 370px;
  8026. z-index: 99
  8027. }
  8028. a.partner-slider-close {
  8029. border-bottom: 1px solid #373737;
  8030. border-bottom: 1px solid rgba(255,255,255,.08);
  8031. color: #fff;
  8032. filter: dropshadow(color=#000000,offx=0,offy=1);
  8033. font-family: 'Futura Today Bold',helvetica,sans-serif;
  8034. font-size: 12px;
  8035. height: 31px;
  8036. line-height: 24px;
  8037. padding: 0 20px;
  8038. position: fixed;
  8039. text-shadow: 0 1px 0 rgba(0,0,0,.4);
  8040. text-transform: uppercase;
  8041. width: 330px
  8042. }
  8043. a.partner-slider-close:before {
  8044. background: transparent url(../../images/buttons/button-close.png) no-repeat 0 -141px;
  8045. height: 22px;
  8046. width: 27px;
  8047. top: 0
  8048. }
  8049. a.partner-slider-close:before:hover {
  8050. background-position: 0 -166px
  8051. }
  8052. a.partner-slider-close:before:active {
  8053. background-position: 0 -191px
  8054. }
  8055. .partner-slider-ad>.ad-slot {
  8056. margin: 53px 20px 0;
  8057. position: fixed
  8058. }
  8059. .partner-skyline-ad {
  8060. left: 50%;
  8061. margin-left: -540px;
  8062. overflow: hidden;
  8063. position: fixed;
  8064. bottom: 0;
  8065. width: 1080px;
  8066. z-index: 1
  8067. }
  8068. .sidebar {
  8069. bottom: 0;
  8070. background: #262626;
  8071. border-right: 1px solid #333;
  8072. -moz-box-sizing: border-box;
  8073. box-sizing: border-box;
  8074. height: 100%!important;
  8075. position: absolute;
  8076. right: 0;
  8077. top: 0;
  8078. width: 240px;
  8079. z-index: 4
  8080. }
  8081. .sidebar-primary-flex-sidebar-page {
  8082. width: 360px
  8083. }
  8084. .sidebar.top {
  8085. border-left: 1px solid #3b3b3b;
  8086. z-index: 60
  8087. }
  8088. @media only screen and (min-width: 1150px) {
  8089. .sidebar-button,.sidebar-button:visited {
  8090. visibility:hidden
  8091. }
  8092. }
  8093. @media only screen and (min-width: 1250px) {
  8094. .sidebar-primary-suspender-sidebar-page {
  8095. width:340px
  8096. }
  8097. }
  8098. .sidebar .shadow {
  8099. background: transparent;
  8100. left: 0;
  8101. position: absolute;
  8102. width: 100%
  8103. }
  8104. .sidebar .top-shadow {
  8105. box-shadow: 0 -4px 12px 3px rgba(0,0,0,.3);
  8106. top: 0
  8107. }
  8108. .sidebar .bottom-shadow {
  8109. bottom: 0;
  8110. box-shadow: 0 2px 11px 2px rgba(0,0,0,.3)
  8111. }
  8112. .sidebar-header {
  8113. display: block;
  8114. -webkit-transition: width .25s ease-out;
  8115. -moz-transition: width .25s ease-out;
  8116. -ms-transition: width .25s ease-out;
  8117. -o-transition: width .25s ease-out;
  8118. transition: width .25s ease-out;
  8119. border-bottom: 1px solid #dedede;
  8120. width: 100%;
  8121. height: 13px;
  8122. overflow: hidden;
  8123. color: #999;
  8124. font-family: 'Futura Today Bold',Arial,sans-serif;
  8125. font-size: 13px;
  8126. font-weight: 400;
  8127. letter-spacing: 1px;
  8128. line-height: 13px;
  8129. margin: 0;
  8130. padding: 14px 0 10px;
  8131. text-align: center;
  8132. text-shadow: 0 1px 1px #fff;
  8133. text-transform: uppercase
  8134. }
  8135. .sidebar-button,.sidebar-button:hover,.sidebar-button:visited {
  8136. color: #fff;
  8137. display: block;
  8138. font-family: 'Futura Today Bold',Arial,sans-serif;
  8139. font-size: 11px;
  8140. height: 45px;
  8141. letter-spacing: 1px;
  8142. line-height: 29px;
  8143. position: absolute;
  8144. text-shadow: 0 1px 0 rgba(0,0,0,.2);
  8145. text-transform: uppercase;
  8146. z-index: 25
  8147. }
  8148. .open-sidebar {
  8149. background-color: transparent;
  8150. background-repeat: no-repeat;
  8151. background-position: 0 0;
  8152. padding-left: 32px;
  8153. right: -13px;
  8154. top: -14px;
  8155. width: 87px
  8156. }
  8157. .open-sidebar>.icon {
  8158. background: transparent url(../../images/modules/live-feed/sprite.png) 0 -96px no-repeat;
  8159. height: 11px;
  8160. position: absolute;
  8161. width: 12px;
  8162. top: 9px;
  8163. left: 15px
  8164. }
  8165. .close-sidebar {
  8166. background: transparent url(../../images/modules/live-feed/sprite.png) 0 -48px no-repeat;
  8167. padding: 0;
  8168. left: -12px;
  8169. top: -14px;
  8170. width: 44px
  8171. }
  8172. .partner-sidebar-ad {
  8173. overflow: visible;
  8174. padding: 20px;
  8175. text-align: center
  8176. }
  8177. .sidebar-ad-iframe {
  8178. display: block
  8179. }
  8180. .close-sidebar-icon {
  8181. background: transparent url(../../images/modules/live-feed/sprite.png) -60px -146px no-repeat;
  8182. height: 21px;
  8183. position: absolute;
  8184. width: 20px;
  8185. top: 6px;
  8186. left: 11px
  8187. }
  8188. .sidebar-button.hide {
  8189. display: none
  8190. }
  8191. .sidebar-scrollable-window {
  8192. height: 100%;
  8193. overflow: hidden;
  8194. position: relative;
  8195. width: 100%
  8196. }
  8197. .sidebar-wrapper {
  8198. bottom: 0;
  8199. overflow: hidden;
  8200. padding-bottom: 36px;
  8201. position: absolute;
  8202. top: 0;
  8203. width: 100%
  8204. }
  8205. .sidebar-scrollable-content {
  8206. list-style: none outside none;
  8207. margin: 0;
  8208. padding: 0;
  8209. position: relative
  8210. }
  8211. .partner-sidebar-ad {
  8212. background: #2b2b2b;
  8213. border-bottom: 1px solid #0f0f0f
  8214. }
  8215. .sidebar.light {
  8216. background: #f2f2f2;
  8217. border-color: #dedede;
  8218. border-bottom: 1px solid #ccc;
  8219. border-left: 1px solid #ccc
  8220. }
  8221. .sidebar.light.top {
  8222. border-left: 1px solid #dcdcdc
  8223. }
  8224. .sidebar.light .sidebar-scrollable-window {
  8225. background: none repeat scroll 0 0 #f9f9f9
  8226. }
  8227. .sidebar.light .sider-bar-loading {
  8228. background: url(../../images/preloaders/windmill-loader_1x_light.gif) no-repeat 50% 0 transparent
  8229. }
  8230. .sidebar.light .partner-sidebar-ad {
  8231. background: #f2f2f2;
  8232. border-bottom: 1px solid #dfdfdf
  8233. }
  8234. .sidebar-static-title-wrapper {
  8235. display: none
  8236. }
  8237. .sidebar-static-title-wrapper,.sidebar-title-wrapper {
  8238. background-color: #1d1d1d;
  8239. border-bottom: 1px solid #0f0f0f;
  8240. min-height: 14px;
  8241. padding: 11px 0;
  8242. position: relative;
  8243. width: 100%
  8244. }
  8245. .sidebar.light .sidebar-static-title-wrapper,.sidebar.light .sidebar-title-wrapper {
  8246. background-color: #ececec;
  8247. border-bottom: 1px solid #dfdfdf;
  8248. border-top: 0
  8249. }
  8250. .sidebar-title {
  8251. color: #d2d2d2;
  8252. font-family: 'Futura Today Bold',Arial,sans-serif;
  8253. font-size: 14px;
  8254. font-weight: 400;
  8255. letter-spacing: 1px;
  8256. line-height: 1;
  8257. margin: 0;
  8258. padding-left: 20px;
  8259. padding-right: 20px;
  8260. position: relative;
  8261. text-align: left;
  8262. text-shadow: 0 1px 1px #000;
  8263. text-transform: uppercase
  8264. }
  8265. .sidebar-static-title {
  8266. color: #fff
  8267. }
  8268. a.sidebar-promo-link {
  8269. color: #858585;
  8270. display: block;
  8271. position: absolute;
  8272. top: 0;
  8273. right: 0;
  8274. padding: 11px 10px;
  8275. font-size: 11px;
  8276. text-transform: uppercase
  8277. }
  8278. @media only screen and (max-width: 1249px) {
  8279. .sidebar-primary-suspender-sidebar-page a.sidebar-promo-link {
  8280. display:none
  8281. }
  8282. }
  8283. a.sidebar-promo-link:hover {
  8284. color: #c8c8c8
  8285. }
  8286. .sidebar.light a.sidebar-promo-link {
  8287. padding-bottom: 10px;
  8288. border-bottom: 1px solid #dfdfdf;
  8289. color: #999
  8290. }
  8291. .sidebar.light a.sidebar-promo-link:hover {
  8292. color: #282828
  8293. }
  8294. .sidebar.light .sidebar-title {
  8295. color: #282828;
  8296. text-shadow: 0 1px 1px #fff
  8297. }
  8298. .utility-bar-wrap {
  8299. background: #dadcde url(../../images/components/utility-bar-noise.png);
  8300. bottom: 0;
  8301. box-shadow: inset -2px 0 4px -1px rgba(0,0,0,.2);
  8302. height: 100%;
  8303. position: absolute;
  8304. top: 0;
  8305. width: 40px;
  8306. z-index: 101
  8307. }
  8308. .utility-bar-wrap.show {
  8309. display: block
  8310. }
  8311. .utility-bar {
  8312. height: 100%
  8313. }
  8314. .util-bar-primary-modules {
  8315. border-bottom: 1px solid #e1e1e1;
  8316. box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.15);
  8317. padding-bottom: 1px;
  8318. position: absolute;
  8319. top: 80px
  8320. }
  8321. .util-bar-btn,.util-bar-btn:visited {
  8322. border-top: 1px solid #bdbdbd;
  8323. box-shadow: inset 0 1px 1px #e2e3e5;
  8324. color: #000;
  8325. cursor: pointer;
  8326. display: block;
  8327. font-size: 11px;
  8328. font-weight: 700;
  8329. padding: 7px 0;
  8330. position: relative;
  8331. text-align: center;
  8332. width: 40px;
  8333. text-shadow: 0 1px 0 rgba(255,255,255,.7);
  8334. -webkit-transition: background-color .1s,color .1s,box-shadow .1s;
  8335. -moz-transition: background-color .1s,color .1s,box-shadow .1s;
  8336. -ms-transition: background-color .1s,color .1s,box-shadow .1s;
  8337. -o-transition: background-color .1s,color .1s,box-shadow .1s;
  8338. transition: background-color .1s,color .1s,box-shadow .1s
  8339. }
  8340. .util-bar-btn:hover,.util-bar-btn.active {
  8341. background: #e8e8e8;
  8342. box-shadow: inset 0 1px 1px #e2e3e5,inset -2px 0 4px -1px rgba(0,0,0,.2)
  8343. }
  8344. .util-bar-btn.active,.util-bar-btn.active:hover {
  8345. background: #e8e8e8 url(../../images/components/utility-bar-active-noise.png) repeat;
  8346. box-shadow: none
  8347. }
  8348. .util-bar-btn-facebook:hover,.util-bar-btn-facebook.active {
  8349. color: #4862a7
  8350. }
  8351. .util-bar-btn-twitter:hover,.util-bar-btn-twitter.active {
  8352. color: #1bb2df
  8353. }
  8354. .util-bar-btn-linkedin:hover,.util-bar-btn-linkedin.active {
  8355. color: #4875b4
  8356. }
  8357. .util-bar-secondary-modules {
  8358. position: fixed;
  8359. bottom: 0;
  8360. border: 0
  8361. }
  8362. @media only screen and (max-height: 500px) {
  8363. .utility-bar {
  8364. padding-top:50px
  8365. }
  8366. .util-bar-primary-modules {
  8367. border-bottom: 0;
  8368. box-shadow: none;
  8369. padding-bottom: 0
  8370. }
  8371. .util-bar-secondary-modules {
  8372. position: static;
  8373. border-bottom: 1px solid #e1e1e1;
  8374. box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.15);
  8375. padding-bottom: 1px
  8376. }
  8377. }
  8378. .util-bar-btn:before {
  8379. background-image: url(../../images/components/utility-contribute-new-sprite.png);
  8380. content: '';
  8381. display: block;
  8382. margin: 6px auto;
  8383. position: relative
  8384. }
  8385. .util-bar-btn-facebook:before {
  8386. background-position: -281px -96px;
  8387. height: 19px;
  8388. left: 1px;
  8389. margin: 5px auto 4px;
  8390. width: 12px
  8391. }
  8392. .util-bar-btn-twitter:before {
  8393. background-position: -10px -63px;
  8394. height: 17px;
  8395. left: 1px;
  8396. margin: 5px auto 3px;
  8397. width: 19px
  8398. }
  8399. .util-bar-btn-linkedin:before {
  8400. background-position: -67px -29px;
  8401. height: 17px;
  8402. left: 1px;
  8403. margin: 5px auto 3px;
  8404. width: 19px
  8405. }
  8406. .util-bar-btn-email:before {
  8407. background-position: -250px -92px;
  8408. height: 17px;
  8409. width: 18px
  8410. }
  8411. .util-bar-btn-comments:before {
  8412. background-position: -189px -5px;
  8413. height: 19px;
  8414. margin: 5px auto 3px;
  8415. width: 18px
  8416. }
  8417. .util-bar-module-firefly {
  8418. display: none
  8419. }
  8420. .util-bar-module-firefly.util-bar-module-firefly-visible {
  8421. display: block
  8422. }
  8423. .util-bar-btn-firefly:before {
  8424. background-position: -309px -9px;
  8425. height: 10px;
  8426. margin: 5px auto 3px;
  8427. width: 20px
  8428. }
  8429. .util-bar-btn-print:before {
  8430. background-position: -160px -6px;
  8431. height: 17px;
  8432. width: 18px
  8433. }
  8434. .util-bar-flyout {
  8435. background: #fff;
  8436. cursor: default;
  8437. left: -1000px;
  8438. position: absolute;
  8439. top: 0;
  8440. visibility: hidden
  8441. }
  8442. .util-bar-flyout.open {
  8443. left: 40px;
  8444. border-bottom: 1px solid #acacb6;
  8445. bottom: 0;
  8446. background: #e8e8e8 url(../../images/components/utility-bar-active-noise.png) repeat;
  8447. box-shadow: 3px 0 3px 0 rgba(0,0,0,.2);
  8448. display: block;
  8449. top: -80px;
  8450. visibility: visible
  8451. }
  8452. .util-bar-flyout-heading {
  8453. padding: 10px 15px 0;
  8454. border-bottom: 1px solid rgba(187,189,191,.5)
  8455. }
  8456. .util-bar-flyout-title {
  8457. font-family: 'Futura Today';
  8458. font-size: 17px;
  8459. color: #333;
  8460. text-transform: uppercase;
  8461. margin: 0 10px 0 0;
  8462. padding: 0;
  8463. text-shadow: 0 1px 0 #fff
  8464. }
  8465. .util-bar-flyout-subtitle {
  8466. font-size: 12px;
  8467. line-height: 16px;
  8468. margin: 0 35px 9px 0;
  8469. color: gray;
  8470. color: rgba(0,0,0,.5)
  8471. }
  8472. .util-bar-flyout-close-ribbon {
  8473. background: url(../../images/components/pop-up-close-ribbon.png) no-repeat;
  8474. color: #fff;
  8475. display: block;
  8476. font: 700 12px arial,sans-serif;
  8477. height: 31px;
  8478. padding: 0 0 8px;
  8479. position: absolute;
  8480. right: -11px;
  8481. top: 10px;
  8482. width: 46px;
  8483. z-index: 12
  8484. }
  8485. .util-bar-flyout-close-ribbon:hover {
  8486. cursor: pointer;
  8487. text-decoration: underline
  8488. }
  8489. .util-bar-flyout-close-ribbon:before {
  8490. background: transparent url(../../images/modules/live-feed/sprite.png) -79px -146px no-repeat;
  8491. content: '';
  8492. display: block;
  8493. height: 21px;
  8494. position: absolute;
  8495. width: 20px;
  8496. top: 6px;
  8497. left: 14px
  8498. }
  8499. .util-bar-flyout-close-ribbon:hover:before {
  8500. background-position: -60px -146px
  8501. }
  8502. .util-bar-flyout-pane {
  8503. padding: 0 0 15px
  8504. }
  8505. .util-bar-flyout-comments {
  8506. width: 456px
  8507. }
  8508. .util-bar-flyout-gradient-overlay {
  8509. width: 410px;
  8510. height: 20px;
  8511. background: url(../../images/components/gradient-overlay.png) repeat-x;
  8512. z-index: 10;
  8513. position: absolute;
  8514. margin-left: 15px
  8515. }
  8516. .util-bar-scroll-wrap {
  8517. overflow: hidden;
  8518. height: 2000px;
  8519. position: relative
  8520. }
  8521. .util-bar-scroll-wrap-comments {
  8522. background-color: #fff
  8523. }
  8524. .util-bar-comments-wrap {
  8525. overflow: hidden;
  8526. background-color: #fff;
  8527. position: relative;
  8528. padding-bottom: 0;
  8529. margin: 15px;
  8530. border-radius: 2px;
  8531. box-shadow: 0 1px 5px 2px rgba(0,0,0,.15);
  8532. padding: 5px 0;
  8533. -webkit-overflow-scrolling: touch
  8534. }
  8535. .facebook-comments-plugin-wrap {
  8536. background-color: #fff;
  8537. padding: 2px 0 2px 7px
  8538. }
  8539. .util-bar-scroll-wrap:before {
  8540. bottom: 0;
  8541. content: '';
  8542. display: block;
  8543. left: 0;
  8544. height: 20px;
  8545. position: absolute;
  8546. width: 100%;
  8547. z-index: 10
  8548. }
  8549. .util-bar-flyout-share {
  8550. display: none;
  8551. width: 320px
  8552. }
  8553. .util-bar-flyout-firefly {
  8554. text-align: center;
  8555. width: 300px
  8556. }
  8557. .util-bar-flyout-firefly-inner-wrap {
  8558. position: relative;
  8559. top: 10px
  8560. }
  8561. .util-bar-flyout-firefly-title {
  8562. font-family: 'Futura Today Bold';
  8563. font-size: 14px;
  8564. margin: 15px 30px;
  8565. text-align: center;
  8566. text-transform: uppercase
  8567. }
  8568. .util-bar-flyout-firefly-title-large {
  8569. font-size: 18px
  8570. }
  8571. .util-bar-flyout-firefly-subscribe-meta {
  8572. color: #8e8e8e;
  8573. font-size: 15px;
  8574. margin: 0 20px 15px
  8575. }
  8576. .util-bar-flyout-firefly-subscribe-btn {
  8577. font-size: 18px;
  8578. line-height: 38px;
  8579. margin-bottom: 15px
  8580. }
  8581. .util-bar-flyout-firefly-auth-wrap,.util-bar-flyout-firefly-ad {
  8582. border-top: 1px solid #d4d4d4;
  8583. margin-top: 10px;
  8584. padding: 20px 0;
  8585. position: relative;
  8586. text-align: left
  8587. }
  8588. .util-bar-module-firefly-authenticated .util-bar-flyout-firefly-auth-wrap {
  8589. display: none
  8590. }
  8591. .util-bar-flyout-firefly-auth-wrap:before,.util-bar-flyout-firefly-ad:before {
  8592. background: #f9f9f9;
  8593. content: '';
  8594. display: block;
  8595. position: absolute;
  8596. height: 1px;
  8597. top: 0;
  8598. width: 100%
  8599. }
  8600. .util-bar-flyout-firefly-sign-in-link {
  8601. border-right: 1px solid #d4d4d4;
  8602. display: block;
  8603. float: left;
  8604. font-size: 14px;
  8605. margin-right: 15px;
  8606. padding: 6px 17px
  8607. }
  8608. .util-bar-flyout-firefly-activate-description {
  8609. color: #7a7a7a;
  8610. font-size: 12px
  8611. }
  8612. .util-bar-flyout-firefly-activate-link {
  8613. display: block;
  8614. font-size: 12px
  8615. }
  8616. .util-bar-flyout-firefly-ad {
  8617. text-align: center
  8618. }
  8619. .util-bar-flyout-nav {
  8620. float: left;
  8621. margin: 20px 10px 10px 9px;
  8622. width: 100%
  8623. }
  8624. .util-bar-flyout-nav-btn-wrap {
  8625. border-right: 1px solid #fff;
  8626. box-shadow: inset -1px 0 0 0 silver;
  8627. float: left;
  8628. height: 20px;
  8629. width: 44px
  8630. }
  8631. .util-bar-flyout-nav-btn-wrap:last-child {
  8632. border: 0;
  8633. box-shadow: none
  8634. }
  8635. .util-bar-flyout-nav-btn {
  8636. border-radius: 2px;
  8637. -moz-box-sizing: border-box;
  8638. -webkit-box-sizing: border-box;
  8639. box-sizing: border-box;
  8640. border: 1px solid #e8e8e8;
  8641. cursor: pointer;
  8642. display: block;
  8643. height: 30px;
  8644. margin: 0 6px;
  8645. outline: 0;
  8646. overflow: hidden;
  8647. position: relative;
  8648. text-indent: 105%;
  8649. top: -5px;
  8650. width: 30px
  8651. }
  8652. .util-bar-flyout-nav-btn:hover {
  8653. background-color: #fff;
  8654. border: 1px solid silver
  8655. }
  8656. .util-bar-flyout-nav-btn.active,.util-bar-flyout-nav-btn.active:hover {
  8657. background-color: #3a3a3a;
  8658. border: 0;
  8659. box-shadow: inset -1px 0 0 #0c0c0c,inset 2px 0 0 #0c0c0c
  8660. }
  8661. .util-bar-flyout-nav-btn:before {
  8662. background-image: url(../../images/components/utility-contribute-new-sprite.png);
  8663. content: '';
  8664. display: block;
  8665. margin: 8px auto 20px;
  8666. position: relative
  8667. }
  8668. .util-bar-flyout-nav-btn-facebook:before {
  8669. background-position: -285px -35px;
  8670. height: 15px;
  8671. top: -1px;
  8672. width: 8px
  8673. }
  8674. .util-bar-flyout-nav-btn-facebook.active:before {
  8675. background-position: -285px -7px
  8676. }
  8677. .util-bar-flyout-nav-btn-email:before {
  8678. background-position: -250px -36px;
  8679. height: 12px;
  8680. left: -1px;
  8681. width: 14px
  8682. }
  8683. .util-bar-flyout-nav-btn-email.active:before {
  8684. background-position: -250px -8px
  8685. }
  8686. .util-bar-flyout-nav-btn-twitter:before {
  8687. background-position: -14px -9px;
  8688. height: 14px;
  8689. left: 1px;
  8690. width: 15px
  8691. }
  8692. .util-bar-flyout-nav-btn-googleplus:before {
  8693. background-position: -41px -9px;
  8694. height: 16px;
  8695. left: 2px;
  8696. top: -1px;
  8697. width: 17px
  8698. }
  8699. .util-bar-flyout-nav-btn-linkedin:before {
  8700. background-position: -72px -10px;
  8701. height: 12px;
  8702. top: 1px;
  8703. width: 11px
  8704. }
  8705. .util-bar-flyout-nav-btn-pinterest:before {
  8706. background-position: -344px -9px;
  8707. height: 15px;
  8708. top: 0;
  8709. width: 15px
  8710. }
  8711. .util-bar-share-summary {
  8712. clear: both;
  8713. padding: 11px 15px 5px
  8714. }
  8715. .util-bar-share-summary-image {
  8716. border: 3px solid #fff;
  8717. box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
  8718. float: left;
  8719. margin: 0 10px 5px 0
  8720. }
  8721. .util-bar-share-summary-title {
  8722. text-shadow: 0 1px 0 rgba(255,255,255,.7);
  8723. font-size: 14px;
  8724. color: #333;
  8725. line-height: 19px;
  8726. margin: 0 0 2px
  8727. }
  8728. .util-bar-share-summary-description {
  8729. font-size: 12px;
  8730. color: #767676;
  8731. line-height: 16px;
  8732. margin: 2px 0
  8733. }
  8734. .util-bar-flyout-section {
  8735. clear: both
  8736. }
  8737. .util-bar-flyout-input {
  8738. margin: 4px 15px 0;
  8739. width: 291px
  8740. }
  8741. .util-bar-flyout-input.error {
  8742. border: 1px solid red;
  8743. outline: 0
  8744. }
  8745. .util-bar-flyout-input:focus,.util-bar-flyout-textarea:focus {
  8746. color: #000
  8747. }
  8748. .util-bar-flyout-textarea {
  8749. height: 200px;
  8750. margin: 4px 15px 5px;
  8751. width: 290px
  8752. }
  8753. .util-bar-flyout-input-accept-terms {
  8754. display: none
  8755. }
  8756. .util-bar-flyout-share-email-cta {
  8757. margin: 0 15px
  8758. }
  8759. .util-bar-email-cancel-btn {
  8760. margin-right: 15px
  8761. }
  8762. .util-bar-share-status-text-facebook {
  8763. color: #545454;
  8764. font-size: 11px;
  8765. line-height: 12px;
  8766. vertical-align: top;
  8767. display: inline-block;
  8768. width: 150px
  8769. }
  8770. .util-bar-share-loading-facebook {
  8771. display: none;
  8772. margin: 6px 0 0 3px
  8773. }
  8774. .util-bar-share-submit-btn-facebook {
  8775. background: #637bad;
  8776. background: -moz-linear-gradient(top,#637bad 0,#5972a7 100%);
  8777. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#637bad),color-stop(100%,#5972a7));
  8778. background: -webkit-linear-gradient(top,#637bad 0,#5972a7 100%);
  8779. background: -o-linear-gradient(top,#637bad 0,#5972a7 100%);
  8780. background: -ms-linear-gradient(top,#637bad 0,#5972a7 100%);
  8781. background: linear-gradient(to bottom,#637bad 0,#5972a7 100%);
  8782. border: 1px solid #29447e;
  8783. box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
  8784. color: #fff;
  8785. cursor: pointer;
  8786. display: inline-block;
  8787. float: right;
  8788. font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  8789. font-size: 11px;
  8790. font-weight: 700;
  8791. line-height: 13px;
  8792. margin: 4px 4px 4px 0;
  8793. padding: 4px 12px 5px
  8794. }
  8795. .util-bar-share-submit-wrap-facebook {
  8796. background: #f2f2f2;
  8797. border: 1px solid #c4c4c4;
  8798. margin: 0 15px 10px;
  8799. overflow: hidden
  8800. }
  8801. .util-bar-share-form-status-facebook {
  8802. color: #545454;
  8803. font-size: 11px;
  8804. line-height: 12px;
  8805. vertical-align: top;
  8806. display: inline-block;
  8807. width: 150px;
  8808. margin: 4px 0 0 5px
  8809. }
  8810. .util-bar-flyout-pane-success {
  8811. display: none;
  8812. padding: 30px 50px;
  8813. text-align: center
  8814. }
  8815. .util-bar-success-title {
  8816. font-size: 20px;
  8817. margin: 0
  8818. }
  8819. .util-bar-success-title:before {
  8820. background: url(../../images/components/utility-contribute-sprite.png) no-repeat 0 0;
  8821. content: '';
  8822. display: block;
  8823. height: 71px;
  8824. margin: 0 auto;
  8825. width: 71px
  8826. }
  8827. .util-bar-success-description {
  8828. color: #666;
  8829. font-size: 14px
  8830. }
  8831. @font-face {
  8832. font-family: 'Futura Today';
  8833. src: url(../../fonts/futura_today_normal.eot);
  8834. src: url(../../fonts/futura_today_normal.eot?#iefix) format('embedded-opentype'),url(../../fonts/futura_today_normal.woff) format('woff'),url(../../fonts/futura_today_normal.ttf) format('truetype');
  8835. font-style: normal
  8836. }
  8837. @font-face {
  8838. font-family: 'Futura Today DemiBold';
  8839. src: url(../../fonts/futura_today_demibold.eot);
  8840. src: url(../../fonts/futura_today_demibold.eot?#iefix) format('embedded-opentype'),url(../../fonts/futura_today_demibold.woff) format('woff'),url(../../fonts/futura_today_demibold.ttf) format('truetype');
  8841. font-style: normal
  8842. }
  8843. @font-face {
  8844. font-family: 'Futura Today Bold';
  8845. src: url(../../fonts/futura_today_bold.eot);
  8846. src: url(../../fonts/futura_today_bold.eot?#iefix) format('embedded-opentype'),url(../../fonts/futura_today_bold.woff) format('woff'),url(../../fonts/futura_today_bold.ttf) format('truetype');
  8847. font-style: normal
  8848. }
  8849. @font-face {
  8850. font-family: 'Futura Today Light';
  8851. src: url(../../fonts/futura_today_light.eot);
  8852. src: url(../../fonts/futura_today_light.eot?#iefix) format('embedded-opentype'),url(../../fonts/futura_today_light.woff) format('woff'),url(../../fonts/futura_today_light.ttf) format('truetype');
  8853. font-style: light
  8854. }
  8855. @font-face {
  8856. font-family: 'Gannett Icons';
  8857. src: url(../../fonts/gannett-icons.eot);
  8858. src: url(../../fonts/gannett-icons.eot?#iefix) format('embedded-opentype'),url(../../fonts/gannett-icons.ttf) format('truetype'),url(../../fonts/gannett-icons.woff) format('woff');
  8859. font-weight: 400;
  8860. font-style: normal
  8861. }
  8862. #ad-staging {
  8863. display: none
  8864. }
  8865. .partner-placement {
  8866. display: none
  8867. }
  8868. .ad-slot>iframe {
  8869. display: block
  8870. }
  8871. .partner-close {
  8872. background: transparent url(../../images/buttons/button-close.png) no-repeat 0 0;
  8873. height: 47px;
  8874. position: absolute;
  8875. right: 0;
  8876. top: 5px;
  8877. width: 44px;
  8878. z-index: 98
  8879. }
  8880. .ui-flip-panel>.partner-close {
  8881. display: none
  8882. }
  8883. .ui-flip-panel.active>.partner-close {
  8884. display: block
  8885. }
  8886. .ui-page-turn>.partner-close {
  8887. display: none
  8888. }
  8889. .ui-page-turn.active>.partner-close {
  8890. display: block
  8891. }
  8892. .partner-close:hover {
  8893. background-position: 0 -47px
  8894. }
  8895. .partner-close:active {
  8896. background-position: 0 -94px
  8897. }
  8898. .partner-placement.elastic .container a.close-partner {
  8899. right: -27px;
  8900. top: -20px
  8901. }
  8902. .transition-wrap.partner-inbetween {
  8903. display: none;
  8904. margin: 0
  8905. }
  8906. .partner-overlay {
  8907. display: none;
  8908. height: 100%;
  8909. left: 0;
  8910. position: fixed;
  8911. top: 0;
  8912. width: 100%;
  8913. z-index: 111
  8914. }
  8915. .partner-overlay-close {
  8916. right: -26px;
  8917. top: -22px
  8918. }
  8919. .partner-overlay>.film {
  8920. opacity: .85;
  8921. filter: alpha(opacity=85)
  8922. }
  8923. .partner-overlay.withAsset>.film {
  8924. opacity: .75;
  8925. filter: alpha(opacity=75)
  8926. }
  8927. .partner-overlay>.partner-placement {
  8928. box-shadow: 0 0 12px 0 rgba(0,0,0,.75);
  8929. display: block;
  8930. height: 700px;
  8931. left: 50%;
  8932. margin: 0 0 0 -468px;
  8933. position: absolute;
  8934. top: 80px;
  8935. width: 936px;
  8936. z-index: 8002
  8937. }
  8938. .partner-overlay>.partner-placement.size-s {
  8939. height: 450px;
  8940. margin: 0 0 0 -300px;
  8941. width: 600px
  8942. }
  8943. .partner-overlay>.partner-placement.size-m {
  8944. height: 576px;
  8945. margin: 0 0 0 -384px;
  8946. width: 768px
  8947. }
  8948. .partner-overlay>.partner-placement.size-xl {
  8949. height: 810px;
  8950. margin: 0 0 0 -540px;
  8951. width: 1080px
  8952. }
  8953. .partner-overlay>.partner-placement .container {
  8954. z-index: 8003
  8955. }
  8956. .sports .partner-placement.leaderboard {
  8957. background: #dedede url(../../images/patterns/sports-ad-noise.png) repeat bottom left;
  8958. border-left: 1px solid #c2c2c2;
  8959. border-right: 1px solid #c2c2c2;
  8960. display: none;
  8961. height: 90px;
  8962. padding: 15px 0
  8963. }
  8964. .sports .partner-placement.leaderboard>div {
  8965. margin: 0 auto
  8966. }
  8967. .partner-coverview-contents {
  8968. height: 100%;
  8969. position: relative;
  8970. width: 100%
  8971. }
  8972. .partner-asset-ad {
  8973. background: transparent no-repeat top center;
  8974. bottom: 0;
  8975. left: 0;
  8976. position: absolute;
  8977. right: 0;
  8978. top: 0;
  8979. z-index: 101
  8980. }
  8981. .partner-asset-rails {
  8982. left: 50%;
  8983. margin-left: -490px;
  8984. position: absolute;
  8985. top: 0;
  8986. width: 980px
  8987. }
  8988. .partner-asset-rails-img {
  8989. position: absolute;
  8990. top: 65px
  8991. }
  8992. .partner-asset-rails-img-left {
  8993. left: -150px
  8994. }
  8995. .partner-asset-rails-img-right {
  8996. right: -150px
  8997. }
  8998. article.static-page {
  8999. padding-bottom: 0
  9000. }
  9001. article.static-page>header>h6 {
  9002. background: #0099e5;
  9003. color: #fff;
  9004. margin: 0;
  9005. padding: 10px 0 10px 30px;
  9006. text-align: left;
  9007. text-transform: none;
  9008. width: 100%
  9009. }
  9010. article.asset.static-page>header>nav {
  9011. background: #d8d8d8;
  9012. background: rgba(0,0,0,.2);
  9013. border-bottom: 2px solid #f2f2f2;
  9014. border-bottom: 2px solid rgba(0,0,0,.05);
  9015. height: 37px;
  9016. margin: 0;
  9017. padding: 0 30px 0 0;
  9018. width: 100%;
  9019. z-index: 10
  9020. }
  9021. article.asset.static-page>header>nav ul li {
  9022. display: inline;
  9023. padding: 0
  9024. }
  9025. article.asset.static-page>header>nav ul li a {
  9026. color: #666;
  9027. float: left;
  9028. font-size: 13px;
  9029. font-weight: 700;
  9030. padding: 10px 20px;
  9031. text-shadow: 0 1px 1px #fff
  9032. }
  9033. article.asset.static-page>header>nav ul li a:hover,article.asset.static-page>header>nav ul li.active a {
  9034. background: #e6e6e6;
  9035. background: rgba(0,0,0,.1);
  9036. color: #333
  9037. }
  9038. article.static-page .page-content {
  9039. width: 920px
  9040. }
  9041. article.static-page .page-content .content-wrap {
  9042. float: left;
  9043. margin-left: 30px;
  9044. padding-bottom: 30px;
  9045. width: 560px
  9046. }
  9047. article.static-page.full-width .page-content .content-wrap {
  9048. width: 920px
  9049. }
  9050. .static-page .content-wrap li {
  9051. font-size: 14px;
  9052. line-height: 20px;
  9053. margin: 0 0 15px 30px
  9054. }
  9055. article.static-page .right-rail {
  9056. float: right;
  9057. margin: 20px 0;
  9058. width: 320px
  9059. }
  9060. article.static-page.full-width .right-rail {
  9061. display: none
  9062. }
  9063. article.asset.static-page footer {
  9064. float: right;
  9065. margin: 0 -30px 0 0;
  9066. padding: 0 20px;
  9067. width: 940px
  9068. }
  9069. article.asset.static-page footer nav ul li {
  9070. text-align: left
  9071. }
  9072. article.asset.static-page footer .utility {
  9073. display: none
  9074. }
  9075. article.asset.static-page .footer {
  9076. width: 940px
  9077. }
  9078. article.asset.static-page .footer>nav>.fronts {
  9079. width: 940px
  9080. }
  9081. article.asset.static-page .footer>p.site-index {
  9082. margin-bottom: 10px
  9083. }
  9084. article.asset.static-page .footer>nav>.fronts {
  9085. width: 860px
  9086. }
  9087. article.asset.static-page .footer>nav>.fronts>section {
  9088. width: 140px
  9089. }
  9090. article.static-page h1,article.static-page h2,article.static-page h3,article.static-page h4,article.static-page h5,article.static-page p {
  9091. margin: 15px 0
  9092. }
  9093. article.static-page .page-content .source {
  9094. font-size: 12px;
  9095. line-height: 16px;
  9096. font-style: italic
  9097. }
  9098. article.static-page .credits {
  9099. margin-bottom: 20px
  9100. }
  9101. article.static-page .credits p {
  9102. border: 0;
  9103. margin-top: 10px
  9104. }
  9105. article.asset.static-page h1 {
  9106. font-size: 35px;
  9107. margin: 0 0 10px;
  9108. padding: 30px 0 0 30px
  9109. }
  9110. article.static-page h2 {
  9111. font-size: 18px;
  9112. line-height: 24px;
  9113. margin: 25px 0 10px;
  9114. padding: 0
  9115. }
  9116. article.static-page h3 {
  9117. font-size: 14px;
  9118. line-height: 18px;
  9119. margin: 25px 0 2px;
  9120. padding: 0
  9121. }
  9122. article.static-page h3.site-footer-link-list-heading {
  9123. font-size: inherit;
  9124. line-height: inherit;
  9125. margin: inherit;
  9126. padding: inherit
  9127. }
  9128. article.static-page .page-content p {
  9129. font-size: 14px;
  9130. line-height: 20px
  9131. }
  9132. article.static-page .page-content .divider {
  9133. border-top: 1px dotted #cbcbcb;
  9134. clear: both
  9135. }
  9136. article.static-page nav ul,article.static-page nav ol {
  9137. margin-left: 30px
  9138. }
  9139. article.static-page nav ul.site-footer-list,article.static-page nav ol.site-footer-list {
  9140. margin-left: 0
  9141. }
  9142. article.static-page .page-content ul,article.static-page .page-content ol {
  9143. margin: 15px 0 0
  9144. }
  9145. article.static-page .contactus-tabs ul {
  9146. margin-left: 0
  9147. }
  9148. article.static-page dl {
  9149. background: #fff;
  9150. border-radius: 20px;
  9151. box-shadow: 0 1px 3px rgba(0,0,0,.25);
  9152. padding: 10px 15px 10px 30px;
  9153. position: relative
  9154. }
  9155. article.static-page dl:before {
  9156. color: #47b4ff;
  9157. content: '+';
  9158. font-size: 35px;
  9159. left: 5px;
  9160. position: absolute;
  9161. top: -4px
  9162. }
  9163. article.static-page dl.open:before {
  9164. content: '–';
  9165. top: -8px
  9166. }
  9167. article.static-page dl dt {
  9168. cursor: pointer;
  9169. font-size: 13px;
  9170. line-height: 22px
  9171. }
  9172. article.static-page dl dd {
  9173. border-top: 2px solid #e5e5e5;
  9174. display: none;
  9175. margin: 0;
  9176. margin-top: 9px
  9177. }
  9178. article.static-page dl.open dd {
  9179. display: block
  9180. }
  9181. article.static-page dl dd p {
  9182. font-size: 13px;
  9183. line-height: 22px
  9184. }
  9185. article.static-page dd:last-child p {
  9186. margin-bottom: 0
  9187. }
  9188. article.static-page .right-rail .ad img {
  9189. border: 10px solid #e6e6e6;
  9190. border: 10px solid rgba(0,0,0,.1);
  9191. border-radius: 5px;
  9192. box-shadow: 0 1px 2px rgba(0,0,0,.4);
  9193. margin-bottom: 20px
  9194. }
  9195. article.asset.static-page nav {
  9196. margin: 0;
  9197. padding: 0;
  9198. width: 100%
  9199. }
  9200. article.asset.static-page .footer>nav>.fronts {
  9201. width: auto
  9202. }
  9203. article.asset.static-page .comp.ribbon-module .light-shade,article.asset.static-page .comp.story-poll .light-shade {
  9204. padding-bottom: 15px
  9205. }
  9206. .weather-nav-dropdown {
  9207. color: #fff;
  9208. font-family: Arial,sans-serif;
  9209. cursor: default;
  9210. overflow: hidden;
  9211. position: absolute;
  9212. background: #333;
  9213. box-shadow: 0 3px 6px rgba(0,0,0,.7);
  9214. line-height: normal;
  9215. width: 240px;
  9216. display: none;
  9217. right: 0;
  9218. top: 40px;
  9219. outline: 0
  9220. }
  9221. .weather-nav-dropdown.dropdown-active {
  9222. display: block
  9223. }
  9224. .weather-nav-dropdown-panel-wrap {
  9225. width: 480px;
  9226. height: 174px;
  9227. position: relative;
  9228. left: 0;
  9229. top: 0;
  9230. transition: left 200ms ease;
  9231. -moz-transition: left 200ms ease;
  9232. -webkit-transition: left 200ms ease;
  9233. -o-transition: left 200ms ease
  9234. }
  9235. .weather-nav-dropdown.settings-active .weather-nav-dropdown-panel-wrap {
  9236. left: -240px;
  9237. height: auto;
  9238. float: left
  9239. }
  9240. .weather-nav-conditions-panel {
  9241. overflow: hidden;
  9242. float: left;
  9243. width: 204px;
  9244. height: 134px;
  9245. padding: 20px 18px;
  9246. position: relative
  9247. }
  9248. .weather-nav-location-name {
  9249. font-size: 16px;
  9250. font-weight: 700;
  9251. text-shadow: none;
  9252. width: 176px;
  9253. margin-bottom: 14px
  9254. }
  9255. .weather-nav-location-name.longname {
  9256. font-size: 14px
  9257. }
  9258. .weather-nav-dropdown-time,.weather-nav-dropdown-wicon,.weather-nav-dropdown-temp {
  9259. float: left
  9260. }
  9261. .weather-nav-dropdown-time {
  9262. font-size: 12px;
  9263. font-style: italic;
  9264. height: 38px;
  9265. width: 43px;
  9266. text-align: left;
  9267. position: relative;
  9268. top: 2px;
  9269. padding-top: 11px
  9270. }
  9271. .weather-nav-dropdown-temp {
  9272. font-size: 48px;
  9273. font-family: 'Futura Today Bold',Helvetica,sans-serif;
  9274. width: 85px;
  9275. line-height: 46px;
  9276. float: right;
  9277. text-align: right;
  9278. height: 50px
  9279. }
  9280. .weather-nav-dropdown-temp.three-digit {
  9281. font-size: 36px;
  9282. line-height: 55px
  9283. }
  9284. .weather-nav-conditions-wrap {
  9285. list-style: none;
  9286. display: block;
  9287. margin-top: 16px;
  9288. float: left
  9289. }
  9290. .weather-nav-condition-humidity,.weather-nav-condition-precip,.weather-nav-condition-wind {
  9291. text-align: center;
  9292. text-shadow: none;
  9293. width: 66px;
  9294. font-size: 16px;
  9295. font-weight: 700;
  9296. float: left;
  9297. display: block
  9298. }
  9299. .weather-nav-condition-wind {
  9300. float: right
  9301. }
  9302. .weather-nav-condition-title,.weather-nav-condition-value {
  9303. display: block
  9304. }
  9305. .weather-nav-condition-humidity .weather-nav-condition-title,.weather-nav-condition-humidity .weather-nav-condition-value {
  9306. text-align: left
  9307. }
  9308. .weather-nav-condition-wind .weather-nav-condition-title,.weather-nav-condition-wind .weather-nav-condition-value {
  9309. text-align: right
  9310. }
  9311. .weather-nav-condition-title {
  9312. display: block;
  9313. font-size: 12px;
  9314. font-style: italic;
  9315. font-weight: 400;
  9316. margin-bottom: 4px
  9317. }
  9318. .weather-nav-dropdown-wicon {
  9319. background-image: url(../../images/weather/wicon-sprite-big.png);
  9320. background-repeat: no-repeat;
  9321. text-indent: 100%;
  9322. white-space: nowrap;
  9323. overflow: hidden;
  9324. width: 72px;
  9325. height: 50px
  9326. }
  9327. .weather-nav-settings-panel {
  9328. float: left;
  9329. width: 200px;
  9330. padding: 20px;
  9331. position: relative;
  9332. min-height: 134px
  9333. }
  9334. .weather-nav-settings-header {
  9335. font-size: 16px;
  9336. font-weight: 700;
  9337. margin-bottom: 15px;
  9338. text-shadow: none
  9339. }
  9340. .weather-nav-dropdown-settings-open-btn {
  9341. background: url(../../images/sprites/ui-sprite.png) no-repeat -260px 0;
  9342. cursor: pointer;
  9343. height: 20px;
  9344. opacity: .8;
  9345. position: absolute;
  9346. right: 17px;
  9347. overflow: hidden;
  9348. text-indent: 105%;
  9349. white-space: nowrap;
  9350. top: 18px;
  9351. width: 20px
  9352. }
  9353. .weather-nav-dropdown-settings-open-btn:hover {
  9354. opacity: 1;
  9355. background-position: -260px -20px
  9356. }
  9357. .weather-nav-dropdown-settings-close-btn {
  9358. background: url(../../images/sprites/ui-sprite.png) no-repeat -20px 0;
  9359. cursor: pointer;
  9360. height: 20px;
  9361. opacity: .8;
  9362. position: absolute;
  9363. right: 20px;
  9364. overflow: hidden;
  9365. text-indent: 105%;
  9366. white-space: nowrap;
  9367. top: 20px;
  9368. width: 21px
  9369. }
  9370. .weather-nav-dropdown-settings-close-btn:hover {
  9371. opacity: 1;
  9372. background-position: -20px -20px
  9373. }
  9374. .weather-nav-location-input-wrap:before {
  9375. content: '';
  9376. display: block;
  9377. position: absolute;
  9378. width: 16px;
  9379. height: 0;
  9380. overflow: hidden;
  9381. padding-top: 16px;
  9382. left: 8px;
  9383. top: 7px;
  9384. background: transparent url(../../images/modules/forms/forms-sprite2.png) -69px -7px no-repeat;
  9385. z-index: 9
  9386. }
  9387. .weather-nav-location-input-label {
  9388. color: #b3b3b3;
  9389. font-size: 13px;
  9390. font-weight: 700;
  9391. margin: 0 0 8px;
  9392. text-shadow: none;
  9393. display: block;
  9394. cursor: default
  9395. }
  9396. .weather-nav-location-input {
  9397. padding-left: 26px;
  9398. margin-bottom: 10px;
  9399. outline: 0;
  9400. font-weight: 700;
  9401. width: 100%
  9402. }
  9403. .lt-ie9 .weather-nav-location-input {
  9404. padding-left: 9px;
  9405. padding-top: 6px
  9406. }
  9407. .weather-nav-location-set-btn,.weather-nav-location-cancel-btn {
  9408. padding-left: 26px
  9409. }
  9410. .weather-nav-location-set-btn {
  9411. display: inline-block;
  9412. float: right
  9413. }
  9414. .weather-nav-location-cancel-btn {
  9415. display: inline-block
  9416. }
  9417. .weather-nav-location-set-btn:before,.weather-nav-location-cancel-btn:before {
  9418. background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat;
  9419. content: '';
  9420. display: block;
  9421. position: absolute;
  9422. top: 10px;
  9423. left: 10px;
  9424. width: 12px;
  9425. height: 14px;
  9426. margin-right: 5px;
  9427. overflow: hidden
  9428. }
  9429. .weather-nav-location-set-btn:before {
  9430. background-position: -324px -64px
  9431. }
  9432. .weather-nav-location-set-btn:hover:before {
  9433. background-position: -324px -44px
  9434. }
  9435. .weather-nav-location-cancel-btn:before {
  9436. background-position: -5px -6px
  9437. }
  9438. .weather-nav-location-cancel-btn:hover:before {
  9439. background-position: -5px -6px
  9440. }
  9441. .weather-nav-location-form .ui-autocomplete-content {
  9442. position: relative;
  9443. top: -8px;
  9444. padding-top: 0
  9445. }
  9446. .weather-nav-location-form .ui-form-field-container {
  9447. margin-bottom: 8px
  9448. }
  9449. .weather-nav-location-form .ui-autocomplete-result-item:first-child {
  9450. border-top-left-radius: 0;
  9451. border-top-right-radius: 0
  9452. }
  9453. .weather-nav-location-form .ui-autocomplete-result-item:first-child:before {
  9454. background: transparent
  9455. }
  9456. .weather-nav-location-error {
  9457. color: #ffc000;
  9458. display: none;
  9459. font-size: 11px;
  9460. font-weight: 700
  9461. }
  9462. .weather-nav-full-forecast-btn {
  9463. clear: both;
  9464. text-align: center;
  9465. text-shadow: none;
  9466. background: #222;
  9467. background: rgba(0,0,0,.11);
  9468. border-top: 1px solid #404040;
  9469. display: block;
  9470. font-size: 12px;
  9471. font-weight: 700;
  9472. color: #fff;
  9473. text-decoration: none;
  9474. transition: background-color .4s;
  9475. -moz-transition: background-color .4s;
  9476. -webkit-transition: background-color .4s;
  9477. -o-transition: background-color .4s;
  9478. padding: 14px 0;
  9479. height: 12px;
  9480. width: 100%;
  9481. text-transform: none
  9482. }
  9483. .weather-nav-full-forecast-btn:visited {
  9484. color: #fff
  9485. }
  9486. .weather-nav-full-forecast-btn:hover {
  9487. background: #000;
  9488. background: rgba(0,0,0,.3);
  9489. color: #fff;
  9490. text-decoration: underline
  9491. }
  9492. .weather-nav-full-forecast-btn:active {
  9493. color: #029ae6
  9494. }
  9495. .weather-nav-full-forecast-btn:before {
  9496. background: url(../../images/sprites/ui-sprite.png) no-repeat -128px -7px;
  9497. content: '';
  9498. display: inline-block;
  9499. height: 8px;
  9500. margin: 0 7px 0 0;
  9501. width: 4px
  9502. }
  9503. .weather-nav-dropdown-wicon.wicon-1 {
  9504. background-position: 0 0
  9505. }
  9506. .weather-nav-dropdown-wicon.wicon-2 {
  9507. background-position: 0 -50px
  9508. }
  9509. .weather-nav-dropdown-wicon.wicon-3 {
  9510. background-position: 0 -100px
  9511. }
  9512. .weather-nav-dropdown-wicon.wicon-4 {
  9513. background-position: 0 -150px
  9514. }
  9515. .weather-nav-dropdown-wicon.wicon-5 {
  9516. background-position: 0 -200px
  9517. }
  9518. .weather-nav-dropdown-wicon.wicon-6 {
  9519. background-position: 0 -250px
  9520. }
  9521. .weather-nav-dropdown-wicon.wicon-7 {
  9522. background-position: 0 -300px
  9523. }
  9524. .weather-nav-dropdown-wicon.wicon-8 {
  9525. background-position: 0 -350px
  9526. }
  9527. .weather-nav-dropdown-wicon.wicon-11 {
  9528. background-position: 0 -400px
  9529. }
  9530. .weather-nav-dropdown-wicon.wicon-12 {
  9531. background-position: 0 -450px
  9532. }
  9533. .weather-nav-dropdown-wicon.wicon-13 {
  9534. background-position: 0 -500px
  9535. }
  9536. .weather-nav-dropdown-wicon.wicon-14 {
  9537. background-position: 0 -550px
  9538. }
  9539. .weather-nav-dropdown-wicon.wicon-15 {
  9540. background-position: 0 -600px
  9541. }
  9542. .weather-nav-dropdown-wicon.wicon-16 {
  9543. background-position: 0 -650px
  9544. }
  9545. .weather-nav-dropdown-wicon.wicon-17 {
  9546. background-position: 0 -700px
  9547. }
  9548. .weather-nav-dropdown-wicon.wicon-18 {
  9549. background-position: 0 -750px
  9550. }
  9551. .weather-nav-dropdown-wicon.wicon-19 {
  9552. background-position: 0 -800px
  9553. }
  9554. .weather-nav-dropdown-wicon.wicon-20 {
  9555. background-position: 0 -850px
  9556. }
  9557. .weather-nav-dropdown-wicon.wicon-21 {
  9558. background-position: 0 -900px
  9559. }
  9560. .weather-nav-dropdown-wicon.wicon-22 {
  9561. background-position: 0 -950px
  9562. }
  9563. .weather-nav-dropdown-wicon.wicon-23 {
  9564. background-position: 0 -1000px
  9565. }
  9566. .weather-nav-dropdown-wicon.wicon-24 {
  9567. background-position: 0 -1050px
  9568. }
  9569. .weather-nav-dropdown-wicon.wicon-25 {
  9570. background-position: 0 -1100px
  9571. }
  9572. .weather-nav-dropdown-wicon.wicon-26 {
  9573. background-position: 0 -1150px
  9574. }
  9575. .weather-nav-dropdown-wicon.wicon-29 {
  9576. background-position: 0 -1200px
  9577. }
  9578. .weather-nav-dropdown-wicon.wicon-30 {
  9579. background-position: 0 -1250px
  9580. }
  9581. .weather-nav-dropdown-wicon.wicon-31 {
  9582. background-position: 0 -1300px
  9583. }
  9584. .weather-nav-dropdown-wicon.wicon-32 {
  9585. background-position: 0 -1350px
  9586. }
  9587. .weather-nav-dropdown-wicon.wicon-33 {
  9588. background-position: 0 -1400px
  9589. }
  9590. .weather-nav-dropdown-wicon.wicon-34 {
  9591. background-position: 0 -1450px
  9592. }
  9593. .weather-nav-dropdown-wicon.wicon-35 {
  9594. background-position: 0 -1500px
  9595. }
  9596. .weather-nav-dropdown-wicon.wicon-36 {
  9597. background-position: 0 -1550px
  9598. }
  9599. .weather-nav-dropdown-wicon.wicon-37 {
  9600. background-position: 0 -1600px
  9601. }
  9602. .weather-nav-dropdown-wicon.wicon-38 {
  9603. background-position: 0 -1650px
  9604. }
  9605. .weather-nav-dropdown-wicon.wicon-39 {
  9606. background-position: 0 -1700px
  9607. }
  9608. .weather-nav-dropdown-wicon.wicon-40 {
  9609. background-position: 0 -1750px
  9610. }
  9611. .weather-nav-dropdown-wicon.wicon-41 {
  9612. background-position: 0 -1800px
  9613. }
  9614. .weather-nav-dropdown-wicon.wicon-42 {
  9615. background-position: 0 -1850px
  9616. }
  9617. .weather-nav-dropdown-wicon.wicon-43 {
  9618. background-position: 0 -1900px
  9619. }
  9620. .weather-nav-dropdown-wicon.wicon-44 {
  9621. background-position: 0 -1950px
  9622. }
  9623. .weather-nav-dropdown-wicon.mostly-clear {
  9624. background-position: 0 -1450px
  9625. }
  9626. .wbtn-wrap-wicon:before {
  9627. background-image: url(../../images/weather/wicon-sprite-med.png);
  9628. background-repeat: no-repeat;
  9629. -webkit-backface-visibility: hidden;
  9630. content: '';
  9631. display: inline-block;
  9632. height: 20px;
  9633. margin: 0 5px 0 0;
  9634. position: relative;
  9635. top: 6px;
  9636. width: 30px
  9637. }
  9638. .wbtn-wrap-wicon.wicon-1:before {
  9639. background-position: 0 0
  9640. }
  9641. .wbtn-wrap-wicon.wicon-2:before {
  9642. background-position: 0 -20px
  9643. }
  9644. .wbtn-wrap-wicon.wicon-3:before {
  9645. background-position: 0 -40px
  9646. }
  9647. .wbtn-wrap-wicon.wicon-4:before {
  9648. background-position: 0 -60px
  9649. }
  9650. .wbtn-wrap-wicon.wicon-5:before {
  9651. background-position: 0 -80px
  9652. }
  9653. .wbtn-wrap-wicon.wicon-6:before {
  9654. background-position: 0 -100px
  9655. }
  9656. .wbtn-wrap-wicon.wicon-7:before {
  9657. background-position: 0 -120px
  9658. }
  9659. .wbtn-wrap-wicon.wicon-8:before {
  9660. background-position: 0 -140px
  9661. }
  9662. .wbtn-wrap-wicon.wicon-11:before {
  9663. background-position: 0 -160px
  9664. }
  9665. .wbtn-wrap-wicon.wicon-12:before {
  9666. background-position: 0 -180px
  9667. }
  9668. .wbtn-wrap-wicon.wicon-13:before {
  9669. background-position: 0 -200px
  9670. }
  9671. .wbtn-wrap-wicon.wicon-14:before {
  9672. background-position: 0 -220px
  9673. }
  9674. .wbtn-wrap-wicon.wicon-15:before {
  9675. background-position: 0 -240px
  9676. }
  9677. .wbtn-wrap-wicon.wicon-16:before {
  9678. background-position: 0 -260px
  9679. }
  9680. .wbtn-wrap-wicon.wicon-17:before {
  9681. background-position: 0 -280px
  9682. }
  9683. .wbtn-wrap-wicon.wicon-18:before {
  9684. background-position: 0 -300px
  9685. }
  9686. .wbtn-wrap-wicon.wicon-19:before {
  9687. background-position: 0 -320px
  9688. }
  9689. .wbtn-wrap-wicon.wicon-20:before {
  9690. background-position: 0 -340px
  9691. }
  9692. .wbtn-wrap-wicon.wicon-21:before {
  9693. background-position: 0 -360px
  9694. }
  9695. .wbtn-wrap-wicon.wicon-22:before {
  9696. background-position: 0 -380px
  9697. }
  9698. .wbtn-wrap-wicon.wicon-23:before {
  9699. background-position: 0 -400px
  9700. }
  9701. .wbtn-wrap-wicon.wicon-24:before {
  9702. background-position: 0 -420px
  9703. }
  9704. .wbtn-wrap-wicon.wicon-25:before {
  9705. background-position: 0 -440px
  9706. }
  9707. .wbtn-wrap-wicon.wicon-26:before {
  9708. background-position: 0 -460px
  9709. }
  9710. .wbtn-wrap-wicon.wicon-29:before {
  9711. background-position: 0 -480px
  9712. }
  9713. .wbtn-wrap-wicon.wicon-30:before {
  9714. background-position: 0 -500px
  9715. }
  9716. .wbtn-wrap-wicon.wicon-31:before {
  9717. background-position: 0 -520px
  9718. }
  9719. .wbtn-wrap-wicon.wicon-32:before {
  9720. background-position: 0 -540px
  9721. }
  9722. .wbtn-wrap-wicon.wicon-33:before {
  9723. background-position: 0 -560px
  9724. }
  9725. .wbtn-wrap-wicon.wicon-34:before {
  9726. background-position: 0 -580px
  9727. }
  9728. .wbtn-wrap-wicon.wicon-35:before {
  9729. background-position: 0 -600px
  9730. }
  9731. .wbtn-wrap-wicon.wicon-36:before {
  9732. background-position: 0 -620px
  9733. }
  9734. .wbtn-wrap-wicon.wicon-37:before {
  9735. background-position: 0 -640px
  9736. }
  9737. .wbtn-wrap-wicon.wicon-38:before {
  9738. background-position: 0 -660px
  9739. }
  9740. .wbtn-wrap-wicon.wicon-39:before {
  9741. background-position: 0 -680px
  9742. }
  9743. .wbtn-wrap-wicon.wicon-40:before {
  9744. background-position: 0 -700px
  9745. }
  9746. .wbtn-wrap-wicon.wicon-41:before {
  9747. background-position: 0 -720px
  9748. }
  9749. .wbtn-wrap-wicon.wicon-42:before {
  9750. background-position: 0 -740px
  9751. }
  9752. .wbtn-wrap-wicon.wicon-43:before {
  9753. background-position: 0 -760px
  9754. }
  9755. .wbtn-wrap-wicon.wicon-44:before {
  9756. background-position: 0 -780px
  9757. }
  9758. .clst-ordered-items,.clst-unordered-items {
  9759. list-style: none;
  9760. list-style-image: none;
  9761. margin: 0;
  9762. padding: 0;
  9763. position: relative
  9764. }
  9765. .card-suspender .clst-ordered-items,.card-suspender .clst-unordered-items {
  9766. border-bottom: 1px solid rgba(255,255,225,.14);
  9767. border-top: 1px solid rgba(0,0,0,.15);
  9768. overflow: hidden;
  9769. width: 120px
  9770. }
  9771. .lt-ie9 .clst-ordered-items,.lt-ie9 .clst-unordered-items {
  9772. display: block;
  9773. padding-bottom: 2px;
  9774. zoom: 1
  9775. }
  9776. .lt-ie9 .card-suspender .clst-ordered-items,.lt-ie9 .card-suspender .clst-unordered-items {
  9777. background: transparent url(../../images/ie-borders/bottom-top-border.png) repeat-x bottom left;
  9778. border: 0
  9779. }
  9780. .clst-item {
  9781. border-bottom: 1px solid #d3d3d3;
  9782. border-top: 1px solid #fff;
  9783. position: relative
  9784. }
  9785. .weather .clst-item,.card-suspender .clst-item {
  9786. border-bottom: 1px solid rgba(0,0,0,.15);
  9787. border-top: 1px solid rgba(255,255,225,.14)
  9788. }
  9789. .lt-ie9 .clst-item {
  9790. border: 0;
  9791. display: block;
  9792. zoom: 1
  9793. }
  9794. .lt-ie9 .card-suspender .clst-item,.lt-ie9 .card-suspender .clst-item {
  9795. background: transparent url(../../images/ie-borders/bottom-top-border.png) repeat-x top left
  9796. }
  9797. .weather .clst-item-link-styles:hover,.card-suspender .clst-item-link-styles:hover {
  9798. background-color: transparent;
  9799. background-color: rgba(0,0,0,.05);
  9800. border-bottom-color: rgba(0,0,0,.05);
  9801. border-top-color: rgba(0,0,0,.05);
  9802. cursor: pointer
  9803. }
  9804. .lt-ie9 .weather .clst-item-link-styles:hover>.clst-suspender-link-headline,.lt-ie9 .card-suspender .clst-item:hover>.clst-suspender-link-headline {
  9805. background: transparent url(../../images/pixels/pixel-black-5percent.png) repeat top left;
  9806. cursor: pointer
  9807. }
  9808. .clst-item-link-styles.selected {
  9809. background-color: rgba(0,0,0,.2);
  9810. border-bottom: 0;
  9811. border-top-color: rgba(0,0,0,.35)
  9812. }
  9813. .lt-ie9 .clst-item.selected {
  9814. background: transparent url(../../images/pixels/pixel-black-20percent.png) repeat top left
  9815. }
  9816. .functional .clst-item-link-styles.selected:after {
  9817. background: transparent url(../../images/notch.png) no-repeat 0 -9px;
  9818. content: '';
  9819. height: 16px;
  9820. margin-top: -8px;
  9821. position: absolute;
  9822. right: 0;
  9823. top: 50%;
  9824. width: 10px
  9825. }
  9826. .card-suspender .clst-item {
  9827. padding: 0
  9828. }
  9829. .card-suspender .clst-link {
  9830. display: block;
  9831. padding: 10px 12px 10px 15px
  9832. }
  9833. .clst-section-name .clst-link,.card-suspender .functional .clst-item {
  9834. padding: 0
  9835. }
  9836. .card-suspender .functional .clst-link {
  9837. padding: 20px 10px 20px 15px
  9838. }
  9839. .size-bar .clst-item,.size-bar .functional .clst-item {
  9840. padding: 20px 10px 20px 15px
  9841. }
  9842. .clst-link,.clst-link:visited,.clst-link:active,.clst-link:hover,.game,.game:visited {
  9843. color: inherit
  9844. }
  9845. .card-suspender .slst-header {
  9846. color: #fff;
  9847. display: block;
  9848. font-size: 13px;
  9849. font-weight: 700;
  9850. line-height: 12px;
  9851. margin: 0;
  9852. padding: 20px 15px 15px;
  9853. text-align: left;
  9854. text-shadow: 0 1px 1px rgba(0,0,0,.18);
  9855. text-transform: uppercase
  9856. }
  9857. .card-suspender .clst-item {
  9858. color: #fff;
  9859. font-size: 12px;
  9860. font-weight: 700;
  9861. line-height: 15px
  9862. }
  9863. .card-suspender .sub-section-navigation-suspender .clst-item-link-styles {
  9864. font-size: 13px;
  9865. line-height: 16px
  9866. }
  9867. .card-suspender .clst-group-header {
  9868. color: #858585;
  9869. color: rgba(255,255,255,.48);
  9870. font-size: 11px;
  9871. font-weight: 400;
  9872. line-height: 11px;
  9873. margin: 0;
  9874. padding: 0 0 12px;
  9875. text-align: center;
  9876. text-transform: capitalize
  9877. }
  9878. .card-suspender .clst-group-header .clst-link {
  9879. font-style: italic
  9880. }
  9881. .card-suspender .clst-group-headline {
  9882. color: #fff;
  9883. font-size: 12px;
  9884. font-weight: 700;
  9885. line-height: 16px;
  9886. margin: 0;
  9887. padding: 0;
  9888. text-align: center;
  9889. text-shadow: 0 1px 1px rgba(0,0,0,.2)
  9890. }
  9891. .size-suspender .slst>.clst-ordered-items,.size-suspender .slst>.clst-unordered-items {
  9892. border: 0
  9893. }
  9894. .size-suspender .slst .clst-item {
  9895. border: 0;
  9896. font-size: 12px;
  9897. font-weight: 400;
  9898. line-height: 15px;
  9899. text-shadow: 0 1px 1px rgba(0,0,0,.18)
  9900. }
  9901. .clst-text-headline>.clst-link,.clst .headline>.clst-link {
  9902. color: #333;
  9903. font-family: Arial;
  9904. font-size: 14px;
  9905. font-weight: 700;
  9906. line-height: 16px
  9907. }
  9908. .clst-text-headline>.clst-link:hover,.clst .headline>.clst-link:hover {
  9909. color: #007dcf
  9910. }
  9911. .clst-text-meta {
  9912. color: #999;
  9913. font-size: 12px;
  9914. line-height: 20px
  9915. }
  9916. .clst-text-meta>.clst-text-meta-timestamp {
  9917. border-left: 1px solid #d9d9d9;
  9918. border-left: 1px solid rgba(0,0,0,.15);
  9919. display: inline-block;
  9920. font-size: 11px;
  9921. font-style: italic;
  9922. margin-left: 10px;
  9923. padding-left: 10px
  9924. }
  9925. .clst-text-meta>.clst-link {
  9926. color: #007dcf;
  9927. text-transform: capitalize;
  9928. font-weight: 700
  9929. }
  9930. .clst-text-meta>.clst-link.parent-link {
  9931. background: transparent;
  9932. position: none;
  9933. display: inline-block
  9934. }
  9935. .standard-app-map .leaflet-map-pane,.standard-app-map .leaflet-tile,.standard-app-map .leaflet-marker-icon,.standard-app-map .leaflet-marker-shadow,.standard-app-map .leaflet-tile-pane,.standard-app-map .leaflet-overlay-pane,.standard-app-map .leaflet-shadow-pane,.standard-app-map .leaflet-marker-pane,.standard-app-map .leaflet-popup-pane,.standard-app-map .leaflet-overlay-pane svg,.standard-app-map .leaflet-zoom-box,.standard-app-map .leaflet-image-layer {
  9936. position: absolute
  9937. }
  9938. .standard-app-map .leaflet-container {
  9939. overflow: hidden
  9940. }
  9941. .standard-app-map .leaflet-tile,.standard-app-map .leaflet-marker-icon,.standard-app-map .leaflet-marker-shadow {
  9942. -moz-user-select: none;
  9943. -webkit-user-select: none;
  9944. user-select: none
  9945. }
  9946. .leaflet-marker-icon,.leaflet-marker-shadow {
  9947. display: block
  9948. }
  9949. .leaflet-clickable {
  9950. cursor: pointer
  9951. }
  9952. .leaflet-container img {
  9953. max-width: none!important
  9954. }
  9955. .standard-app-map .leaflet-tile-pane {
  9956. z-index: 2
  9957. }
  9958. .standard-app-map .leaflet-objects-pane {
  9959. z-index: 3
  9960. }
  9961. .standard-app-map .leaflet-overlay-pane {
  9962. z-index: 4
  9963. }
  9964. .standard-app-map .leaflet-shadow-pane {
  9965. z-index: 5
  9966. }
  9967. .standard-app-map .leaflet-marker-pane {
  9968. z-index: 6
  9969. }
  9970. .standard-app-map .leaflet-popup-pane {
  9971. z-index: 7
  9972. }
  9973. .standard-app-map .leaflet-zoom-box {
  9974. width: 0;
  9975. height: 0
  9976. }
  9977. .standard-app-map .leaflet-tile {
  9978. visibility: hidden
  9979. }
  9980. .standard-app-map .leaflet-tile-loaded {
  9981. visibility: inherit
  9982. }
  9983. .standard-app-map a.leaflet-active {
  9984. outline: 2px solid orange
  9985. }
  9986. .standard-app-map .leaflet-control {
  9987. position: relative;
  9988. z-index: 7
  9989. }
  9990. .standard-app-map .leaflet-top,.standard-app-map .leaflet-bottom {
  9991. position: absolute
  9992. }
  9993. .standard-app-map .leaflet-top {
  9994. top: 0
  9995. }
  9996. .standard-app-map .leaflet-right {
  9997. right: 0
  9998. }
  9999. .standard-app-map .leaflet-bottom {
  10000. bottom: 0
  10001. }
  10002. .standard-app-map .leaflet-left {
  10003. left: 0
  10004. }
  10005. .standard-app-map .leaflet-control {
  10006. clear: both;
  10007. float: left
  10008. }
  10009. .standard-app-map .leaflet-right .leaflet-control {
  10010. float: right
  10011. }
  10012. .standard-app-map .leaflet-top .leaflet-control {
  10013. margin-top: 10px
  10014. }
  10015. .standard-app-map .leaflet-bottom .leaflet-control {
  10016. margin-bottom: 10px
  10017. }
  10018. .standard-app-map .leaflet-left .leaflet-control {
  10019. margin-left: 10px
  10020. }
  10021. .standard-app-map .leaflet-right .leaflet-control {
  10022. margin-right: 10px
  10023. }
  10024. .standard-app-map .leaflet-control-zoom,.leaflet-control-layers {
  10025. border-radius: 7px
  10026. }
  10027. .standard-app-map .leaflet-control-zoom {
  10028. background: #bfbfbf;
  10029. background: rgba(0,0,0,.25);
  10030. padding: 5px
  10031. }
  10032. .standard-app-map .leaflet-control-zoom a {
  10033. background-color: #404040;
  10034. background-color: rgba(255,255,255,.75)
  10035. }
  10036. .standard-app-map .leaflet-control-zoom a,.leaflet-control-layers a {
  10037. background-position: 50% 50%;
  10038. background-repeat: no-repeat;
  10039. display: block
  10040. }
  10041. .standard-app-map .leaflet-control-zoom a {
  10042. border-radius: 4px;
  10043. height: 19px;
  10044. width: 19px
  10045. }
  10046. .standard-app-map .leaflet-control-zoom a:hover {
  10047. background-color: #fff
  10048. }
  10049. .standard-app-map .leaflet-big-buttons .leaflet-control-zoom a {
  10050. height: 27px;
  10051. width: 27px
  10052. }
  10053. .standard-app-map .leaflet-control-zoom-in,.standard-app-map .leaflet-control-zoom-out {
  10054. background-image: url(../../images/modules/maps/zoom-in.png);
  10055. margin-bottom: 5px
  10056. }
  10057. .standard-app-map .leaflet-control-zoom-out {
  10058. background-image: url(../../images/modules/maps/zoom-out.png);
  10059. margin-bottom: 0
  10060. }
  10061. .standard-app-map .leaflet-control-layers {
  10062. background: #f8f8f9;
  10063. box-shadow: 0 0 7px #999
  10064. }
  10065. .standard-app-map .leaflet-control-layers a {
  10066. height: 36px;
  10067. width: 36px
  10068. }
  10069. .standard-app-map .leaflet-big-buttons .leaflet-control-layers a {
  10070. background-image: url(../../images/modules/maps/layers.png);
  10071. height: 36px;
  10072. width: 36px
  10073. }
  10074. .standard-app-map .leaflet-control-layers .leaflet-control-layers-list,.standard-app-map .leaflet-control-layers-expanded .leaflet-control-layers-toggle {
  10075. display: none
  10076. }
  10077. .standard-app-map .leaflet-control-layers-expanded .leaflet-control-layers-list {
  10078. display: block;
  10079. position: relative
  10080. }
  10081. .standard-app-map .leaflet-control-layers-expanded {
  10082. background: #fff;
  10083. color: #333;
  10084. font: 12px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif;
  10085. padding: 6px 10px 6px 6px
  10086. }
  10087. .standard-app-map .leaflet-control-layers input {
  10088. margin-top: 2px;
  10089. position: relative;
  10090. top: 1px
  10091. }
  10092. .standard-app-map .leaflet-control-layers label {
  10093. display: block
  10094. }
  10095. .standard-app-map .leaflet-control-layers-separator {
  10096. border-top: 1px solid #ddd;
  10097. height: 0;
  10098. margin: 5px -10px 5px -6px
  10099. }
  10100. .standard-app-map .leaflet-container .leaflet-control-attribution {
  10101. background-color: #fff;
  10102. background-color: rgba(255,255,255,.7);
  10103. box-shadow: 0 0 7px #ccc;
  10104. color: #333;
  10105. display: none;
  10106. font: 11px/1.5 "Helvetica Neue",Arial,Helvetica,sans-serif;
  10107. margin: 0;
  10108. padding: 0 5px
  10109. }
  10110. .standard-app-map .leaflet-fade-anim .leaflet-tile {
  10111. -moz-transition: opacity .2s linear;
  10112. -o-transition: opacity .2s linear;
  10113. opacity: 0;
  10114. transition: opacity .2s linear
  10115. }
  10116. .standard-app-map .leaflet-fade-anim .leaflet-tile-loaded {
  10117. opacity: 1
  10118. }
  10119. .standard-app-map .leaflet-fade-anim .leaflet-popup {
  10120. -moz-transition: opacity .2s linear;
  10121. -o-transition: opacity .2s linear;
  10122. opacity: 0;
  10123. transition: opacity .2s linear
  10124. }
  10125. .standard-app-map .leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
  10126. opacity: 1
  10127. }
  10128. .standard-app-map .leaflet-zoom-anim .leaflet-tile {
  10129. -moz-transition: none;
  10130. -o-transition: none;
  10131. -webkit-transition: none;
  10132. transition: none
  10133. }
  10134. .standard-app-map .leaflet-zoom-anim .leaflet-objects-pane {
  10135. visibility: hidden
  10136. }
  10137. .standard-app-map .leaflet-popup {
  10138. position: absolute;
  10139. text-align: center
  10140. }
  10141. .standard-app-map .leaflet-popup-content-wrapper {
  10142. padding: 1px;
  10143. text-align: left
  10144. }
  10145. .standard-app-map .leaflet-popup-content {
  10146. margin: 19px
  10147. }
  10148. .standard-app-map .leaflet-popup-tip-container {
  10149. height: 16px;
  10150. margin: 0 auto;
  10151. overflow: hidden;
  10152. position: relative;
  10153. width: 40px
  10154. }
  10155. .standard-app-map .leaflet-popup-tip {
  10156. -moz-transform: rotate(45deg);
  10157. -ms-transform: rotate(45deg);
  10158. -o-transform: rotate(45deg);
  10159. -webkit-transform: rotate(45deg);
  10160. height: 15px;
  10161. margin: -8px auto 0;
  10162. padding: 1px;
  10163. transform: rotate(45deg);
  10164. width: 15px
  10165. }
  10166. .standard-app-map .leaflet-popup-close-button {
  10167. background: #fff url(../../images/modules/maps/popup-close.png);
  10168. height: 10px;
  10169. overflow: hidden;
  10170. position: absolute;
  10171. right: 9px;
  10172. top: 9px;
  10173. width: 10px
  10174. }
  10175. .standard-app-map .leaflet-popup-content p {
  10176. margin: 18px 0
  10177. }
  10178. .standard-app-map .leaflet-container {
  10179. background: #ddd
  10180. }
  10181. .standard-app-map .leaflet-container a {
  10182. color: #0078a8
  10183. }
  10184. .standard-app-map .leaflet-zoom-box {
  10185. border: 2px dotted #05f;
  10186. background: #fff;
  10187. opacity: .5
  10188. }
  10189. .standard-app-map .leaflet-popup-content-wrapper,.leaflet-popup-tip {
  10190. background: #fff;
  10191. box-shadow: 0 1px 10px #888
  10192. }
  10193. .standard-app-map .leaflet-popup-content-wrapper {
  10194. border-radius: 20px
  10195. }
  10196. .standard-app-map .leaflet-popup-content {
  10197. font: 12px/1.4 "Helvetica Neue",Arial,Helvetica,sans-serif
  10198. }
  10199. .standard-app-map {
  10200. overflow: hidden;
  10201. position: relative;
  10202. width: 100%;
  10203. height: 100%
  10204. }
  10205. .standard-app-map-location-label {
  10206. background: #919191;
  10207. border-bottom-right-radius: 3px;
  10208. top: 0;
  10209. color: #fff;
  10210. font-size: 11px;
  10211. left: 0;
  10212. padding: 3px 6px;
  10213. position: absolute
  10214. }
  10215. .standard-app-map-location-empty {
  10216. background: #d5d5d5;
  10217. display: table;
  10218. height: 144px;
  10219. left: 0;
  10220. position: absolute;
  10221. top: 0;
  10222. width: 440px
  10223. }
  10224. .standard-app-map-location-empty-text {
  10225. color: #8b8b8b;
  10226. display: table-cell;
  10227. font-size: 13px;
  10228. text-align: center;
  10229. text-shadow: 0 1px 0 rgba(255,255,255,.7);
  10230. font-weight: 700;
  10231. vertical-align: middle
  10232. }
  10233. .video-wrapper {
  10234. width: 560px;
  10235. float: left
  10236. }
  10237. .content-wrap .asset .double-wide>.portrait {
  10238. float: left;
  10239. max-width: 170px;
  10240. padding: 15px 10px
  10241. }
  10242. .content-wrap .asset .double-wide>.landscape {
  10243. max-width: 100%;
  10244. padding: 15px 10px
  10245. }
  10246. .fluid-width-video-wrapper {
  10247. width: 100%;
  10248. position: relative;
  10249. padding: 15px 10px
  10250. }
  10251. .fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {
  10252. position: absolute;
  10253. top: 0;
  10254. right: 0;
  10255. width: 100%;
  10256. height: 100%
  10257. }
  10258. .content-wrap .asset .double-wide>a,.content-wrap .asset .double-wide p>a {
  10259. color: #1990e5
  10260. }
  10261. .content-wrap .asset .double-wide>a:hover,.content-wrap .asset .double-wide p>a:hover {
  10262. text-decoration: underline
  10263. }
  10264. .corrections .left-column {
  10265. float: left;
  10266. width: 560px
  10267. }
  10268. .corrections .rule {
  10269. border: 1px solid #e8e8e8;
  10270. height: 0
  10271. }
  10272. .corrections ul.list {
  10273. margin: 0;
  10274. padding: 0
  10275. }
  10276. .corrections li.correction {
  10277. list-style: none;
  10278. margin: 0
  10279. }
  10280. .corrections li.correction.more {
  10281. margin-bottom: 20px
  10282. }
  10283. .corrections li.correction .anchor {
  10284. color: #333;
  10285. font-size: 16px;
  10286. font-weight: 700
  10287. }
  10288. .corrections li.correction .anchor:hover {
  10289. color: #00adfb
  10290. }
  10291. .corrections li.correction>h3 {
  10292. margin-bottom: 0
  10293. }
  10294. .corrections li.correction>p {
  10295. font-size: 12px;
  10296. margin: 2px 0 5px
  10297. }
  10298. .corrections li.correction .meta {
  10299. font-size: 12px;
  10300. margin: 0 0 20px;
  10301. padding: 0
  10302. }
  10303. .corrections li.correction .meta>li {
  10304. display: inline;
  10305. margin: 0;
  10306. padding: 0
  10307. }
  10308. .corrections li.correction .meta li.section {
  10309. border-right: 1px solid #e8e8e8;
  10310. font-weight: 700;
  10311. padding-right: 5px
  10312. }
  10313. .corrections li.correction .meta li.pubdate {
  10314. color: #c8c8c8;
  10315. font-size: 11px;
  10316. font-style: italic;
  10317. margin-left: 5px
  10318. }
  10319. article.static-page .correction-sidebar h4 {
  10320. margin-bottom: 5px;
  10321. padding: 0 15px;
  10322. text-align: left
  10323. }
  10324. article.asset .comp.ribbon-module .light-shade.correction-sidebar p.small {
  10325. color: #c8c8c8;
  10326. font-size: 11px;
  10327. font-style: italic;
  10328. margin: 0 15px 10px;
  10329. text-align: left
  10330. }
  10331. article.asset .comp.ribbon-module .light-shade.correction-sidebar .contact-info {
  10332. color: #333;
  10333. list-style: none;
  10334. margin: 0;
  10335. padding: 0 30px 10px;
  10336. text-align: left
  10337. }
  10338. article.cards.stag.cannes-lions .stag-masthead {
  10339. margin-top: -30px;
  10340. padding: 0;
  10341. text-align: center;
  10342. height: 90px
  10343. }
  10344. article.cards.stag.cannes-lions .stag-masthead h1 {
  10345. line-height: 0;
  10346. text-transform: uppercase;
  10347. font: 700 54px 'futura today'
  10348. }
  10349. article.cards.stag.cannes-lions .stag-masthead h1 img {
  10350. position: relative;
  10351. top: -5px
  10352. }
  10353. article.cards.stag.colby-rasmus {
  10354. background: url(http://www3.pictures.zimbio.com/gi/Colby+Rasmus+Toronto+Blue+Jays+v+Chicago+White+Jlzx1m9AcOKx.jpg) no-repeat right top fixed;
  10355. background-size: 100% 100%
  10356. }
  10357. .asset #election-2012-ribbon.content-bar {
  10358. overflow: visible
  10359. }
  10360. .asset #election-2012-ribbon {
  10361. background: transparent url(../../images/patterns/paper-noise-bar.png) repeat top left;
  10362. color: #999;
  10363. margin-bottom: 0;
  10364. margin-left: 40px;
  10365. min-height: 49px;
  10366. overflow: none;
  10367. padding: 10px 0 0;
  10368. position: relative;
  10369. width: 940px
  10370. }
  10371. .asset .election-state-picker {
  10372. float: left;
  10373. margin: -8px 10px;
  10374. position: absolute
  10375. }
  10376. .elections-2012 .stag-masthead .masthead-intro {
  10377. color: #929292;
  10378. font: 15px/24px 'Futura Today Bold';
  10379. text-shadow: 1px 1px 1px rgba(255,255,255,.4);
  10380. text-transform: uppercase
  10381. }
  10382. .elections-2012 .stag-masthead>h1 {
  10383. font: 46px/50px 'Futura Today Bold';
  10384. margin-bottom: 15px;
  10385. text-transform: uppercase
  10386. }
  10387. .elections-2012 .stag-masthead>h1 a {
  10388. color: #fff
  10389. }
  10390. .elections-2012 .stag-masthead>h1 .elections-star-icon {
  10391. background: url(../../images/topics/elections-2012/star_icon.gif) no-repeat;
  10392. display: inline-block;
  10393. height: 35px;
  10394. margin: 0 4px 0 -6px;
  10395. position: relative;
  10396. top: 0;
  10397. width: 45px;
  10398. box-shadow: 4px 3px 3px rgba(0,0,0,.4)
  10399. }
  10400. article.cards.stag.elections-2012 .card-container {
  10401. background: #fdfdfd url(../../images/topics/elections-2012/body_background.jpg) repeat-x;
  10402. filter: none
  10403. }
  10404. article.cards.elections-2012 .card-wrap {
  10405. min-height: inherit;
  10406. padding-top: 30px
  10407. }
  10408. .elections-2012 .nav,.elections-2012 .nav-item .nav-list {
  10409. list-style: none;
  10410. margin: 0;
  10411. padding: 0
  10412. }
  10413. .elections-2012 .nav {
  10414. background: #0f69aa url(../../images/topics/elections-2012/nav_background.gif) repeat-x;
  10415. color: #fff;
  10416. float: left;
  10417. font-family: Arial,sans-serif;
  10418. font-size: 14px;
  10419. position: relative;
  10420. width: 960px;
  10421. z-index: 1
  10422. }
  10423. .elections-2012 .nav-item {
  10424. border-right: 1px solid #0a599b;
  10425. margin: 0;
  10426. text-align: center;
  10427. float: left;
  10428. width: 159px
  10429. }
  10430. .elections-2012 .nav-item:last-child {
  10431. border-right: 0
  10432. }
  10433. .elections-2012 .nav-item:last-child {
  10434. width: 160px
  10435. }
  10436. .elections-2012 .nav-item.active {
  10437. background: url(../../images/topics/elections-2012/nav_background_active.gif) repeat-x
  10438. }
  10439. .elections-2012 .nav-item:hover {
  10440. background: #fdfdfd
  10441. }
  10442. .elections-2012 .nav-item a {
  10443. color: #333
  10444. }
  10445. .elections-2012 .nav-item a:hover {
  10446. color: #1a95d2
  10447. }
  10448. .elections-2012 .nav-item .top {
  10449. cursor: default;
  10450. display: inline-block;
  10451. font-weight: 700;
  10452. height: 100%;
  10453. line-height: 46px;
  10454. width: 100%
  10455. }
  10456. .elections-2012 .nav-item.active .top {
  10457. color: #fff
  10458. }
  10459. .elections-2012 .nav-item:hover .top {
  10460. color: #333
  10461. }
  10462. .elections-2012 .nav-item .nav-list {
  10463. background: #fdfdfd;
  10464. background: -moz-linear-gradient(top,#fdfdfd 0,#e1e1e1 100%);
  10465. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(100%,#e1e1e1));
  10466. background: -webkit-linear-gradient(top,#fdfdfd 0,#e1e1e1 100%);
  10467. background: linear-gradient(to bottom,#fdfdfd 0,#e1e1e1 100%);
  10468. color: #333;
  10469. height: 135px;
  10470. left: 0;
  10471. position: absolute;
  10472. table-layout: fixed;
  10473. top: 46px;
  10474. width: 100%;
  10475. z-index: 1;
  10476. text-align: left!important
  10477. }
  10478. .elections-2012 .nav-item .nav-list.debates-menu {
  10479. height: 135px
  10480. }
  10481. .elections-2012 .nav-item .nav-list {
  10482. display: none
  10483. }
  10484. .elections-2012 .nav-item:hover .nav-list {
  10485. display: table
  10486. }
  10487. .elections-2012 .nav-item .nav-list-item {
  10488. border-right-color: #cecece;
  10489. display: table-cell;
  10490. padding: 2% 2% 0;
  10491. vertical-align: top
  10492. }
  10493. .elections-2012 .nav-item .nav-list h2 {
  10494. font-size: 16px;
  10495. font-weight: 700;
  10496. line-height: 20px;
  10497. margin: 0;
  10498. text-shadow: 0 1px 0 #fff
  10499. }
  10500. .elections-2012 .nav-item .nav-list.candidates h2 {
  10501. clear: both
  10502. }
  10503. .elections-2012 .nav-item .nav-list-item img {
  10504. border: 1px solid #cecece;
  10505. display: inline;
  10506. float: left;
  10507. margin: 2px 15px 15px 0
  10508. }
  10509. .elections-2012 .nav .blurb {
  10510. font-size: 12px;
  10511. line-height: 16px;
  10512. margin: 2px 0 0
  10513. }
  10514. .elections-2012 .nav .overview .blurb {
  10515. line-height: 18px
  10516. }
  10517. .elections-2012 .nav .overview .icon {
  10518. background: url(../../images/topics/elections-2012/icons.png) no-repeat 0 0;
  10519. display: inline-block;
  10520. height: 16px;
  10521. padding-left: 24px;
  10522. position: relative;
  10523. top: 2px
  10524. }
  10525. .elections-2012 .nav .overview .icon.blog {
  10526. background-position: 0 -16px;
  10527. padding-left: 20px;
  10528. top: 4px
  10529. }
  10530. .elections-2012 .nav .candidates .nav-list-item,.elections-2012 .nav .conventions .nav-list-item {
  10531. display: block;
  10532. float: left;
  10533. height: 95px;
  10534. padding: 20px 48px
  10535. }
  10536. .elections-2012 .nav .conventions .nav-list-item {
  10537. padding: 20px;
  10538. width: 439px
  10539. }
  10540. .lt-ie9 .elections-2012 .nav .candidates .nav-list-item,.lt-ie9 .elections-2012 .nav .conventions .nav-list-item {
  10541. padding: 20px
  10542. }
  10543. .elections-2012 .nav .candidates .thumbs {
  10544. border: 0;
  10545. text-align: center;
  10546. padding: 25px 48px 15px
  10547. }
  10548. .elections-2012 .nav .candidates .nav-list-item:last-child {
  10549. border-left: 1px solid #cecece;
  10550. padding: 37px 15px 3px 25px;
  10551. max-width: 160px
  10552. }
  10553. .elections-2012 .nav .thumbs img {
  10554. border: 0;
  10555. margin: -16px 0 4px
  10556. }
  10557. .elections-2012 .nav .labels h2,.elections-2012 .nav .labels h3 {
  10558. font: 700 11px/14px Arial,sans-serif;
  10559. text-shadow: none;
  10560. text-transform: none
  10561. }
  10562. .elections-2012 .nav .labels h3 {
  10563. font-weight: 400;
  10564. font-style: italic;
  10565. margin: 0
  10566. }
  10567. .elections-2012 .nav .conventions .labels h2.date {
  10568. background: #999;
  10569. color: #fff;
  10570. display: inline-block;
  10571. font-size: 14px;
  10572. line-height: 16px;
  10573. margin: 2px 0 8px;
  10574. padding: 6px 10px 4px;
  10575. text-shadow: 1px 1px 1px rgba(0,0,0,.4);
  10576. box-shadow: inset 0 1px 2px rgba(0,0,0,.2),0 1px 0 #fff
  10577. }
  10578. .elections-2012 .nav .conventions .labels h2 {
  10579. font-size: 16px;
  10580. margin: 8px 0 5px
  10581. }
  10582. .elections-2012 .nav .conventions .labels h3 {
  10583. font-size: 14px
  10584. }
  10585. .elections-2012 .nav .labels.list-item {
  10586. line-height: 14px;
  10587. overflow: hidden;
  10588. width: 100%
  10589. }
  10590. .elections-2012 .nav .labels.list-item h2 {
  10591. margin-top: 4px
  10592. }
  10593. .elections-2012 .nav .labels.list-item .date {
  10594. clear: both;
  10595. float: left;
  10596. font-size: 12px;
  10597. line-height: 14px;
  10598. margin: 2px 8px 2px 0;
  10599. padding: 2px 4px;
  10600. width: 52px
  10601. }
  10602. .elections-2012 .nav .labels.list-item .location {
  10603. font-weight: 400
  10604. }
  10605. #election-state-nav-form .election-state-input {
  10606. width: 100%;
  10607. font-weight: 700
  10608. }
  10609. .elections-2012 .stag.mod.hero.three-up .slide {
  10610. background: #12202b url(../../images/topics/elections-2012/dark_noise.gif) no-repeat
  10611. }
  10612. .elections-2012.stag .featured-content-series {
  10613. background: url(../../images/topics/elections-2012/star_pattern.gif) repeat;
  10614. width: 960px;
  10615. overflow: hidden
  10616. }
  10617. .elections-2012 .featured-content-a {
  10618. border-color: transparent
  10619. }
  10620. .elections-2012 .featured-content .updated {
  10621. color: #dd9593
  10622. }
  10623. .elections-2012.stag .featured-content-img {
  10624. border-color: #d89494
  10625. }
  10626. .elections-2012 #cand-ribbon {
  10627. background: #1081c7;
  10628. clear: both;
  10629. height: 100px;
  10630. overflow: hidden;
  10631. padding: 10px 20px
  10632. }
  10633. .elections-2012 #cand-ribbon,.elections-2012 #cand-ribbon a {
  10634. color: #fff
  10635. }
  10636. .elections-2012 #cand-ribbon-thumb,.elections-2012 #cand-ribbon-info,.elections-2012 #cand-ribbon-list li {
  10637. float: left
  10638. }
  10639. .elections-2012 #cand-ribbon-thumb {
  10640. margin-right: 20px;
  10641. margin-top: -16px
  10642. }
  10643. .elections-2012 #cand-ribbon-list,.elections-2012 #cand-ribbon-name {
  10644. margin: 0;
  10645. padding: 0
  10646. }
  10647. .elections-2012 #cand-ribbon-name {
  10648. font-size: 50px;
  10649. margin: 10px 0 4px;
  10650. line-height: 54px
  10651. }
  10652. .elections-2012 #cand-ribbon-list {
  10653. list-style: none
  10654. }
  10655. .elections-2012 #cand-ribbon-list li {
  10656. border-left: 1px solid #126396;
  10657. font-size: 14px;
  10658. font-weight: 700;
  10659. line-height: 24px;
  10660. padding: 0 24px
  10661. }
  10662. .elections-2012 #cand-ribbon-list li:first-child {
  10663. border-left: 0;
  10664. padding-left: 0
  10665. }
  10666. .elections-2012 #cand-ribbon-list .plain {
  10667. font-weight: 400
  10668. }
  10669. .elections-2012 #cand-ribbon-list #cand-bio-btn {
  10670. background: #2aa9ff;
  10671. border: 1px solid #1a7dc2;
  10672. border-radius: 3px;
  10673. font: 12px/12px 'Futura Today Bold';
  10674. padding: 8px 16px 7px;
  10675. position: relative;
  10676. top: -2px;
  10677. text-shadow: 1px 1px 1px rgba(0,0,0,.6);
  10678. text-transform: uppercase
  10679. }
  10680. .elections-2012 .contributing-writers .details img {
  10681. max-width: none
  10682. }
  10683. .elections-2012 .view-all {
  10684. background: url(../../images/components/full-bio-arrow.png) no-repeat;
  10685. display: block;
  10686. font-weight: 700;
  10687. line-height: 18px;
  10688. padding-left: 22px;
  10689. position: absolute;
  10690. top: 9px;
  10691. right: 0
  10692. }
  10693. .elections-2012 .writers {
  10694. padding: 0;
  10695. position: relative
  10696. }
  10697. .elections-2012 .stag.contributing-writers {
  10698. border: 0;
  10699. padding: 0
  10700. }
  10701. .elections-2012 .contributing-writers .writer {
  10702. width: 50%
  10703. }
  10704. .elections-2012 .contributing-writers .blurb {
  10705. color: #333;
  10706. width: auto
  10707. }
  10708. .elections-2012 .stag.contributing-writers h2 {
  10709. float: none
  10710. }
  10711. .elections-2012 .split {
  10712. float: left;
  10713. padding: 10px 36px;
  10714. width: 400px
  10715. }
  10716. .elections-2012 .split:first-child {
  10717. border-right: 1px solid #cecece
  10718. }
  10719. #election-state-nav-form .ui-autocomplete-result-container {
  10720. background: 0;
  10721. border: 0
  10722. }
  10723. .election-credits {
  10724. font-size: 10px;
  10725. color: #636363;
  10726. clear: both;
  10727. padding: 10px 0 20px 20px;
  10728. font-weight: 400;
  10729. background: transparent url(../../images/patterns/paper-noise-bar.png) repeat top left
  10730. }
  10731. .election-credits span {
  10732. font-weight: 700
  10733. }
  10734. .elections-2012 .mod.hero {
  10735. position: relative;
  10736. z-index: 0
  10737. }
  10738. .election-forecast .stag.hero.three-up .stage {
  10739. height: 650px;
  10740. background: #fff
  10741. }
  10742. .election-forecast .stag.hero.three-up iframe {
  10743. border: 0;
  10744. float: left;
  10745. margin: 0
  10746. }
  10747. .elections-2012 .content-wrap iframe {
  10748. border: 0;
  10749. float: left;
  10750. margin: 0
  10751. }
  10752. article.cards.stag.usa-tomorrow {
  10753. background: #000 url(../../images/topics/usa-tomorrow/usa-tomorrow-background.jpg) no-repeat fixed top center;
  10754. -webkit-background-size: cover;
  10755. -moz-background-size: cover;
  10756. -o-background-size: cover;
  10757. background-size: cover
  10758. }
  10759. article.cards.usa-tomorrow .card-container {
  10760. background: 0
  10761. }
  10762. article.cards.stag.usa-tomorrow .stag-masthead>h1 {
  10763. background: transparent url(../../images/topics/usa-tomorrow/usa-tomorrow.png) no-repeat top center;
  10764. font-size: 0;
  10765. height: 42px;
  10766. line-height: 0;
  10767. overflow: hidden;
  10768. text-indent: 105%;
  10769. white-space: nowrap
  10770. }
  10771. article.cards.stag.thriving-on-the-road {
  10772. background: #000 url(../../images/topics/thriving-on-the-road/thriving-on-the-road-background.jpg) no-repeat fixed top center;
  10773. -webkit-background-size: cover;
  10774. -moz-background-size: cover;
  10775. -o-background-size: cover;
  10776. background-size: cover
  10777. }
  10778. article.cards.thriving-on-the-road .card-container {
  10779. background: 0
  10780. }
  10781. article.cards.stag.thriving-on-the-road .stag-masthead {
  10782. position: relative
  10783. }
  10784. article.cards.stag.thriving-on-the-road .stag-masthead h1 {
  10785. background: transparent url(../../images/topics/thriving-on-the-road/thriving-on-the-road.png) no-repeat top center;
  10786. font-size: 0;
  10787. height: 58px;
  10788. line-height: 0;
  10789. overflow: hidden;
  10790. text-indent: 105%;
  10791. white-space: nowrap
  10792. }
  10793. article.cards.stag.thriving-on-the-road .stag-masthead .leavebehind {
  10794. bottom: -25px;
  10795. color: #eff6bf;
  10796. font-family: Arial,sans-serif;
  10797. font-size: 9px;
  10798. font-weight: 700;
  10799. line-height: normal;
  10800. position: absolute;
  10801. right: 0;
  10802. text-align: center;
  10803. width: 105px
  10804. }
  10805. article.cards.stag.thriving-on-the-road .stag-masthead .leavebehind .logo-spot {
  10806. background-color: #bbd683;
  10807. background-color: rgba(255,255,255,.16);
  10808. box-shadow: 0 2px 5px #000;
  10809. box-shadow: 0 2px 5px rgba(0,0,0,.25);
  10810. margin-top: 5px;
  10811. padding: 10px 0 6px
  10812. }
  10813. article.cards.stag.better-business-travel {
  10814. background: #000 url(../../images/topics/better-business-travel/better-business-travel-background.jpg) no-repeat fixed top center;
  10815. -webkit-background-size: cover;
  10816. -moz-background-size: cover;
  10817. -o-background-size: cover;
  10818. background-size: cover
  10819. }
  10820. article.cards.better-business-travel .card-container {
  10821. background: 0
  10822. }
  10823. article.cards.stag.better-business-travel .stag-masthead {
  10824. position: relative
  10825. }
  10826. article.cards.stag.better-business-travel .stag-masthead h1 {
  10827. background: transparent url(../../images/topics/better-business-travel/better-business-travel.png) no-repeat top center;
  10828. font-size: 0;
  10829. height: 48px;
  10830. line-height: 0;
  10831. overflow: hidden;
  10832. text-indent: 105%;
  10833. white-space: nowrap
  10834. }
  10835. article.cards.stag.better-business-travel .stag-masthead .leavebehind {
  10836. bottom: -25px;
  10837. color: #eff6bf;
  10838. font-family: Arial,sans-serif;
  10839. font-size: 9px;
  10840. font-weight: 700;
  10841. line-height: normal;
  10842. position: absolute;
  10843. right: 0;
  10844. text-align: center;
  10845. width: 105px
  10846. }
  10847. article.cards.stag.better-business-travel .stag-masthead .leavebehind .logo-spot {
  10848. background-color: #46afc4;
  10849. background-color: rgba(255,255,255,.25);
  10850. box-shadow: 0 2px 5px #000;
  10851. box-shadow: 0 2px 5px rgba(0,0,0,.25);
  10852. margin-top: 5px;
  10853. padding: 10px 0 6px
  10854. }
  10855. .greeninc .stag-masthead .masthead-intro {
  10856. color: #929292;
  10857. font: 15px 'Futura Today Bold';
  10858. text-shadow: 1px 1px 1px rgba(255,255,255,.4);
  10859. text-transform: uppercase
  10860. }
  10861. .greeninc .stag-masthead>h1 {
  10862. font: 40px 'Futura Today Bold';
  10863. margin-bottom: 15px;
  10864. text-transform: uppercase
  10865. }
  10866. .greeninc .stag-masthead>h1 a {
  10867. color: #fff
  10868. }
  10869. .greeninc .stag-masthead>h1 span {
  10870. display: block;
  10871. font: 12px 'Futura Today Bold';
  10872. padding: 0 0 0 10px;
  10873. margin-top: -15px;
  10874. text-transform: capitalize
  10875. }
  10876. article.cards.stag.greeninc .card-container {
  10877. background: #25372b;
  10878. filter: none
  10879. }
  10880. article.cards.stag.greeninc .card-wrap {
  10881. min-height: inherit;
  10882. padding-top: 30px
  10883. }
  10884. .ghostfactories .stag-masthead .masthead-intro {
  10885. color: #929292;
  10886. font: 15px 'Futura Today Bold';
  10887. text-shadow: 1px 1px 1px rgba(255,255,255,.4);
  10888. text-transform: uppercase
  10889. }
  10890. .ghostfactories .stag-masthead>h1 {
  10891. font: 55px 'Futura Today Bold';
  10892. margin-bottom: 15px;
  10893. text-transform: uppercase
  10894. }
  10895. .ghostfactories .stag-masthead>h1 img {
  10896. margin: 0 10px 20px 0
  10897. }
  10898. article.cards.stag.awards-central .card-container {
  10899. background: #000 url(../../images/topics/awards-central/body_background.jpg) no-repeat 50% 0;
  10900. filter: none
  10901. }
  10902. article.cards.stag.usa-weekend {
  10903. background: #000 url(../../images/topics/usa-weekend/usaweekend.png) no-repeat fixed top center;
  10904. -webkit-background-size: cover;
  10905. -moz-background-size: cover;
  10906. -o-background-size: cover;
  10907. background-size: cover
  10908. }
  10909. article.cards.stag.entertainment {
  10910. background: #000 url(../../images/topics/usa-weekend/usaweekend.png) no-repeat fixed top center;
  10911. -webkit-background-size: cover;
  10912. -moz-background-size: cover;
  10913. -o-background-size: cover;
  10914. background-size: cover
  10915. }
  10916. article.cards.stag.food {
  10917. background: #000 url(../../images/topics/usa-weekend/usaweekend.png) no-repeat fixed top center;
  10918. -webkit-background-size: cover;
  10919. -moz-background-size: cover;
  10920. -o-background-size: cover;
  10921. background-size: cover
  10922. }
  10923. article.cards.stag.games {
  10924. background: #000 url(../../images/topics/usa-weekend/usaweekend.png) no-repeat fixed top center;
  10925. -webkit-background-size: cover;
  10926. -moz-background-size: cover;
  10927. -o-background-size: cover;
  10928. background-size: cover
  10929. }
  10930. article.cards.stag.health {
  10931. background: #000 url(../../images/topics/usa-weekend/usaweekend.png) no-repeat fixed top center;
  10932. -webkit-background-size: cover;
  10933. -moz-background-size: cover;
  10934. -o-background-size: cover;
  10935. background-size: cover
  10936. }
  10937. article.cards.stag.living {
  10938. background: #000 url(../../images/topics/usa-weekend/usaweekend.png) no-repeat fixed top center;
  10939. -webkit-background-size: cover;
  10940. -moz-background-size: cover;
  10941. -o-background-size: cover;
  10942. background-size: cover
  10943. }
  10944. .card-suspender-color.home {
  10945. background-color: #1877b6
  10946. }
  10947. .card-suspender-color.news {
  10948. background-color: #1877b6
  10949. }
  10950. .card-suspender-color.sports {
  10951. background-color: #9e1d0a
  10952. }
  10953. .card-suspender-color.life {
  10954. background-color: #741784
  10955. }
  10956. .card-suspender-color.money {
  10957. background-color: #137f39
  10958. }
  10959. .card-suspender-color.tech {
  10960. background-color: #c1570a
  10961. }
  10962. .card-suspender-color.travel {
  10963. background-color: #119e9e
  10964. }
  10965. .card-suspender-color.opinion {
  10966. background-color: #666
  10967. }
  10968. .card-suspender-color.weather {
  10969. background-color: #dd9d0d
  10970. }
  10971. .site-nav-span-theme-usatoday.site-nav-news-span.site-nav-active-span {
  10972. background: #009bff
  10973. }
  10974. .site-nav-span-theme-usatoday.site-nav-sports-span.site-nav-active-span {
  10975. background: #b81800
  10976. }
  10977. .site-nav-span-theme-usatoday.site-nav-life-span.site-nav-active-span {
  10978. background: #9600b4
  10979. }
  10980. .site-nav-span-theme-usatoday.site-nav-money-span.site-nav-active-span {
  10981. background: #00a53c
  10982. }
  10983. .site-nav-span-theme-usatoday.site-nav-tech-span.site-nav-active-span {
  10984. background: #fa6600
  10985. }
  10986. .site-nav-span-theme-usatoday.site-nav-travel-span.site-nav-active-span {
  10987. background: #00c3c3
  10988. }
  10989. .site-nav-span-theme-usatoday.site-nav-opinion-span.site-nav-active-span {
  10990. background: #666
  10991. }
  10992. #nav .weather .nav-anchor:hover .nav-span,#nav .weather .nav-anchor .nav-span.dropdown-active,#nav .weather.active .nav-span.dropdown-active {
  10993. background: #313131 url(../../images/patterns/nav-dropdown-noise.gif)
  10994. }
  10995. .headline-asset-item-tile {
  10996. background-color: #0050a1
  10997. }
  10998. .headline-asset-item-home-tile {
  10999. background-color: #0050a1;
  11000. background-color: rgba(0,0,0,.5)
  11001. }
  11002. .headline-asset-item-news-tile {
  11003. background-color: #009bff;
  11004. background-color: rgba(0,0,0,.5)
  11005. }
  11006. .headline-asset-item-sports-tile {
  11007. background-color: #eb1e00;
  11008. background-color: rgba(0,0,0,.5)
  11009. }
  11010. .headline-asset-item-life-tile {
  11011. background-color: #9600b4;
  11012. background-color: rgba(0,0,0,.5)
  11013. }
  11014. .headline-asset-item-money-tile {
  11015. background-color: #00a53c;
  11016. background-color: rgba(0,0,0,.5)
  11017. }
  11018. .headline-asset-item-opinion-tile {
  11019. background-color: #666;
  11020. background-color: rgba(0,0,0,.5)
  11021. }
  11022. .headline-asset-item-tech-tile {
  11023. background-color: #fa5f00;
  11024. background-color: rgba(0,0,0,.5)
  11025. }
  11026. .headline-asset-item-travel-tile,.headline-asset-item-experience-tile {
  11027. background-color: #00c3c3;
  11028. background-color: rgba(0,0,0,.5)
  11029. }
  11030. .headline-asset-item-weather-tile {
  11031. background-color: #ffc000;
  11032. background-color: rgba(0,0,0,.5)
  11033. }
  11034. .noimage .headline-asset-item-tile {
  11035. background-color: #0050a1
  11036. }
  11037. .noimage .headline-asset-item-home-tile {
  11038. background-color: #0050a1
  11039. }
  11040. .noimage .headline-asset-item-news-tile {
  11041. background-color: #009bff
  11042. }
  11043. .noimage .headline-asset-item-sports-tile {
  11044. background-color: #eb1e00
  11045. }
  11046. .noimage .headline-asset-item-life-tile {
  11047. background-color: #9600b4
  11048. }
  11049. .noimage .headline-asset-item-money-tile {
  11050. background-color: #00a53c
  11051. }
  11052. .noimage .headline-asset-item-opinion-tile {
  11053. background-color: #666
  11054. }
  11055. .noimage .headline-asset-item-tech-tile {
  11056. background-color: #fa5f00
  11057. }
  11058. .noimage .headline-asset-item-travel-tile,.noimage .headline-asset-item-experience-tile {
  11059. background-color: #00c3c3
  11060. }
  11061. .noimage .headline-asset-item-weather-tile {
  11062. background-color: #ffc000
  11063. }
  11064. .parent-label {
  11065. background-color: #0050a1
  11066. }
  11067. .news-theme-color,.news-theme-color:visited {
  11068. color: #00a53c
  11069. }
  11070. .sports-theme-color,.sports-theme-color:visited {
  11071. color: #eb1e00
  11072. }
  11073. .life-theme-color,.life-theme-color:visited {
  11074. color: #9600b4
  11075. }
  11076. .money-theme-color,.money-theme-color:visited {
  11077. color: #00a53c
  11078. }
  11079. .tech-theme-color,.tech-theme-color:visited {
  11080. color: #fa5f00
  11081. }
  11082. .travel-theme-color,.travel-theme-color:visited {
  11083. color: #00c3c3
  11084. }
  11085. .weather-theme-color,.weather-theme-color:visited {
  11086. color: #ffc000
  11087. }
  11088. .opinion-theme-color,.opinion-theme-color:visited {
  11089. color: #666
  11090. }
  11091. .parent-label.news,.news-theme-bg,.news-theme-bg-hover:hover {
  11092. background-color: #009bff!important
  11093. }
  11094. .parent-label.sponsor-story,.sponsor-story-theme-bg,.sponsor-story-theme-bg-hover:hover {
  11095. background-color: #000!important
  11096. }
  11097. .parent-label.sports,.sports-theme-bg,.sports-theme-bg-hover:hover {
  11098. background-color: #eb1e00!important
  11099. }
  11100. .parent-label.life,.life-theme-bg,.life-theme-bg-hover:hover {
  11101. background-color: #9600b4!important
  11102. }
  11103. .parent-label.money,.money-theme-bg,.money-theme-bg-hover:hover {
  11104. background-color: #00a53c!important
  11105. }
  11106. .parent-label.tech,.tech-theme-bg,.tech-theme-bg-hover:hover {
  11107. background-color: #fa5f00!important
  11108. }
  11109. .parent-label.travel,.parent-label.experience,.travel-theme-bg,.experience-theme-bg,.travel-theme-bg-hover:hover,.experience-theme-bg-hover:hover {
  11110. background-color: #00c3c3!important
  11111. }
  11112. .parent-label.weather,.weather-theme-bg,.weather-theme-bg-hover:hover {
  11113. background-color: #ffc000!important
  11114. }
  11115. .parent-label.opinion,.opinion-theme-bg,.opinion-theme-bg-hover:hover {
  11116. background-color: #666!important
  11117. }
  11118. #animated-site-logo {
  11119. display: block;
  11120. position: absolute;
  11121. z-index: 1
  11122. }
  11123. #animated-site-logo-dot-link {
  11124. background: url(about:blank);
  11125. display: block;
  11126. height: 80px;
  11127. position: absolute;
  11128. width: 53px;
  11129. z-index: 1
  11130. }
  11131. .animated-site-logo-link {
  11132. background: url(about:blank);
  11133. display: block;
  11134. height: 80px;
  11135. left: 53px;
  11136. position: absolute;
  11137. width: 210px;
  11138. z-index: 1
  11139. }
  11140. .site-theme-usatoday .footer>nav>.fronts>section.news h6,.news-theme-border,.news-theme-border-hover:hover {
  11141. border-color: #009bff!important
  11142. }
  11143. .site-theme-usatoday .footer>nav>.fronts>section.sports h6,.sports-theme-border,.sports-theme-border-hover:hover {
  11144. border-color: #ff1e00!important
  11145. }
  11146. .site-theme-usatoday .footer>nav>.fronts>section.life h6,.life-theme-border,.life-theme-border-hover:hover {
  11147. border-color: #9600b4!important
  11148. }
  11149. .site-theme-usatoday .footer>nav>.fronts>section.money h6,.money-theme-border,.money-theme-border-hover:hover {
  11150. border-color: #00a53c!important
  11151. }
  11152. .site-theme-usatoday .footer>nav>.fronts>section.tech h6,.tech-theme-border,.tech-theme-border-hover:hover {
  11153. border-color: #fa5f00!important
  11154. }
  11155. .site-theme-usatoday .footer>nav>.fronts>section.travel h6,.travel-theme-border,.travel-theme-border-hover:hover,.experience-theme-border,.experience-theme-border-hover:hover {
  11156. border-color: #00c3c3!important
  11157. }
  11158. .site-theme-usatoday .footer>nav>.fronts>section.opinion h6,.opinion-theme-border,.opinion-theme-border-hover:hover {
  11159. border-color: #666!important
  11160. }
  11161. .site-theme-usatoday .footer>nav>.fronts>section.weather h6,.weather-theme-border,.weather-theme-border-hover:hover {
  11162. border-color: #ffc000!important
  11163. }
  11164. .gallery-viewport>.slide>div.snapshot-card {
  11165. background: #fff;
  11166. margin-top: 5px;
  11167. padding-bottom: 5px
  11168. }
  11169. .snapshots {
  11170. line-height: normal;
  11171. padding: 10px;
  11172. text-align: left;
  11173. width: 660px;
  11174. cursor: default
  11175. }
  11176. .snapshot-meta {
  11177. clear: left;
  11178. color: #a1a1a1;
  11179. float: left;
  11180. font-family: Arial;
  11181. font-size: 12px;
  11182. height: 40px;
  11183. line-height: 18px;
  11184. padding-top: 15px;
  11185. text-align: left;
  11186. width: 445px
  11187. }
  11188. .snapshot-sponsor {
  11189. top: 452px;
  11190. color: #a1a1a1;
  11191. font-family: Arial;
  11192. font-size: 12px;
  11193. position: absolute;
  11194. right: 30px;
  11195. text-transform: uppercase;
  11196. z-index: 5
  11197. }
  11198. .snapshot-sponsor-text {
  11199. display: inline-block;
  11200. line-height: 30px;
  11201. vertical-align: middle;
  11202. padding-right: 5px
  11203. }
  11204. .snapshot-meta-caption-source,.snapshot-meta-caption-credit {
  11205. width: 100%;
  11206. display: block
  11207. }
  11208. .snapshots.snapshot {
  11209. min-height: 430px
  11210. }
  11211. .snapshots.snap-vote {
  11212. top: 0;
  11213. background: #f5f5f5;
  11214. display: none;
  11215. height: 465px;
  11216. padding: 20px;
  11217. width: 640px
  11218. }
  11219. .snapshots .snap-lt-col {
  11220. float: left;
  11221. height: 430px;
  11222. position: relative;
  11223. margin: 0 15px 0 0;
  11224. width: 215px
  11225. }
  11226. .snapshots .snap-title {
  11227. font-family: 'Futura Today Bold',arial,sans-serif;
  11228. font-size: 28px
  11229. }
  11230. .snapshots .snap-chatter {
  11231. font-size: 14px;
  11232. line-height: 22px;
  11233. margin: 5px 0 0
  11234. }
  11235. .snapshots .snap-poll {
  11236. bottom: 0;
  11237. border-top: 1px solid #ccc;
  11238. left: 0;
  11239. padding: 15px 0 0;
  11240. position: absolute
  11241. }
  11242. .snapshots .snap-poll-question {
  11243. font-size: 24px;
  11244. font-weight: 700;
  11245. letter-spacing: -1px;
  11246. line-height: 28px;
  11247. margin: 0 0 15px
  11248. }
  11249. .snapshots .snap-poll .snap-poll-question {
  11250. font-size: 16px;
  11251. letter-spacing: normal;
  11252. line-height: 22px
  11253. }
  11254. .snapshots .vote {
  11255. width: 85px
  11256. }
  11257. .snapshots .ui-chunky-btn.icon.vote:before {
  11258. background: url(../../images/modules/snapshots/vote-icon.png) no-repeat
  11259. }
  11260. .snap-poll .ui-chunky-btn.icon {
  11261. z-index: 1;
  11262. width: 215px
  11263. }
  11264. .snapshots .ui-chunky-btn.icon {
  11265. z-index: 1
  11266. }
  11267. .snapshots .snapshot-square {
  11268. float: right;
  11269. height: 430px;
  11270. width: 430px
  11271. }
  11272. .snapshots .snap-vote-options {
  11273. margin: 0 auto;
  11274. text-align: center;
  11275. width: 392px
  11276. }
  11277. .snapshots .snap-vote-options .cancel,.snapshots .snap-vote-results .cancel {
  11278. margin: 20px 0 0
  11279. }
  11280. .snapshots .ui-chunky-btn.snap-vote-btn {
  11281. color: #666;
  11282. font-family: Arial;
  11283. font-size: 16px;
  11284. text-align: center;
  11285. margin: 10px 0;
  11286. text-shadow: none;
  11287. text-transform: none;
  11288. width: 350px
  11289. }
  11290. .snapshots .ui-chunky-btn.snap-vote-btn.loading {
  11291. background-image: url(../../images/indicators/loader.gif);
  11292. background-position: center;
  11293. background-repeat: no-repeat;
  11294. text-indent: -2000px
  11295. }
  11296. .snapshots .snap-poll-label {
  11297. color: #a0a0a0;
  11298. font-family: 'Futura Today Bold',arial,sans-serif;
  11299. font-size: 10px;
  11300. letter-spacing: 1px;
  11301. line-height: 8px;
  11302. padding: 0 0 10px;
  11303. text-transform: uppercase
  11304. }
  11305. .snapshots .snap-vote-results {
  11306. text-align: center;
  11307. width: 100%
  11308. }
  11309. .snapshots .snap-vote-results p {
  11310. color: #666;
  11311. font-weight: 700;
  11312. margin: 20px 0 5px;
  11313. text-align: left
  11314. }
  11315. .snapshots .snap-vote-results p span {
  11316. float: right;
  11317. font-weight: 400
  11318. }
  11319. .snapshots .snap-result-wrapper {
  11320. background: #eaeaea;
  11321. border: 1px solid #fff;
  11322. box-shadow: inset 0 0 7px #b7b7b7;
  11323. clear: both;
  11324. display: block;
  11325. height: 22px;
  11326. position: relative;
  11327. width: 100%
  11328. }
  11329. .snapshots .result-fill {
  11330. background: #007ac6;
  11331. display: block;
  11332. height: 22px;
  11333. left: 0;
  11334. position: absolute;
  11335. top: 0
  11336. }
  11337. .asset-headline {
  11338. color: #333;
  11339. font: 700 32px/34px helvetica,arial,sans-serif;
  11340. margin: 0;
  11341. padding: 20px 0 0 70px
  11342. }
  11343. .interactive-poll {
  11344. display: block;
  11345. width: 320px;
  11346. min-height: 100px;
  11347. height: auto;
  11348. padding: 0;
  11349. margin: 0
  11350. }
  11351. .interactive-poll .story-poll-vote-wrapper,.story-poll-results-btn {
  11352. color: #333;
  11353. display: inline-block;
  11354. font: 700 12px/30px arial,sans-serif;
  11355. height: 30px;
  11356. margin: 0 0 20px
  11357. }
  11358. .interactive-poll .story-poll-vote-button-icon {
  11359. background: url(../../images/sprites/forms-sprite.png) 3px -64px no-repeat;
  11360. float: left;
  11361. height: 14px;
  11362. width: 19px
  11363. }
  11364. .interactive-poll .story-poll-vote-wrapper {
  11365. background-clip: content-box;
  11366. border: 1px solid #d1d1d1;
  11367. border-radius: 2px;
  11368. box-shadow: 0 3px 1px rgba(238,238,238,1);
  11369. display: block;
  11370. float: left;
  11371. font: 700 12px/30px arial,sans-serif;
  11372. height: 15px;
  11373. margin: 5px 0 15px 15px;
  11374. max-width: 260px;
  11375. padding: 7px;
  11376. width: 70px
  11377. }
  11378. .poll-vote-results .story-poll-vote-wrapper {
  11379. float: none;
  11380. margin-left: 10px
  11381. }
  11382. .story-poll-results-btn {
  11383. border: 0;
  11384. background: url(../../images/sprites/forms-sprite.png) 0 -113px no-repeat;
  11385. float: right;
  11386. margin: 12px 20px 0 0;
  11387. box-shadow: none;
  11388. padding: 0 0 0 28px;
  11389. height: 26px;
  11390. position: static
  11391. }
  11392. .story-poll-results-btn-text {
  11393. float: left;
  11394. margin-top: -3px
  11395. }
  11396. .interactive-poll a:hover {
  11397. color: #1ea3ff
  11398. }
  11399. .interactive-poll .story-poll-chart {
  11400. display: none;
  11401. margin-bottom: 20px
  11402. }
  11403. .interactive-poll h4 {
  11404. font-size: 14px;
  11405. line-height: 1.2em;
  11406. margin: 0 25px 5px;
  11407. text-align: left
  11408. }
  11409. .interactive-poll .story-poll-choices-list,.interactive-poll .poll-vote-results {
  11410. padding: 0 15px;
  11411. text-align: left
  11412. }
  11413. .interactive-poll .story-poll-choices-list .story-poll-choices-item {
  11414. clear: both;
  11415. float: left;
  11416. font: 700 13px arial,sans-serif;
  11417. list-style: none;
  11418. margin: 4px 10px 7px
  11419. }
  11420. .story-poll-answer,.story-poll-auth,.story-poll-vote-btn {
  11421. background: 0;
  11422. border: 0;
  11423. clear: none;
  11424. float: left;
  11425. font: 700 12px/30px arial,sans-serif
  11426. }
  11427. .story-poll-answer {
  11428. -webkit-appearance: none;
  11429. background: url(../../images/sprites/forms-sprite.png) 0 -77px no-repeat;
  11430. border: 0;
  11431. cursor: pointer;
  11432. height: 18px;
  11433. width: 17px
  11434. }
  11435. .story-poll-answer:checked {
  11436. background-position: 0 -95px
  11437. }
  11438. .story-poll-vote-btn {
  11439. line-height: 12px;
  11440. margin: 1px 0 0
  11441. }
  11442. .story-poll-answer-text,.interactive-poll .chart-bar-top,.interactive-poll .chart-bar-bot {
  11443. border-bottom: 1px dotted gray;
  11444. float: left;
  11445. line-height: 17px;
  11446. margin: 0 0 0 10px;
  11447. padding-bottom: 11px;
  11448. width: 240px
  11449. }
  11450. .interactive-poll .results {
  11451. background: 0;
  11452. box-shadow: none;
  11453. display: inline-block;
  11454. margin: 0 20px;
  11455. top: 0;
  11456. width: 90%
  11457. }
  11458. .story-poll-result-item {
  11459. background-clip: padding-box;
  11460. clear: both;
  11461. color: #666;
  11462. height: 60px;
  11463. list-style: none;
  11464. width: 100%
  11465. }
  11466. .interactive-poll .story-poll-chart-answer-text {
  11467. color: #666;
  11468. font-size: 12px;
  11469. font-weight: 400;
  11470. line-height: 16px;
  11471. padding: 5px 10px;
  11472. text-align: left;
  11473. width: auto;
  11474. word-wrap: break-word
  11475. }
  11476. .story-poll-bar-wrap {
  11477. height: 15px;
  11478. padding: 0 10px;
  11479. z-index: 150
  11480. }
  11481. .story-poll-chart-bar-mid {
  11482. height: 25px;
  11483. max-width: 100%
  11484. }
  11485. .story-poll-chart-bar-hor {
  11486. background-color: #1b9efc;
  11487. background-clip: content-box;
  11488. display: inline-block;
  11489. float: left;
  11490. height: 100%;
  11491. min-width: 2px;
  11492. max-width: 81%;
  11493. text-align: right;
  11494. width: 100%
  11495. }
  11496. .story-poll-chart-percent-label {
  11497. font-family: "Futura Today Bold";
  11498. padding-left: 5px
  11499. }
  11500. .interactive-poll .story-poll-results-total-wrapper {
  11501. color: #666;
  11502. font-family: "Futura Today";
  11503. font-size: 14px;
  11504. margin: 10px 0 0 10px;
  11505. text-align: left
  11506. }
  11507. .interactive-poll .story-poll-results-total-wrapper .story-poll-results-total {
  11508. font-family: "Futura Today Bold";
  11509. text-transform: uppercase
  11510. }
  11511. .interactive-poll .email-widget-success-msg {
  11512. width: auto
  11513. }
  11514. .site-nav-span.site-nav-firefly-span {
  11515. width: 18px
  11516. }
  11517. .site-nav-span.site-nav-firefly-span:after {
  11518. background-position: -40px 0;
  11519. height: 16px;
  11520. margin-left: -9px;
  11521. top: 13px;
  11522. width: 18px
  11523. }
  11524. .site-nav-span.site-nav-firefly-span {
  11525. cursor: wait;
  11526. opacity: .3;
  11527. -moz-transition: opacity .2s linear;
  11528. -o-transition: opacity .2s linear;
  11529. transition: opacity .2s linear
  11530. }
  11531. .site-nav-span.site-nav-firefly-span.loaded {
  11532. cursor: pointer;
  11533. opacity: 1
  11534. }
  11535. .site-nav-firefly-avatar-image {
  11536. left: 9px;
  11537. position: absolute;
  11538. top: 9px
  11539. }
  11540. .site-nav-firefly-dropdown {
  11541. width: 220px
  11542. }
  11543. .site-nav-firefly-dropdown-text {
  11544. color: #cacaca;
  11545. font-size: 11px;
  11546. line-height: 14px;
  11547. margin-bottom: 8px
  11548. }
  11549. .site-nav-firefly-user-display-name {
  11550. font-weight: 700
  11551. }
  11552. .site-nav-firefly-dropdown-section {
  11553. display: none;
  11554. margin: 15px 0;
  11555. padding: 0 20px
  11556. }
  11557. .site-nav-firefly-dropdown-section>.ui-chunky-btn {
  11558. display: block;
  11559. margin-top: 5px
  11560. }
  11561. .firefly-activate-btn {
  11562. display: block
  11563. }
  11564. .ff-greetings,.ff-login {
  11565. border: 0
  11566. }
  11567. .ff-logout {
  11568. margin-top: 10px
  11569. }
  11570. .site-nav-firefly-dropdown>.ff-login {
  11571. display: block
  11572. }
  11573. .site-nav-firefly-dropdown.authenticated>.ff-activate,.site-nav-firefly-dropdown.authenticated>.ff-login {
  11574. display: none
  11575. }
  11576. .site-nav-firefly-dropdown.authenticated>.ff-greetings,.site-nav-firefly-dropdown.authenticated>.ff-account,.site-nav-firefly-dropdown.authenticated>.ff-logout {
  11577. display: block
  11578. }
  11579. .site-nav-firefly-dropdown>.ff-subscribe,.site-nav-firefly-dropdown>.ff-activate {
  11580. display: block
  11581. }
  11582. .site-nav-firefly-dropdown.subscribed>.ff-activate,.site-nav-firefly-dropdown.subscribed>.ff-subscribe {
  11583. display: none
  11584. }
  11585. .site-nav-firefly-dropdown.subscribed>.ff-enewspaper,.site-nav-firefly-dropdown.subscribed>.ff-newsletters,.site-nav-firefly-dropdown.subscribed>.ff-subscriber-central {
  11586. display: block
  11587. }
  11588. .quick-links {
  11589. box-shadow: none
  11590. }
  11591. .quick-links-item {
  11592. border: 0;
  11593. font-size: 12px;
  11594. font-weight: 400;
  11595. line-height: 15px;
  11596. text-shadow: 0 1px 1px rgba(0,0,0,.18)
  11597. }
  11598. .quick-links-list {
  11599. border-bottom: 0;
  11600. border-top: 0;
  11601. overflow: hidden;
  11602. width: 120px
  11603. }
  11604. .blog-promo-module {
  11605. width: 100%
  11606. }
  11607. .blog-promo-module .blog-promo-content {
  11608. padding: 27px 0 0;
  11609. height: 220px
  11610. }
  11611. .blog-promo-primary {
  11612. background-color: #efefef;
  11613. overflow: hidden;
  11614. position: relative
  11615. }
  11616. .blog-promo-content {
  11617. display: table;
  11618. padding: 27px 0 10px;
  11619. margin: 0;
  11620. position: relative;
  11621. -webkit-transition-duration: 0
  11622. }
  11623. .blog-promo-suspender {
  11624. display: block
  11625. }
  11626. .blog-promo-suspender .blogs-show-all-wrap {
  11627. border-bottom: 1px solid rgba(255,255,225,.14);
  11628. border-top: 1px solid rgba(0,0,0,.15);
  11629. margin-top: 60px
  11630. }
  11631. .blog-promo-module .blogs-show-all-primary {
  11632. float: right;
  11633. height: 30px;
  11634. position: absolute;
  11635. right: 20px;
  11636. top: 200px;
  11637. width: 100px;
  11638. z-index: 1000
  11639. }
  11640. .blogs-show-all-primary.blog-top-bump {
  11641. top: 210px
  11642. }
  11643. .blogs-show-all-primary .blogs-show-all {
  11644. height: 30px;
  11645. margin: 0;
  11646. width: 100px
  11647. }
  11648. .blog-promo-suspender .blogs-show-all {
  11649. border-bottom: 1px solid rgba(0,0,0,.15);
  11650. border-top: 1px solid rgba(255,255,225,.14);
  11651. cursor: pointer
  11652. }
  11653. .blog-promo-suspender .blogs-show-all:hover,.blog-promo-suspender .blogs-show-all-wrap.active .blogs-show-all {
  11654. background-color: rgba(0,0,0,.2);
  11655. border-top: 1px solid rgba(0,0,0,.14)
  11656. }
  11657. .blog-promo-suspender .blogs-show-all-wrap.active:after {
  11658. background: transparent url(../../images/notch.png) no-repeat 0 -9px;
  11659. content: '';
  11660. height: 16px;
  11661. margin-top: 42px;
  11662. position: absolute;
  11663. right: 0;
  11664. top: 50%;
  11665. width: 10px
  11666. }
  11667. .blog-promo-module .show-all-blogs {
  11668. color: #666;
  11669. height: 0;
  11670. overflow: hidden;
  11671. width: 720px
  11672. }
  11673. .blog-promo-module .inner-show-all-blogs {
  11674. background-color: #fff;
  11675. border-top: 1px #cdcdcd solid;
  11676. box-shadow: inset 1px 2px 3px rgba(0,0,0,.1);
  11677. padding: 20px 20px 60px;
  11678. -moz-column-count: 3;
  11679. -webkit-column-count: 3;
  11680. column-count: 3
  11681. }
  11682. .blog-promo-module .show-all-blogs .inner-show-all-blogs-h3 {
  11683. font-family: 'Futura Today Bold',Arial,sans-serif;
  11684. font-size: 16px;
  11685. text-transform: uppercase
  11686. }
  11687. .blog-promo-module .show-all-blogs .inner-show-all-blogs-a {
  11688. color: #666;
  11689. font-size: 13px
  11690. }
  11691. .blog-promo-module .show-all-blogs .inner-show-all-blogs-a:hover {
  11692. color: #4ec4ff
  11693. }
  11694. .blog-promo-content-wrap {
  11695. display: table-cell;
  11696. width: 100%
  11697. }
  11698. .blog-promo-content-item {
  11699. display: block;
  11700. float: left;
  11701. text-align: center
  11702. }
  11703. .blog-promo-content-item .blog-promo-content-item-a {
  11704. color: #000;
  11705. display: block;
  11706. font-size: 11px;
  11707. min-height: 200px;
  11708. padding: 0 25px;
  11709. width: 129px
  11710. }
  11711. .blog-promo-content-item .blog-promo-content-item-a .blog-promo-content-item-img {
  11712. border: 5px solid #fff;
  11713. box-shadow: 0 4px 8px 0 #bebebe
  11714. }
  11715. .blog-promo-content-item .blog-promo-content-item-a .blog-promo-content-item-h3 {
  11716. color: #333;
  11717. font-size: 14px;
  11718. line-height: 18px;
  11719. margin-bottom: 4px;
  11720. margin-top: 7px;
  11721. -o-text-overflow: ellipsis;
  11722. -ms-text-overflow: ellipsis;
  11723. text-overflow: ellipsis;
  11724. overflow: hidden
  11725. }
  11726. .blog-promo-content-wrap-one {
  11727. width: 100%
  11728. }
  11729. .blog-promo-content-wrap-one .blog-promo-content-item {
  11730. width: 100%
  11731. }
  11732. .blog-promo-content-wrap-one .blog-description {
  11733. float: left;
  11734. margin-left: 20px;
  11735. width: 510px
  11736. }
  11737. .blog-promo-content-wrap-two {
  11738. width: 50%
  11739. }
  11740. .blog-promo-content-wrap-two .blog-promo-content-item,.blog-promo-content-wrap-one .blog-promo-content-item {
  11741. text-align: left
  11742. }
  11743. .blog-promo-content-wrap-two .blog-promo-content-item .blog-promo-content-item-a,.blog-promo-content-wrap-one .blog-promo-content-item .blog-promo-content-item-a {
  11744. color: #666;
  11745. float: left;
  11746. font-size: 12px;
  11747. padding-right: 0
  11748. }
  11749. .blog-promo-content-wrap-two .blog-promo-content-item .blog-promo-content-item-h3,.blog-promo-content-wrap-one .blog-promo-content-item .blog-promo-content-item-h3 {
  11750. font-size: 16px
  11751. }
  11752. .blog-promo-module .promo-button-container {
  11753. bottom: 20px;
  11754. display: none;
  11755. float: right;
  11756. position: absolute;
  11757. right: 20px
  11758. }
  11759. .close-all-blogs {
  11760. width: 100px
  11761. }
  11762. .tssm-list {
  11763. box-sizing: border-box;
  11764. -moz-box-sizing: border-box;
  11765. display: block;
  11766. list-style: none;
  11767. position: relative
  11768. }
  11769. .tssm-list-title {
  11770. box-sizing: border-box;
  11771. -moz-box-sizing: border-box;
  11772. font: 15px 'Futura Today Bold',Arial,sans-serif;
  11773. height: 40px;
  11774. line-height: 40px;
  11775. padding: 0 0 0 15px;
  11776. text-align: left;
  11777. text-transform: uppercase
  11778. }
  11779. .sidebar.dark .tssm-list-title {
  11780. background-color: #2b2b2b;
  11781. border-bottom: 1px solid #0f0f0f;
  11782. color: #fff
  11783. }
  11784. .sidebar.light .tssm-list-title {
  11785. background-color: #f9f9f9;
  11786. border-bottom: 1px solid #dcdcdc;
  11787. border-top: 1px solid #ccc;
  11788. color: #282828
  11789. }
  11790. .tssm-item {
  11791. cursor: pointer;
  11792. display: block;
  11793. margin: 0;
  11794. padding: 0;
  11795. position: relative
  11796. }
  11797. .tssm-list-link {
  11798. box-sizing: border-box;
  11799. -moz-box-sizing: border-box;
  11800. display: block;
  11801. font-weight: 700;
  11802. padding: 8px 16px;
  11803. transition: color,background-color 75ms,75ms;
  11804. -webkit-transition: color,background-color 75ms,75ms
  11805. }
  11806. .sidebar.dark .tssm-list-link {
  11807. background-color: #2b2b2b;
  11808. border-bottom: 1px solid #0f0f0f;
  11809. border-top: 1px solid #3c3c3c;
  11810. color: #fff
  11811. }
  11812. .sidebar.dark .tssm-list-link:visited {
  11813. color: #fff
  11814. }
  11815. .sidebar.dark .tssm-list-link:hover {
  11816. background-color: #272727;
  11817. border-bottom-color: transparent;
  11818. border-top-color: transparent;
  11819. color: #fff
  11820. }
  11821. .sidebar.light .tssm-list-link {
  11822. background-color: #f9f9f9;
  11823. border-bottom: 1px solid #dcdcdc;
  11824. border-top: 1px solid #fff;
  11825. color: #282828
  11826. }
  11827. .sidebar.light .tssm-list-link:visited {
  11828. color: #282828
  11829. }
  11830. .sidebar.light .tssm-list-link:hover {
  11831. color: #282828;
  11832. background-color: #fff;
  11833. border-top-color: transparent
  11834. }
  11835. .tssm-list-hed {
  11836. display: block;
  11837. font-size: 13px;
  11838. padding: 4px 0
  11839. }
  11840. .usanow-vid-container {
  11841. width: 280px;
  11842. height: 156px;
  11843. margin: 5px 20px
  11844. }
  11845. .usanow-vid-container .thumbnail {
  11846. display: block;
  11847. height: 156px;
  11848. position: relative;
  11849. width: 280px
  11850. }
  11851. .usanow-vid-title {
  11852. color: #000;
  11853. font: 14px/18px arial,sans-serif;
  11854. font-weight: 700;
  11855. margin: 0 20px;
  11856. text-align: left
  11857. }
  11858. .usanow-vid-date {
  11859. color: #787878;
  11860. font-weight: lighter;
  11861. font: 12px/14px arial,sans-serif;
  11862. margin: 5px 20px 15px;
  11863. text-align: left
  11864. }
  11865. .usanow-vid-play {
  11866. bottom: 4px;
  11867. right: 4px
  11868. }
  11869. .more-blogs-wrapper {
  11870. overflow: auto;
  11871. padding: 50px 0 60px 60px;
  11872. width: 700px
  11873. }
  11874. .more-blogs-info {
  11875. color: #999;
  11876. font: 12px/22px arial,sans-serif;
  11877. font: 400 12px Helvetica,arial,sans-serif;
  11878. margin-bottom: 10px;
  11879. width: 550px
  11880. }
  11881. .more-blogs-h3 {
  11882. font-color: #333;
  11883. font-size: 18px;
  11884. font-weight: 100;
  11885. margin-bottom: 10px;
  11886. text-transform: uppercase
  11887. }
  11888. .more-blogs-title {
  11889. color: #333;
  11890. font: 400 14px Helvetica,arial,sans-serif;
  11891. margin-top: 10px;
  11892. text-transform: uppercase
  11893. }
  11894. .more-blogs-wrapper .more-blogs-title-a {
  11895. color: #000
  11896. }
  11897. .more-blogs-title-a:hover {
  11898. color: #1990e5
  11899. }
  11900. .more-blogs-allposts {
  11901. margin-top: 10px
  11902. }
  11903. .more-blogs-alllink {
  11904. font: 700 12px/22px arial,sans-serif
  11905. }
  11906. .util-bar-btn.util-bar-btn-ugc:before {
  11907. background-image: url(../../images/apps/ugc/ugc-sprite.png);
  11908. background-position: 0 -68px;
  11909. height: 24px;
  11910. margin: 5px auto 3px;
  11911. width: 18px
  11912. }
  11913. .ugc-util-bar-flyout {
  11914. width: 320px
  11915. }
  11916. .util-bar-flyout-heading.ugc-util-bar-flyout-header {
  11917. margin-bottom: 15px;
  11918. padding: 15px 0 0
  11919. }
  11920. .ugc-util-bar-flyout-header,.ugc-util-bar-flyout-body-content,.ugc-util-bar-flyout-footer {
  11921. margin-left: 15px;
  11922. margin-right: 15px;
  11923. position: relative;
  11924. width: 290px
  11925. }
  11926. .ugc-util-bar-flyout-footer {
  11927. margin-bottom: 30px
  11928. }
  11929. .ugc-util-bar-flyout-header-title-link,.ugc-util-bar-flyout-header-title-link:visited {
  11930. color: #333
  11931. }
  11932. .ugc-util-bar-flyout-upload-form-view-container {
  11933. margin-bottom: 20px;
  11934. position: relative
  11935. }
  11936. .ugc-util-bar-flyout-upload-form-view-container.expanded {
  11937. overflow: visible
  11938. }
  11939. .ugc-util-bar-flyout-login-buttons {
  11940. margin-bottom: 20px
  11941. }
  11942. .ugc-util-bar-flyout-login-btn-facebook.ugc-login-btn.ui-chunky-btn,.ugc-util-bar-flyout-login-btn-google.ugc-login-btn.ui-chunky-btn {
  11943. width: 140px;
  11944. display: inline-block;
  11945. padding-left: 0;
  11946. font-size: 12px;
  11947. padding-right: 0
  11948. }
  11949. .ugc-util-bar-flyout-login-btn-google.ugc-login-btn.ui-chunky-btn:before,.ugc-util-bar-flyout-login-btn-facebook.ugc-login-btn.ui-chunky-btn:before {
  11950. background: 0
  11951. }
  11952. .ugc-util-bar-flyout-login-btn-facebook.ugc-login-btn.ui-chunky-btn {
  11953. margin-right: 10px
  11954. }
  11955. .ugc-util-bar-flyout-view-heading {
  11956. color: #666;
  11957. font-family: helvetica,arial,sans-serif;
  11958. font-size: 15px;
  11959. font-style: italic;
  11960. margin-bottom: 14px
  11961. }
  11962. .ugc-util-bar-flyout-select-files-btn.ui-chunky-btn,.ugc-util-bar-flyout-add-media-tease-btn.ui-chunky-btn {
  11963. width: 100%;
  11964. -moz-box-sizing: border-box;
  11965. box-sizing: border-box;
  11966. margin-bottom: 20px
  11967. }
  11968. .ugc-util-bar-flyout-add-media-tease-btn.ui-chunky-btn:before {
  11969. background: url(../../images/apps/ugc/ugc-sprite.png) no-repeat -118px -18px;
  11970. height: 16px;
  11971. left: 12px;
  11972. top: 11px;
  11973. width: 16px
  11974. }
  11975. .ugc-util-bar-flyout-upload-form {
  11976. display: block;
  11977. margin-bottom: 20px
  11978. }
  11979. .ugc-util-bar-upload-file-thumb {
  11980. display: inline-block;
  11981. margin-right: 10px;
  11982. margin-bottom: 10px
  11983. }
  11984. .ugc-util-bar-upload-file-thumb.last-item {
  11985. margin-right: 0
  11986. }
  11987. .ugc-util-bar-upload-file-thumb.ugc-upload-file-thumb {
  11988. height: 90px;
  11989. width: 90px
  11990. }
  11991. .ugc-util-bar-upload-file-thumb-empty.ugc-upload-file-thumb-empty {
  11992. height: 86px;
  11993. width: 86px
  11994. }
  11995. .ugc-util-bar-upload-file-thumb-empty.ugc-upload-file-thumb-empty:after {
  11996. top: 37px;
  11997. left: 37px
  11998. }
  11999. .ugc-util-bar-upload-file-thumb-empty.ugc-upload-file-thumb-empty.ui-chunky-btn {
  12000. border: 0;
  12001. display: block;
  12002. height: 90px;
  12003. width: 90px
  12004. }
  12005. .ugc-util-bar-upload-file-thumb-prompt.ugc-upload-file-thumb-prompt {
  12006. display: none
  12007. }
  12008. .ugc-util-bar-upload-upload-file-media-preview-wrap .ugc-upload-file-media-preview,.ugc-util-bar-upload-upload-file-media-preview-wrap .ugc-upload-file-media-no-preview,.ugc-util-bar-flyout-upload-success-files .ugc-upload-success-media {
  12009. width: 90px;
  12010. height: 90px
  12011. }
  12012. .ugc-util-bar-upload-upload-file-media-preview-wrap .ugc-upload-file-media-preview-landscape,.ugc-util-bar-flyout-upload-success-files .ugc-upload-success-media.ugc-upload-success-media-landscape {
  12013. height: 90px;
  12014. width: auto
  12015. }
  12016. .ugc-util-bar-upload-upload-file-media-preview-wrap .ugc-upload-file-media-preview-portrait,.ugc-util-bar-flyout-upload-success-files .ugc-upload-success-media.ugc-upload-success-media-portrait {
  12017. width: 90px;
  12018. height: auto
  12019. }
  12020. .ugc-util-bar-upload-file-thumb-error-wrap.ugc-upload-file-thumb-error-wrap {
  12021. padding: 10px
  12022. }
  12023. .ugc-util-bar-upload-file-thumb-error-heading.ugc-upload-file-thumb-error-heading {
  12024. font-size: 11px;
  12025. padding-top: 20px;
  12026. height: 0;
  12027. overflow: hidden;
  12028. margin-bottom: 10px
  12029. }
  12030. .ugc-util-bar-upload-file-thumb-error-text.ugc-upload-file-thumb-error-text {
  12031. font-size: 11px
  12032. }
  12033. .ugc-util-bar-flyout-recent-posts {
  12034. margin-bottom: 20px
  12035. }
  12036. .ugc-util-bar-flyout-recent-posts-title {
  12037. font-size: 14px;
  12038. color: #333;
  12039. margin-bottom: 16px
  12040. }
  12041. .ugc-util-bar-flyout-recent-posts-title-headline {
  12042. display: block
  12043. }
  12044. .ugc-util-bar-flyout-content-disclaimer-short {
  12045. color: #969696;
  12046. font-family: Arial,sans-serif;
  12047. font-size: 12px;
  12048. font-style: italic
  12049. }
  12050. .ugc-util-bar-flyout-recent-post-item {
  12051. border-bottom: 1px dotted #d0d0d0;
  12052. padding: 16px 0;
  12053. position: relative
  12054. }
  12055. .ugc-util-bar-flyout-recent-post-item-meta {
  12056. position: relative;
  12057. padding-right: 40px;
  12058. box-sizing: border-box;
  12059. -moz-box-sizing: border-box;
  12060. width: 100%
  12061. }
  12062. .ugc-util-bar-flyout-recent-post-item-meta-text {
  12063. font-size: 12px;
  12064. color: #666;
  12065. list-style-type: none;
  12066. margin: 0;
  12067. padding: 0;
  12068. display: inline-block;
  12069. vertical-align: top
  12070. }
  12071. .ugc-util-bar-flyout-recent-post-item-meta-headline-link.ugc-recent-post-item-meta-headline-link {
  12072. color: #333
  12073. }
  12074. .ugc-util-bar-flyout-recent-post-item-meta-headline-link.ugc-recent-post-item-meta-headline-link:hover {
  12075. color: #1a95d2
  12076. }
  12077. .ugc-util-bar-flyout-recent-post-item-meta-avatar {
  12078. margin-right: 10px
  12079. }
  12080. .ugc-util-bar-flyout-recent-post-item-meta-author {
  12081. border-right: 1px solid #ccc;
  12082. display: inline-block;
  12083. padding-right: 8px;
  12084. margin-right: 8px
  12085. }
  12086. .ugc-util-bar-flyout-recent-post-item-meta-location {
  12087. display: inline-block
  12088. }
  12089. .ugc-util-bar-flyout-recent-post-item-meta-date {
  12090. font-style: italic;
  12091. font-size: 11px
  12092. }
  12093. .ugc-util-bar-flyout-recent-post-item-meta-headline {
  12094. color: #333;
  12095. font-weight: 700;
  12096. display: block
  12097. }
  12098. .ugc-util-bar-flyout-recent-post-item-image {
  12099. display: block;
  12100. height: 150px;
  12101. margin-bottom: 13px;
  12102. width: 290px
  12103. }
  12104. .ugc-util-bar-flyout-recent-post-item-report-abuse-link {
  12105. position: absolute;
  12106. right: 10px;
  12107. top: 0
  12108. }
  12109. .ugc-util-bar-flyout-recent-post-item-report-abuse-tooltip-panel {
  12110. margin-right: 6px
  12111. }
  12112. .ugc-util-bar-flyout-no-recent-posts {
  12113. border-bottom: 2px dotted #ccc;
  12114. margin-bottom: 15px;
  12115. padding-bottom: 15px;
  12116. width: 100%
  12117. }
  12118. .ugc-util-bar-flyout-be-first-to-contribute-graphic {
  12119. background: url(../../images/apps/ugc/ugc-be-first-to-contribute.png) 0 0 no-repeat;
  12120. display: block;
  12121. width: 290px;
  12122. padding-top: 277px;
  12123. overflow: hidden;
  12124. height: 0
  12125. }
  12126. .ugc-util-bar-flyout-description-input {
  12127. height: 80px
  12128. }
  12129. .ugc-util-bar-flyout-submit-btn,.ugc-util-bar-flyout-cancel-btn {
  12130. display: inline-block;
  12131. vertical-align: top;
  12132. width: 139px
  12133. }
  12134. .ugc-util-bar-flyout-submit-btn {
  12135. margin-right: 12px
  12136. }
  12137. .ugc-util-bar-flyout-submit-header {
  12138. font-size: 20px;
  12139. padding-left: 40px;
  12140. display: table;
  12141. vertical-align: top;
  12142. height: 31px;
  12143. position: relative;
  12144. text-align: center;
  12145. margin: 0 auto 10px
  12146. }
  12147. .ugc-util-bar-flyout-submit-header:before {
  12148. content: "";
  12149. background-image: url(../../images/apps/ugc/ugc-sprite.png);
  12150. background-repeat: no-repeat;
  12151. display: inline-block;
  12152. width: 31px;
  12153. height: 31px;
  12154. position: absolute;
  12155. top: 0;
  12156. left: 0
  12157. }
  12158. .ugc-util-bar-flyout-submit-header-success:before {
  12159. background-position: -31px -94px
  12160. }
  12161. .ugc-util-bar-flyout-submit-header-fail:before {
  12162. background-position: 0 -94px
  12163. }
  12164. .ugc-util-bar-flyout-upload-submit-text-wrap {
  12165. width: 100%
  12166. }
  12167. .ugc-util-bar-flyout-upload-submit-text-primary {
  12168. font-size: 12px;
  12169. line-height: 16px;
  12170. color: #666;
  12171. margin-bottom: 20px;
  12172. text-align: center
  12173. }
  12174. .ugc-util-bar-flyout-upload-submit-text-secondary {
  12175. font-size: 14px;
  12176. line-height: 16px;
  12177. color: #333;
  12178. margin-bottom: 20px;
  12179. display: block
  12180. }
  12181. .ugc-upload-form-submission-text-headline {
  12182. display: block
  12183. }
  12184. .ugc-util-bar-flyout-upload-form-view-your-contribution-btn,.ugc-util-bar-flyout-upload-form-contribute-more-btn {
  12185. width: 100%;
  12186. margin-bottom: 20px
  12187. }
  12188. .ugc-util-bar-flyout-upload-success-files .ugc-upload-success-file {
  12189. display: inline-block;
  12190. margin-bottom: 10px;
  12191. margin-right: 10px;
  12192. width: 90px;
  12193. height: 90px;
  12194. position: relative
  12195. }
  12196. .ugc-util-bar-flyout-upload-success-files .ugc-upload-success-media {
  12197. display: block;
  12198. height: 90px;
  12199. width: 90px
  12200. }
  12201. .ugc-util-bar-flyout-upload-success-files .ugc-upload-success-media.ugc-upload-file-media-preview-landscape {
  12202. height: 90px;
  12203. width: auto
  12204. }
  12205. .ugc-util-bar-flyout-upload-success-files .ugc-upload-success-media.ugc-upload-file-media-preview-portrait {
  12206. width: 90px;
  12207. height: auto
  12208. }
  12209. .ugc-util-bar-flyout-upload-success-files .ugc-upload-success-file.ugc-upload-success-file-empty {
  12210. border: 2px dotted #ccc;
  12211. border-radius: 3px;
  12212. height: 86px;
  12213. width: 86px
  12214. }
  12215. .ugc-util-bar-flyout-upload-success-files .ugc-upload-success-file.ugc-upload-success-file-right {
  12216. margin-right: 0
  12217. }
  12218. .ugc-util-bar-flyout-disclaimer {
  12219. font-size: 12px;
  12220. color: #979797;
  12221. font-style: italic
  12222. }
  12223. .ugc-util-bar-flyout-disclaimer-short {
  12224. display: block
  12225. }
  12226. .ugc-util-bar-flyout-disclaimer-long {
  12227. display: none
  12228. }
  12229. .ugc-util-upload-form-share-your-contribution-btn,.ugc-util-upload-form-contribute-more-btn {
  12230. width: 285px
  12231. }
  12232. .ugc-utility-upload-form-view-your-contribution-text {
  12233. text-decoration: underline
  12234. }
  12235. .ugc-util-bar-flyout-upload-form-logging-in-heading,.ugc-util-bar-flyout-upload-form-login-fail-heading {
  12236. font-size: 18px;
  12237. font-weight: 700;
  12238. color: #191919;
  12239. text-shadow: 0 1px 0 #f5f5f5;
  12240. margin: 0 0 10px;
  12241. position: relative
  12242. }
  12243. .ugc-util-bar-flyout-upload-form-view-logging-in-container,.ugc-util-bar-flyout-upload-form-view-login-fail-container {
  12244. padding: 52px;
  12245. width: 100%;
  12246. -moz-box-sizing: border-box;
  12247. box-sizing: border-box;
  12248. text-align: center
  12249. }
  12250. .ugc-util-bar-flyout-upload-form-login-fail-heading {
  12251. padding-top: 46px
  12252. }
  12253. .ugc-util-bar-flyout-upload-form-login-fail-heading:before {
  12254. background: url(../../images/components/utility-contribute-sprite.png) no-repeat -156px -183px;
  12255. content: "";
  12256. display: block;
  12257. height: 42px;
  12258. margin: 0 auto;
  12259. width: 42px;
  12260. position: absolute;
  12261. top: 0;
  12262. left: 50%;
  12263. margin-left: -21px
  12264. }
  12265. .ugc-util-bar-flyout-upload-form-login-fail-text,.ugc-util-bar-flyout-upload-form-logging-in-text {
  12266. font-size: 12px;
  12267. color: #666
  12268. }
  12269. .ugc-util-bar-flyout-upload-form-login-fail-try-again {
  12270. color: #0af;
  12271. cursor: pointer;
  12272. display: inline-block;
  12273. font-size: 12px
  12274. }
  12275. .ugc-util-bar-flyout-upload-form-login-fail-try-again:hover {
  12276. color: #007acc
  12277. }
  12278. .social-share-modal-window {
  12279. margin-left: 0
  12280. }
  12281. .sports-syndication-hero-module .hero-3up-tile {
  12282. overflow: hidden
  12283. }
  12284. .sports-syndication-hero-module img {
  12285. margin: 0 auto;
  12286. display: block
  12287. }
  12288. .stagfront-primary.sports-syndication-hero-module .image-wrap.logo,.sports-syndication-headline-grid-module .headline-asset-item-front {
  12289. background-image: url(../../images/sports/sp-head-noise.png)
  12290. }
  12291. .sports-syndication-headline-grid-module .listview .headline-asset-item-front {
  12292. background-image: none
  12293. }
  12294. .stagfront-primary.sports-syndication-hero-module .hero-3up-tile-1 .image-wrap {
  12295. margin: 0 -360px;
  12296. width: 1440px;
  12297. height: 405px
  12298. }
  12299. .stagfront-primary.sports-syndication-hero-module .hero-3up-tile-2 .image-wrap,.stagfront-primary.sports-syndication-hero-module .hero-3up-tile-3 .image-wrap {
  12300. width: 200px;
  12301. height: 113px;
  12302. position: absolute;
  12303. margin: 20px 20px 7px
  12304. }
  12305. .stagfront-primary.sports-syndication-hero-module .hero-3up-tile-1 img.image {
  12306. min-width: 720px;
  12307. min-height: 405px;
  12308. max-width: 1000px;
  12309. max-height: 1440px
  12310. }
  12311. .stagfront-primary.sports-syndication-hero-module .hero-3up-tile-1 img.logo {
  12312. width: 330px;
  12313. height: 330px;
  12314. padding-top: 35px
  12315. }
  12316. .stagfront-primary.sports-syndication-hero-module .hero-3up-tile-2 img.image,.stagfront-primary.sports-syndication-hero-module .hero-3up-tile-3 img.image {
  12317. width: 200px;
  12318. min-height: 113px;
  12319. position: absolute;
  12320. clip: rect(0,200px,113px,0)
  12321. }
  12322. .stagfront-primary.sports-syndication-hero-module .hero-3up-tile-2 img.logo,.stagfront-primary.sports-syndication-hero-module .hero-3up-tile-3 img.logo {
  12323. width: 80px;
  12324. height: 80px;
  12325. margin: 20px 60px 7px
  12326. }
  12327. .stagfront-primary.sports-syndication-hero-module .stagfront-hero-3up-text-2,.stagfront-primary.sports-syndication-hero-module .stagfront-hero-3up-text-3 {
  12328. top: 133px
  12329. }
  12330. .card-primary.sports-syndication-hero-module .hero-3up-tile-1 .image-wrap {
  12331. margin-left: -240px;
  12332. width: 960px;
  12333. height: 480px
  12334. }
  12335. .card-primary.sports-syndication-hero-module .hero-3up-tile-2 .image-wrap,.card-primary.sports-syndication-hero-module .hero-3up-tile-3 .image-wrap {
  12336. margin-left: -120px;
  12337. width: 480px
  12338. }
  12339. .card-primary.sports-syndication-hero-module img.hero-3up-image-1.image {
  12340. min-width: 480px;
  12341. min-height: 480px;
  12342. max-width: 960px;
  12343. max-height: 960px
  12344. }
  12345. .card-primary.sports-syndication-hero-module img.hero-3up-image-1.logo {
  12346. height: 250px;
  12347. width: auto;
  12348. padding-top: 100px
  12349. }
  12350. .card-primary.sports-syndication-hero-module img.hero-3up-image-2.image,.card-primary.sports-syndication-hero-module img.hero-3up-image-3.image {
  12351. min-width: 240px;
  12352. min-height: 240px;
  12353. max-width: 440px;
  12354. max-height: 440px
  12355. }
  12356. .card-primary.sports-syndication-hero-module img.hero-3up-image-2.logo,.card-primary.sports-syndication-hero-module img.hero-3up-image-3.logo {
  12357. max-height: 110px;
  12358. padding-top: 30px
  12359. }
  12360. .sports-syndication-headline-grid-module .sp-filters {
  12361. margin-top: -4px;
  12362. background-color: #1e1e1e;
  12363. background-image: url(../../images/sports/sp-filter-bar-noise.png);
  12364. color: #fff
  12365. }
  12366. .sports-syndication-headline-grid-module .sp-filter-scroll-wrap {
  12367. z-index: 100
  12368. }
  12369. .sports-syndication-headline-grid-module .image-wrap {
  12370. margin-left: -100px;
  12371. width: 400px
  12372. }
  12373. .stagfront-primary.sports-syndication-headline-grid-module {
  12374. background: url(../../images/patterns/light-grey-linen.jpg);
  12375. border-bottom: 1px solid #cfcfcf
  12376. }
  12377. .sports-syndication-headline-grid-module .headline-grid-image {
  12378. -webkit-transform: translate3d(0,0,0);
  12379. margin-left: auto;
  12380. margin-right: auto;
  12381. display: block
  12382. }
  12383. .sports-syndication-headline-grid-module .headline-grid-image.image {
  12384. min-width: 200px;
  12385. min-height: 220px;
  12386. max-width: 310px;
  12387. max-height: 330px
  12388. }
  12389. .sports-syndication-headline-grid-module .headline-grid-image.logo {
  12390. height: 110px;
  12391. margin-top: 30px
  12392. }
  12393. .sports-syndication-headline-grid-module .headline-asset-item-back-title {
  12394. max-height: 4.2em
  12395. }
  12396. .sports-syndication-headline-grid-module .listview .image-wrap {
  12397. margin-left: 0;
  12398. width: 80px
  12399. }
  12400. .sports-syndication-headline-grid-module .listview .headline-grid-image.image {
  12401. min-width: 80px;
  12402. min-height: 88px;
  12403. max-width: 160px;
  12404. max-height: 160px;
  12405. margin-left: -20px;
  12406. width: auto;
  12407. height: auto
  12408. }
  12409. .sports-syndication-headline-grid-module .listview .headline-grid-image.logo {
  12410. width: 80px;
  12411. height: 80px;
  12412. margin-top: 0
  12413. }
  12414. .sports-syndication-headline-grid-module .sp-loading-details {
  12415. background-color: transparent;
  12416. background-image: url(../../images/preloaders/windmill-loader_2x_light.gif);
  12417. background-position: center;
  12418. background-repeat: no-repeat;
  12419. min-height: 85px
  12420. }
  12421. .sports-syndication-hero-module .image-wrap.SEC,.sports-syndication-headline-grid-module .SEC {
  12422. background-color: #004b8d
  12423. }
  12424. .sports-syndication-hero-module .hero-3up-media.action-sports-tile,.sports-syndication-headline-grid-module .action-sports-tile {
  12425. background-color: #d3d3d3;
  12426. background-image: none
  12427. }
  12428. .sports-syndication-headline-grid-module .listview .hasLogoImage .headline-asset-item-back .headline-asset-item-back-title,.sports-syndication-headline-grid-module .listview .hasLogoImage .headline-asset-item-back .headline-asset-item-back-listview-text,.sports-syndication-headline-grid-module .listview .hasLogoImage .headline-asset-item-back .headline-asset-item-meta {
  12429. margin-left: 0
  12430. }
  12431. .sports-syndication-headline-grid-module .listview .hasLogoImage .headline-asset-item-front.tile .image-wrap {
  12432. display: none
  12433. }
  12434. .ppm-wrap {
  12435. background: #fff;
  12436. height: 100px;
  12437. padding: 40px;
  12438. position: relative
  12439. }
  12440. .ui-btn.ppm-link {
  12441. bottom: 0;
  12442. left: 120px;
  12443. position: absolute
  12444. }
  12445. .ppm-link,.ppm-link:visited {
  12446. color: #333
  12447. }
  12448. .ppm-game-crossword,.ppm-game-sudoku {
  12449. display: inline-block;
  12450. float: left;
  12451. height: 100px;
  12452. position: relative;
  12453. width: 300px
  12454. }
  12455. .ppm-game-crossword {
  12456. width: 330px
  12457. }
  12458. .ppm-title {
  12459. color: #333;
  12460. font: 400 16px Helvetica,Arial,sans-serif;
  12461. line-height: 18px;
  12462. margin: 0;
  12463. padding: 0
  12464. }
  12465. .ppm-img-crossword,.ppm-img-sudoku {
  12466. background: url(../../images/sprites/puzzles.png) no-repeat 0 0;
  12467. float: left;
  12468. height: 100px;
  12469. margin: 0 20px 0 0;
  12470. text-indent: -9999px;
  12471. width: 100px
  12472. }
  12473. .ppm-img-sudoku {
  12474. background-position: -100px 0
  12475. }
  12476. .ppm-meta-title {
  12477. color: #999;
  12478. font: 400 14px Helvetica,Arial,san-serif;
  12479. line-height: 18px
  12480. }
  12481. .ppm-meta-title-crossword {
  12482. font-style: italic
  12483. }
  12484. .ppm-meta-author {
  12485. color: #999;
  12486. font: 400 11px Helvetica,Arial,san-serif;
  12487. line-height: 18px;
  12488. margin-top: 4px
  12489. }
  12490. .ppm-meta-difficulty {
  12491. margin-right: 3px
  12492. }
  12493. .ppm-meta-star {
  12494. background: url(../../images/sprites/puzzles.png) no-repeat -13px -100px;
  12495. display: inline-block;
  12496. margin-right: 1px;
  12497. height: 13px;
  12498. position: relative;
  12499. top: 1px;
  12500. width: 13px
  12501. }
  12502. .ppm-meta-star-filled {
  12503. background-position: 0 -100px
  12504. }
  12505. .more-section-stories-list {
  12506. border: 0;
  12507. margin: -10px 0 0 -10px;
  12508. padding: 0
  12509. }
  12510. .more-section-stories-item {
  12511. border: 0;
  12512. border-top: 1px dashed #e6e6e6;
  12513. min-height: 80px;
  12514. padding: 20px;
  12515. list-style: none
  12516. }
  12517. .more-section-stories-image-link {
  12518. float: left;
  12519. width: 100px
  12520. }
  12521. .more-section-stories-item.first {
  12522. border-top: 0
  12523. }
  12524. .more-section-stories-headline {
  12525. font-size: 14px;
  12526. margin: 0;
  12527. text-align: left
  12528. }
  12529. .more-section-stories-headline a {
  12530. color: #333
  12531. }
  12532. .more-section-stories-meta {
  12533. color: #989898;
  12534. font-weight: 700;
  12535. font-size: 11px;
  12536. margin-top: 5px;
  12537. text-align: left
  12538. }
  12539. .more-section-stories-usat-network {
  12540. color: #fff;
  12541. display: inline-block;
  12542. font: 14px 'Futura Today Bold',arial,sans-serif;
  12543. text-transform: uppercase
  12544. }
  12545. .more-section-stories-usat-network:before {
  12546. background: url(../../images/sprites/usat-network.png) 0 -18px no-repeat;
  12547. content: '';
  12548. float: left;
  12549. height: 18px;
  12550. margin-right: 3px;
  12551. width: 18px
  12552. }
  12553. .leaderboard-ad-module {
  12554. padding-left: 70px
  12555. }
  12556. .storybottombar-bucket.leaderboard-ad-module {
  12557. clear: both;
  12558. margin-bottom: 10px
  12559. }
  12560. .leaderboard-ad {
  12561. padding: 0;
  12562. width: 750px;
  12563. margin: 20px auto 0
  12564. }
  12565. .leaderboard-ad>.ad-slot>iframe {
  12566. margin: 0 auto
  12567. }
  12568. .leaderboard-ad-module.card-full-width {
  12569. padding: 0
  12570. }
  12571. .leaderboard-ad-module.card-full-width>.leaderboard-ad {
  12572. padding: 0;
  12573. margin: 40px auto 0
  12574. }
  12575. #videoplayer_modal.video-modal {
  12576. background: #000;
  12577. position: fixed;
  12578. top: 30%;
  12579. left: 30%;
  12580. z-index: 1001;
  12581. box-shadow: 0 3px 8px rgba(0,0,0,.5)
  12582. }
  12583. #videoplayer_modal.video-modal .video-header .video-logo {
  12584. position: relative;
  12585. height: 32px;
  12586. margin-left: 10px;
  12587. float: left
  12588. }
  12589. #videoplayer_modal .video-logo {
  12590. max-width: 150px
  12591. }
  12592. #videoplayer_modal.video-modal .video-header {
  12593. width: 100%;
  12594. height: 40px;
  12595. padding: 5px 0
  12596. }
  12597. #videoplayer_modal .video-text {
  12598. float: left;
  12599. margin-left: 15px;
  12600. text-overflow: ellipsis;
  12601. -o-text-overflow: ellipsis;
  12602. -ms-text-overflow: ellipsis;
  12603. white-space: nowrap;
  12604. height: 20px;
  12605. overflow: hidden;
  12606. max-width: 380px;
  12607. color: #fff
  12608. }
  12609. #videoplayer_modal.video-modal .video-title {
  12610. font-size: 18px;
  12611. color: #fff;
  12612. font-family: Arial,Helvetica,sans-serif;
  12613. line-height: 20px
  12614. }
  12615. #videoplayer_modal .sponsor-text {
  12616. font-size: 12px;
  12617. color: #fff;
  12618. font-family: Arial,Helvetica,sans-serif;
  12619. line-height: 12px
  12620. }
  12621. #videoplayer_modal.video-modal .close-btn {
  12622. cursor: pointer;
  12623. text-indent: -9000px;
  12624. background: url(../../images/buttons/button-close.png) no-repeat left top;
  12625. width: 50px;
  12626. height: 48px;
  12627. display: inline-block;
  12628. position: absolute;
  12629. top: -18px;
  12630. right: -31px
  12631. }
  12632. .lightbox {
  12633. display: none;
  12634. background: #000;
  12635. opacity: .7;
  12636. filter: alpha(opacity=70);
  12637. position: absolute;
  12638. top: 0;
  12639. left: 0;
  12640. min-width: 100%;
  12641. min-height: 100%;
  12642. z-index: 1000
  12643. }
  12644. .flight-tracker-asset {
  12645. min-height: 960px
  12646. }
  12647. .flight-tracker-double-wide {
  12648. float: left;
  12649. margin-left: 10px;
  12650. position: relative;
  12651. width: 600px
  12652. }
  12653. .flight-tracker-map {
  12654. background-color: #e8e8e8;
  12655. height: 370px;
  12656. overflow: hidden;
  12657. position: relative
  12658. }
  12659. .flight-tracker-formwrapper {
  12660. color: rbg(51,51,51);
  12661. font: 14px/22px arial,sans-serif;
  12662. margin: 20px 0 20px 60px
  12663. }
  12664. .flight-tracker-search-btn {
  12665. display: inline-block;
  12666. margin-right: 20px;
  12667. text-align: center
  12668. }
  12669. .flight-tracker-submit-btn {
  12670. width: 160px
  12671. }
  12672. .flight-tracker-flight-form-wrap,.flight-tracker-route-form-wrap,.flight-tracker-airport-form-wrap {
  12673. display: none
  12674. }
  12675. .flight-tracker-form-active {
  12676. display: block
  12677. }
  12678. .flight-tracker-input {
  12679. width: 100%
  12680. }
  12681. .flight-tracker-input.input-error {
  12682. background-color: #f0dddd
  12683. }
  12684. .flight-tracker-form-field-container {
  12685. margin-top: 25px;
  12686. position: relative
  12687. }
  12688. .flight-tracker-radio-spacer {
  12689. padding: 0 10px
  12690. }
  12691. .flight-tracker-time {
  12692. margin-top: 15px;
  12693. width: 160px
  12694. }
  12695. .flight-tracker-sponsor {
  12696. background: url(../../images/travel/flightstats-logo.png) no-repeat;
  12697. display: inline-block;
  12698. float: right;
  12699. height: 26px;
  12700. width: 171px
  12701. }
  12702. .flight-tracker-sponsor-map {
  12703. background: url(../../images/travel/flightstats-logo.png) no-repeat;
  12704. bottom: 10px;
  12705. display: inline-block;
  12706. height: 26px;
  12707. left: 20px;
  12708. position: absolute;
  12709. width: 171px
  12710. }
  12711. .flight-tracker-results {
  12712. float: left;
  12713. margin-top: 25px;
  12714. width: 520px
  12715. }
  12716. .flight-tracker-results .error,.flight-tracker-results .search-title {
  12717. font-size: 18px;
  12718. font-weight: 700;
  12719. margin-bottom: 5px
  12720. }
  12721. .flight-tracker-results-wrap {
  12722. border: 1px solid #f0f0f0;
  12723. border-collapse: collapse;
  12724. font-size: 11px;
  12725. margin-bottom: 50px;
  12726. table-layout: fixed;
  12727. width: 100%
  12728. }
  12729. .flight-tracker-results-wrap thead {
  12730. background-color: #959594;
  12731. color: #fff;
  12732. padding: 5px 10px
  12733. }
  12734. .flight-tracker-results-wrap thead th {
  12735. border: 1px solid #9e9e9d;
  12736. padding: 8px
  12737. }
  12738. .flight-tracker-results-wrap tbody th {
  12739. background: #fafafb;
  12740. font-weight: 400;
  12741. padding: 8px;
  12742. text-align: left
  12743. }
  12744. .flight-tracker-results-wrap tbody tr td {
  12745. border-right: 1px solid #f6f6f6;
  12746. border-top: 1px solid #f6f6f6;
  12747. line-height: 1.25em;
  12748. padding: 6px;
  12749. vertical-align: baseline
  12750. }
  12751. .flight-tracker-results-wrap tbody tr:hover {
  12752. background: #fff
  12753. }
  12754. .flight-trackertbody tr:hover td {
  12755. color: #454545
  12756. }
  12757. .flight-tracker-results-wrap a:link {
  12758. color: #666668
  12759. }
  12760. .flight-tracker-results-wrap a:visited {
  12761. color: #666668
  12762. }
  12763. .flight-tracker-asset .delay-bar {
  12764. background: url(../../images/travel/flight-tracker-indicator.png) no-repeat;
  12765. height: 24px;
  12766. left: 15px;
  12767. position: absolute;
  12768. top: 37px;
  12769. width: 11px
  12770. }
  12771. .flight-tracker-asset .d5 {
  12772. left: 155px
  12773. }
  12774. .flight-tracker-asset .d4 {
  12775. left: 124px
  12776. }
  12777. .flight-tracker-asset .d3 {
  12778. left: 102px
  12779. }
  12780. .flight-tracker-asset .d2 {
  12781. left: 62px
  12782. }
  12783. .flight-tracker-asset .d1 {
  12784. left: 40px
  12785. }
  12786. .flight-tracker-popup-btn {
  12787. background-color: #666;
  12788. border-radius: 2px;
  12789. bottom: 27px;
  12790. color: #fff;
  12791. cursor: pointer;
  12792. display: inline-block;
  12793. font-size: 10px;
  12794. height: 17px;
  12795. padding-top: 4px;
  12796. position: absolute;
  12797. text-align: center;
  12798. width: 65px
  12799. }
  12800. .flight-tracker-asset .arr {
  12801. left: 18px
  12802. }
  12803. .flight-tracker-asset .dep {
  12804. left: 97px
  12805. }
  12806. .flight-tracker-asset .leaflet-popup {
  12807. position: absolute
  12808. }
  12809. .flight-tracker-asset .leaflet-popup-content-wrapper {
  12810. padding: 1px
  12811. }
  12812. .flight-tracker-asset .leaflet-popup-content {
  12813. margin: 0
  12814. }
  12815. .flight-tracker-asset .leaflet-popup-close-button {
  12816. display: none
  12817. }
  12818. .flight-tracker-asset .leaflet-popup-content p {
  12819. margin: 18px 0
  12820. }
  12821. .flight-tracker-asset .flight-tracker-search-btn {
  12822. width: 160px
  12823. }
  12824. .flight-tracker-asset .popup {
  12825. line-height: 12px;
  12826. padding-top: 7px;
  12827. text-align: center
  12828. }
  12829. .flight-tracker-asset .leaflet-zoom-box {
  12830. background: #fff;
  12831. border: 2px dotted #05f;
  12832. opacity: .5
  12833. }
  12834. .flight-tracker-asset .leaflet-popup-content-wrapper,.flight-tracker-asset .leaflet-popup-tip {
  12835. background: rgba(0,0,0,.8);
  12836. box-shadow: 0 1px 10px #888
  12837. }
  12838. .flight-tracker-asset .leaflet-popup-content-wrapper {
  12839. border-radius: 0
  12840. }
  12841. .flight-tracker-asset .leaflet-popup-content {
  12842. background: url(../../images/travel/flight-tracker-popup-bg.png) no-repeat;
  12843. color: #fff;
  12844. font: 12px/1.4 Arial,Helvetica,sans-serif;
  12845. height: 100px;
  12846. width: 181px
  12847. }
  12848. .flight-tracker-front-module {
  12849. background-color: #fafafa;
  12850. border-bottom: 1px solid #d8d8d8;
  12851. overflow: visible;
  12852. padding: 10px 15px 30px;
  12853. width: 719px;
  12854. -webkit-box-sizing: border-box;
  12855. -moz-box-sizing: border-box;
  12856. box-sizing: border-box
  12857. }
  12858. .flight-tracker-front-module .flight-tracker-formwrapper {
  12859. display: inline-block;
  12860. min-height: 225px;
  12861. margin: 0;
  12862. width: 370px
  12863. }
  12864. .flight-tracker-front-module .flight-tracker-front-map {
  12865. background: url(http://mobileflighttrackerimages.flightstats.com/maps/DERIVED_NORTH_AMERICA_NO_HEADER_300BY210.png) no-repeat scroll 0 0 transparent;
  12866. display: inline-block;
  12867. float: right;
  12868. height: 210px;
  12869. text-indent: -9999px;
  12870. width: 300px
  12871. }
  12872. .flight-tracker-front-module .flight-tracker-title {
  12873. color: #333;
  12874. font: 400 13px/25px 'Futura Today Bold',arial,sans-serif;
  12875. line-height: 1.1em;
  12876. text-transform: uppercase
  12877. }
  12878. .flight-tracker-front-module .flight-tracker-search-btn {
  12879. margin-right: 10px;
  12880. width: 110px
  12881. }
  12882. .flight-tracker-front-module .flight-tracker-ui-text-input {
  12883. width: 350px
  12884. }
  12885. .flight-tracker-front-module .flight-tracker-time .ui-dropdown-items-container {
  12886. left: 0;
  12887. margin: 0;
  12888. padding-left: 0
  12889. }
  12890. .flight-tracker-results-wrap .expand-arrow {
  12891. background: url(../../images/travel/flight-tracker-arrow.png) no-repeat;
  12892. display: inline-block;
  12893. height: 21px;
  12894. margin: 0 5px -5px 0;
  12895. width: 21px
  12896. }
  12897. .flight-tracker-results-wrap .expand-arrow.active {
  12898. background: url(../../images/travel/flight-tracker-arrow-expanded.png) no-repeat
  12899. }
  12900. .flight-tracker-results-wrap .depart {
  12901. float: left;
  12902. line-height: 1.5em;
  12903. width: 50%
  12904. }
  12905. .flight-tracker-results-wrap .arrive {
  12906. float: right;
  12907. line-height: 1.5em;
  12908. width: 49%
  12909. }
  12910. .flight-tracker-results-wrap .flightinfo {
  12911. float: left;
  12912. font-weight: 700;
  12913. height: 35px;
  12914. padding-bottom: 10px;
  12915. width: 390px
  12916. }
  12917. .flight-tracker-results-wrap .flighticon {
  12918. display: inline-block;
  12919. float: right;
  12920. text-align: center;
  12921. width: 75px
  12922. }
  12923. .flight-tracker-results-wrap .flighticon:before {
  12924. background: url(../../images/travel/flight-tracker-results-sprite.png) 0 0 no-repeat;
  12925. content: "";
  12926. display: block;
  12927. height: 24px;
  12928. margin: 0 auto;
  12929. width: 24px
  12930. }
  12931. .flight-tracker-results-wrap .flighticon.red:before {
  12932. background-position: 0 -48px
  12933. }
  12934. .flight-tracker-results-wrap .flighticon.yellow:before {
  12935. background-position: 0 -25px
  12936. }
  12937. .ft-sm-icons {
  12938. background: url(../../images/travel/flight-tracker-sm-results-sprite.png) 0 0 no-repeat;
  12939. display: block;
  12940. float: left;
  12941. height: 9px;
  12942. margin: 5px 10px 5px 0;
  12943. width: 9px
  12944. }
  12945. .ft-sm-icons.red {
  12946. background-position: 0 -20px
  12947. }
  12948. .ft-sm-icons.yellow {
  12949. background-position: 0 -10px
  12950. }
  12951. .flight-tracker-form-field-container .ui-text-input {
  12952. padding: 6px
  12953. }
  12954. .ft-variant-a {
  12955. background-color: #f8f8f8;
  12956. padding: 40px 20px 20px
  12957. }
  12958. .ft-variant-a .flight-tracker-formwrapper {
  12959. min-height: 150px;
  12960. width: 430px
  12961. }
  12962. .ft-variant-a .flight-tracker-title {
  12963. display: none
  12964. }
  12965. .ft-variant-a .flight-tracker-front-map {
  12966. height: 150px;
  12967. width: 245px
  12968. }
  12969. .ft-variant-a .flight-tracker-form-field-container {
  12970. display: inline-block;
  12971. float: left;
  12972. width: 202px
  12973. }
  12974. .ft-variant-a .flight-tracker-form-field-container:first-child {
  12975. margin-right: 13px
  12976. }
  12977. .ft-variant-a .flight-tracker-input {
  12978. padding: 7px 11px;
  12979. border-color: #e4e4e4;
  12980. width: 100%
  12981. }
  12982. .ft-variant-a .flight-tracker-flight-number {
  12983. width: 120px
  12984. }
  12985. .ft-variant-a .flight-tracker-search-btn-container {
  12986. clear: both;
  12987. float: none;
  12988. width: 100%
  12989. }
  12990. .ft-variant-a .flight-tracker-search-btn,.ft-variant-a .flight-tracker-search-btn:hover {
  12991. background: url(../../images/travel/flight-tracker-radial-sprite.png) no-repeat scroll 0 -10px transparent;
  12992. border: 0;
  12993. border-radius: 0;
  12994. box-shadow: none;
  12995. color: #333;
  12996. font-size: 13px;
  12997. font-weight: 400;
  12998. height: auto;
  12999. margin: 0 23px 0 0;
  13000. padding: 0 0 0 23px;
  13001. text-shadow: none;
  13002. width: auto
  13003. }
  13004. .ft-variant-a .flight-tracker-search-btn.active,.ft-variant-a .flight-tracker-search-btn.active:hover {
  13005. background: url(../../images/travel/flight-tracker-radial-sprite.png) no-repeat scroll 0 -50px transparent;
  13006. color: #333;
  13007. border: 0;
  13008. box-shadow: none
  13009. }
  13010. .ft-variant-a .flight-tracker-submit-btn {
  13011. border-color: #bbb;
  13012. height: 30px;
  13013. width: 100px
  13014. }
  13015. .ft-variant-a .flight-tracker-sponsor {
  13016. position: absolute;
  13017. bottom: 32px;
  13018. left: 266px
  13019. }
  13020. .ft-variant-a .flight-tracker-radio-container {
  13021. font-size: 11px;
  13022. top: 4px
  13023. }
  13024. .ft-variant-a .flight-tracker-dropdown-container {
  13025. display: none
  13026. }
  13027. .aside .ui-dropdown-item-link {
  13028. display: inline-block;
  13029. width: auto
  13030. }
  13031. .asset-double-wide .ui-dropdown-items-container {
  13032. left: 0;
  13033. margin: 0;
  13034. padding: 0
  13035. }
  13036. .books-stories-meta-title,.books-front-meta-title {
  13037. color: #1a1a1a;
  13038. font-size: 16px;
  13039. font-weight: 700
  13040. }
  13041. .books-stories-meta-title {
  13042. margin: 0 0 10px
  13043. }
  13044. .books-front-meta-title {
  13045. margin: 0 0 5px
  13046. }
  13047. .books-stories-meta-genre,.books-stories-meta-publisher,.books-stories-meta-author,.books-front-meta-publisher,.books-front-meta-genre,.books-front-meta-debut {
  13048. color: #333;
  13049. font-size: 11px;
  13050. font-weight: 700;
  13051. margin: 5px 0
  13052. }
  13053. .books-front-meta-genre {
  13054. border-right: 1px solid #c8c8c8;
  13055. display: inline-block;
  13056. padding: 0 5px 0 0
  13057. }
  13058. .books-stories-meta-publisher {
  13059. margin-left: 15px
  13060. }
  13061. .books-front-meta-debut {
  13062. display: inline-block;
  13063. padding: 0 0 0 5px
  13064. }
  13065. .books-front-meta-author {
  13066. color: #333;
  13067. font-size: 11px;
  13068. font-weight: 700;
  13069. line-height: 21px;
  13070. margin: 5px 0;
  13071. vertical-align: 50%
  13072. }
  13073. .asset-double-wide .article-metadata-wrap .books-meta-comp {
  13074. margin-top: -5px;
  13075. position: static
  13076. }
  13077. .books--meta-lead-in,.books-meta-lead-in,.books-front-meta-lead-in {
  13078. color: #666;
  13079. font-size: 12px;
  13080. font-style: italic;
  13081. font-weight: lighter;
  13082. margin-right: 3px
  13083. }
  13084. .books-front-meta-lead-in {
  13085. vertical-align: top
  13086. }
  13087. .books-stories-meta-short,.books-front-meta-short {
  13088. color: #666;
  13089. font-size: 12px;
  13090. line-height: 20px
  13091. }
  13092. .books-buy-button {
  13093. background: #38b4ff;
  13094. background: -moz-linear-gradient(top,rgba(56,180,255,1) 0,rgba(34,161,248,1) 100%);
  13095. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(56,180,255,1)),color-stop(100%,rgba(34,161,248,1)));
  13096. background: -webkit-linear-gradient(top,rgba(56,180,255,1) 0,rgba(34,161,248,1) 100%);
  13097. background: -o-linear-gradient(top,rgba(56,180,255,1) 0,rgba(34,161,248,1) 100%);
  13098. background: -ms-linear-gradient(top,rgba(56,180,255,1) 0,rgba(34,161,248,1) 100%);
  13099. background: linear-gradient(to bottom,rgba(56,180,255,1) 0,rgba(34,161,248,1) 100%);
  13100. background-color: #21acff;
  13101. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#38B4FF', endColorstr='#22A1F8', GradientType=0)
  13102. }
  13103. .books-buy-button {
  13104. border: 1px solid #149cee;
  13105. border-radius: 3px;
  13106. box-shadow: 0 1px 1px rgba(0,0,0,.2);
  13107. color: #fff;
  13108. cursor: pointer;
  13109. display: inline-block;
  13110. font-family: Arial,helvetica,sans-serif;
  13111. font-size: 13px;
  13112. height: 28px;
  13113. padding: 0 10px;
  13114. position: relative;
  13115. text-shadow: 0 1px 0 rgba(0,0,0,.1);
  13116. width: 120px
  13117. }
  13118. .books-buy-button>.books-dropdown {
  13119. color: #fff;
  13120. float: left;
  13121. padding: 0 8px 0 0
  13122. }
  13123. .books-buy-button .ui-dropdown-item {
  13124. color: #333
  13125. }
  13126. .books-buy-button .ui-dropdown-value {
  13127. line-height: 28px
  13128. }
  13129. .books-buy-button>.books-dropdown:after {
  13130. background: transparent url(../../images/book-reviews/books-sprite.png) -18px 7px no-repeat;
  13131. border-left: 1px solid #fff;
  13132. content: '';
  13133. display: block;
  13134. height: 28px;
  13135. position: absolute;
  13136. right: 1px;
  13137. top: 0;
  13138. width: 22px;
  13139. z-index: 1
  13140. }
  13141. .books-dropdown-content {
  13142. background: #fefefe;
  13143. border: 1px solid #e6e6e6;
  13144. box-shadow: inset 0 1px 0 #f5f5f5,0 2px 3px rgba(0,0,0,.5);
  13145. -webkit-box-sizing: border-box;
  13146. -moz-box-sizing: border-box;
  13147. box-sizing: border-box;
  13148. left: -11px;
  13149. position: relative;
  13150. width: 142px;
  13151. z-index: 100
  13152. }
  13153. .front-books-header-image {
  13154. float: left
  13155. }
  13156. .front-booklist-page-container {
  13157. float: left;
  13158. height: 100%;
  13159. margin: 20px;
  13160. min-height: 740px;
  13161. width: 680px
  13162. }
  13163. .front-booklist-info-container {
  13164. border-bottom: 1px dotted #c8c8c8;
  13165. float: left;
  13166. margin: 20px 0 0;
  13167. padding: 10px 5px 30px 10px;
  13168. width: 655px
  13169. }
  13170. .booklist-last-book {
  13171. border-bottom: 0
  13172. }
  13173. .front-booklist-return {
  13174. color: #333;
  13175. float: left;
  13176. font: 400 14px/20px arial,sans-serif;
  13177. font-weight: 700;
  13178. padding: 0 20px;
  13179. width: 300px
  13180. }
  13181. .front-booklist-return:before {
  13182. background: transparent url(../../images/book-reviews/books-sprite.png) -43px -84px no-repeat;
  13183. content: '';
  13184. display: block;
  13185. float: left;
  13186. height: 17px;
  13187. margin: 2px 5px 0 0;
  13188. width: 17px
  13189. }
  13190. .front-booklist-form-container {
  13191. border-top: 1px solid #c8c8c8;
  13192. float: left;
  13193. height: 60px;
  13194. padding-top: 20px;
  13195. width: 680px
  13196. }
  13197. .front-booklist-form-container .ui-radio {
  13198. padding: 0 20px 0 24px
  13199. }
  13200. .front-booklist-form-container:after {
  13201. border-top: 1px solid #c8c8c8;
  13202. content: '';
  13203. float: left;
  13204. height: 30px;
  13205. margin-top: 20px;
  13206. width: 680px
  13207. }
  13208. .front-booklist-submit {
  13209. background-color: #333;
  13210. border: 0;
  13211. border-radius: 5px;
  13212. color: #fff;
  13213. display: inline-block;
  13214. font-size: 12px;
  13215. font-weight: 700;
  13216. height: 30px;
  13217. margin-left: 20px;
  13218. width: 45px
  13219. }
  13220. .front-booklist-radio-button {
  13221. display: inline-block
  13222. }
  13223. .front-booklist-form-container .front-booklist-radio-button {
  13224. margin-right: .5em
  13225. }
  13226. .front-booklist-text-box {
  13227. background: transparent url(../../images/book-reviews/books-sprite.png) -92px 1px no-repeat;
  13228. display: inline;
  13229. margin-left: 55px;
  13230. padding: 3px 0 0 30px;
  13231. width: 225px
  13232. }
  13233. .front-booklist-radio-label {
  13234. display: inline;
  13235. padding: 0 10px 0 0
  13236. }
  13237. .front-booklist-filter-label {
  13238. color: #666;
  13239. cursor: pointer;
  13240. display: block;
  13241. font-family: Arial,sans-serif;
  13242. font-size: 12px;
  13243. font-weight: 700;
  13244. line-height: 21px;
  13245. margin-left: 3px;
  13246. vertical-align: middle
  13247. }
  13248. .front-booklist-page-description {
  13249. color: #333;
  13250. float: left;
  13251. font: 400 13px/20px 'Futura Today',arial,sans-serif;
  13252. padding: 20px 0 13px 20px;
  13253. width: 310px
  13254. }
  13255. a.booklist-pdf-link {
  13256. background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(63,63,63,.18) 100%);
  13257. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(63,63,63,.18)));
  13258. background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(63,63,63,.18) 100%);
  13259. background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(63,63,63,.18) 100%);
  13260. background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(63,63,63,.18) 100%);
  13261. background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(63,63,63,.18) 100%);
  13262. border: 1px solid #cacaca;
  13263. box-shadow: 1px 1px 1px #666;
  13264. color: #666;
  13265. float: right;
  13266. font: 400 11px/12px Arial,sans-serif;
  13267. font-weight: 700;
  13268. margin: 0 10px 20px 0;
  13269. padding: 7px 5px 0 0;
  13270. text-transform: uppercase
  13271. }
  13272. a.booklist-pdf-link:before {
  13273. background: transparent url(../../images/book-reviews/books-sprite.png) -72px -1px;
  13274. border-right: 1px solid #cacaca;
  13275. content: '';
  13276. display: block;
  13277. float: left;
  13278. height: 25px;
  13279. margin: -7px 5px 0 0;
  13280. width: 22px
  13281. }
  13282. .front-booklist-image {
  13283. float: left;
  13284. margin: 0
  13285. }
  13286. .front-booklist-number {
  13287. color: #21acff;
  13288. float: left;
  13289. font: 400 45px/35px 'Futura Today Bold',arial,sans-serif;
  13290. margin: 50px 0 0 -30px;
  13291. text-align: center;
  13292. text-shadow: rgba(0,0,0,.1) -1px 0,rgba(0,0,0,.6) 0 -1px,rgba(255,255,255,.1) 1px 0,rgba(255,255,255,.6) 0 1px,rgba(0,0,0,.1) -1px -1px,rgba(255,255,255,.6) 1px 1px;
  13293. width: 95px
  13294. }
  13295. .front-booklist-info-text {
  13296. float: left;
  13297. margin: 0 40px 0 20px;
  13298. width: 325px
  13299. }
  13300. .booklist-last-week,.booklist-best-week {
  13301. background-color: #f0f0f0;
  13302. box-shadow: inset 0 1px 2px 0 #8c8c8c;
  13303. float: left;
  13304. height: 30px;
  13305. padding: 8px 0;
  13306. width: 105px
  13307. }
  13308. .booklist-week-count {
  13309. float: left;
  13310. height: 30px;
  13311. padding: 8px 0;
  13312. width: 100px
  13313. }
  13314. .book-right-descriptor {
  13315. color: #666;
  13316. display: inline-block;
  13317. font: 400 10px/12px 'Futura Today',arial,sans-serif;
  13318. width: 36px
  13319. }
  13320. .book-last-week-number,.book-last-week-count,.book-best-week-number {
  13321. color: #666;
  13322. display: inline-block;
  13323. font: 400 24px/30px 'Futura Today Bold',arial,sans-serif;
  13324. margin: 0;
  13325. padding-right: 6px;
  13326. text-align: right;
  13327. width: 56px
  13328. }
  13329. .booklist-pound {
  13330. color: #666;
  13331. font: 400 12px 'Futura Today Bold',arial,sans-serif;
  13332. vertical-align: super
  13333. }
  13334. .front-booklist-image-rating-container {
  13335. float: left;
  13336. width: 100px
  13337. }
  13338. .front-booklist-rating {
  13339. clear: left;
  13340. float: right;
  13341. width: 192px
  13342. }
  13343. .front-booklist-rating-text {
  13344. color: #333;
  13345. float: left;
  13346. font-size: 11px;
  13347. font-weight: 700;
  13348. line-height: 22px;
  13349. text-align: center
  13350. }
  13351. .comp.booklist-comp {
  13352. float: left;
  13353. width: 130px
  13354. }
  13355. .front-booklist-star-holder {
  13356. float: left;
  13357. margin: 0;
  13358. width: 80px
  13359. }
  13360. .booklist-stars {
  13361. margin: 0 5px
  13362. }
  13363. .booklist-stars,.booklist-stars .book-rating {
  13364. background: url(../../images/book-reviews/stars.png) 0 -16px repeat-x;
  13365. display: block;
  13366. float: left;
  13367. height: 16px;
  13368. width: 80px
  13369. }
  13370. .booklist-stars .book-rating {
  13371. background-position: 0 0
  13372. }
  13373. .booklist-stars .book-stars-5 {
  13374. width: 11px
  13375. }
  13376. .booklist-stars .book-stars-1 {
  13377. width: 21px
  13378. }
  13379. .booklist-stars .book-stars-15 {
  13380. width: 31px
  13381. }
  13382. .booklist-stars .book-stars-2 {
  13383. width: 41px
  13384. }
  13385. .booklist-stars .book-stars-25 {
  13386. width: 51px
  13387. }
  13388. .booklist-stars .book-stars-3 {
  13389. width: 57px
  13390. }
  13391. .booklist-stars .book-stars-35 {
  13392. width: 70px
  13393. }
  13394. .booklist-stars .book-stars-4 {
  13395. width: 80px
  13396. }
  13397. .booksish-excerpt-button {
  13398. margin: 10px 10px 0 0;
  13399. text-align: right;
  13400. width: 140px
  13401. }
  13402. .article-metadata-wrap .booksish-excerpt-button {
  13403. width: 133px
  13404. }
  13405. .ui-btn.booksish-excerpt-button-text {
  13406. border: 1px solid #969696;
  13407. box-shadow: 1px 1px 1px #969696;
  13408. display: inline-block;
  13409. font: 400 12px/12px Arial,sans-serif;
  13410. font-weight: 700;
  13411. padding: 0 6px
  13412. }
  13413. .booksish-excerpt-button-text:after {
  13414. background: transparent url(../../images/book-reviews/books-sprite.png) -50px -4px no-repeat;
  13415. content: '';
  13416. display: inline-block;
  13417. height: 15px;
  13418. margin: 5px 0 0 10px;
  13419. width: 15px
  13420. }
  13421. .booksish-excerpt-subtitle {
  13422. color: #333;
  13423. display: inline-block;
  13424. font: 400 11px/12px Arial,sans-serif
  13425. }
  13426. .booksish-excerpt-subtitle>.link-to-bookish {
  13427. color: #333;
  13428. font: 400 11px/12px Arial,sans-serif;
  13429. font-weight: 700
  13430. }
  13431. .booksthreeup-primary-module {
  13432. background: #fff
  13433. }
  13434. .module-three-book-wrap {
  13435. float: left;
  13436. margin-top: 20px;
  13437. width: 410px
  13438. }
  13439. .module-book-wrap {
  13440. float: left;
  13441. height: 100%;
  13442. margin: 0 15px;
  13443. width: 100px
  13444. }
  13445. .module-book-image-number {
  13446. background: transparent url(../../images/book-reviews/books-sprite.png) -92px -62px;
  13447. color: #fff;
  13448. display: block;
  13449. font: 400 24px/40px 'Futura Today bold',arial,sans-serif;
  13450. height: 40px;
  13451. margin-left: 30px;
  13452. padding: 0;
  13453. position: absolute;
  13454. text-align: center;
  13455. top: 74px;
  13456. width: 41px
  13457. }
  13458. .module-book-title {
  13459. color: #333;
  13460. float: left;
  13461. font: 400 14px/18px Helvetica,Arial,sans-serif;
  13462. margin: 0;
  13463. padding: 3px 0 5px;
  13464. text-align: left;
  13465. width: 89px
  13466. }
  13467. .module-book-author {
  13468. color: #999;
  13469. font: 11px/14px arial,sans-serif;
  13470. margin: 0 0 15px;
  13471. padding: 0;
  13472. text-align: left
  13473. }
  13474. .module-book-search {
  13475. border: 1px solid #000;
  13476. float: left;
  13477. height: 100px;
  13478. width: 290px
  13479. }
  13480. .module-book-full-list:before {
  13481. font-family: 'Gannett Icons';
  13482. content: "a ";
  13483. font-size: 18px;
  13484. vertical-align: middle;
  13485. line-height: 1
  13486. }
  13487. .module-book-full-list {
  13488. color: #009af9;
  13489. font: 400 14px/18px arial,sans-serif;
  13490. font-weight: 700
  13491. }
  13492. .module-book-full-list:visited {
  13493. color: #009af9
  13494. }
  13495. .books-form-field-wrap {
  13496. margin: 15px 0;
  13497. display: inline-block
  13498. }
  13499. .module-books-search-title {
  13500. color: #333;
  13501. float: left;
  13502. font: 700 13px/24px arial,sans-serif;
  13503. margin: 18px 0 10px;
  13504. text-transform: uppercase;
  13505. width: 200px
  13506. }
  13507. .module-book-genre-list {
  13508. background: #fff;
  13509. box-shadow: inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.05),0 1px 2px -1px rgba(0,0,0,.4);
  13510. color: #666;
  13511. font: 300 12px/13px arial,sans-serif;
  13512. font-weight: 700;
  13513. margin: 10px 0;
  13514. width: 100%
  13515. }
  13516. .module-book-genre-list .ui-dropdown {
  13517. margin-top: 0
  13518. }
  13519. .module-book-allbook-list {
  13520. background: #fff;
  13521. box-shadow: inset 0 1px 0 rgba(255,255,255,.15),inset 0 -1px 0 rgba(255,255,255,.05),0 1px 2px -1px rgba(0,0,0,.4);
  13522. color: #666;
  13523. float: left;
  13524. font: 300 12px/13px arial,sans-serif;
  13525. font-weight: 700;
  13526. margin: 10px 10px 10px 0
  13527. }
  13528. .books-form-wrap {
  13529. float: left;
  13530. width: 285px
  13531. }
  13532. .books-form-submit-btn {
  13533. float: right
  13534. }
  13535. .module-books-radio {
  13536. display: inline-block;
  13537. width: 100%
  13538. }
  13539. .module-book-best-selling {
  13540. color: #000;
  13541. font: 400 14px/13px 'Futura Today',arial,sans-serif;
  13542. margin-bottom: 10px;
  13543. padding-right: 25px;
  13544. text-align: center
  13545. }
  13546. .module-book-best-selling:after {
  13547. background: transparent url(../../images/book-reviews/books-sprite.png) -6px -84px no-repeat;
  13548. content: '';
  13549. display: inline-block;
  13550. height: 18px;
  13551. margin-bottom: -5px;
  13552. margin-left: 5px;
  13553. width: 17px
  13554. }
  13555. .asset .ribbon-module .module-book-best-selling-title {
  13556. color: #000;
  13557. font: 300 17px/13px arial,sans-serif;
  13558. font-weight: 700;
  13559. margin: 10px 0 0 30px;
  13560. text-align: left;
  13561. text-transform: none;
  13562. width: 277px
  13563. }
  13564. .asset .ribbon-module .module-book-best-selling-author {
  13565. color: #505050;
  13566. font: 12px/13px arial,sans-serif;
  13567. font-style: italic;
  13568. margin: 5px 0 0 30px;
  13569. padding: 0;
  13570. text-align: left;
  13571. text-transform: none;
  13572. width: 277px
  13573. }
  13574. .module-book-best-selling-li {
  13575. border-bottom: 1px dotted #787878;
  13576. float: left;
  13577. list-style-position: inside;
  13578. list-style-type: none;
  13579. padding: 10px 15px;
  13580. width: 288px
  13581. }
  13582. .module-book-best-selling-li:before {
  13583. color: #0af;
  13584. content: counter(li);
  13585. counter-increment: li;
  13586. float: left;
  13587. font: 400 35px/13px 'Futura Today Bold',arial,sans-serif;
  13588. margin: 10px 10px 0 0;
  13589. min-width: 20px;
  13590. text-align: center;
  13591. text-shadow: 1px 1px white,-1px -1px #444;
  13592. vertical-align: middle
  13593. }
  13594. .module-book-best-selling-list {
  13595. counter-reset: li;
  13596. font-size: 16px
  13597. }
  13598. .search-full-books-list {
  13599. width: 220px;
  13600. float: left
  13601. }
  13602. .five-up-booklist-number {
  13603. color: #21acff;
  13604. float: left;
  13605. font: 400 45px/35px 'Futura Today Bold',arial,sans-serif;
  13606. text-align: center;
  13607. text-shadow: rgba(0,0,0,.1) -1px 0,rgba(0,0,0,.6) 0 -1px,rgba(255,255,255,.1) 1px 0,rgba(255,255,255,.6) 0 1px,rgba(0,0,0,.1) -1px -1px,rgba(255,255,255,.6) 1px 1px;
  13608. width: 30px
  13609. }
  13610. .five-up-booklist-list {
  13611. width: 328px
  13612. }
  13613. .five-up-booklist-list-item {
  13614. border-bottom: 1px dotted #989898;
  13615. list-style-type: none;
  13616. margin: 0;
  13617. padding: 16px 0 16px 11px;
  13618. width: 308px
  13619. }
  13620. .five-up-booklist-info-text {
  13621. float: left;
  13622. margin-left: 15px;
  13623. text-align: left;
  13624. width: 230px
  13625. }
  13626. .five-up-meta-title {
  13627. color: #333;
  13628. font: 400 16px Arial,sans-serif;
  13629. font-weight: 700;
  13630. margin: 0 0 5px;
  13631. text-align: left;
  13632. text-transform: none
  13633. }
  13634. .five-up-meta-author {
  13635. color: #666;
  13636. font: 400 12px/12px Arial,sans-serif;
  13637. font-style: italic;
  13638. margin: 0;
  13639. text-align: left;
  13640. text-transform: none
  13641. }
  13642. .five-up-books-list-link {
  13643. color: #333;
  13644. font: 400 12px/15px Arial,sans-serif;
  13645. font-weight: 700;
  13646. margin: 20px 0;
  13647. text-align: center;
  13648. text-transform: none;
  13649. width: 328px
  13650. }
  13651. .five-up-books-list-link:after {
  13652. background: transparent url(../../images/book-reviews/books-sprite.png) -6px -84px no-repeat;
  13653. content: '';
  13654. display: inline-block;
  13655. height: 17px;
  13656. margin: 2px 5px 0 6px;
  13657. width: 17px
  13658. }
  13659. .five-up-books-list-text {
  13660. vertical-align: 25%
  13661. }
  13662. .five-up-booklist-rating {
  13663. float: left;
  13664. padding: 10px 0 0;
  13665. width: 300px
  13666. }
  13667. .five-up-booklist-rating>.five-up-booklist-rating-text {
  13668. color: #333;
  13669. float: left;
  13670. font-size: 11px;
  13671. font-weight: 700;
  13672. padding: 2px 0 0;
  13673. text-align: left;
  13674. width: 110px
  13675. }
  13676. .five-up-booklist-stars,.five-up-booklist-stars>span {
  13677. background: url(../../images/book-reviews/stars.png) 0 -16px repeat-x;
  13678. display: block;
  13679. float: left;
  13680. height: 16px;
  13681. width: 80px
  13682. }
  13683. .five-up-booklist-stars>span {
  13684. background-position: 0 0
  13685. }
  13686. .five-up-booklist-star-holder {
  13687. float: left;
  13688. margin-top: 8px;
  13689. width: 80px
  13690. }
  13691. .front-booklist-paginiation,.gr_pagination {
  13692. color: #787878;
  13693. font: 400 9px/10px 'Futura Today Bold',arial,sans-serif
  13694. }
  13695. .front-booklist-paginiation,.gr_pagination>div>a,.gr_pagination .previous_page,.gr_pagination .current {
  13696. float: left;
  13697. margin: 10px 0;
  13698. padding: 2px 4px
  13699. }
  13700. .front-booklist-paginiation:visited {
  13701. color: #787878
  13702. }
  13703. .front-booklist-paginiation:hover {
  13704. color: #0af
  13705. }
  13706. .front-booklist-paginiation.selected {
  13707. background-color: #dcdcdc;
  13708. border-radius: 5px
  13709. }
  13710. .front-booklist-pagination-prev {
  13711. background: transparent url(../../images/book-reviews/books-sprite.png) -43px -84px no-repeat;
  13712. display: block;
  13713. float: left;
  13714. height: 17px;
  13715. margin: 9px 5px;
  13716. overflow: hidden;
  13717. width: 17px
  13718. }
  13719. .front-booklist-pagination-next {
  13720. background: transparent url(../../images/book-reviews/books-sprite.png) -6px -84px no-repeat;
  13721. display: block;
  13722. float: left;
  13723. height: 17px;
  13724. margin: 9px 5px 13px 4px;
  13725. overflow: hidden;
  13726. width: 17px
  13727. }
  13728. .front-booklist-filters {
  13729. border-bottom: 1px solid #c8c8c8;
  13730. float: left;
  13731. padding: 10px 0 20px;
  13732. width: 680px
  13733. }
  13734. .front-booklist-filters .front-booklist-return {
  13735. padding-left: 2px
  13736. }
  13737. .front-booklist-sortby {
  13738. border-right: 1px solid #c8c8c8;
  13739. padding-right: 20px;
  13740. width: 91px
  13741. }
  13742. .front-booklist-classpicker {
  13743. width: 113px
  13744. }
  13745. .front-booklist-sortby,.front-booklist-classpicker {
  13746. float: left;
  13747. margin-right: 20px
  13748. }
  13749. .front-booklist-genrepicker {
  13750. float: left;
  13751. margin-right: auto
  13752. }
  13753. .front-booklist-genrepicker .ui-dropdown {
  13754. min-width: 274px
  13755. }
  13756. #booklist-sortby,#booklist-classpicker,#booklist-genrepicker {
  13757. color: #787878;
  13758. font: 700 12px/15px Arial,sans-serif;
  13759. padding: 5px 0;
  13760. vertical-align: middle;
  13761. width: 133px
  13762. }
  13763. #booklist-genrepicker {
  13764. width: 274px
  13765. }
  13766. .front-booklist-datepicker {
  13767. color: #787878;
  13768. float: right;
  13769. font: 400 12px/16px Arial,sans-serif;
  13770. font-weight: 700;
  13771. padding-top: 1px
  13772. }
  13773. #booklist-datepicker {
  13774. background: transparent url(../../images/book-reviews/books-sprite.png) -95px -34px no-repeat;
  13775. float: left;
  13776. height: 30px;
  13777. line-height: normal;
  13778. padding-left: 24px;
  13779. vertical-align: middle;
  13780. width: 118px
  13781. }
  13782. .ui-datepicker-calendar .week-ui-state-hover {
  13783. border-color: #1a90e5
  13784. }
  13785. .front-booklist-pagination-prev,.front-booklist-pagination-next {
  13786. overflow: hidden;
  13787. text-indent: -100%
  13788. }
  13789. .story-booklist-this-week,.story-booklist-last-week,.story-booklist-week-count,.story-booklist-best-week {
  13790. background-color: #f0f0f0;
  13791. box-shadow: inset 0 1px 2px 0 #c8c8c8;
  13792. float: left;
  13793. margin: 0 6px 10px 0;
  13794. padding: 8px 0;
  13795. width: 76px
  13796. }
  13797. .asset-double-wide .book-this-week-number {
  13798. color: #666;
  13799. display: inline-block;
  13800. font: 400 24px/30px 'Futura Today Bold',arial,sans-serif;
  13801. margin: 0;
  13802. padding-right: 7px;
  13803. text-align: right;
  13804. width: 62px
  13805. }
  13806. .asset-double-wide .book-last-week-number,.asset-double-wide .book-last-week-count,.asset-double-wide .book-best-week-number {
  13807. color: #666;
  13808. display: inline-block;
  13809. font: 400 24px/30px 'Futura Today Bold',arial,sans-serif;
  13810. margin: 0;
  13811. padding-right: 7px;
  13812. text-align: center;
  13813. width: 70px
  13814. }
  13815. .asset-double-wide .book-right-descriptor {
  13816. color: #666;
  13817. font: 400 11px/12px Arial,sans-serif;
  13818. font-weight: 700;
  13819. margin: 0;
  13820. text-align: center;
  13821. text-transform: none;
  13822. width: 75px
  13823. }
  13824. .story-book-ranking-title {
  13825. color: #666;
  13826. font: 400 14px/14px 'Futura Today Bold',Arial,sans-serif;
  13827. letter-spacing: 1px;
  13828. margin: 0 0 10px;
  13829. text-transform: uppercase
  13830. }
  13831. .story-book-ranking-title-link:visited {
  13832. color: #666
  13833. }
  13834. .story-book-ranking-title-link:hover {
  13835. color: #1a95d2
  13836. }
  13837. .booklist-best-week-one .book-best-week-number,.booklist-best-week-one .booklist-pound,.story-book-ranking-content .booklist-best-week-one .story-booklist-pound,.booklist-best-week-one .book-right-descriptor,.story-book-ranking-content .booklist-best-week-one .book-right-descriptor {
  13838. color: #009bff
  13839. }
  13840. .asset-double-wide .story-booklist-debuted {
  13841. border-bottom: 1px solid #DCDCDC;
  13842. color: #797979;
  13843. font: 400 11px/12px 'Futura Today',arial,sans-serif;
  13844. margin-right: 7px;
  13845. padding-bottom: 5px;
  13846. text-align: right
  13847. }
  13848. .asset-double-wide .story-booklist-ranked-reviewed {
  13849. margin-bottom: 0
  13850. }
  13851. .story-booklist-ranking-stars {
  13852. border-bottom: 1px dotted #c8c8c8;
  13853. border-top: 1px dotted #c8c8c8;
  13854. float: left;
  13855. margin: 0 0 15px;
  13856. padding: 0;
  13857. width: 323px
  13858. }
  13859. .story-book-review-listed .story-booklist-ranking-stars {
  13860. border-top: 0
  13861. }
  13862. .story-booklist-ranking-stars .booklist-stars {
  13863. margin-top: 8px
  13864. }
  13865. .asset-double-wide .story-booklist-ranking-text {
  13866. color: #333;
  13867. float: left;
  13868. font: 400 11px/15px Arial,sans-serif;
  13869. font-weight: 700;
  13870. margin: 10px 10px 10px 0;
  13871. text-align: left
  13872. }
  13873. .ui-datepicker-calendar .week-ui-state-hover {
  13874. background-color: #0af;
  13875. border-color: #1a90e5
  13876. }
  13877. #goodreads-widget {
  13878. border-top: 1px solid #dcdcdc;
  13879. margin: 20px 0 10px 60px;
  13880. padding: 15px 0;
  13881. width: 540px
  13882. }
  13883. .NonReviewedBook #goodreads-widget {
  13884. margin-left: 270px;
  13885. width: 330px
  13886. }
  13887. .gr_reviews_header a {
  13888. color: #333;
  13889. font: 400 13px/12px 'Futura Today Bold',arial,sans-serif;
  13890. text-transform: uppercase
  13891. }
  13892. .gr_reviews_showing {
  13893. color: #333;
  13894. font: 400 11px/12px 'Futura Today',arial,sans-serif;
  13895. font-style: italic
  13896. }
  13897. .gr_review_container {
  13898. border-bottom: 1px solid #dcdcdc;
  13899. color: #656565;
  13900. font: 400 11px/16px Arial,sans-serif;
  13901. font-style: italic;
  13902. margin: 0 0 10px;
  13903. padding: 15px 0 40px
  13904. }
  13905. .asset-double-wide .gr_review_container a {
  13906. color: #656565;
  13907. font: 400 11px/17px Arial,sans-serif;
  13908. font-style: italic
  13909. }
  13910. .gr_review_text {
  13911. color: #333;
  13912. font: 400 12px/20px Arial,sans-serif;
  13913. word-wrap: break-word
  13914. }
  13915. .gr_review_text>img,.gr_review_text>object,.gr_review_text>iframe,.gr_review_text>a>img,.gr_review_text>a>object,.gr_review_text>a>iframe,.gr_review_text .escapedImg {
  13916. display: none
  13917. }
  13918. .gr_review_container a,.gr_rating {
  13919. color: #0af
  13920. }
  13921. .no-border .asset-metabar {
  13922. border: 0
  13923. }
  13924. .asset-double-wide a.gr_more_link {
  13925. color: #333;
  13926. display: inline-block;
  13927. float: left;
  13928. font: 400 12px/12px Arial,sans-serif;
  13929. font-weight: 700;
  13930. margin: 15px 0 20px;
  13931. width: 540px
  13932. }
  13933. .asset-double-wide.NonReviewedBook a.gr_more_link {
  13934. width: 330px
  13935. }
  13936. .asset-double-wide a.gr_more_link:before {
  13937. background: transparent url(../../images/book-reviews/books-sprite.png) -6px -84px no-repeat;
  13938. display: inline-block;
  13939. float: left;
  13940. height: 17px;
  13941. margin: -2px 5px 0 0;
  13942. width: 17px
  13943. }
  13944. .gr_branding {
  13945. display: none
  13946. }
  13947. .story-booklist-pound {
  13948. font: 400 12px/12px 'Futura Today Bold',arial,sans-serif;
  13949. vertical-align: super
  13950. }
  13951. .book-review .article-metadata-wrap {
  13952. background: url(../../images/patterns/paper-noise.png) repeat scroll left top #FFF;
  13953. margin: 0;
  13954. padding: 0 30px 0 60px
  13955. }
  13956. .front-booklist-info-container {
  13957. display: table
  13958. }
  13959. .front-booklist-number,.front-booklist-image-rating-container,.front-booklist-info-text,.booklist-ranking-column {
  13960. display: table-cell
  13961. }
  13962. .front-booklist-image-rating-container {
  13963. width: auto
  13964. }
  13965. .front-booklist-info-text {
  13966. margin: 0;
  13967. padding: 0 0 0 20px
  13968. }
  13969. .books-front-meta-authorInfo {
  13970. display: inline-block;
  13971. -ms-word-wrap: normal;
  13972. word-wrap: normal
  13973. }
  13974. .books-front-meta-rated-author {
  13975. line-height: 1.2;
  13976. max-width: 111px
  13977. }
  13978. .booklist-ranking-column {
  13979. vertical-align: top;
  13980. width: 105px
  13981. }
  13982. .books-list-link {
  13983. display: inline-block
  13984. }
  13985. .books-list-link:hover .front-booklist-image {
  13986. background: rgba(0,0,0,.5);
  13987. opacity: .5
  13988. }
  13989. .module-book-wrap:hover .module-book-image-number {
  13990. background-position: -92px -110px
  13991. }
  13992. .module-book-wrap:hover .module-book-title,.books-list-link:hover .books-front-meta-title,.module-book-full-list:hover,.five-up-booklist-list-item-link:hover>.five-up-booklist-info-text>.five-up-meta-title {
  13993. color: #009bff
  13994. }
  13995. .booksthreeup-primary .featured-content-primary {
  13996. display: table-cell;
  13997. overflow: visible
  13998. }
  13999. .front-booklist-filters {
  14000. display: table;
  14001. vertical-align: 50%
  14002. }
  14003. .front-booklist-sortby,.front-booklist-classpicker,.front-booklist-genrepicker,.front-booklist-datepicker {
  14004. display: table-cell;
  14005. height: 52px
  14006. }
  14007. .front-booklist-info-text .booksish-excerpt-button {
  14008. float: right;
  14009. margin-top: 19px
  14010. }
  14011. .front-booklist-info-text .booklist-comp {
  14012. margin-top: 19px
  14013. }
  14014. .card-primary.booklist-module {
  14015. border-top: 1px solid #c8c8c8
  14016. }
  14017. .module-book-image {
  14018. border: 1px solid #dadada;
  14019. box-shadow: 1px 2px 2px 0 rgba(0,0,0,.2);
  14020. -webkit-transition: background-color,border-color .15s,.15s;
  14021. -moz-transition: background-color,border-color .15s,.15s;
  14022. transition: background-color,border-color .15s,.15s;
  14023. display: inline-block
  14024. }
  14025. .module-book-wrap:hover .module-book-image {
  14026. border-color: #4a9cff
  14027. }
  14028. .twitter-primary-module,.twitter-sidebar-content {
  14029. background: #fff
  14030. }
  14031. .tweet {
  14032. color: #333;
  14033. font-size: 14px;
  14034. line-height: 18px;
  14035. margin: 0 .25em 15px
  14036. }
  14037. .tweet-action-link:hover {
  14038. color: #000
  14039. }
  14040. .tweet-meta-link-avatar {
  14041. float: left;
  14042. height: 35px;
  14043. width: 35px
  14044. }
  14045. .tweet-meta {
  14046. font-size: 11px;
  14047. margin: 5px 0 0;
  14048. padding-bottom: 10px;
  14049. width: 100%
  14050. }
  14051. .tweet-meta-name {
  14052. font: 700 14px/18px arial,sans-serif;
  14053. color: #333
  14054. }
  14055. .tweet-meta-screen-name {
  14056. color: #999;
  14057. font-size: 13px
  14058. }
  14059. .tweet-meta-link,.tweet-meta-link:visited {
  14060. color: #000
  14061. }
  14062. .tweet-meta-link:hover {
  14063. color: #007ccf
  14064. }
  14065. .tweet-meta-time {
  14066. float: left;
  14067. color: #999;
  14068. margin: 0
  14069. }
  14070. .tweet_time_ago {
  14071. color: #999;
  14072. font: 400 11px/18px arial,sans-serif
  14073. }
  14074. .twitter-module {
  14075. height: auto
  14076. }
  14077. .tweet-list {
  14078. font-size: 12px;
  14079. height: auto;
  14080. line-height: 1.5;
  14081. list-style: none;
  14082. display: table;
  14083. border-collapse: separate
  14084. }
  14085. .card-tweet-list,.stagfront-tweet-list {
  14086. border-spacing: 20px
  14087. }
  14088. .card-tweet-list .tweet,.stagfront-tweet-list .tweet {
  14089. height: 5.14em
  14090. }
  14091. .sidebar-tweet-list .tweet-item {
  14092. padding: 20px
  14093. }
  14094. .tweet-item {
  14095. -moz-box-sizing: border-box;
  14096. -webkit-box-sizing: border-box;
  14097. box-sizing: border-box;
  14098. display: table-cell;
  14099. width: 360px
  14100. }
  14101. .stagfront-tweet-list .tweet-item {
  14102. width: 334px
  14103. }
  14104. .stagfront-twitter-header {
  14105. font: 14px/18px 'Futura Today Bold','helvetica neue',arial,sans-serif;
  14106. padding: 0 20px;
  14107. text-transform: uppercase
  14108. }
  14109. .twitter-sidebar {
  14110. -moz-box-sizing: border-box;
  14111. -webkit-box-sizing: border-box;
  14112. background: #f9f9f9;
  14113. box-sizing: border-box;
  14114. height: 650px;
  14115. overflow: hidden;
  14116. padding-bottom: 35px;
  14117. position: relative
  14118. }
  14119. .twitter-sidebar .size-bar-header {
  14120. left: 0;
  14121. position: absolute;
  14122. top: 0
  14123. }
  14124. .twitter-sidebar-content {
  14125. -moz-box-sizing: border-box;
  14126. -webkit-box-sizing: border-box;
  14127. box-sizing: border-box;
  14128. height: 100%;
  14129. overflow: hidden;
  14130. position: relative;
  14131. padding-bottom: 35px
  14132. }
  14133. .twitter-sidebar .tweet-item {
  14134. border-bottom: 1px solid #d3d3d3;
  14135. border-top: 1px solid #fff;
  14136. float: left;
  14137. width: 100%
  14138. }
  14139. .twitter-sidebar .tweet:last-child {
  14140. border-bottom: 0
  14141. }
  14142. .twitter-sidebar .twitter-footer {
  14143. bottom: 0;
  14144. left: 0;
  14145. position: absolute;
  14146. width: 100%
  14147. }
  14148. .twitter-sidebar .twitter-link {
  14149. background: #1877b6;
  14150. -moz-box-sizing: border-box;
  14151. -webkit-box-sizing: border-box;
  14152. box-sizing: border-box;
  14153. color: #fff;
  14154. display: block;
  14155. font-family: 'Futura Today Bold',arial,sans-serif;
  14156. font-size: 11px;
  14157. height: auto;
  14158. letter-spacing: .06em;
  14159. padding: 10px 14px 10px 30px;
  14160. text-shadow: 1px 1px 0 rgba(0,0,0,.3);
  14161. text-transform: uppercase;
  14162. width: 100%
  14163. }
  14164. .tweet-meta-name-verified-True:after,.twitter-sidebar .twitter-link:before {
  14165. background: url(../../images/sprites/twitter-sprite.png) no-repeat
  14166. }
  14167. .twitter-sidebar .twitter-link:before {
  14168. background-position: 0 0;
  14169. content: "";
  14170. display: block;
  14171. height: 20px;
  14172. left: 8px;
  14173. margin-top: -10px;
  14174. position: absolute;
  14175. top: 50%;
  14176. width: 20px
  14177. }
  14178. .tweet-meta-name-verified-True:after {
  14179. background-position: -24px 0;
  14180. content: "";
  14181. display: inline-block;
  14182. height: 15px;
  14183. width: 20px;
  14184. margin-bottom: -2px
  14185. }
  14186. .tweet-actions {
  14187. float: right;
  14188. height: 18px
  14189. }
  14190. .tweet-actions .tweet-action-link {
  14191. float: left;
  14192. margin-right: 3px;
  14193. padding: 0 0 0 2px;
  14194. font: 400 11px/18px arial,sans-serif;
  14195. color: #666
  14196. }
  14197. .tweet-actions .tweet-action-link:visited {
  14198. color: #666
  14199. }
  14200. .tweet-actions>.tweet-reply:before {
  14201. background: url(https://si0.twimg.com/images/dev/cms/intents/icons/reply.png) no-repeat 0 0;
  14202. content: "";
  14203. display: block;
  14204. float: left;
  14205. height: 18px;
  14206. width: 20px
  14207. }
  14208. .tweet-actions>.tweet-retweet:before {
  14209. background: url(https://si0.twimg.com/images/dev/cms/intents/icons/retweet.png) no-repeat 0 1px;
  14210. content: "";
  14211. display: block;
  14212. float: left;
  14213. height: 18px;
  14214. width: 20px
  14215. }
  14216. .tweet-actions>.tweet-favorite:before {
  14217. background: url(https://si0.twimg.com/images/dev/cms/intents/icons/favorite.png) no-repeat 0 0;
  14218. content: "";
  14219. display: block;
  14220. float: left;
  14221. height: 18px;
  14222. width: 20px
  14223. }
  14224. .tweet-actions>.tweet-reply:hover:before {
  14225. background: url(https://si0.twimg.com/images/dev/cms/intents/icons/reply_hover.png) no-repeat 0 0
  14226. }
  14227. .tweet-actions>.tweet-retweet:hover:before {
  14228. background: url(https://si0.twimg.com/images/dev/cms/intents/icons/retweet_hover.png) no-repeat 0 0
  14229. }
  14230. .tweet-actions>.tweet-favorite:hover:before {
  14231. background: url(https://si0.twimg.com/images/dev/cms/intents/icons/favorite_hover.png) no-repeat 0 0
  14232. }
  14233. .tweet-actions>.tweet-reply:hover,.tweet-actions>.tweet-retweet:hover,.tweet-actions>.tweet-favorite:hover {
  14234. color: #666
  14235. }
  14236. .twitter-follow {
  14237. background-color: #f8f8f8;
  14238. background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#dedede));
  14239. background-image: -moz-linear-gradient(top,#fff,#dedede);
  14240. background-image: -o-linear-gradient(top,#fff,#dedede);
  14241. background-image: -ms-linear-gradient(top,#fff,#dedede);
  14242. background-image: linear-gradient(top,#fff,#dedede);
  14243. border: #ccc solid 1px;
  14244. border-radius: 3px;
  14245. clear: none;
  14246. cursor: pointer;
  14247. float: right;
  14248. font-weight: 700;
  14249. height: 18px;
  14250. margin-top: 0;
  14251. overflow: hidden;
  14252. position: relative;
  14253. text-shadow: 0 1px 0 rgba(255,255,255,.5);
  14254. -webkit-user-select: none;
  14255. -moz-user-select: none;
  14256. -o-user-select: none;
  14257. user-select: none;
  14258. width: 60px
  14259. }
  14260. a.twitter-follow-label {
  14261. padding: 0 3px 0 19px;
  14262. white-space: nowrap;
  14263. color: #333
  14264. }
  14265. .twitter-follow-label:before {
  14266. background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAoCAYAAABq13MpAAAGcklEQVRYw+2YXUyTVxjHz4vJLiZGd7MtXi2LkZtdELM7lyzOG7Nk2RJvl8iujBiNV2JcMA0fwqCFEGCAfJRC+SyltqWFgnwUlIKAWB3yOVrAttQWC1ZCOi6ePc8LL74tVD6ly2KTf87J6Tnv+3uf8zzP+WAAwEhMIj8h1MViEs0Jlqi+we5oJFjGCX3D9X+fmKTmq/f/rzkRlX5fzkmNPhLVqW2DQ1Ify9eFAZ8kafUsURMX+qCo1BYry3oILKcfmLQb2N3Wzqhk48xn6YbLuwJO1cQeydAvURkWONtk5UoGgKsaXRPWo3LarVHSJvkRmXHm+6pHV3h4YdDp0gE7D5XUJPo6QyzLfwKscgZY1UtgChuwkjH4tOhpQPp4Nn430GeU/TcJ4sif5iV2V/NL6P/H81oTOIUVuPsO4AyeNVG9ehw4xTP4oubZ268VFiP2jd4Y9Hufw8TKJoAgufT2RZZikJ8s7JMzxTQw1QKwhtdrZY0Likd9Azjm1G6gpcOz8VzdFHC1E8AV9gKXYdCI3eWc9q96Tj0DnHEBuObXa6J60yvgtC740Tw3jf0Sgtzj89JhK6tyAKt2Ag9f+AxY8SgPyQMLUs5hd/hut/5MH3mp3z3H6eeBa7ADV/4UuNxO4DINw1GyZklMw/MhTut8BywCj2mb9wvAQdBN0z5ldJ1zlbemygusdn5NVBeA8b/Tart/D8CMyVrjjteNeo81v1rljF7gdC7gVNPAKUeAdwuaAb17MzS6yTdGmzPoWWJLXLG8Go9We1aDLCtWnRskA27zXqCfuP0Xj9ZNBHgwwQWE6acP4Nu9m6FxZn7tmbWEg2Zpg670U1rXUpB1xVbWOsjKF/YCTQHU5X5rjmn3+IP8djthMJaNe+6EhUbFmub8jefaPZ5NbtHk8TuX/1HsEZiXetJz5rc+11BMxw7Bsc+3bS99oUH/bgGRYCL/o93Hp7gKO7B6zzqwF342L7jWgaP3A03jzxrGTJzm5dausIVrlP/tU22KD+FhFJ1djjfma4/mbdf6vbZrgz6bbOTN6IvFgGU9cvcLLOjqi6WA5bp10RbTuRDe4vhR1594bTT74aA3ghEVJxL575cHBLuhC3rr+bPN06ajOkdgS4tj26UB79w6A9sO+oMpKk0j5zKbOrksk48reLiW6mjFE0Oj1U+2elbK7P7nNCNh0+dhQZOLSa0u3U8dttmTOvsKv5DQUo2gx0wLqz88eu2RTbwZxX412y1ehwnN1mES1sE6RdKjkneaTg8b+kD0Efoj9P8WWiKRbHnmo/bExMQbWEqwjBPawvU/VOjk5GQ9gmxagdLS0qzZ2dmQm5sLWVlZkJ6e3pmamjqD5eWIQ8vlcjtBpaSkyAUrIlxsQUEBKJVKqK6uhsrKSigrK4Pi4uLA48eP4yMO3dfXZyovLweCzMjIWCT4e/fuySsqKkCtVkNjYyNf1tXVwdjY2K7PiB8EurS01FpTUwO1tbVA8AgM2MZDErAgsvgez4gHD22325UqlWqVrEmqr6/nJVhZsDSW/v288NatW++9sFkPcjm6po9EdcFdqbx9+3Zs0LbUYrGMazSaVbFlxcKPgqGhIfNegfGlsRjwS1SGA6bAz8/P52eZRHV0Vyu5KyUA9IIrQYMGBwfT9Xr9kti6YivrdLr9nBEZBvHNvLw8ykIEvunCRiaTJRQVFQG5aUNDAy+qU/CTuyLwWyyNm86IDoejsaOjwxPqFkaj0b+8vLyvMyIaJV6hUPAxk5OTA2g5DcJvuAvOZD1lqtB30wxTbLW1tfEXNhvTkpSUJM/MzPQJKY6+UhjU3d3tWgfe75HrVE9PzxzFCr2jsLAQpFIppdlh/ABJVVXVECWCrWYZPcAfesPEnxHRyube3l4b5mAbWsU2ir/FxcUDOyOiv8ahpb0UN0L6pJRaUlIC5BY0A2TVUGgyII5xRuSM6Ha7LyJkgMDEuV+YfnG7WDQzDx48sERqwxTtdDrNFB9bwYUTBSNO+p2I7fImJyfPoF8PNTc37wic+hgMhqALm0isaNEIY6KVdSfQ5BoTExOq/8J++ioFOAV7S0tLWItTOyWF0AubiO0fMOjO42JlwgAMhFvMMJNteWFzqKC0j8Cc3Il7cR/t0SnVUZCFLiaYk1empqbCXtgctoUTcO+iQ5eYRUuv0EJCOZhAtVrtaldXl2dkZGTbC5tIuMa+L2z+BexZXK+OBaruAAAAAElFTkSuQmCC);
  14267. content: '';
  14268. height: 13px;
  14269. left: 2px;
  14270. margin-top: -5px;
  14271. position: absolute;
  14272. top: 50%;
  14273. width: 16px
  14274. }
  14275. .twitter-row {
  14276. display: table-row;
  14277. width: 100%
  14278. }
  14279. .card-tweet-list .row-1 .tweet-item,.stagfront-tweet-list .row-1 .tweet-item,.stagfront-tweet-list .row-2 .tweet-item {
  14280. border-bottom: #e5e5e5 1px dashed;
  14281. border-left: 10px #fff;
  14282. border-right: 10px #fff;
  14283. padding: 0 0 20px
  14284. }
  14285. .tweets .split-two .no-right-padding {
  14286. padding-right: 0
  14287. }
  14288. .elections-primary {
  14289. background-color: #100100100;
  14290. background-image: none;
  14291. float: left
  14292. }
  14293. .epm-header {
  14294. background-color: #f2f2f2;
  14295. border-bottom: 1px solid #d2d2d2;
  14296. float: left;
  14297. padding: 10px 15px;
  14298. width: 690px
  14299. }
  14300. .epm-title {
  14301. color: #666;
  14302. float: left;
  14303. font-family: 'Futura Today Light',Arial,sans-serif;
  14304. font-size: 16px;
  14305. margin: 2px 0 0;
  14306. text-transform: uppercase;
  14307. width: 277px
  14308. }
  14309. .epm-selector {
  14310. background-color: #efefef;
  14311. border: 1px solid #bdbdbd;
  14312. border-radius: 2px;
  14313. color: #333;
  14314. cursor: pointer;
  14315. float: right;
  14316. font-family: Arial,sans-serif;
  14317. font-size: 11px;
  14318. font-weight: 700;
  14319. height: 15px;
  14320. margin: 0 1%;
  14321. padding: 5px 4px 4px;
  14322. text-align: center;
  14323. width: 10%
  14324. }
  14325. .epm-selector.selected {
  14326. background-color: gray;
  14327. border: 1px solid #757575;
  14328. color: #fff
  14329. }
  14330. .epm-module-link-container {
  14331. border: 0;
  14332. border-right: 1px solid #dcdcdc;
  14333. float: left;
  14334. margin-top: 28px;
  14335. padding-bottom: 0;
  14336. text-decoration: none;
  14337. width: 23%
  14338. }
  14339. .epm-module-link-small {
  14340. color: #000;
  14341. float: left;
  14342. font-family: 'Futura Today Light',Arial,sans-serif;
  14343. font-size: 19px;
  14344. text-align: center;
  14345. width: 100%
  14346. }
  14347. .epm-module-link {
  14348. color: #2d8cd0;
  14349. float: left;
  14350. font-family: 'Futura Today' Arial,sans-serif;
  14351. font-size: 25px;
  14352. line-height: 28px;
  14353. text-align: center;
  14354. width: 100%
  14355. }
  14356. .epm-races-holder {
  14357. float: right;
  14358. margin: 8px 20px 9px 0;
  14359. width: 250px
  14360. }
  14361. .epm-senate-numbers {
  14362. display: block
  14363. }
  14364. .epm-house-numbers,.epm-governor-numbers {
  14365. display: none
  14366. }
  14367. .epm-key-races {
  14368. display: none;
  14369. float: right;
  14370. margin: 14px 20px 15px;
  14371. width: 71%
  14372. }
  14373. .epm-incumbent {
  14374. color: #666;
  14375. float: left;
  14376. font-size: 8px;
  14377. margin-top: 5px
  14378. }
  14379. .epm-key-incumbent {
  14380. float: right;
  14381. color: #666;
  14382. font-size: 8px;
  14383. margin-right: 11px;
  14384. margin-top: 5px
  14385. }
  14386. .epm-map {
  14387. float: left;
  14388. height: 156px;
  14389. width: 274px;
  14390. background-repeat: no-repeat;
  14391. background-size: cover
  14392. }
  14393. .epm-race-type {
  14394. float: right;
  14395. font-size: .7em;
  14396. font-weight: lighter
  14397. }
  14398. .epm-candidate.Democratic:after {
  14399. color: #245468;
  14400. content: " (D)";
  14401. display: inline
  14402. }
  14403. .epm-candidate.Republican:after {
  14404. color: #742b32;
  14405. content: " (R)";
  14406. display: inline
  14407. }
  14408. .epm-carousel-li {
  14409. float: left;
  14410. list-style-type: none;
  14411. margin: 0 0 2px;
  14412. width: 522px
  14413. }
  14414. .epm-candidate-state {
  14415. background-color: #f0f0f0;
  14416. border-right: 1px solid #dcdcdc;
  14417. color: #666;
  14418. float: left;
  14419. font-family: "Futura Today Demi" Helvetica,Symbol,Arial,sans-serif;
  14420. font-size: .6em;
  14421. font-weight: 700;
  14422. height: 70px;
  14423. padding: 10px 0 5px;
  14424. text-align: center;
  14425. width: 50px
  14426. }
  14427. .epm-candidate-state.d-lean {
  14428. color: #547a8a
  14429. }
  14430. .epm-candidate-state.r-lean {
  14431. color: #742b32
  14432. }
  14433. .epm-state-holder {
  14434. color: #666;
  14435. float: left;
  14436. font-size: 4em;
  14437. margin-top: 5px;
  14438. width: 100%;
  14439. text-align: center
  14440. }
  14441. .epm-candidate-state.d-lean .state-holder {
  14442. color: #527c8a
  14443. }
  14444. .epm-candidate-state.r-lean .state-holder {
  14445. color: #742b32
  14446. }
  14447. .epm-candidate-state.t-lean .state-holder {
  14448. color: #666
  14449. }
  14450. .epm-candidate-candidates {
  14451. float: left;
  14452. height: 64px;
  14453. width: 97px
  14454. }
  14455. .epm-candidate-container {
  14456. float: left;
  14457. font-size: 14px;
  14458. padding-top: 9px;
  14459. padding-left: 5px;
  14460. width: 100%
  14461. }
  14462. .epm-lean-container {
  14463. border-bottom: 1px solid #dcdcdc;
  14464. float: left;
  14465. font-size: 11px;
  14466. height: 19px;
  14467. width: 84px;
  14468. padding: 8px 9px 4px
  14469. }
  14470. .epm-lean-container.r-lean {
  14471. color: #742b32
  14472. }
  14473. .epm-lean-container.d-lean {
  14474. color: #527c8a
  14475. }
  14476. .epm-candidate-box,.epm-candidate-box:visited {
  14477. border: 1px solid #dcdcdc;
  14478. float: left;
  14479. list-style-type: none;
  14480. margin: 0 10px;
  14481. position: relative;
  14482. width: 29%;
  14483. color: #666
  14484. }
  14485. .epm-candidate-box:after {
  14486. content: "";
  14487. height: 99px;
  14488. width: 100%;
  14489. position: absolute;
  14490. bottom: -1%;
  14491. left: 0;
  14492. box-shadow: 0 0 13px -4px rgba(0,0,0,.35)
  14493. }
  14494. .epm-candidate {
  14495. float: left;
  14496. font-family: "Futura Today" Helvetica,Arial,sans-serif;
  14497. font-size: .7em;
  14498. font-weight: 400;
  14499. margin: 0;
  14500. padding: 1px 5%;
  14501. width: 100%
  14502. }
  14503. .Democratic {
  14504. color: #527c8a
  14505. }
  14506. .Republican {
  14507. color: #742b32
  14508. }
  14509. .epm-candidate.Y:before {
  14510. color: #646464;
  14511. content: "* ";
  14512. float: left;
  14513. font-weight: 700;
  14514. margin-right: 3px
  14515. }
  14516. .epm-key-races-container {
  14517. float: left;
  14518. margin: 0;
  14519. padding: 0
  14520. }
  14521. .epm-races-container-div {
  14522. float: left;
  14523. height: 110px;
  14524. overflow: hidden;
  14525. width: 522px;
  14526. margin-top: 10px
  14527. }
  14528. .epm-option {
  14529. color: #fff;
  14530. cursor: pointer;
  14531. float: left;
  14532. font-family: 'futura today light','helvetica light',helvetica,symbol,arial,sans-serif;
  14533. margin: 5% 20%;
  14534. text-align: center;
  14535. width: 60%
  14536. }
  14537. .epm-module-navigation {
  14538. float: left;
  14539. padding: 0
  14540. }
  14541. .epm-module-nav-li {
  14542. background-position: center;
  14543. background-repeat: no-repeat;
  14544. background-size: contain;
  14545. display: inline;
  14546. float: left;
  14547. height: 31px;
  14548. list-style-type: none;
  14549. width: 20%
  14550. }
  14551. .epm-counter-div.selected {
  14552. background-color: #000
  14553. }
  14554. .epm-counter-div {
  14555. background-color: #fff;
  14556. border: 1px solid #666;
  14557. border-radius: 5px;
  14558. float: left;
  14559. height: 5px;
  14560. margin-left: 8px;
  14561. cursor: pointer;
  14562. width: 5px
  14563. }
  14564. .epm-module-sections {
  14565. float: left;
  14566. margin: 0 2% 0 3%;
  14567. padding: 0;
  14568. width: 95%
  14569. }
  14570. .epm-module-chart {
  14571. display: none;
  14572. float: left
  14573. }
  14574. .epm-module-key {
  14575. display: block;
  14576. float: left;
  14577. width: 100%
  14578. }
  14579. .epm-graph-container {
  14580. float: left;
  14581. margin: 0 -20px;
  14582. padding: 0 20px 8px;
  14583. webkit-tap-highlight-color: transparent;
  14584. width: 100%
  14585. }
  14586. .epm-container {
  14587. margin: 20px
  14588. }
  14589. .epm-bar-stats {
  14590. height: 45px;
  14591. margin: 3px 0 0;
  14592. box-shadow: 0 0 4px 1px rgba(50%,50%,50%,.2);
  14593. position: relative;
  14594. width: 99%
  14595. }
  14596. .epm-progress-stat-bar {
  14597. display: block;
  14598. list-style-type: none;
  14599. margin: 5px 0 0;
  14600. overflow: hidden;
  14601. padding: 0;
  14602. padding-left: 0;
  14603. position: relative
  14604. }
  14605. .epm-democrat {
  14606. background: #235468;
  14607. height: 45px;
  14608. text-align: left
  14609. }
  14610. .epm-lean-democrat {
  14611. background: #518296;
  14612. height: 45px;
  14613. text-align: left
  14614. }
  14615. .epm-republican {
  14616. background: #742b31;
  14617. height: 45px;
  14618. text-align: right
  14619. }
  14620. .epm-lean-republican {
  14621. background: #95474e;
  14622. height: 45px;
  14623. text-align: right
  14624. }
  14625. .epm-tossup {
  14626. background: #e7e9e8;
  14627. height: 45px;
  14628. text-align: right
  14629. }
  14630. .epm-fifty-line {
  14631. display: block;
  14632. height: 100%;
  14633. left: 50%;
  14634. margin: 0 0 0 -1px;
  14635. position: absolute;
  14636. top: 0;
  14637. width: 5px
  14638. }
  14639. .epm-democrat-bar {
  14640. color: #235468;
  14641. display: inline;
  14642. font: 400 1em/1.1 'Futura Today Bold',arial;
  14643. position: relative;
  14644. text-align: center
  14645. }
  14646. .epm-lean-democrat-bar {
  14647. color: #518296;
  14648. display: inline;
  14649. font: 400 1em/1.1 'Futura Today Bold',arial;
  14650. padding: 15px 17px 5px;
  14651. position: relative;
  14652. text-align: center
  14653. }
  14654. .epm-label-democrat {
  14655. color: #235468;
  14656. font: 400 12px/1.3 'Futura Today Light',arial;
  14657. letter-spacing: .1em;
  14658. margin-top: -3px;
  14659. text-transform: lowercase
  14660. }
  14661. .epm-label-lean-democrat {
  14662. color: #518296;
  14663. font: 400 12px/1.3 'Futura Today Light',arial;
  14664. letter-spacing: .1em;
  14665. margin-left: 13%;
  14666. margin-top: -3px;
  14667. text-align: center;
  14668. text-transform: lowercase
  14669. }
  14670. .epm-republican-bar {
  14671. color: #742b31;
  14672. font: 400 1em/1.1 'Futura Today Bold',arial;
  14673. margin-left: 69%;
  14674. padding: 15px 0 5px
  14675. }
  14676. .epm-lean-republican-bar {
  14677. color: #95474e;
  14678. font: 400 1em/1.1 'Futura Today Bold',arial;
  14679. padding: 15px 17px 5px;
  14680. position: relative
  14681. }
  14682. .epm-party-label-democrat {
  14683. color: #518296;
  14684. display: inline;
  14685. font: 400 .8em/.8 'Futura Today',arial;
  14686. letter-spacing: .1em;
  14687. margin-top: -3px;
  14688. padding: 15px 0 5px;
  14689. text-transform: uppercase
  14690. }
  14691. .epm-party-label-republican {
  14692. color: #95474e;
  14693. display: inline;
  14694. font: 400 .8em/.8'Futura Today',arial;
  14695. letter-spacing: .1em;
  14696. margin-left: 4px;
  14697. margin-top: -3px;
  14698. padding: 15px 0 5px;
  14699. text-transform: uppercase
  14700. }
  14701. .epm-lean-label-republican {
  14702. color: #95474e;
  14703. font: 400 12px/1.3 'Futura Today Light',arial;
  14704. letter-spacing: .1em;
  14705. margin-left: 10%;
  14706. margin-top: -3px;
  14707. text-align: center;
  14708. text-transform: lowercase
  14709. }
  14710. .epm-label-republican {
  14711. color: #95474e;
  14712. font: 400 12px/1.3 'Futura Today Light',arial;
  14713. letter-spacing: .1em;
  14714. margin-left: 64%;
  14715. margin-top: -3px;
  14716. text-align: center;
  14717. text-transform: lowercase
  14718. }
  14719. .epm-tossup-bar {
  14720. color: #666;
  14721. display: inline;
  14722. font: 400 1em/1.1 'Futura Today Bold',arial;
  14723. padding: 15px 17px 5px;
  14724. position: relative;
  14725. text-align: center
  14726. }
  14727. .epm-label-tossup {
  14728. color: #666;
  14729. font: 400 10px/1.3 'Futura Today Light',arial;
  14730. letter-spacing: .1em;
  14731. margin-top: -1px;
  14732. text-align: center;
  14733. text-transform: lowercase
  14734. }
  14735. .epm-majority-label {
  14736. color: #666;
  14737. font: 400 .9em/1.3 'Futura Today Bold',arial;
  14738. margin-top: 26%;
  14739. text-align: center;
  14740. text-transform: lowercase
  14741. }
  14742. .epm-current {
  14743. color: #1e1e1e;
  14744. font: 400 14px/1 'Futura Today Light',arial;
  14745. margin-top: -2px;
  14746. text-transform: lowercase
  14747. }
  14748. .current.epm-current-majority {
  14749. color: #1e1e1e;
  14750. float: left;
  14751. font-size: 9px;
  14752. text-align: center;
  14753. width: 100%
  14754. }
  14755. .epm-current-num {
  14756. color: #666;
  14757. font: 400 12px/1.3 'Futura Today Bold',arial;
  14758. margin-top: 2px;
  14759. text-transform: lowercase
  14760. }
  14761. .epm-numb {
  14762. font: 400 12px 'Futura Today',arial;
  14763. font-weight: 600
  14764. }
  14765. .epm-repub-numb {
  14766. color: #95474e;
  14767. font: 400 1.5em/1.3 'Futura Today',arial;
  14768. padding: 15px 0 5px;
  14769. position: relative
  14770. }
  14771. .epm-democrat-numb {
  14772. color: #518296;
  14773. font: 400 1.5em/1.3 'Futura Today',arial;
  14774. padding: 15px 0 5px;
  14775. position: relative
  14776. }
  14777. .epm-icon-democrat-right {
  14778. color: #547a8a;
  14779. float: left;
  14780. font-size: 2em;
  14781. margin-left: 8px;
  14782. margin-top: 8px;
  14783. position: absolute
  14784. }
  14785. .epm-icon-rep-left {
  14786. color: #8f6468;
  14787. font-size: 2em;
  14788. margin-left: 474px;
  14789. margin-top: 8px;
  14790. position: absolute;
  14791. right: 10px
  14792. }
  14793. .epm-holder-page {
  14794. margin: 0 auto;
  14795. max-width: 98%;
  14796. overflow: hidden;
  14797. position: relative
  14798. }
  14799. .epm-col {
  14800. background-clip: padding-box!important;
  14801. border: 0 solid rgba(0,0,0,0);
  14802. box-sizing: border-box;
  14803. float: left
  14804. }
  14805. .elections-span-1 {
  14806. margin-top: -5px;
  14807. width: 28.333333%
  14808. }
  14809. .elections-span-2 {
  14810. width: 16.67%
  14811. }
  14812. .elections-span-3 {
  14813. height: 400px;
  14814. width: 25%
  14815. }
  14816. .elections-span-4,.epm-media_block {
  14817. width: 19%
  14818. }
  14819. .elections-span-5 {
  14820. width: 41.67%
  14821. }
  14822. .elections-span-6,.main_content {
  14823. height: 400px;
  14824. width: 50%
  14825. }
  14826. .elections-span-7 {
  14827. width: 35.33%
  14828. }
  14829. .elections-span-8 {
  14830. width: 66.67%
  14831. }
  14832. .elections-span-9 {
  14833. width: 75%
  14834. }
  14835. .elections-span-10 {
  14836. width: 83.33%
  14837. }
  14838. .elections-span-11 {
  14839. width: 91.67%
  14840. }
  14841. .elections-span-12 {
  14842. height: 100px;
  14843. margin-left: 0;
  14844. width: 100%
  14845. }
  14846. @font-face {
  14847. font-family: us_states;
  14848. src: url(http://www.gannett-cdn.com/GDContent/global/fonts/states-large/fonts/us_states.eot?#iefix) format('embedded-opentype'),url(http://www.gannett-cdn.com/GDContent/global/fonts/states-large/fonts/us_states.woff) format('woff'),url(http://www.gannett-cdn.com/GDContent/global/fonts/states-large/fonts/us_states.ttf) format('truetype'),url(http://www.gannett-cdn.com/GDContent/global/fonts/states-large/fonts/us_states.svg) format('svg')
  14849. }
  14850. .state-icon {
  14851. font-family: us_states;
  14852. speak: none;
  14853. font-style: normal;
  14854. font-weight: 400;
  14855. font-variant: normal;
  14856. text-transform: none;
  14857. line-height: 1
  14858. }
  14859. .state-lg-al:before {
  14860. content: "e500"
  14861. }
  14862. .state-lg-ak:before {
  14863. content: "e501"
  14864. }
  14865. .state-lg-az:before {
  14866. content: "e502"
  14867. }
  14868. .state-lg-ar:before {
  14869. content: "e503"
  14870. }
  14871. .state-lg-ca:before {
  14872. content: "e504"
  14873. }
  14874. .state-lg-co:before {
  14875. content: "e505"
  14876. }
  14877. .state-lg-ct:before {
  14878. content: "e506"
  14879. }
  14880. .state-lg-de:before {
  14881. content: "e507"
  14882. }
  14883. .state-lg-fl:before {
  14884. content: "e508"
  14885. }
  14886. .state-lg-ga:before {
  14887. content: "e509"
  14888. }
  14889. .state-lg-hi:before {
  14890. content: "e50a"
  14891. }
  14892. .state-lg-id:before {
  14893. content: "e50b"
  14894. }
  14895. .state-lg-il:before {
  14896. content: "e50c"
  14897. }
  14898. .state-lg-ks:before {
  14899. content: "e50d"
  14900. }
  14901. .state-lg-ia:before {
  14902. content: "e50e"
  14903. }
  14904. .state-lg-ks:before {
  14905. content: "e50f"
  14906. }
  14907. .state-lg-ky:before {
  14908. content: "e510"
  14909. }
  14910. .state-lg-la:before {
  14911. content: "e511"
  14912. }
  14913. .state-lg-me:before {
  14914. content: "e512"
  14915. }
  14916. .state-lg-ma:before {
  14917. content: "e513"
  14918. }
  14919. .state-lg-md:before {
  14920. content: "e514"
  14921. }
  14922. .state-lg-mi:before {
  14923. content: "e515"
  14924. }
  14925. .state-lg-mn:before {
  14926. content: "e516"
  14927. }
  14928. .state-lg-ms:before {
  14929. content: "e517"
  14930. }
  14931. .state-lg-mo:before {
  14932. content: "e518"
  14933. }
  14934. .state-lg-mt:before {
  14935. content: "e519"
  14936. }
  14937. .state-lg-nc:before {
  14938. content: "e51a"
  14939. }
  14940. .state-lg-nd:before {
  14941. content: "e51b"
  14942. }
  14943. .state-lg-ne:before {
  14944. content: "e51c"
  14945. }
  14946. .state-lg-nv:before {
  14947. content: "e51d"
  14948. }
  14949. .state-lg-nh:before {
  14950. content: "e51e"
  14951. }
  14952. .state-lg-nj:before {
  14953. content: "e51f"
  14954. }
  14955. .state-lg-nm:before {
  14956. content: "e520"
  14957. }
  14958. .state-lg-ny:before {
  14959. content: "e521"
  14960. }
  14961. .state-lg-oh:before {
  14962. content: "e522"
  14963. }
  14964. .state-lg-ok:before {
  14965. content: "e523"
  14966. }
  14967. .state-lg-or:before {
  14968. content: "e524"
  14969. }
  14970. .state-lg-pa:before {
  14971. content: "e525"
  14972. }
  14973. .state-lg-ri:before {
  14974. content: "e526"
  14975. }
  14976. .state-lg-sc:before {
  14977. content: "e527"
  14978. }
  14979. .state-lg-sd:before {
  14980. content: "e528"
  14981. }
  14982. .state-lg-tn:before {
  14983. content: "e529"
  14984. }
  14985. .state-lg-tx:before {
  14986. content: "e52a"
  14987. }
  14988. .state-lg-ut:before {
  14989. content: "e52b"
  14990. }
  14991. .state-lg-va:before {
  14992. content: "e52c"
  14993. }
  14994. .state-lg-vt:before {
  14995. content: "e52d"
  14996. }
  14997. .state-lg-wa:before {
  14998. content: "e52e"
  14999. }
  15000. .state-lg-wi:before {
  15001. content: "e52f"
  15002. }
  15003. .state-lg-wv:before {
  15004. content: "e530"
  15005. }
  15006. .state-lg-wy:before {
  15007. content: "e531"
  15008. }
  15009. @font-face {
  15010. font-family: icomoon;
  15011. src: url(http://www.gannett-cdn.com/GDContent/global/events/elections/icon-fonts/fonts/icomoon.eot?-llhkjl);
  15012. src: url(http://www.gannett-cdn.com/GDContent/global/events/elections/icon-fonts/fonts/icomoon.eot?#iefix-llhkjl) format('embedded-opentype'),url(http://www.gannett-cdn.com/GDContent/global/events/elections/icon-fonts/fonts/icomoon.woff?-llhkjl) format('woff'),url(http://www.gannett-cdn.com/GDContent/global/events/elections/icon-fonts/fonts/icomoon.ttf?-llhkjl) format('truetype'),url(http://www.gannett-cdn.com/GDContent/global/events/elections/icon-fonts/fonts/icomoon.svg?-llhkjl#icomoon) format('svg');
  15013. font-weight: 400;
  15014. font-style: normal
  15015. }
  15016. .icon-dem-right,.icon-rep-left {
  15017. font-family: icomoon;
  15018. speak: none;
  15019. font-style: normal;
  15020. font-weight: 400;
  15021. font-variant: normal;
  15022. text-transform: none;
  15023. line-height: 1;
  15024. -webkit-font-smoothing: antialiased;
  15025. -moz-osx-font-smoothing: grayscale
  15026. }
  15027. .icon-rep-right:before {
  15028. content: "e600"
  15029. }
  15030. .icon-rep-left:before {
  15031. content: "e601"
  15032. }
  15033. .icon-dem-right:before {
  15034. content: "e602"
  15035. }
  15036. .icon-dem-left:before {
  15037. content: "e603"
  15038. }
  15039. .icon-Republican-right:before {
  15040. content: "e600"
  15041. }
  15042. .icon-Republican-left:before {
  15043. content: "e601"
  15044. }
  15045. .icon-Democratic-right:before {
  15046. content: "e602"
  15047. }
  15048. .icon-Democratic-left:before {
  15049. content: "e603"
  15050. }
  15051. .asset .chart-wrapper.interactive {
  15052. margin: 0 auto 30px 0
  15053. }
  15054. .graph {
  15055. width: 100%;
  15056. height: 280px;
  15057. margin: 0;
  15058. position: relative
  15059. }
  15060. .graph:hover {
  15061. cursor: pointer
  15062. }
  15063. .chart-wrapper.interactive label {
  15064. display: block;
  15065. margin-left: 400px;
  15066. padding-left: 1em
  15067. }
  15068. .interactive-header-wrapper {
  15069. display: table;
  15070. width: auto
  15071. }
  15072. .interactive-header {
  15073. color: #333;
  15074. font: 400 20px/1.1 'Futura Today Bold',sans-serif;
  15075. letter-spacing: 1px;
  15076. text-transform: uppercase;
  15077. margin: 0 0 6px
  15078. }
  15079. .asset.standalone.chart .interactive-header-wrapper {
  15080. width: 598px
  15081. }
  15082. .asset.standalone.chart .pie-chart .interactive-header-wrapper {
  15083. width: auto
  15084. }
  15085. .interactive .sponsored-by-text {
  15086. margin-top: 2px
  15087. }
  15088. .chart-wrapper.interactive ul.options li {
  15089. list-style: none;
  15090. margin-bottom: 1em
  15091. }
  15092. .chart-wrapper {
  15093. background: #f7f7f7;
  15094. display: inline-block;
  15095. width: 100%;
  15096. border-left: 1px #eaeaea solid;
  15097. border-right: 1px #eaeaea solid;
  15098. border-bottom: 1px #eaeaea solid;
  15099. position: relative;
  15100. -webkit-box-sizing: border-box;
  15101. -moz-box-sizing: border-box;
  15102. box-sizing: border-box
  15103. }
  15104. .interactive-aside-weather {
  15105. border-top: 10px #ffc000 solid
  15106. }
  15107. .interactive-aside-news {
  15108. border-top: 10px #289efc solid
  15109. }
  15110. .interactive-aside-money {
  15111. border-top: 10px #00a53c solid
  15112. }
  15113. .interactive_barchart-asset .interactive-aside-sports,.interactive_linechart-asset .interactive-aside-sports,.interactive_piechart-asset .interactive-aside-sports {
  15114. border-top: 10px #b81800 solid
  15115. }
  15116. .interactive-aside-life {
  15117. border-top: 10px #9600b4 solid
  15118. }
  15119. .interactive-aside-tech {
  15120. border-top: 10px #fa5f00 solid
  15121. }
  15122. .interactive-aside-travel {
  15123. border-top: 10px #00c3c3 solid
  15124. }
  15125. .interactive-aside-opinion {
  15126. border-top: 10px #666 solid
  15127. }
  15128. .chart-wrapper .chart-content {
  15129. width: 50%;
  15130. height: auto;
  15131. float: left
  15132. }
  15133. .chart-wrapper .chart-content section {
  15134. margin: 16px 20px 10px;
  15135. position: relative
  15136. }
  15137. .chart-wrapper .chart-content h3.subhead {
  15138. color: #343434;
  15139. display: inline;
  15140. font-size: 14px;
  15141. font-weight: 700
  15142. }
  15143. .chart-wrapper .chart-content p.chatter {
  15144. color: #666;
  15145. font-size: 12px;
  15146. line-height: 18px;
  15147. margin: 5px 0 0
  15148. }
  15149. .chart-wrapper .chart-area {
  15150. position: relative;
  15151. width: 50%;
  15152. float: right;
  15153. background: #fff
  15154. }
  15155. .chart-area {
  15156. padding-top: 10px
  15157. }
  15158. .chart-area-legend {
  15159. display: inline-block;
  15160. margin: 0 1px 0 7px;
  15161. padding: 8px 0 0
  15162. }
  15163. .chart-area-legend ul {
  15164. padding: 0
  15165. }
  15166. .chart-area-legend ul.row-1 {
  15167. float: left;
  15168. margin: 0;
  15169. width: 100px
  15170. }
  15171. .chart-area-legend ul.row-2 {
  15172. float: left;
  15173. margin: 0;
  15174. width: 120px
  15175. }
  15176. .interactive_linechart-asset,.interactive_barchart-asset {
  15177. display: inline-block;
  15178. min-width: 600px
  15179. }
  15180. .interactive_linechart-asset .graph,.interactive_barchart-asset .graph {
  15181. left: 8px
  15182. }
  15183. .chart-area-legend ul li {
  15184. width: auto;
  15185. line-height: 25px;
  15186. margin: 4px 0 0;
  15187. padding: 0;
  15188. position: relative;
  15189. list-style-type: none;
  15190. background-image: url(../../images/interactives/charts/chart-list-bg.png);
  15191. background-position: 0 -9px;
  15192. background-repeat: repeat-x
  15193. }
  15194. .chart-legend-title {
  15195. color: #343434;
  15196. font: 400 11px/2.2 'Futura Today',sans-serif;
  15197. text-transform: uppercase;
  15198. margin: 0 0 0 24px;
  15199. padding: 0
  15200. }
  15201. .chart-area-footer {
  15202. bottom: 20px;
  15203. position: absolute;
  15204. color: #b3b3b3;
  15205. font-size: 16px;
  15206. font-weight: 400;
  15207. left: 18px;
  15208. margin: 5px 0 0 10px;
  15209. width: 80%
  15210. }
  15211. .chart-area-footer .source {
  15212. bottom: 4px;
  15213. color: #b3b3b3;
  15214. font-size: 10px;
  15215. font-weight: 400;
  15216. margin: 0;
  15217. padding: 0
  15218. }
  15219. .chart-area-footer .credit {
  15220. bottom: 4px;
  15221. color: #b3b3b3;
  15222. font-size: 10px;
  15223. font-weight: 400;
  15224. margin: 0;
  15225. padding: 0
  15226. }
  15227. .data-point-label {
  15228. font: 400 12px 'Futura Today Bold',sans-serif;
  15229. text-align: center
  15230. }
  15231. .xAxis {
  15232. color: #666
  15233. }
  15234. .yAxis {
  15235. color: #999
  15236. }
  15237. .yAxisLabel {
  15238. color: #999;
  15239. font-size: 70%;
  15240. height: 300px;
  15241. left: 20px;
  15242. margin: 0;
  15243. overflow: hidden;
  15244. position: absolute;
  15245. text-align: center;
  15246. text-transform: uppercase;
  15247. transform: rotate(270deg);
  15248. -webkit-transform: rotate(270deg);
  15249. -moz-transform: rotate(270deg);
  15250. -ms-transform: rotate(270deg);
  15251. -o-transform: rotate(270deg);
  15252. white-space: nowrap;
  15253. width: 300px
  15254. }
  15255. .lt-ie9 .yAxisLabel {
  15256. writing-mode: bt-rl
  15257. }
  15258. .xAxisLabel {
  15259. position: relative;
  15260. text-align: center;
  15261. font-size: 70%;
  15262. color: #999;
  15263. text-transform: uppercase;
  15264. margin: 14px 0 0
  15265. }
  15266. .chart-area .chart-hover {
  15267. background-color: #fff;
  15268. border: 1px solid #cbcbcb;
  15269. box-shadow: 2px 3px 12px -4px #000;
  15270. display: none;
  15271. margin: 25px;
  15272. position: absolute;
  15273. width: 139px;
  15274. z-index: 199
  15275. }
  15276. .chart-area .chart-hover h3 {
  15277. border-bottom: 1px solid #ccc;
  15278. color: #666;
  15279. font: 400 14px/17px 'Futura Today Bold',arial,sans-serif;
  15280. margin: 0 8px;
  15281. padding: 8px 0 4px;
  15282. text-align: center;
  15283. text-transform: uppercase
  15284. }
  15285. .chart-area .chart-hover h3.empty {
  15286. border-bottom: 0;
  15287. padding: 0
  15288. }
  15289. .chart-area .chart-hover h4 {
  15290. font: 400 20px/20px 'Futura Today Bold',arial,sans-serif;
  15291. margin: 8px 8px 10px;
  15292. padding: 0;
  15293. text-align: center
  15294. }
  15295. .chart-area .chart-hover p {
  15296. color: #666;
  15297. font: 400 11px/1.5 arial,sans-serif;
  15298. margin: 0 8px;
  15299. padding: 0 0 12px
  15300. }
  15301. .chart-area .chart-hover img {
  15302. margin: 0 8px 12px
  15303. }
  15304. .chart-area .pointer-left,.chart-area .pointer-right,.chart-area .pointer-top,.chart-area .pointer-bottom,.chart-area .pointer-left:after,.chart-area .pointer-right:after,.chart-area .pointer-top:after,.chart-area .pointer-bottom:after {
  15305. position: absolute
  15306. }
  15307. .chart-area .pointer-left {
  15308. border-top: 9px solid transparent;
  15309. border-right: 15px solid #cbcbcb;
  15310. border-bottom: 9px solid transparent;
  15311. border-left: transparent;
  15312. left: -16px;
  15313. top: 40.7%;
  15314. z-index: 199
  15315. }
  15316. .chart-area .pointer-left:after {
  15317. content: '';
  15318. border-top: 10px solid transparent;
  15319. border-right: 16px solid #fff;
  15320. border-bottom: 10px solid transparent;
  15321. border-left: transparent;
  15322. left: 1px;
  15323. top: -10px
  15324. }
  15325. .chart-area .pointer-right {
  15326. border-top: 9px solid transparent;
  15327. border-right: transparent;
  15328. border-bottom: 9px solid transparent;
  15329. border-left: 15px solid #cbcbcb;
  15330. left: 141px;
  15331. top: 40.7%
  15332. }
  15333. .chart-area .pointer-right:after {
  15334. content: '';
  15335. border-top: 10px solid transparent;
  15336. border-right: transparent;
  15337. border-bottom: 10px solid transparent;
  15338. border-left: 16px solid #fff;
  15339. left: -17px;
  15340. top: -10px
  15341. }
  15342. .chart-area .pointer-top {
  15343. border-top: transparent;
  15344. border-right: 9px solid transparent;
  15345. border-bottom: 15px solid #cbcbcb;
  15346. border-left: 9px solid transparent;
  15347. left: 61px;
  15348. top: -15px
  15349. }
  15350. .chart-area .pointer-top:after {
  15351. content: '';
  15352. border-top: transparent;
  15353. border-right: 10px solid transparent;
  15354. border-bottom: 16px solid #fff;
  15355. border-left: 10px solid transparent;
  15356. left: -10px;
  15357. top: 2px
  15358. }
  15359. .chart-area .pointer-bottom {
  15360. border-top: 15px solid #cbcbcb;
  15361. border-right: 9px solid transparent;
  15362. border-bottom: transparent;
  15363. border-left: 9px solid transparent;
  15364. left: 61px;
  15365. top: 100%
  15366. }
  15367. .chart-area .pointer-bottom:after {
  15368. content: '';
  15369. border-top: 16px solid #fff;
  15370. border-right: 10px solid transparent;
  15371. border-bottom: transparent;
  15372. border-left: 10px solid transparent;
  15373. left: -10px;
  15374. top: -17px
  15375. }
  15376. .cf {
  15377. zoom: 1
  15378. }
  15379. .cf:before,.cf:after {
  15380. content: "";
  15381. display: table
  15382. }
  15383. .cf:after {
  15384. clear: both
  15385. }
  15386. .chart-wrapper.interactive.pie-chart {
  15387. background: #f8f8f8 url(../../images/interactives/charts/left-shadow.jpg) 50% 0 repeat-y;
  15388. margin-bottom: 0;
  15389. width: 100%
  15390. }
  15391. .pie-chart .pieLabel {
  15392. display: none
  15393. }
  15394. .interactive.pie-chart .chart-area {
  15395. height: 368px
  15396. }
  15397. .standalone .interactive.pie-chart .chart-area {
  15398. padding-top: 10px
  15399. }
  15400. .pie-chart .interactive-header-wrapper-column {
  15401. display: block
  15402. }
  15403. .interactive.pie-chart .sponsored-by-text {
  15404. float: left;
  15405. margin: 9px 5px 0 0
  15406. }
  15407. .pie-chart .interactive-sponsor {
  15408. float: none;
  15409. padding-left: 0;
  15410. width: auto
  15411. }
  15412. .pie-chart .interactive-header-wrapper {
  15413. margin: 15px 19px;
  15414. width: auto
  15415. }
  15416. .pie-chart .chart-area-legend {
  15417. margin: 26px 0 0
  15418. }
  15419. .pie-chart .chart-legend-title {
  15420. color: #666;
  15421. font-size: 14px;
  15422. line-height: 18px
  15423. }
  15424. .pie-chart .chart-area-legend .row-1 {
  15425. float: none;
  15426. left: 0;
  15427. position: relative;
  15428. width: 200px
  15429. }
  15430. .pie-chart .chart-area-legend li {
  15431. background-image: url(../../images/interactives/charts/chart-list-dark-bg.png);
  15432. background-position: 0 -11px;
  15433. margin: 0 0 13px
  15434. }
  15435. .chart-wrapper.interactive.pie-chart .chart-content .chatter {
  15436. max-height: 74px;
  15437. overflow: hidden
  15438. }
  15439. .pie_footer {
  15440. width: 100%;
  15441. position: absolute;
  15442. bottom: 0
  15443. }
  15444. .regular-graph-label {
  15445. display: block;
  15446. font-weight: 400;
  15447. font-size: 15px
  15448. }
  15449. .pie-chart .chart-area-footer {
  15450. bottom: 10px;
  15451. left: auto;
  15452. margin: 0 20px;
  15453. padding-top: 10px;
  15454. position: absolute;
  15455. right: 0;
  15456. text-align: right;
  15457. width: auto
  15458. }
  15459. .pie-chart .chart-area-footer .source,.pie-chart .chart-area-footer .credit,.pie-chart .chart-area-footer .footnotes {
  15460. color: #999;
  15461. font-size: 10px;
  15462. font-weight: 400;
  15463. line-height: 15px;
  15464. margin: 0;
  15465. padding: 0
  15466. }
  15467. .pie-chart .chart-area-footer .footnotes {
  15468. margin-top: 5px;
  15469. max-height: 30px;
  15470. overflow: hidden
  15471. }
  15472. .chart-wrapper.interactive.pie-chart .graph-label {
  15473. left: 0;
  15474. margin: auto;
  15475. overflow: hidden;
  15476. right: 0;
  15477. position: absolute;
  15478. text-align: center;
  15479. top: 130px;
  15480. width: 33%
  15481. }
  15482. .chart-wrapper.interactive.pie-chart .graph-label.no-regular-graph-label {
  15483. height: 20px;
  15484. top: 130px
  15485. }
  15486. .chart-wrapper.interactive.pie-chart .graph-label .regular-graph-heading {
  15487. font-family: 'Futura Today';
  15488. font-size: 18px;
  15489. font-weight: 700;
  15490. line-height: 20px;
  15491. margin: 0;
  15492. text-transform: uppercase
  15493. }
  15494. .interactive-piechart-graph-label {
  15495. display: block;
  15496. font-size: 15px;
  15497. font-weight: 400;
  15498. line-height: 24px;
  15499. text-transform: uppercase
  15500. }
  15501. .fcpm-wrap {
  15502. background: #fff;
  15503. overflow: hidden;
  15504. position: relative
  15505. }
  15506. .fcpm-wrap .front-bump-shadow {
  15507. display: none
  15508. }
  15509. .fcpm-ssts-label {
  15510. left: 10px;
  15511. position: absolute;
  15512. top: 10px;
  15513. z-index: 3
  15514. }
  15515. .fcpm-wrap .paginator-indicator-bullet {
  15516. background: #d1d1d1;
  15517. background: rgba(0,0,0,.2);
  15518. box-shadow: none
  15519. }
  15520. .fcpm-wrap .paginator-indicator-bullet.active:after {
  15521. box-shadow: none
  15522. }
  15523. .fcpm-wrap .paginator-indicator-target {
  15524. padding: 0 0 20px 8px
  15525. }
  15526. .fcpm-wrap .paginator-indicator-target:first-child {
  15527. padding-left: 0
  15528. }
  15529. .fcpm-items-wrap {
  15530. display: table;
  15531. margin: 0;
  15532. padding: 20px 0;
  15533. position: relative;
  15534. -webkit-transition-duration: 0
  15535. }
  15536. .fcpm-item {
  15537. display: table-cell;
  15538. vertical-align: top
  15539. }
  15540. .fcpm-img {
  15541. border: 1px solid transparent;
  15542. border-bottom-color: #bebebe;
  15543. border-bottom-color: rgba(190,190,190,.6);
  15544. box-shadow: 0 2px 2px 0 rgba(190,190,190,.6);
  15545. margin-bottom: 5px;
  15546. -webkit-transition: border-color .15s;
  15547. -moz-transition: border-color .15s;
  15548. transition: border-color .15s
  15549. }
  15550. .fcpm-link:hover .fcpm-img {
  15551. border-color: #009bff
  15552. }
  15553. .fcpm-h3 {
  15554. display: table-cell;
  15555. font: 400 13px Helvetica,Arial,sans-serif;
  15556. line-height: 18px;
  15557. text-overflow: ellipsis
  15558. }
  15559. .fcpm-no-img .fcpm-h3 {
  15560. display: block;
  15561. font: 400 24px "Futura Today Light",Helvetica,Arial,sans-serif;
  15562. line-height: 26px;
  15563. margin-top: 36px;
  15564. padding-top: 0
  15565. }
  15566. .fcpm-link {
  15567. color: #333;
  15568. display: block;
  15569. margin: 0 20px;
  15570. min-height: 190px;
  15571. position: relative;
  15572. -webkit-transition: background-color,border-color .15s,.15s;
  15573. -moz-transition: background-color,border-color .15s,.15s;
  15574. transition: background-color,border-color .15s,.15s;
  15575. width: 200px;
  15576. word-wrap: break-word
  15577. }
  15578. .fcpm-no-img .fcpm-link {
  15579. border: 1px solid #e0e0e0;
  15580. min-height: 200px;
  15581. padding: 0 10px;
  15582. width: 178px
  15583. }
  15584. .fcpm-link:hover {
  15585. color: #009bff
  15586. }
  15587. .fcpm-no-img .fcpm-link:hover {
  15588. background-color: #009bff;
  15589. color: #fff
  15590. }
  15591. .fcpm-video-icon {
  15592. color: #323232;
  15593. display: table-cell;
  15594. font: 28px 'Gannett Icons';
  15595. line-height: 34px;
  15596. padding: 0 7px 0 0;
  15597. -webkit-transition: color .15s;
  15598. -moz-transition: color .15s;
  15599. transition: color .15s;
  15600. vertical-align: top
  15601. }
  15602. .fcpm-video-icon:before {
  15603. content: 'v'
  15604. }
  15605. .fcpm-link:hover .fcpm-video-icon {
  15606. color: #009bff
  15607. }
  15608. .stag .featured-content-no-border,.featured-content-no-border {
  15609. border: 0
  15610. }
  15611. .featured-content-updated {
  15612. color: #666;
  15613. color: rgba(102,102,102,1);
  15614. font-size: 11px;
  15615. line-height: 14px
  15616. }
  15617. .fcsm-wrap {
  15618. height: 100%;
  15619. position: relative;
  15620. width: 100%
  15621. }
  15622. .fcsm-light-wrap {
  15623. background: #f9f9f9
  15624. }
  15625. .fcsm-link {
  15626. display: block;
  15627. padding: 0;
  15628. position: relative;
  15629. transition: color .15s;
  15630. -moz-transition: color .15s;
  15631. -webkit-transition: color .15s
  15632. }
  15633. .fcsm-cell>.fcsm-link {
  15634. width: 90px
  15635. }
  15636. .fcsm-light-link {
  15637. color: #333
  15638. }
  15639. .fcsm-link.fcsm-light-link:hover {
  15640. color: #009bff
  15641. }
  15642. .fcsm-dark-link,.fcsm-dark-link:hover {
  15643. color: #fff
  15644. }
  15645. .fcsm-row {
  15646. display: table-row
  15647. }
  15648. .fcsm-cell {
  15649. display: table-cell;
  15650. padding: 0 0 15px 20px
  15651. }
  15652. .fcsm-img-wrap {
  15653. position: relative
  15654. }
  15655. .fcsm-img-wrap:before {
  15656. background-color: rgba(0,0,0,.15);
  15657. content: "";
  15658. display: block;
  15659. height: 100%;
  15660. left: 0;
  15661. position: absolute;
  15662. top: 0;
  15663. transition: background-color .15s ease-out;
  15664. -moz-transition: background-color .15s ease-out;
  15665. -webkit-transition: background-color .15s ease-out;
  15666. width: 100%;
  15667. z-index: 2
  15668. }
  15669. .fcsm-img-gradient {
  15670. background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  15671. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65)));
  15672. background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  15673. background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  15674. background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  15675. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  15676. bottom: 0;
  15677. content: "";
  15678. display: block;
  15679. height: 50%;
  15680. left: 0;
  15681. position: absolute;
  15682. width: 100%;
  15683. z-index: 2
  15684. }
  15685. .fcsm-link:hover .fcsm-img-wrap:before {
  15686. background: transparent
  15687. }
  15688. .fcsm-hed-wrap {
  15689. bottom: 0;
  15690. left: 0;
  15691. margin: 7px;
  15692. position: absolute;
  15693. z-index: 10
  15694. }
  15695. .fcsm-headline {
  15696. display: table-cell;
  15697. font: 400 15px Helvetica,Arial,sans-serif;
  15698. line-height: 18px;
  15699. margin: 0;
  15700. padding: 0;
  15701. text-shadow: 0 1px 1px #000;
  15702. vertical-align: middle
  15703. }
  15704. .fcsm-first .fcsm-headline {
  15705. color: #fff
  15706. }
  15707. .fcsm-cell .fcsm-hed-wrap {
  15708. margin: 10px 0 0;
  15709. position: relative
  15710. }
  15711. .fcsm-cell .fcsm-headline {
  15712. font: 400 12px Helvetica,Arial,sans-serif;
  15713. line-height: 15px;
  15714. margin: 0;
  15715. padding: 0;
  15716. text-align: left;
  15717. text-shadow: none
  15718. }
  15719. .fcsm-img {
  15720. box-shadow: 0 2px 2px 0 rgba(0,0,0,.08);
  15721. height: 111px;
  15722. margin-bottom: 0;
  15723. transition: border-color .15s;
  15724. -moz-transition: border-color .15s;
  15725. -webkit-transition: border-color .15s;
  15726. width: 198px
  15727. }
  15728. .fcsm-img-thumb {
  15729. box-shadow: 0 2px 2px 0 rgba(0,0,0,.08);
  15730. width: 89px;
  15731. height: 50px
  15732. }
  15733. .fcsm-light-img {
  15734. border: 1px solid #dadada;
  15735. box-shadow: 0 2px 2px rgba(190,190,190,.6)
  15736. }
  15737. .fcsm-link:hover .fcsm-light-img {
  15738. border-color: #009bff
  15739. }
  15740. .fcsm-first .fcsm-link:hover .fcsm-light-img {
  15741. border-color: #dadada
  15742. }
  15743. .fcsm-video-icon {
  15744. display: table-cell;
  15745. font-family: 'Gannett Icons';
  15746. font-size: 25px;
  15747. line-height: 24px;
  15748. padding: 0 7px 0 0;
  15749. vertical-align: top
  15750. }
  15751. .fcsm-video-icon:before {
  15752. content: "v"
  15753. }
  15754. .fcsm-cell .fcsm-video-icon {
  15755. font-size: 20px;
  15756. line-height: 21px;
  15757. padding: 0 5px 0 0
  15758. }
  15759. .fcsm-first {
  15760. padding: 20px;
  15761. width: 100%;
  15762. -webkit-box-sizing: border-box;
  15763. -moz-box-sizing: border-box;
  15764. box-sizing: border-box
  15765. }
  15766. @media only screen and (min-width: 1250px) {
  15767. .fcsm-img {
  15768. width:299px;
  15769. height: 168px
  15770. }
  15771. .fcsm-img-thumb {
  15772. width: 139px;
  15773. height: 78px
  15774. }
  15775. .fcsm-cell>.fcsm-link {
  15776. width: 140px
  15777. }
  15778. .fcsm-play-btn-medium {
  15779. top: 50px;
  15780. right: 5px
  15781. }
  15782. .fcsm-headline {
  15783. font-size: 18px;
  15784. line-height: 22px
  15785. }
  15786. .fcsm-cell .fcsm-headline {
  15787. font-size: 13px;
  15788. line-height: 18px
  15789. }
  15790. .fcsm-video-icon {
  15791. font-size: 28px;
  15792. line-height: 28px;
  15793. padding-right: 10px
  15794. }
  15795. .fcsm-cell .fcsm-video-icon {
  15796. font-size: 25px;
  15797. line-height: 35px;
  15798. padding-right: 7px
  15799. }
  15800. .fcsm-hed-wrap {
  15801. margin: 12px
  15802. }
  15803. }
  15804. .stagfront-primary .fcpm-wrap {
  15805. background: transparent
  15806. }
  15807. .stagfront-primary .fcpm-link,.stagfront-primary .fcpm-link .fcpm-video-icon {
  15808. color: #fff
  15809. }
  15810. .stagfront-primary .fcpm-img {
  15811. box-shadow: none
  15812. }
  15813. .featured-content-with-advertising-list {
  15814. list-style-type: none;
  15815. margin: 0;
  15816. padding: 10px 0;
  15817. position: relative;
  15818. height: 270px
  15819. }
  15820. .featured-content-with-advertising-content-item {
  15821. float: left;
  15822. text-align: center;
  15823. width: 180px
  15824. }
  15825. .featured-content-with-advertising-link {
  15826. color: #000;
  15827. display: block;
  15828. font-size: 11px;
  15829. padding: 48px 25px 0;
  15830. width: 130px;
  15831. height: 177px;
  15832. vertical-align: middle
  15833. }
  15834. .featured-content-with-advertising-link:visited,.featured-content-with-advertising-link:hover {
  15835. color: inherit
  15836. }
  15837. .featured-content-with-advertising-link .play-btn-m {
  15838. left: 95px;
  15839. top: 95px;
  15840. position: absolute
  15841. }
  15842. .featured-content-with-advertising-image-wrapper {
  15843. position: relative
  15844. }
  15845. .featured-content-with-advertising-headline {
  15846. font-size: 13px;
  15847. line-height: 18px;
  15848. margin-bottom: 4px;
  15849. margin-top: 7px;
  15850. -o-text-overflow: ellipsis;
  15851. -ms-text-overflow: ellipsis;
  15852. text-overflow: ellipsis;
  15853. overflow: hidden
  15854. }
  15855. .featured-content-with-advertising-ad-slot {
  15856. padding: 0 0 0 25px;
  15857. float: left
  15858. }
  15859. .featured-content-with-advertising-ad-slot .partner-placement {
  15860. border: 5px solid #fff;
  15861. box-shadow: 0 4px 8px 0 #bebebe;
  15862. width: 300px;
  15863. height: 250px
  15864. }
  15865. .featured-content-primary-title {
  15866. float: left;
  15867. font-family: 'Futura Today Bold',Arial,sans-serif;
  15868. font-size: 15px;
  15869. color: #333;
  15870. text-transform: uppercase;
  15871. margin: 0 20px 20px;
  15872. padding: 16px 0 0;
  15873. text-shadow: 0 1px 0 #fff;
  15874. width: 200px
  15875. }
  15876. .featured-content-primary-list {
  15877. margin-top: -31px;
  15878. float: left
  15879. }
  15880. .featured-content-primary-list .featured-content-with-advertising-link {
  15881. padding-top: 38px
  15882. }
  15883. .show-only-when-no-sidebar {
  15884. display: none
  15885. }
  15886. .featured-content-module .play-btn-m {
  15887. bottom: 36px;
  15888. left: 95px;
  15889. margin-bottom: -24px
  15890. }
  15891. @media only screen and (max-width: 1150px) {
  15892. .show-only-when-no-sidebar {
  15893. display:inline-block
  15894. }
  15895. }
  15896. .ballot-answer {
  15897. margin-top: 20px
  15898. }
  15899. .ballot-answer-last {
  15900. margin-bottom: 40px
  15901. }
  15902. .ballot-answer:hover {
  15903. cursor: pointer
  15904. }
  15905. .ballot-answers {
  15906. clear: left;
  15907. list-style: none;
  15908. padding-top: 10px
  15909. }
  15910. .ballot-answer-title {
  15911. font-size: 18px;
  15912. line-height: 60px;
  15913. word-wrap: break-word
  15914. }
  15915. .ballot-question-text {
  15916. color: #333;
  15917. display: inline-block;
  15918. font-size: 22px;
  15919. left: 18px;
  15920. line-height: 1;
  15921. margin: 33px 0 0;
  15922. position: relative;
  15923. width: 448px
  15924. }
  15925. .ballot-inactive {
  15926. opacity: .4
  15927. }
  15928. .ballot-submit-wrap {
  15929. background: #ebebeb url(../../images/apps/ballot/noise-pattern.png) repeat top left;
  15930. border-bottom: 1px solid #dcdcdc;
  15931. border-top: 1px solid #dcdcdc;
  15932. margin-bottom: 10px;
  15933. padding: 15px 0;
  15934. text-align: center;
  15935. width: 100%
  15936. }
  15937. .ballot-submit-answers,.ballot-submit-answers:active {
  15938. background: #8702a2;
  15939. border-color: #77018f;
  15940. border-radius: 5px;
  15941. color: #fff;
  15942. display: inline-block;
  15943. font-size: 16px;
  15944. font-weight: 600;
  15945. padding: 15px 30px;
  15946. text-transform: uppercase
  15947. }
  15948. .ballot-submit-answers:hover {
  15949. cursor: pointer
  15950. }
  15951. .ballot-disabled {
  15952. opacity: .4;
  15953. cursor: default
  15954. }
  15955. .ballot-ts .ballot-answer {
  15956. background: #fff;
  15957. border: 1px solid #dbdbdb;
  15958. color: #666;
  15959. position: relative
  15960. }
  15961. .ballot-ts .ballot-answer-input {
  15962. display: none
  15963. }
  15964. .ballot-ts .ballot-answer-title {
  15965. height: 60px;
  15966. padding: 0 100px 0 20px
  15967. }
  15968. .ballot-check-mark {
  15969. background: url(../../images/apps/ballot/ballot-check-sprite.png) no-repeat center top;
  15970. display: inline-block;
  15971. height: 42px;
  15972. position: absolute;
  15973. right: 0;
  15974. top: 10px;
  15975. width: 40px;
  15976. border-left: 1px solid #dbdbdb;
  15977. padding: 0 22px;
  15978. z-index: 3
  15979. }
  15980. .ballot-answer:hover .ballot-check-mark {
  15981. background-position: center center
  15982. }
  15983. .ballot-answer.selected .ballot-check-mark {
  15984. background-position: center bottom
  15985. }
  15986. .ballot-questions {
  15987. list-style: none;
  15988. padding: 0
  15989. }
  15990. .ballot-q-denote {
  15991. border-bottom: 1px solid #ccc;
  15992. color: #9505b4;
  15993. display: inline-block;
  15994. font-size: 80px;
  15995. line-height: 1;
  15996. margin-bottom: 3px;
  15997. width: 100%
  15998. }
  15999. .ballot-question-item-denote {
  16000. color: #999;
  16001. display: inline-block;
  16002. float: left;
  16003. font: 16px 'futura today normal',futura,sans-serif;
  16004. position: relative;
  16005. text-align: center;
  16006. width: 73px
  16007. }
  16008. .ballot-question-item {
  16009. border-bottom: 1px dashed #b7b7b7;
  16010. padding-top: 20px
  16011. }
  16012. .ballot-question-item-last {
  16013. border: 0
  16014. }
  16015. .ballot-answer-result {
  16016. display: none
  16017. }
  16018. .ballot-answer-result-perc {
  16019. display: block;
  16020. font: 24px Helvetica,Arial;
  16021. color: #999;
  16022. position: absolute;
  16023. right: 14px;
  16024. top: 14px
  16025. }
  16026. .ballot-answer-result-bar {
  16027. display: block;
  16028. position: absolute;
  16029. bottom: 0;
  16030. left: 0;
  16031. width: 100%;
  16032. background: #eee;
  16033. height: 8px
  16034. }
  16035. .ballot-answer-result-bar-fill {
  16036. background: #9d33b9;
  16037. display: block;
  16038. position: absolute;
  16039. top: 0;
  16040. left: 0;
  16041. height: 100%
  16042. }
  16043. .ballot-show-results .ballot-answer-title {
  16044. line-height: 55px
  16045. }
  16046. .ballot-show-results .ballot-answer-result {
  16047. display: block
  16048. }
  16049. .ballot-show-results .ballot-answer-vote {
  16050. display: none
  16051. }
  16052. .ballot-show-results .ballot-submit-wrap {
  16053. display: none
  16054. }
  16055. .ballot-show-results .ballot-answer:hover {
  16056. cursor: default
  16057. }
  16058. #contain-402 {
  16059. visibility: hidden
  16060. }
  16061. .p402_hide {
  16062. display: none
  16063. }
  16064. .slide {
  16065. display: none
  16066. }
  16067. .slide.active {
  16068. display: block
  16069. }
  16070. .primary-module.front-galleries-primary-module {
  16071. background: #f7f7f7;
  16072. text-align: center;
  16073. padding: 15px;
  16074. box-sizing: border-box
  16075. }
  16076. .front-galleries-primary {
  16077. position: relative
  16078. }
  16079. .front-gallery {
  16080. display: none;
  16081. height: 650px
  16082. }
  16083. .front-gallery.selected {
  16084. display: block
  16085. }
  16086. .front-gallery-item {
  16087. border-bottom: 1px solid rgba(0,0,0,.15);
  16088. border-top: 1px solid rgba(255,255,225,.14);
  16089. font-size: 12px;
  16090. font-weight: 700;
  16091. line-height: 15px;
  16092. padding: 0
  16093. }
  16094. .front-gallery-item:hover {
  16095. background-color: transparent;
  16096. background-color: rgba(0,0,0,.05);
  16097. border-bottom-color: rgba(0,0,0,.05);
  16098. border-top-color: rgba(0,0,0,.05);
  16099. cursor: pointer
  16100. }
  16101. .front-gallery-item.selected:after {
  16102. background: transparent url(../../images/notch.png) no-repeat 0 -9px;
  16103. content: '';
  16104. height: 16px;
  16105. margin-top: -8px;
  16106. position: absolute;
  16107. right: 0;
  16108. top: 50%;
  16109. width: 10px
  16110. }
  16111. .front-gallery-item.selected {
  16112. background-color: rgba(0,0,0,.2);
  16113. border-bottom: 0;
  16114. border-top-color: rgba(0,0,0,.35);
  16115. position: relative
  16116. }
  16117. .lt-ie9 .front-gallery-item.selected {
  16118. background: transparent url(../../images/pixels/pixel-black-20percent.png) repeat top left
  16119. }
  16120. .front-gallery-link,.front-gallery-link:visited,.front-gallery-link:hover {
  16121. color: #fff;
  16122. display: block;
  16123. padding: 20px 10px 20px 15px
  16124. }
  16125. .front-gallery .gallery-photo-border {
  16126. box-shadow: none;
  16127. margin: 0;
  16128. padding: 0;
  16129. height: 100%;
  16130. width: 100%!important
  16131. }
  16132. .galleries {
  16133. height: 650px;
  16134. position: relative;
  16135. -webkit-touch-callout: none;
  16136. -webkit-user-select: none;
  16137. -khtml-user-select: none;
  16138. -moz-user-select: none;
  16139. -ms-user-select: none;
  16140. user-select: none;
  16141. width: 100%
  16142. }
  16143. .gallery-viewport {
  16144. display: table;
  16145. overflow: hidden;
  16146. padding-top: 10px;
  16147. position: relative;
  16148. vertical-align: middle;
  16149. width: 100%;
  16150. z-index: 0
  16151. }
  16152. .front-gallery .gallery-viewport,.gallery-primary .gallery-viewport {
  16153. height: 540px
  16154. }
  16155. .gallery-viewport>.gallery-viewport-slide {
  16156. display: none;
  16157. height: 100%;
  16158. opacity: 0;
  16159. position: absolute;
  16160. text-align: center;
  16161. width: 100%;
  16162. z-index: 0
  16163. }
  16164. .gallery-viewport>.active {
  16165. display: table-cell;
  16166. text-align: center;
  16167. z-index: 1
  16168. }
  16169. .slide.active>.loading {
  16170. background: url(../../images/preloaders/windmill-loader_2x_light.gif) center center no-repeat;
  16171. box-shadow: none;
  16172. height: 520px;
  16173. width: 640px
  16174. }
  16175. .asset-double-wide .slide.active>.loading {
  16176. height: 389px;
  16177. width: 540px
  16178. }
  16179. .autosize .slide.active>.loading {
  16180. height: 720px;
  16181. width: 640px
  16182. }
  16183. .gallery-photo-border {
  16184. box-shadow: 0 4px 8px 0 #c8c8c8;
  16185. display: inline-block;
  16186. margin-top: 5px;
  16187. padding: 5px;
  16188. position: relative;
  16189. text-align: center
  16190. }
  16191. .gallery-photo-border>.ad-slot {
  16192. display: none
  16193. }
  16194. .story-asset .gallery-photo-border {
  16195. background: #fff
  16196. }
  16197. .gallery-photo-border>.gallery-viewport-meta {
  16198. background-color: rgba(0,0,0,.7);
  16199. border-top: 1px solid #020202;
  16200. bottom: 5px;
  16201. display: table-row;
  16202. left: 5px;
  16203. padding: 7px 0;
  16204. position: absolute;
  16205. right: 5px
  16206. }
  16207. .lt-ie9 .gallery-photo-border>.gallery-viewport-meta {
  16208. background: transparent url(../../images/pixels/pixel-black-70percent.png) repeat;
  16209. box-sizing: border-box
  16210. }
  16211. .lt-ie10 .gallery-photo-border>.gallery-viewport-meta {
  16212. left: 0;
  16213. margin: 0 5px;
  16214. right: 0
  16215. }
  16216. .galleries>.slide-nav {
  16217. z-index: 1
  16218. }
  16219. .gallery-photo-border>.gallery-viewport-meta,.galleries>.slide-nav {
  16220. opacity: 0;
  16221. -moz-transition: opacity .2s ease-in-out;
  16222. -o-transition: opacity .2s ease-in-out;
  16223. transition: opacity .2s ease-in-out
  16224. }
  16225. .lt-ie9 .galleries>.slide-nav {
  16226. display: none
  16227. }
  16228. .lt-ie9 .galleries>.slide-nav,.lt-ie9 .gallery-photo-border>.gallery-viewport-meta {
  16229. visibility: hidden
  16230. }
  16231. .lt-ie9 .hover>.slide-nav,.lt-ie9 .hover>.active>.gallery-photo-border>.gallery-viewport-meta,.lt-ie9 .autosize .active>.gallery-photo-border>.on {
  16232. visibility: visible
  16233. }
  16234. .gallery-viewport>.active,.hover>.active>.gallery-photo-border>.gallery-viewport-meta,.active>.gallery-photo-border>.on,.hover>.slide-nav {
  16235. opacity: 1;
  16236. visibility: visible
  16237. }
  16238. .hover>.active>.gallery-photo-border>.on>.mycapture-small-btn {
  16239. visibility: hidden
  16240. }
  16241. .hover>.active>.gallery-photo-border>.mycapture-small-btn {
  16242. visibility: hidden
  16243. }
  16244. .gallery.fullscreen .active .mycapture-small-btn {
  16245. bottom: 0;
  16246. right: 0
  16247. }
  16248. .touch .gallery-viewport-slide>.snapshot-card>.snapshot>.gallery-viewport-meta {
  16249. opacity: 1;
  16250. visibility: visible
  16251. }
  16252. .lt-ie9 .gallery-viewport-meta>.gallery-viewport-caption,.lt-ie9 .gallery-viewport-meta>.gallery-viewport-toolbox {
  16253. -ms-filter: none;
  16254. filter: none;
  16255. position: relative
  16256. }
  16257. .gallery-viewport-meta>.gallery-viewport-caption {
  16258. -webkit-box-sizing: border-box;
  16259. -moz-box-sizing: border-box;
  16260. box-sizing: border-box;
  16261. color: #fff;
  16262. display: table-cell;
  16263. float: left;
  16264. font-family: Arial;
  16265. font-size: 12px;
  16266. line-height: 18px;
  16267. min-height: 29px;
  16268. padding: 3px 10px 3px 18px;
  16269. text-align: left;
  16270. -webkit-touch-callout: text;
  16271. -webkit-user-select: text;
  16272. -khtml-user-select: text;
  16273. -moz-user-select: text;
  16274. -ms-user-select: text;
  16275. user-select: text;
  16276. vertical-align: middle;
  16277. width: 90%
  16278. }
  16279. .gallery-viewport-caption>.credit {
  16280. color: #999;
  16281. font-size: 11px
  16282. }
  16283. .snapshots .source {
  16284. display: inline-block;
  16285. width: 100%
  16286. }
  16287. .gallery-photo-border>.gallery-viewport-meta {
  16288. color: #999;
  16289. font-size: 11px
  16290. }
  16291. .gallery-photo-border>.gallery-viewport-meta>.toolbox {
  16292. display: table-cell;
  16293. padding: 0 0 0 9px;
  16294. position: inherit;
  16295. right: 0;
  16296. top: 30%;
  16297. width: 46px
  16298. }
  16299. .gallery-viewport-toolbox .gallery-viewport-fullscreen-link {
  16300. border: 1px solid #999;
  16301. border-radius: 3px;
  16302. color: #999;
  16303. cursor: pointer;
  16304. direction: ltr;
  16305. display: block;
  16306. float: left;
  16307. font: 700 11px arial,sans-serif;
  16308. height: 16px;
  16309. line-height: 18px;
  16310. margin: 0 5px;
  16311. overflow: hidden;
  16312. padding: 5px 6px 2px 4px;
  16313. text-indent: -101%;
  16314. width: 20px
  16315. }
  16316. .gallery-viewport-toolbox .gallery-viewport-fullscreen-link:hover {
  16317. border: 1px solid #fff;
  16318. color: #fff
  16319. }
  16320. .gallery-viewport-toolbox .gallery-viewport-fullscreen-link.related {
  16321. display: none
  16322. }
  16323. .gallery-viewport-toolbox .gallery-viewport-fullscreen-link>.meta-fullscreen {
  16324. background: url(../../images/components/ft-share-btns.png) no-repeat;
  16325. clear: none;
  16326. float: left;
  16327. height: 20px;
  16328. width: 20px
  16329. }
  16330. .gallery-viewport-toolbox .gallery-viewport-fullscreen-link>.meta-fullscreen {
  16331. background-position: -170px -6px;
  16332. margin-left: 1px
  16333. }
  16334. .gallery-viewport-toolbox .gallery-viewport-fullscreen-link:hover>.meta-fullscreen {
  16335. background-position: -212px -6px
  16336. }
  16337. .gallery-thumbs {
  16338. bottom: 0;
  16339. height: 100px;
  16340. left: 15px;
  16341. overflow: hidden;
  16342. position: absolute;
  16343. right: 16px
  16344. }
  16345. .thumbswrapper>.thumbslist {
  16346. display: inline-block;
  16347. list-style: none;
  16348. list-style-image: none;
  16349. margin: 0;
  16350. position: relative
  16351. }
  16352. .gallery-thumbs .thumbswrapper {
  16353. padding: 4px 0 0 1px
  16354. }
  16355. .autosize .gallery-thumbs .thumbswrapper {
  16356. padding: 0 15px
  16357. }
  16358. .topic .gallery-thumbs .thumbswrapper {
  16359. padding-left: 20px
  16360. }
  16361. .thumbslist>.thumb-item {
  16362. background: url(../../images/dropshadows/gallery-thumb.png) -3px -3px no-repeat;
  16363. cursor: pointer;
  16364. display: table-cell;
  16365. height: 63px;
  16366. padding-right: 18px;
  16367. position: relative;
  16368. width: 108px
  16369. }
  16370. .thumb-item>.thumb-link {
  16371. border: 5px solid #fff;
  16372. display: inline-block;
  16373. outline: 0;
  16374. -moz-transition: border-color .5s;
  16375. -o-transition: border-color .5s;
  16376. -webkit-transition: border-color .5s;
  16377. transition: border-color .5s
  16378. }
  16379. .thumb-item.active>.thumb-link {
  16380. border-color: #1ea3ff
  16381. }
  16382. .thumb-link>.thumb-image {
  16383. height: 45px;
  16384. max-width: none;
  16385. width: 80px
  16386. }
  16387. .asset-double-wide .thumb-link>.thumb-link {
  16388. width: 80px
  16389. }
  16390. .gallery-thumbs>.indicator {
  16391. bottom: 10px;
  16392. left: 0;
  16393. position: absolute;
  16394. right: 0
  16395. }
  16396. .autosize .horizontal-scroll {
  16397. bottom: 4px
  16398. }
  16399. .feature-btns {
  16400. display: none
  16401. }
  16402. .slide-nav {
  16403. background: url(../../images/sprites/galleries-sprite.png) no-repeat;
  16404. direction: ltr;
  16405. display: block;
  16406. float: left;
  16407. height: 95px;
  16408. left: 0;
  16409. margin-bottom: -47.5px;
  16410. overflow: hidden;
  16411. position: relative;
  16412. text-indent: -99999px;
  16413. top: -50%;
  16414. width: 46px
  16415. }
  16416. .story-asset .slide-nav {
  16417. top: -330px
  16418. }
  16419. .media-main-view .slide-nav {
  16420. top: -270px
  16421. }
  16422. .slide-nav:hover {
  16423. background-position: -129px -5px;
  16424. cursor: pointer
  16425. }
  16426. .gallery-prev {
  16427. background-position: -129px -102px;
  16428. display: none
  16429. }
  16430. .gallery-next {
  16431. background-position: -178px -102px;
  16432. clear: none;
  16433. float: right;
  16434. right: 0
  16435. }
  16436. .gallery-next:hover {
  16437. background-position: -178px -5px
  16438. }
  16439. .embedded_story .slide-nav {
  16440. height: 60px;
  16441. margin-bottom: -30px;
  16442. width: 30px
  16443. }
  16444. .embedded_story .slide-nav:hover {
  16445. background-position: -59px -4px
  16446. }
  16447. .embedded_story .gallery-prev {
  16448. background-position: -59px -65px
  16449. }
  16450. .embedded_story .gallery-next {
  16451. background-position: -89px -65px
  16452. }
  16453. .embedded_story .gallery-next:hover {
  16454. background-position: -89px -4px
  16455. }
  16456. .embedded_story .gallery-photo-border>.gallery-viewport-meta {
  16457. right: 6px
  16458. }
  16459. .front-galleries .ui-loader {
  16460. margin-top: -50px
  16461. }
  16462. .asset .galleries {
  16463. background: #fafafa;
  16464. border: 1px solid #f2f2f2;
  16465. border-radius: 3px;
  16466. height: auto;
  16467. margin: 10px 0 20px 60px;
  16468. width: 540px
  16469. }
  16470. .asset .galleries.full {
  16471. margin: 20px -5px 20px 70px;
  16472. width: 878px
  16473. }
  16474. .asset .gallery-viewport {
  16475. height: 390px;
  16476. margin-bottom: 90px;
  16477. padding: 8px 0
  16478. }
  16479. .asset .galleries.full>.gallery-viewport {
  16480. height: 510px
  16481. }
  16482. .asset .galleries.full .slide-nav {
  16483. top: -390px
  16484. }
  16485. .asset .gallery-viewport>.slide-active {
  16486. box-shadow: inset 0 7px 15px rgba(0,0,0,.15),inset 0 -1px 0 rgba(0,0,0,.15)
  16487. }
  16488. .asset .gallery-photo-border>.gallery-photo {
  16489. max-height: 374px;
  16490. max-width: 500px
  16491. }
  16492. .asset .galleries.full .gallery-photo-border>.gallery-photo {
  16493. max-height: 495px;
  16494. max-width: 880px
  16495. }
  16496. .asset .galleries>.gallery-thumbs>.thumbswrapper {
  16497. padding-top: 10px
  16498. }
  16499. .asset .full .thumbswrapper>.thumbslist>.thumb-item {
  16500. width: 110px
  16501. }
  16502. .autosize>.gallery-viewport>.slide.active>.loading {
  16503. background: url(../../images/preloaders/windmill-loader_2x_dark.gif) center center no-repeat;
  16504. min-height: 65px;
  16505. min-width: 65px
  16506. }
  16507. .gallery-photo-border.loading>.gallery-viewport-meta {
  16508. display: none
  16509. }
  16510. .gallery-photo-border.loading>.gallery-photo {
  16511. display: none
  16512. }
  16513. .autosize>.thumbswrapper>.thumbslist>.thumb-item {
  16514. opacity: .5
  16515. }
  16516. .gallery.fullscreen {
  16517. padding: 0;
  16518. position: relative;
  16519. width: 100%;
  16520. z-index: 202
  16521. }
  16522. .gallery.fullscreen .close {
  16523. background: url(../../images/sprites/ui-sprite.png) -150px -205px no-repeat;
  16524. direction: ltr;
  16525. display: block;
  16526. height: 50px;
  16527. position: absolute;
  16528. right: 0;
  16529. text-indent: -9999px;
  16530. top: 5px;
  16531. width: 50px;
  16532. z-index: 200
  16533. }
  16534. .galleries.autosize>.gallery-viewport {
  16535. padding: 0
  16536. }
  16537. .galleries.autosize {
  16538. height: 100%;
  16539. margin: 0;
  16540. width: 100%;
  16541. z-index: 1
  16542. }
  16543. .galleries.autosize>.gallery-thumbs {
  16544. background: #000;
  16545. background: rgba(0,0,0,.8);
  16546. display: none;
  16547. height: 78px;
  16548. left: 0;
  16549. margin: 0;
  16550. padding: 6px 0 0;
  16551. position: relative;
  16552. right: 0
  16553. }
  16554. .galleries.autosize>.gallery-thumbs.on {
  16555. background: transparent;
  16556. background: rgba(0,0,0,.8);
  16557. display: block;
  16558. -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);
  16559. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#50000000, endColorstr=#50000000);
  16560. visibility: visible
  16561. }
  16562. .galleries.autosize .gallery-thumbs .thumbsmask {
  16563. width: auto
  16564. }
  16565. .galleries.autosize .gallery-viewport-meta>.toolbox {
  16566. display: none;
  16567. float: right;
  16568. margin: 0
  16569. }
  16570. .gallery.fullscreen .toolbox {
  16571. display: none
  16572. }
  16573. .fullscreen .thumb-item>.thumb-link {
  16574. border: 5px solid transparent
  16575. }
  16576. .galleries.autosize>.gallery-thumbs .thumb-item.active {
  16577. opacity: 1
  16578. }
  16579. .galleries.autosize>.gallery-viewport,.galleries.autosize>.gallery-thumbs {
  16580. overflow: visible
  16581. }
  16582. .gallery-photo {
  16583. cursor: pointer
  16584. }
  16585. .galleries.autosize>.gallery-viewport>.gallery-viewport-slide .gallery-photo {
  16586. height: 100%;
  16587. width: auto
  16588. }
  16589. .galleries.autosize .slide-nav {
  16590. background: transparent url(../../images/sprites/galleries-sprite.png) no-repeat top left;
  16591. cursor: pointer;
  16592. direction: ltr;
  16593. font-size: 0;
  16594. height: 133px;
  16595. margin-top: -91px;
  16596. position: absolute;
  16597. text-indent: -101%;
  16598. top: 50%;
  16599. width: 68px;
  16600. z-index: 99
  16601. }
  16602. .galleries.autosize .slide-nav.prev {
  16603. background-position: -233px -142px;
  16604. left: 0
  16605. }
  16606. .galleries.autosize .slide-nav.next {
  16607. background-position: -304px -142px;
  16608. left: 100%;
  16609. margin-left: -63px
  16610. }
  16611. .galleries.autosize .slide-nav:hover {
  16612. background-position: -233px -4px
  16613. }
  16614. .galleries.autosize .slide-nav.next:hover {
  16615. background-position: -304px -4px
  16616. }
  16617. .galleries.autosize>.gallery-viewport>.gallery-viewport-slide .gallery-viewport-meta {
  16618. bottom: 0;
  16619. left: 0;
  16620. margin: 0 auto;
  16621. position: absolute;
  16622. right: 0;
  16623. width: 100%
  16624. }
  16625. .galleries.autosize>.gallery-viewport>.gallery-viewport-slide .gallery-viewport-meta>.caption {
  16626. margin: 0;
  16627. padding-bottom: 13px
  16628. }
  16629. .fullscreen .feature-btns {
  16630. bottom: 0;
  16631. display: block;
  16632. height: 40px
  16633. }
  16634. .feature-btns .feature-btns-control {
  16635. background: #1c1c1c;
  16636. border: 1px solid #333;
  16637. border-radius: 3px;
  16638. clear: none;
  16639. color: #fff;
  16640. cursor: pointer;
  16641. float: left;
  16642. font: 700 11px arial,sans-serif;
  16643. height: 8px;
  16644. margin: 6px 30px 0 13px;
  16645. min-width: 66px;
  16646. padding: 6px 27px 11px
  16647. }
  16648. .feature-btns .ticker {
  16649. background: 0;
  16650. border: 0;
  16651. color: #999;
  16652. font: 400 13px arial,sans-serif;
  16653. margin-right: 10px;
  16654. min-width: 30px;
  16655. padding-left: 0
  16656. }
  16657. .feature-btns .feature-btns-label {
  16658. background: url(../../images/sprites/galleries-sprite.png) no-repeat 0 -105px;
  16659. float: left;
  16660. height: 12px;
  16661. padding-left: 15px
  16662. }
  16663. .feature-btns .pause {
  16664. background-position: 0 -140px;
  16665. height: 11px
  16666. }
  16667. .feature-btns .thumbnails .feature-btns-label {
  16668. background-position: 0 -116px;
  16669. padding-left: 20px;
  16670. width: auto
  16671. }
  16672. .lt-ie9 .feature-btns .thumbnails .feature-btns-label {
  16673. width: 124px
  16674. }
  16675. .feature-btns .captions .feature-btns-label {
  16676. background-position: 0 -128px;
  16677. padding-left: 30px;
  16678. width: auto
  16679. }
  16680. .galleries.autosize .gallery-photo-border {
  16681. box-shadow: none;
  16682. height: 100%;
  16683. margin: 0;
  16684. padding: 0;
  16685. width: 100%
  16686. }
  16687. .galleries.autosize>.gallery-viewport>.slide.active.endslate {
  16688. box-shadow: none;
  16689. height: 100%;
  16690. margin: 0;
  16691. overflow: hidden;
  16692. width: 100%
  16693. }
  16694. .galleries.autosize .gallery-photo-border>.gallery-endslate {
  16695. background: #333;
  16696. height: 100%;
  16697. overflow: hidden;
  16698. position: relative;
  16699. width: 100%
  16700. }
  16701. .story-asset .gallery-endslate {
  16702. height: 375px
  16703. }
  16704. .story-asset .gallery-related-link {
  16705. color: #969696
  16706. }
  16707. .cards .active.endslate {
  16708. margin: 0;
  16709. padding: 0;
  16710. width: 100%
  16711. }
  16712. .endslate.loading .gallery-endslate-related {
  16713. background: url(../../images/preloaders/windmill-loader_2x_dark.gif) center center no-repeat
  16714. }
  16715. .asset .story-asset .active.endslate {
  16716. height: 380px
  16717. }
  16718. #media-view .active.endslate {
  16719. box-shadow: none
  16720. }
  16721. .gallery-endslate {
  16722. background: #333;
  16723. height: 495px
  16724. }
  16725. .stag.cards .active.endslate {
  16726. width: 920px
  16727. }
  16728. .asset .story-asset .gallery-taboola-endslate {
  16729. height: 375px
  16730. }
  16731. .gallery-endslate-header {
  16732. color: #a3a3a3;
  16733. font-size: 17px;
  16734. margin: 0;
  16735. padding-top: 100px;
  16736. position: relative;
  16737. width: 100%
  16738. }
  16739. #overlay .gallery-endslate-header {
  16740. padding-top: 60px
  16741. }
  16742. .gallery-endslate-related {
  16743. display: block;
  16744. list-style: none;
  16745. margin: 60px auto auto;
  16746. min-height: 150px;
  16747. padding: 0 52px;
  16748. width: 570px
  16749. }
  16750. .galleries.autosize .gallery-endslate-related {
  16751. width: 760px
  16752. }
  16753. .stag .gallery-endslate-related {
  16754. width: 760px
  16755. }
  16756. .asset .gallery-endslate-related {
  16757. width: 704px
  16758. }
  16759. .story-asset .gallery-endslate-related {
  16760. left: 0;
  16761. margin: 40px auto auto;
  16762. padding: 0;
  16763. width: 98%
  16764. }
  16765. .gallery-related-item {
  16766. color: #999;
  16767. float: left;
  16768. font-size: 12px;
  16769. font-weight: 700;
  16770. line-height: 1.5;
  16771. margin: 0 2%;
  16772. position: relative;
  16773. -moz-transition: color .25s linear;
  16774. -o-transition: color .25s linear;
  16775. -webkit-transition: color .25s linear;
  16776. transition: color .25s linear;
  16777. width: 21%
  16778. }
  16779. .gallery-related-link,.gallery-related-date {
  16780. color: #969696;
  16781. float: left;
  16782. font-size: 12px;
  16783. line-height: 1.2em;
  16784. padding-bottom: 8px;
  16785. text-align: left
  16786. }
  16787. .gallery-related-link:visited {
  16788. color: inherit
  16789. }
  16790. .gallery-related-link:hover {
  16791. color: #f5f5f5
  16792. }
  16793. .gallery-related-date.ui-sprite-before:before {
  16794. background-position: -998px 5px
  16795. }
  16796. .gallery-related-date {
  16797. color: #5b5b5b;
  16798. font-size: 11px;
  16799. font-style: italic;
  16800. height: 20px;
  16801. line-height: 20px;
  16802. overflow: hidden;
  16803. padding: 0 0 0 14px;
  16804. -o-text-overflow: '';
  16805. text-overflow: '';
  16806. width: 9em
  16807. }
  16808. .front-gallery .taboola-image-crop {
  16809. height: 70px
  16810. }
  16811. .story-asset .taboola-image-crop {
  16812. height: 60px
  16813. }
  16814. .taboola-image-crop {
  16815. border: 5px solid #5b5b5b;
  16816. display: block;
  16817. height: 84px;
  16818. margin-bottom: 8px;
  16819. overflow: hidden;
  16820. position: relative
  16821. }
  16822. .taboola-related-img {
  16823. width: 100%
  16824. }
  16825. .gallery-endslate-actions {
  16826. margin: 20px auto;
  16827. position: relative;
  16828. width: 100px
  16829. }
  16830. .story-asset .gallery-endslate-actions {
  16831. bottom: 0
  16832. }
  16833. .gallery-actions-replay {
  16834. background: #1c1c1c;
  16835. border-radius: 5px;
  16836. color: #777;
  16837. cursor: pointer;
  16838. display: inline-block;
  16839. font-size: 12px;
  16840. line-height: 1em;
  16841. margin: 0;
  16842. padding: 8px 20px
  16843. }
  16844. .gallery-actions-replay:hover {
  16845. color: #f5f5f5
  16846. }
  16847. .gallery-actions-replay:before {
  16848. background: url(../../images/sprites/endslate-nav.png) 0 0 no-repeat;
  16849. content: "";
  16850. display: inline-block;
  16851. height: 13px;
  16852. vertical-align: top;
  16853. width: 21px
  16854. }
  16855. .gallery-actions-replay:hover:before {
  16856. background-position: 0 -26px
  16857. }
  16858. .lt-ie9 .galleries.autosize>.feature-btns .captions .feature-btns-label {
  16859. width: 110px
  16860. }
  16861. .mycapture-btn {
  16862. border: 1px solid #999;
  16863. border-radius: 3px;
  16864. color: #999;
  16865. cursor: pointer;
  16866. height: 22px;
  16867. line-height: 22px;
  16868. margin-right: 35px;
  16869. padding: 0 2px;
  16870. position: absolute;
  16871. right: 12px;
  16872. width: 22px;
  16873. z-index: 1
  16874. }
  16875. .mycapture-btn:before {
  16876. background: url(../../images/components/utility-btns.png) -838px -137px;
  16877. content: '';
  16878. height: 20px;
  16879. width: 21px;
  16880. float: right
  16881. }
  16882. .mycapture-btn:hover:before {
  16883. background: url(../../images/components/utility-btns.png) -838px -167px
  16884. }
  16885. .mycapture-btn:hover {
  16886. border-color: #fff;
  16887. color: #fff
  16888. }
  16889. .gallery-viewport-meta>.gallery-viewport-caption-with-mycapture {
  16890. float: left;
  16891. width: 75%
  16892. }
  16893. .mycapture-small-btn {
  16894. background-color: rgba(0,0,0,.7);
  16895. bottom: 5px;
  16896. color: #999;
  16897. font-size: 11px;
  16898. height: 17px;
  16899. line-height: 18px;
  16900. padding-left: 5px;
  16901. position: absolute;
  16902. right: 5px;
  16903. text-align: left;
  16904. width: 22px;
  16905. z-index: 1
  16906. }
  16907. .mycapture-small-btn:before {
  16908. background: url(../../images/components/utility-btns.png) -843px -139px;
  16909. content: '';
  16910. height: 20px;
  16911. width: 20px;
  16912. float: right
  16913. }
  16914. .mycapture-gallery-btn {
  16915. top: 30%
  16916. }
  16917. .mycapture-cinematic-gallery-btn {
  16918. margin-right: 0;
  16919. top: 35%
  16920. }
  16921. .mycapture-small-btn-cinematic {
  16922. display: none;
  16923. right: 0;
  16924. bottom: 0
  16925. }
  16926. .gallery-viewport-meta>.cinematic-caption-with-mycapture {
  16927. float: left;
  16928. width: 80%
  16929. }
  16930. .mycapture-btn-with-text {
  16931. width: 77px
  16932. }
  16933. .mycapture-btn-longform {
  16934. top: 30%
  16935. }
  16936. .fgnf-gallery .gallery-photo-border>.gallery-viewport-meta {
  16937. bottom: 96px;
  16938. left: 0;
  16939. padding: 12px 0;
  16940. right: 0;
  16941. width: 680px
  16942. }
  16943. .fgnf-gallery .gallery-photo-border .gallery-viewport-meta>.gallery-viewport-caption {
  16944. padding-bottom: 0
  16945. }
  16946. .fgnf-gallery .gallery-thumbs.gallery-thumbs {
  16947. bottom: 5px;
  16948. height: 109px;
  16949. left: 0;
  16950. margin: 0 auto;
  16951. right: 0;
  16952. text-align: center;
  16953. width: 680px
  16954. }
  16955. .fgnf-gallery .gallery-thumbs.gallery-thumbs .thumbswrapper {
  16956. background: rgba(0,0,0,.7);
  16957. height: 75px;
  16958. padding: 0
  16959. }
  16960. .fgnf-gallery .gallery-thumbs .thumbswrapper>.thumbslist {
  16961. margin-top: 15px
  16962. }
  16963. .fgnf-gallery .gallery-photo-border {
  16964. box-shadow: none;
  16965. height: 100%;
  16966. margin: 0;
  16967. padding: 0;
  16968. width: 100%!important
  16969. }
  16970. .fgnf-gallery .partner-slide-ad .gallery-photo-border {
  16971. box-shadow: none;
  16972. margin-top: 0!important;
  16973. padding: 0
  16974. }
  16975. .fgnf-gallery .gallery-thumbs .thumbslist>.thumb-item {
  16976. background: 0;
  16977. height: 50px
  16978. }
  16979. .fgnf-gallery .thumb-item {
  16980. padding-right: 31px
  16981. }
  16982. .fgnf-gallery .thumbslist>.first-thumb {
  16983. padding-left: 15px
  16984. }
  16985. .fgnf-gallery .thumbslist>.last-thumb {
  16986. padding-right: 15px
  16987. }
  16988. .fgnf-gallery .gallery-thumbs .thumb-item>.thumb-link {
  16989. border: 1px solid rgba(255,255,255,.1)
  16990. }
  16991. .fgnf-gallery .gallery-thumbs .thumb-item.active>.thumb-link,.fgnf-gallery .gallery-thumbs .thumb-item>.thumb-link:hover {
  16992. border-color: #09f
  16993. }
  16994. .front-galleries .slide-nav {
  16995. top: -60%
  16996. }
  16997. .fgnf-gallery .gallery-photo {
  16998. box-shadow: 0 2px 1px rgba(0,0,0,.2);
  16999. display: block;
  17000. margin: 0 auto
  17001. }
  17002. .fgnf-gallery,.fgnf-gallery .galleries {
  17003. height: 570px;
  17004. margin-bottom: 10px
  17005. }
  17006. .fgnf-gallery .gallery-endslate {
  17007. height: 100%
  17008. }
  17009. .fgnf-gallery .gallery-viewport {
  17010. height: 512px;
  17011. left: 0;
  17012. margin: 0 auto;
  17013. padding: 20px 0 0;
  17014. right: 0;
  17015. text-align: center;
  17016. width: 680px
  17017. }
  17018. .fgnf-gallery .gallery-thumbs {
  17019. left: 0
  17020. }
  17021. .primary-module.front-galleries-primary-module {
  17022. padding: 0
  17023. }
  17024. .fgnf-gallery .gallery-photo-border>.gallery-viewport-meta>.toolbox {
  17025. padding: 0 12px 0 9px
  17026. }
  17027. .fgnf-gallery .partner-placement.slide>.gallery-photo-border.size-s {
  17028. height: 100%;
  17029. width: 100%
  17030. }
  17031. .cards .fgnf-gallery .active.endslate {
  17032. margin: 0;
  17033. padding: 0
  17034. }
  17035. .front-gallery .horizontal-scroll {
  17036. margin-bottom: 4px;
  17037. bottom: 0
  17038. }
  17039. .primary-flex-module.front-galleries-primary-flex-module {
  17040. background: #f7f7f7;
  17041. text-align: center
  17042. }
  17043. .fgpfm-nav-list {
  17044. display: inline-block;
  17045. padding: 0 30px
  17046. }
  17047. .fgpfm-nav-item.front-gallery-item {
  17048. border: 0;
  17049. border-top: 2px solid transparent;
  17050. display: table-cell;
  17051. max-width: 160px;
  17052. padding: 0;
  17053. position: relative;
  17054. text-align: center;
  17055. vertical-align: middle
  17056. }
  17057. .fgpfm-nav-item.front-gallery-item:hover {
  17058. background: 0
  17059. }
  17060. .fgpfm-nav-item.front-gallery-item.selected {
  17061. background: 0
  17062. }
  17063. .fgpfm-nav-item.front-gallery-item.selected:after {
  17064. display: none
  17065. }
  17066. .fgpfm-nav-border {
  17067. background: #888;
  17068. display: block;
  17069. opacity: 0;
  17070. transition: opacity .2s;
  17071. height: 2px;
  17072. left: 0;
  17073. position: absolute;
  17074. top: 0;
  17075. width: 100%
  17076. }
  17077. .fgpfm-nav-item.front-gallery-item.selected .fgpfm-nav-border,.fgpfm-nav-item.front-gallery-item:hover .fgpfm-nav-border {
  17078. opacity: 1
  17079. }
  17080. .fgpfm-nav-link.front-gallery-link,.fgpfm-nav-link.front-gallery-link:visited,.fgpfm-nav-link.front-gallery-link:hover {
  17081. border: 0;
  17082. color: #333;
  17083. font-size: 12px;
  17084. font-weight: 400;
  17085. padding: 10px 15px;
  17086. position: relative
  17087. }
  17088. .fgpfm-gallery.front-gallery {
  17089. margin-bottom: 45px
  17090. }
  17091. .primary-flex-gallery-viewport .gallery-photo-border {
  17092. box-shadow: none;
  17093. margin-top: 0
  17094. }
  17095. .fgpfm-gallery .snapshots-container {
  17096. overflow: hidden
  17097. }
  17098. .fgpfm-gallery .snapshots-container .gallery-viewport {
  17099. margin: 0 auto;
  17100. width: 700px
  17101. }
  17102. .fgpfm-gallery .snapshots-container .slide-nav {
  17103. top: -70%
  17104. }
  17105. .primary-flex-gallery-viewport .gallery-endslate {
  17106. height: 100%
  17107. }
  17108. @media (min-width: 1321px) {
  17109. .fgpfm-gallery.front-gallery,.fgpfm-gallery.front-gallery .gallery-viewport,.fgpfm-gallery.front-gallery,.primary-flex-galleries.galleries,.fgpfm-gallery .galleries {
  17110. height:690px
  17111. }
  17112. .primary-flex-gallery-thumbs.gallery-thumbs {
  17113. left: 20px;
  17114. right: 20px
  17115. }
  17116. .primary-flex-gallery-viewport .gallery-endslate {
  17117. margin: 19px
  17118. }
  17119. .primary-flex-gallery-photo-border.gallery-photo-border>.gallery-viewport-meta {
  17120. left: 20px;
  17121. right: 20px
  17122. }
  17123. }
  17124. @media (max-width: 1320px) {
  17125. .fgpfm-gallery.front-gallery,.fgpfm-gallery.front-gallery .gallery-viewport,.fgpfm-gallery.front-gallery,.primary-flex-galleries.galleries,.fgpfm-gallery .galleries {
  17126. height:520px
  17127. }
  17128. .fgpfm-gallery.front-gallery.snapshot-placeholder,.fgpfm-gallery .galleries.snapshots-container,.fgpfm-gallery.front-gallery.snapshot-placeholder .gallery-viewport {
  17129. height: 660px
  17130. }
  17131. .primary-flex-gallery-thumbs.gallery-thumbs {
  17132. left: 13px;
  17133. right: 13px
  17134. }
  17135. .primary-flex-gallery-photo-border.gallery-photo-border>.gallery-viewport-meta {
  17136. left: 13px;
  17137. right: 13px
  17138. }
  17139. .primary-flex-gallery-viewport .gallery-endslate {
  17140. height: 520px;
  17141. margin: 0 13px
  17142. }
  17143. }
  17144. .primary-flex-gallery-photo-border.gallery-photo-border>.gallery-viewport-meta {
  17145. bottom: 75px;
  17146. padding: 7px 0 0
  17147. }
  17148. .primary-flex-gallery-photo-border .gallery-viewport-meta>.gallery-viewport-caption {
  17149. padding-bottom: 0
  17150. }
  17151. .primary-flex-gallery-thumbs.gallery-thumbs {
  17152. bottom: -32px;
  17153. height: 107px
  17154. }
  17155. .primary-flex-gallery-thumbs.gallery-thumbs .thumbswrapper {
  17156. background: rgba(0,0,0,.7);
  17157. height: 75px;
  17158. padding: 0
  17159. }
  17160. .primary-flex-gallery-thumbs .thumbswrapper>.thumbslist {
  17161. margin-top: 15px
  17162. }
  17163. .primary-flex-gallery-photo.gallery-photo {
  17164. box-shadow: 0 2px 1px rgba(0,0,0,.2);
  17165. display: block;
  17166. height: 100%;
  17167. margin: 0 auto
  17168. }
  17169. .primary-flex-gallery-viewport.gallery-viewport {
  17170. padding-top: 0
  17171. }
  17172. .primary-flex-gallery-photo-border.gallery-photo-border {
  17173. box-shadow: none;
  17174. margin: 0;
  17175. padding: 0;
  17176. height: 100%;
  17177. width: 100%!important
  17178. }
  17179. .fgpfm-gallery .partner-slide-ad .gallery-photo-border {
  17180. box-shadow: none;
  17181. margin-top: 0!important;
  17182. padding: 0
  17183. }
  17184. .primary-flex-gallery-thumbs .thumbslist>.thumb-item {
  17185. background: 0;
  17186. height: 50px
  17187. }
  17188. .primary-flex-gallery-thumbs .thumbslist>.thumb-item:first-child {
  17189. padding-left: 15px
  17190. }
  17191. .primary-flex-gallery-thumbs .thumb-item>.thumb-link {
  17192. border: 1px solid rgba(255,255,255,.1)
  17193. }
  17194. .primary-flex-gallery-thumbs .thumb-item.active>.thumb-link,.primary-flex-gallery-thumbs .thumb-item>.thumb-link:hover {
  17195. border-color: #09f
  17196. }
  17197. .primary-flex-galleries .slide-nav {
  17198. top: -60%
  17199. }
  17200. .site-nav-social-span {
  17201. width: 16px
  17202. }
  17203. .site-nav-span.site-nav-social-span:after {
  17204. background-position: -84px 0;
  17205. height: 18px;
  17206. margin-left: -9px;
  17207. top: 12px;
  17208. width: 16px
  17209. }
  17210. .site-nav-dropdown.site-nav-social-module-dropdown {
  17211. color: #fff;
  17212. line-height: normal;
  17213. padding: 10px;
  17214. width: auto
  17215. }
  17216. .social-dropdown-item {
  17217. height: 20px;
  17218. margin-bottom: 5px
  17219. }
  17220. .social-dropdown-item.twitter .twitter-follow {
  17221. float: none;
  17222. font-size: 12px;
  17223. line-height: 20px
  17224. }
  17225. .headline-text-collection {
  17226. color: #525252;
  17227. padding: 20px
  17228. }
  17229. .headline-text {
  17230. display: inline-block;
  17231. height: 90px;
  17232. font-size: 12px;
  17233. margin: 20px 0 0;
  17234. overflow: hidden;
  17235. vertical-align: top;
  17236. width: 50%
  17237. }
  17238. .headline-text-asset-item-title {
  17239. font-size: 1.3em;
  17240. margin: 0 0 2px
  17241. }
  17242. .headline-text-grid-load-story {
  17243. color: inherit;
  17244. display: block;
  17245. margin-right: 130px
  17246. }
  17247. .hero {
  17248. background: #fff url(../../images/patterns/noise_fff.png);
  17249. position: relative;
  17250. width: 720px;
  17251. z-index: 5
  17252. }
  17253. .hero .stage,.hero .slide {
  17254. cursor: pointer;
  17255. height: 405px;
  17256. position: relative
  17257. }
  17258. .hero-asset-open {
  17259. cursor: pointer
  17260. }
  17261. .hero .stage {
  17262. background-color: #000;
  17263. width: 720px
  17264. }
  17265. .hero-color-pixel {
  17266. height: 100%;
  17267. width: 100%
  17268. }
  17269. .hero .media {
  17270. bottom: 0;
  17271. position: absolute;
  17272. z-index: 50
  17273. }
  17274. .hero .media>img {
  17275. bottom: 0;
  17276. left: 0;
  17277. position: absolute;
  17278. z-index: 52
  17279. }
  17280. .hero .media img.cutout {
  17281. z-index: 51
  17282. }
  17283. .hero .videoStill,.hero .video .fit-me {
  17284. height: 100%;
  17285. max-width: 100%
  17286. }
  17287. .hero .media,.hero .video {
  17288. height: 100%;
  17289. width: 100%
  17290. }
  17291. .hero .videoObject {
  17292. display: none;
  17293. height: 405px;
  17294. left: 0;
  17295. position: absolute;
  17296. top: 0;
  17297. width: 720px;
  17298. z-index: 9999
  17299. }
  17300. .hero .videoObject object {
  17301. height: 405px;
  17302. vertical-align: middle;
  17303. width: 720px
  17304. }
  17305. .videoStillPlay {
  17306. background-image: url(../../images/buttons/button_video_play.png);
  17307. background-position: 0 -2px;
  17308. cursor: pointer;
  17309. height: 91px;
  17310. left: 50%;
  17311. margin: -46px 0 0 -46px;
  17312. position: absolute;
  17313. top: 50%;
  17314. visibility: hidden;
  17315. width: 93px;
  17316. z-index: 54
  17317. }
  17318. .hero .videoObject:hover .videoCloseButton {
  17319. display: block
  17320. }
  17321. .videoCloseButton {
  17322. background-image: url(../../images/sprites/ui-sprite.png) -150px -205px no-repeat;
  17323. display: none;
  17324. height: 50px;
  17325. overflow: hidden;
  17326. position: absolute;
  17327. right: -17px;
  17328. text-indent: 105%;
  17329. top: -10px;
  17330. white-space: nowrap;
  17331. width: 50px;
  17332. z-index: 1
  17333. }
  17334. .hero-headline-video-close {
  17335. background-color: rgba(0,0,0,.6);
  17336. background-color: #000;
  17337. border-radius: 4px;
  17338. color: #fff;
  17339. cursor: pointer;
  17340. display: block;
  17341. font-family: 'Futura Today Bold',arial,sans-serif;
  17342. font-size: 12px;
  17343. padding: 3px;
  17344. position: absolute;
  17345. right: 0;
  17346. text-transform: uppercase;
  17347. z-index: 100000
  17348. }
  17349. .hero-headline-video-close:hover {
  17350. color: #5bb5ff
  17351. }
  17352. .hero .temp-loader {
  17353. background: #000 url(../../images/preloaders/windmill-loader_2x_dark.gif) no-repeat center center;
  17354. display: none;
  17355. height: 100%;
  17356. position: absolute;
  17357. top: 0;
  17358. width: 100%
  17359. }
  17360. .videoCloseButton:hover,.videoCloseButton:active {
  17361. background-position: -150px -255px
  17362. }
  17363. .hero-text:hover>.videoStillPlay,.hero-3up-media:hover .videoStillPlay,.hero-left-pane:hover>.hero-text>.videoStillPlay,.media:hover>.videoStillPlay,.hero-left-pane:hover>.media>.videoStillPlay,.super-hero-module-wrapper:hover .videoStillPlay,.videoStillPlay:hover,.videoStillPlay:active {
  17364. background-position: 0 -2px;
  17365. cursor: pointer;
  17366. visibility: visible
  17367. }
  17368. .hero .media .pixel {
  17369. height: 100%;
  17370. width: 100%
  17371. }
  17372. .sp-hero-2up.portrait .media .pixel {
  17373. height: 480px;
  17374. width: 360px
  17375. }
  17376. .hero-text {
  17377. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  17378. background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 42%,rgba(0,0,0,.8) 100%);
  17379. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(42%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.8)));
  17380. background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 42%,rgba(0,0,0,.8) 100%);
  17381. background: -o-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 42%,rgba(0,0,0,.8) 100%);
  17382. background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,0) 42%,rgba(0,0,0,.8) 100%);
  17383. background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,0) 42%,rgba(0,0,0,.8) 100%);
  17384. height: 100%;
  17385. position: relative;
  17386. z-index: 53
  17387. }
  17388. .lt-ie9 .hero-text {
  17389. background: transparent url(../../images/ie-gradients/transparent-to-black-67percent.png) repeat-x bottom left
  17390. }
  17391. .hero-story {
  17392. bottom: 0;
  17393. color: #fff;
  17394. position: absolute;
  17395. width: 100%;
  17396. z-index: 54
  17397. }
  17398. .hero-story h1 {
  17399. font-size: 35px;
  17400. line-height: 40px;
  17401. margin: 0 0 0 20px;
  17402. width: 75%
  17403. }
  17404. .hero-story h1 a {
  17405. color: #fff;
  17406. font-weight: 700;
  17407. text-shadow: 1px 1px 1px rgba(0,0,0,.4);
  17408. -moz-transition: color .25s ease-out;
  17409. -ms-transition: color .25s ease-out;
  17410. -o-transition: color .25s ease-out;
  17411. -webkit-transition: color .25s ease-out;
  17412. transition: color .25s ease-out
  17413. }
  17414. .lt-ie10 .hero-story h1 {
  17415. filter: DropShadow(Color=#000000,OffX=1,OffY=1,Positive=1)
  17416. }
  17417. .hero .slide:hover h1 a {
  17418. color: #bfbfbf;
  17419. color: rgba(255,255,255,.75)
  17420. }
  17421. .hero .actions {
  17422. display: table;
  17423. list-style: none;
  17424. margin: 15px 20px 18px 22px;
  17425. padding: 0;
  17426. vertical-align: middle
  17427. }
  17428. .hero .actions li {
  17429. border-left: 1px solid #dedede;
  17430. display: table-cell;
  17431. font-size: 12px;
  17432. padding: 0 10px;
  17433. vertical-align: middle;
  17434. width: auto
  17435. }
  17436. .hero .actions li:first-child {
  17437. border-left: 0;
  17438. padding-left: 0
  17439. }
  17440. .hero .actions li a {
  17441. color: #fff;
  17442. font-weight: 700
  17443. }
  17444. .hero .actions li a:hover {
  17445. color: #0af
  17446. }
  17447. .hero .actions li a.spike,.hero .actions li a.read {
  17448. background: transparent url(../../images/buttons/sprite-hero.png) no-repeat top left;
  17449. height: 17px;
  17450. min-width: 86px;
  17451. padding: 1px 0 2px 22px
  17452. }
  17453. .hero .actions li a.spike:hover,.hero .actions li a.read:hover {
  17454. background-position: 0 -17px
  17455. }
  17456. .hero .actions li a.video {
  17457. background-position: 0 -152px
  17458. }
  17459. .hero .actions li a.video:hover {
  17460. background-position: 0 -170px
  17461. }
  17462. .hero .actions li a.external {
  17463. background-position: 0 -119px
  17464. }
  17465. .hero .actions li a.external:hover {
  17466. background-position: 0 -135px
  17467. }
  17468. .hero .actions li a.read:hover {
  17469. background-position: 0 -17px
  17470. }
  17471. .hero .actions li a.topic {
  17472. background-position: 0 -34px;
  17473. min-height: 16px;
  17474. padding: 1px 0 0 18px
  17475. }
  17476. .hero .actions li a.topic:hover {
  17477. background-position: 0 -51px
  17478. }
  17479. .hero-story .byline-block {
  17480. display: table-cell;
  17481. margin: 0 0 6px 20px;
  17482. vertical-align: middle
  17483. }
  17484. .hero .actions li .byline {
  17485. margin: -3.5px 0 0 0
  17486. }
  17487. .hero .actions li a .byline {
  17488. color: #fff
  17489. }
  17490. .hero .actions li a:hover .byline em {
  17491. color: #0af
  17492. }
  17493. .hero.super .stage,.hero.super .slide {
  17494. height: 600px
  17495. }
  17496. .hero.super .media {
  17497. background: #000;
  17498. overflow: hidden;
  17499. text-align: center;
  17500. -moz-transition: width .5s;
  17501. -ms-transition: width .5s;
  17502. -o-transition: width .5s;
  17503. -webkit-transition: width .5s;
  17504. transition: width .5s;
  17505. width: 840px
  17506. }
  17507. @media only screen and (min-width: 1150px) {
  17508. .hero.super .media {
  17509. width:1080px
  17510. }
  17511. }
  17512. .hero-1up {
  17513. height: 405px;
  17514. width: 720px
  17515. }
  17516. .hero-2up-contents,.hero-2up {
  17517. height: 480px;
  17518. width: 720px
  17519. }
  17520. .hero-2up-slide {
  17521. display: block;
  17522. float: left;
  17523. height: 100%;
  17524. position: relative;
  17525. width: 360px
  17526. }
  17527. .hero-2up-slide-1 {
  17528. margin-right: 1px;
  17529. width: 359px
  17530. }
  17531. .hero-2up-slide-1>.media,.hero-2up-slide-1>.hero-text {
  17532. height: 480px;
  17533. overflow: hidden;
  17534. width: 359px
  17535. }
  17536. .hero-2up .media .pixel {
  17537. height: 480px;
  17538. width: 360px
  17539. }
  17540. .hero-2up-slide>.hero-text>.hero-story>h1 {
  17541. margin: 0 20px;
  17542. width: auto
  17543. }
  17544. .hero-2up-slide:hover>.hero-text>.hero-story>h1>.load-story {
  17545. color: #bfbfbf;
  17546. color: rgba(255,255,255,.75)
  17547. }
  17548. .hero-2up-slide-2 .videoObject {
  17549. left: -360px
  17550. }
  17551. .card-hero-3up.hero {
  17552. height: 480px;
  17553. width: 720px
  17554. }
  17555. .hero-3up {
  17556. background: #000;
  17557. height: 405px;
  17558. width: 960px
  17559. }
  17560. .hero-3up-pixel {
  17561. height: 100%;
  17562. width: 100%
  17563. }
  17564. .hero-3up-pixel-2,.hero-3up-pixel-3 {
  17565. height: 113px;
  17566. margin: 20px 20px 7px;
  17567. width: 200px
  17568. }
  17569. .hero-3up-media-noimage {
  17570. height: 100%;
  17571. position: relative;
  17572. width: 100%;
  17573. z-index: 50
  17574. }
  17575. .hero-3up-media {
  17576. height: 100%;
  17577. position: relative;
  17578. width: 100%;
  17579. z-index: 50
  17580. }
  17581. .hero-3up-tile-1>.hero-3up-media {
  17582. width: 720px
  17583. }
  17584. .card-hero-3up-tile-1.hero-3up-tile-1>.hero-3up-media {
  17585. width: 480px
  17586. }
  17587. .hero-3up-image-2,.hero-3up-image-3 {
  17588. margin: 20px 20px 7px
  17589. }
  17590. .stagfront-hero-3up-pixel-2,.stagfront-hero-3up-pixel-3 {
  17591. height: 200px;
  17592. width: 113px
  17593. }
  17594. .hero-3up-tile>.parent-label {
  17595. left: 10px;
  17596. top: 10px
  17597. }
  17598. .hero-3up-tile:hover>.hero-text>.hero-story>h1>.load-story {
  17599. color: #bfbfbf;
  17600. color: rgba(255,255,255,.75)
  17601. }
  17602. .hero-3up-tile {
  17603. background-color: #000;
  17604. cursor: pointer;
  17605. display: block;
  17606. float: left;
  17607. height: 202px;
  17608. position: relative;
  17609. width: 240px
  17610. }
  17611. .card-hero-3up-tile {
  17612. height: 240px
  17613. }
  17614. .hero-3up-tile-1 {
  17615. height: 405px;
  17616. margin-right: 1px;
  17617. width: 719px
  17618. }
  17619. .card-hero-3up-tile-1 {
  17620. height: 480px;
  17621. width: 479px
  17622. }
  17623. .hero-3up-tile-3 {
  17624. margin-top: 1px
  17625. }
  17626. .hero-3up-media>.hero-text {
  17627. background: 0;
  17628. background-color: rgba(0,0,0,.7);
  17629. border-top: 1px solid #000;
  17630. bottom: 0;
  17631. height: auto;
  17632. position: absolute;
  17633. width: 100%
  17634. }
  17635. .hero-3up-media-1>.hero-text {
  17636. padding-left: 2px
  17637. }
  17638. .lt-ie9 .hero-3up-media>.hero-text {
  17639. background: transparent url(../../images/pixels/pixel-black-70percent.png) repeat top left
  17640. }
  17641. .hero-3up-media>.hero-text>.hero-story {
  17642. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  17643. background: -moz-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%);
  17644. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.1)),color-stop(18%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));
  17645. background: -webkit-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%);
  17646. background: -o-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%);
  17647. background: -ms-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%);
  17648. background: linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%);
  17649. position: static
  17650. }
  17651. .hero-3up-media>.hero-text>.hero-story>h1 {
  17652. font-size: 14px;
  17653. line-height: 16px;
  17654. margin: 0;
  17655. padding: 10px;
  17656. width: auto
  17657. }
  17658. .hero-3up-tile-1>.hero-3up-media>.hero-text>.hero-story>h1 {
  17659. font-size: 30px;
  17660. line-height: 35px;
  17661. padding: 14px 20px 10px
  17662. }
  17663. .hero-3up-media>.hero-text>.hero-story>.actions {
  17664. height: 17px;
  17665. margin: 0;
  17666. padding: 0 10px 10px
  17667. }
  17668. .hero-3up-tile-1>.hero-3up-media>.hero-text>.hero-story>.actions {
  17669. padding: 0 20px 20px
  17670. }
  17671. .sp-hero-2up.portrait .stage,.sp-hero-2up.portrait .slide {
  17672. float: left;
  17673. height: 480px;
  17674. width: 360px
  17675. }
  17676. .sp-hero-2up.portrait .hero-story h1 {
  17677. width: 320px
  17678. }
  17679. .sp-hero-2up.portrait .videoObject,.hero-2up .videoObject {
  17680. background: #000;
  17681. height: 480px;
  17682. line-height: 480px
  17683. }
  17684. .sp-hero-2up.portrait .contents .portraitli span>.video-headline {
  17685. margin-left: -10px;
  17686. padding: 0
  17687. }
  17688. .hero .contents {
  17689. background: -moz-linear-gradient(top,#f7f7f7 96%,#ebebeb 100%);
  17690. background: -webkit-linear-gradient(top,#f7f7f7 96%,#ebebeb 100%);
  17691. background: -ms-linear-gradient(top,#f7f7f7 96%,#ebebeb 100%);
  17692. background: linear-gradient(top,#f7f7f7 96%,#ebebeb 100%);
  17693. border-bottom: 1px solid #dedede;
  17694. display: table;
  17695. height: 119px;
  17696. margin: 0;
  17697. padding: 0;
  17698. position: relative
  17699. }
  17700. .hero .contents li {
  17701. background-color: transparent;
  17702. background-color: rgba(255,255,255,0);
  17703. border-right: 1px solid #dedede;
  17704. color: #666;
  17705. cursor: pointer;
  17706. display: table-cell;
  17707. float: none;
  17708. font-size: 11px;
  17709. font-weight: 700;
  17710. height: 100%;
  17711. line-height: 13px;
  17712. list-style: none;
  17713. padding: 10px 8px 0;
  17714. position: relative;
  17715. text-align: center;
  17716. -moz-transition-duration: .2s;
  17717. -o-transition-duration: .2s;
  17718. -webkit-transition-duration: .2s;
  17719. transition-duration: .2s;
  17720. -moz-transition-property: color background-color;
  17721. -o-transition-property: color background-color;
  17722. -webkit-transition-property: color background-color;
  17723. transition-property: color background-color;
  17724. width: 119px
  17725. }
  17726. .hero .contents li:hover {
  17727. background-color: #fff;
  17728. background-color: rgba(255,255,255,.4);
  17729. color: #333
  17730. }
  17731. .hero .contents li>.container {
  17732. position: relative
  17733. }
  17734. .hero .contents li>.container span {
  17735. background: transparent url(../../images/notch.png) no-repeat center top;
  17736. display: block;
  17737. height: 8px;
  17738. left: 50%;
  17739. margin-left: -7px;
  17740. opacity: 0;
  17741. position: absolute;
  17742. top: -8px;
  17743. -moz-transition: top 200ms ease-in-out,opacity 200ms ease-in-out;
  17744. -ms-transition: top 200ms ease-in-out,opacity 200ms ease-in-out;
  17745. -o-transition: top 200ms ease-in-out,opacity 200ms ease-in-out;
  17746. -webkit-transition: top 200ms ease-in-out;
  17747. transition: top 200ms ease-in-out,opacity 200ms ease-in-out;
  17748. visibility: hidden;
  17749. width: 15px;
  17750. z-index: 56
  17751. }
  17752. .hero .contents li.active span {
  17753. opacity: 1;
  17754. top: -18px;
  17755. visibility: visible
  17756. }
  17757. .lt-ie9 .hero .contents li.active span {
  17758. visibility: visible
  17759. }
  17760. .hero .contents li img {
  17761. border: 4px solid #f7f7f7;
  17762. display: block;
  17763. margin: 0 auto 5px;
  17764. -moz-transition: border-color .2s;
  17765. -ms-transition: border-color .2s;
  17766. -o-transition: border-color .2s;
  17767. -webkit-transition: border-color .2s;
  17768. transition: border-color .2s
  17769. }
  17770. .hero .contents li.active img {
  17771. border-color: #0af
  17772. }
  17773. .sp-hero-2up.portrait .contents {
  17774. background: #e1e1e1 url(../../images/patterns/noise.png) repeat top left;
  17775. border-bottom: 1px solid #c7c7c7;
  17776. border-left: 0;
  17777. border-right: 1px solid #c7c7c7;
  17778. border-top: 1px solid #c7c7c7;
  17779. display: block;
  17780. height: 478px;
  17781. position: absolute;
  17782. right: 0;
  17783. top: 0;
  17784. width: 359px
  17785. }
  17786. .sp-hero-2up.portrait .contents .portraitli {
  17787. border-bottom: 1px solid #c7c7c7;
  17788. border-top: 1px solid #fff;
  17789. display: block;
  17790. float: left;
  17791. height: 78px;
  17792. margin: 0;
  17793. padding: 0;
  17794. text-align: left;
  17795. width: 358px
  17796. }
  17797. .sp-hero-2up.portrait .contents .portraitli:first-child {
  17798. border-top: 0;
  17799. margin-top: 0
  17800. }
  17801. .sp-hero-2up.portrait .contents .portraitli:hover {
  17802. background: #f3f3f3 url(../../images/patterns/noise.png) repeat top left
  17803. }
  17804. .sp-hero-2up.portrait .contents .portraitli img {
  17805. border: 0;
  17806. float: left;
  17807. margin: 14px 10px 14px 20px
  17808. }
  17809. .sp-hero-2up.portrait .contents .portraitli .container {
  17810. display: table;
  17811. height: 78px;
  17812. margin-right: 20px
  17813. }
  17814. .sp-hero-2up.portrait .contents .portraitli span>span {
  17815. display: table-cell;
  17816. height: 78px;
  17817. padding: 0 0 0 20px;
  17818. vertical-align: middle
  17819. }
  17820. .sp-hero-2up.portrait .contents .portraitli span img+span {
  17821. margin-left: 90px;
  17822. padding: 0
  17823. }
  17824. .sp-hero-2up.portrait .contents .portraitli .thumbHeadline {
  17825. color: #333;
  17826. font-size: 12px;
  17827. font-weight: 700;
  17828. line-height: 16px;
  17829. margin: 0
  17830. }
  17831. .sp-hero-2up.portrait .contents .portraitli .thumbHeadline {
  17832. color: #333
  17833. }
  17834. .sp-hero-2up.portrait .contents .portraitli:hover .thumbHeadline {
  17835. color: #0af
  17836. }
  17837. .sp-hero-2up.portrait .contents .portraitli .read {
  17838. background: transparent url(../../images/buttons/sprite-hero.png) no-repeat 0 -68px;
  17839. color: #666;
  17840. display: block;
  17841. font-size: 11px;
  17842. height: 16px;
  17843. line-height: 16px;
  17844. padding: 1px 0 0 22px
  17845. }
  17846. .sp-hero-2up.portrait .contents .portraitli:hover .read {
  17847. background-position: 0 -85px;
  17848. color: #333
  17849. }
  17850. .hero-headline-pack {
  17851. height: 420px;
  17852. position: relative;
  17853. width: 720px
  17854. }
  17855. .hero-headline-pack>.hero-page-video>.ui-placer>.video {
  17856. width: 720px
  17857. }
  17858. .hero-headline-pack-popular {
  17859. height: 421px
  17860. }
  17861. .hero-headline-pack .media>img {
  17862. bottom: -1px
  17863. }
  17864. .hero-right-pane {
  17865. background: #f8f8f8;
  17866. border-bottom: 1px solid #dbdbdb;
  17867. border-right: 1px solid #ccc;
  17868. border-top: 1px solid #ccc;
  17869. -webkit-box-sizing: border-box;
  17870. -moz-box-sizing: border-box;
  17871. box-sizing: border-box;
  17872. height: 100%;
  17873. margin-left: 360px;
  17874. position: absolute;
  17875. top: 0;
  17876. width: 360px
  17877. }
  17878. .hero-left-pane {
  17879. background: #000;
  17880. border-bottom: 1px solid #dbdbdb;
  17881. border-top: 1px solid #ccc;
  17882. -webkit-box-sizing: border-box;
  17883. -moz-box-sizing: border-box;
  17884. box-sizing: border-box;
  17885. height: 421px;
  17886. left: 0;
  17887. overflow: hidden;
  17888. padding-right: 20px;
  17889. position: absolute;
  17890. top: 0;
  17891. width: 400px
  17892. }
  17893. .hero-headline-pack .hero-text {
  17894. bottom: -1px;
  17895. height: 100%;
  17896. position: absolute;
  17897. width: 100%
  17898. }
  17899. .hero-headline-square-pane {
  17900. background: #f8f8f8;
  17901. border-bottom: 1px solid #dbdbdb;
  17902. border-top: 1px solid #ccc;
  17903. -webkit-box-sizing: border-box;
  17904. -moz-box-sizing: border-box;
  17905. box-sizing: border-box;
  17906. height: 100%;
  17907. left: 0;
  17908. position: absolute;
  17909. top: 0;
  17910. width: 420px
  17911. }
  17912. .hero-headline-list-pane {
  17913. background: #f8f8f8;
  17914. border-bottom: 1px solid #dbdbdb;
  17915. border-right: 1px solid #ccc;
  17916. border-top: 1px solid #ccc;
  17917. -webkit-box-sizing: border-box;
  17918. -moz-box-sizing: border-box;
  17919. box-sizing: border-box;
  17920. height: 421px;
  17921. left: 400px;
  17922. position: absolute;
  17923. top: 0;
  17924. width: 320px
  17925. }
  17926. .hero-page-turn {
  17927. z-index: 98
  17928. }
  17929. .hero-list {
  17930. list-style: none;
  17931. padding: 0 20px;
  17932. position: relative;
  17933. top: 40px;
  17934. -moz-transform-style: preserve-3d
  17935. }
  17936. .hero-list-item {
  17937. border-bottom: 1px solid #e6e6e6;
  17938. color: #666;
  17939. display: block;
  17940. float: left;
  17941. font-size: 11px;
  17942. font-weight: 700;
  17943. line-height: 16px;
  17944. margin: 0;
  17945. padding: 0;
  17946. text-align: left;
  17947. width: 100%
  17948. }
  17949. .hero-list-item.last {
  17950. border-bottom: 0
  17951. }
  17952. a.hero-list-anchor {
  17953. color: #333;
  17954. display: inline-block;
  17955. float: left;
  17956. font-size: 12px;
  17957. height: 16px;
  17958. overflow: hidden;
  17959. padding: 13px 0 11px;
  17960. text-overflow: ellipsis;
  17961. white-space: nowrap;
  17962. width: 280px
  17963. }
  17964. .no-touch .hero-list-item:hover {
  17965. background: #009bff;
  17966. color: #fff;
  17967. margin-left: -10px;
  17968. padding: 0 10px;
  17969. width: 280px
  17970. }
  17971. .hero-list-item .hero-list-info {
  17972. display: none
  17973. }
  17974. .no-touch .hero-list-item:hover>.hero-list-info {
  17975. display: block
  17976. }
  17977. .no-touch .hero-list-item:hover>.hero-list-anchor {
  17978. color: #fff;
  17979. width: 250px
  17980. }
  17981. .hero-list-info {
  17982. color: #696969;
  17983. float: right;
  17984. font-size: 10px;
  17985. font-weight: 400;
  17986. height: 16px;
  17987. position: relative;
  17988. top: 13px;
  17989. width: auto
  17990. }
  17991. .hero-list-info.recent {
  17992. color: #009bff
  17993. }
  17994. .hero-list-item:hover>.hero-list-info {
  17995. color: #a5e0ff
  17996. }
  17997. .hero-list-info.video,.hero-list-info.gallery {
  17998. height: 17px;
  17999. overflow: hidden;
  18000. position: relative;
  18001. text-indent: 105%;
  18002. top: 12px;
  18003. white-space: nowrap;
  18004. width: 17px
  18005. }
  18006. .hero-list-info.gallery {
  18007. background: url(../../images/sprites/ui-sprite.png) no-repeat -822px -42px
  18008. }
  18009. .hero-list-info.video {
  18010. background: url(../../images/sprites/ui-sprite.png) no-repeat -581px -1px
  18011. }
  18012. .hero-head {
  18013. color: #999;
  18014. font-family: 'Futura Today Bold',arial,sans-serif;
  18015. font-size: 16px;
  18016. font-weight: 400;
  18017. left: 20px;
  18018. letter-spacing: 1px;
  18019. margin: 0;
  18020. padding: 0;
  18021. position: absolute;
  18022. text-transform: uppercase;
  18023. top: 12px
  18024. }
  18025. .hero-turn-trigger {
  18026. display: none
  18027. }
  18028. .hero-page-trigger:after {
  18029. background-position: -379px -58px;
  18030. margin-left: 6px
  18031. }
  18032. .hero-page-trigger {
  18033. color: #333;
  18034. cursor: pointer;
  18035. font-family: 'Futura Today Bold',arial,sans-serif;
  18036. font-size: 12px;
  18037. height: 16px;
  18038. margin: 0;
  18039. position: absolute;
  18040. right: 17px;
  18041. text-transform: uppercase;
  18042. top: 16px;
  18043. white-space: nowrap
  18044. }
  18045. .hero-popular {
  18046. background: #f8f8f8;
  18047. border: 1px solid #ccc;
  18048. -webkit-box-sizing: border-box;
  18049. -moz-box-sizing: border-box;
  18050. box-sizing: border-box;
  18051. height: 100%;
  18052. left: 0;
  18053. overflow: hidden;
  18054. position: absolute;
  18055. top: 0;
  18056. width: 720px
  18057. }
  18058. .hero-popular-crease {
  18059. background: url(../../images/modules/dropshadows/hero-flip-crease.png) repeat-y 50% top;
  18060. height: 100%;
  18061. left: 345px;
  18062. position: absolute;
  18063. width: 30px;
  18064. z-index: 9
  18065. }
  18066. .hero-popular-head {
  18067. background: #f3f3f3 url(../../images/sprites/popular-edge.png) repeat-x left bottom;
  18068. height: 60px;
  18069. width: 100%
  18070. }
  18071. .hero-popular-body {
  18072. height: 100%;
  18073. padding: 13px 0 10px 25px
  18074. }
  18075. .hero-popular-head-text {
  18076. color: #999;
  18077. font-family: 'Futura Today Bold',arial,sans-serif;
  18078. font-size: 16px;
  18079. font-weight: 400;
  18080. left: 0;
  18081. letter-spacing: 1px;
  18082. margin: 0;
  18083. padding: 0;
  18084. position: absolute;
  18085. text-indent: 24px;
  18086. text-transform: uppercase;
  18087. text-shadow: 1px 1px 1px #fff;
  18088. top: 18px;
  18089. width: 100%
  18090. }
  18091. .hero-popular .hero-page-trigger {
  18092. padding-left: 25px;
  18093. padding-right: 0;
  18094. top: 23px;
  18095. z-index: 1
  18096. }
  18097. .hero-popular .hero-page-trigger:before {
  18098. background-position: -401px -58px;
  18099. margin-right: 3px
  18100. }
  18101. .hero-popular-large-item {
  18102. float: left;
  18103. height: 180px;
  18104. margin-right: 26px;
  18105. position: relative;
  18106. width: 320px
  18107. }
  18108. .hero-popular-meta-image,.hero-popular-meta-noimage {
  18109. bottom: 0;
  18110. color: #fff;
  18111. left: 0;
  18112. padding: 3px 13px;
  18113. position: absolute;
  18114. width: 294px
  18115. }
  18116. .hero-popular-large-shadow {
  18117. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQyJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC44Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  18118. background: -moz-linear-gradient(top,transparent 0,transparent 42%,rgba(0,0,0,.8) 100%);
  18119. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,transparent),color-stop(42%,transparent),color-stop(100%,rgba(0,0,0,.8)));
  18120. background: -webkit-linear-gradient(top,transparent 0,transparent 42%,rgba(0,0,0,.8) 100%);
  18121. background: -o-linear-gradient(top,transparent 0,transparent 42%,rgba(0,0,0,.8) 100%);
  18122. background: -ms-linear-gradient(top,transparent 0,transparent 42%,rgba(0,0,0,.8) 100%);
  18123. background: linear-gradient(to bottom,transparent 0,transparent 42%,rgba(0,0,0,.8) 100%);
  18124. height: 100%;
  18125. position: absolute;
  18126. top: 0;
  18127. width: 100%
  18128. }
  18129. .hero-popular-list-header {
  18130. font-size: 20px;
  18131. line-height: 22px;
  18132. margin: 0 0 8px
  18133. }
  18134. .lt-ie9 .hero-popular-meta-image {
  18135. background: transparent url(../../images/ie-gradients/transparent-to-black-67percent.png) repeat-x bottom left
  18136. }
  18137. .hero-popular-small-item {
  18138. float: left;
  18139. height: 60px;
  18140. overflow: hidden;
  18141. padding: 18px 26px 0 1px;
  18142. position: relative;
  18143. width: 318px
  18144. }
  18145. .hero-popular-small-thumb {
  18146. float: left;
  18147. height: 60px;
  18148. margin-right: 20px;
  18149. width: 60px
  18150. }
  18151. .hero-popular-small-header {
  18152. color: #333;
  18153. font-size: 14px;
  18154. line-height: 18px;
  18155. margin: 0;
  18156. padding: 0 0 4px;
  18157. position: relative;
  18158. top: -2px;
  18159. width: 100%
  18160. }
  18161. .hero-popular-small-item>a:hover>.hero-popular-small-header {
  18162. color: #007dcf
  18163. }
  18164. a.hero-popular-small-anchor {
  18165. color: #999;
  18166. font-size: 11px;
  18167. font-weight: 400;
  18168. height: 100%;
  18169. position: absolute;
  18170. width: 320px;
  18171. z-index: 0
  18172. }
  18173. a.hero-popular-anchor {
  18174. color: #999;
  18175. font-size: 11px;
  18176. font-weight: 400
  18177. }
  18178. .hero-popular-viewcount {
  18179. padding-left: 5px
  18180. }
  18181. .hero-popular-viewcount:before {
  18182. background-position: -940px -34px;
  18183. width: 18px
  18184. }
  18185. .hero-popular-large-item .hero-popular-viewcount:before {
  18186. background-position: -940px -16px
  18187. }
  18188. .hero-popular-item-subtext {
  18189. color: #999;
  18190. font-size: 11px;
  18191. font-weight: 400;
  18192. margin-top: 1px;
  18193. position: relative
  18194. }
  18195. .hero-popular-large-item .hero-popular-item-subtext {
  18196. color: #fff
  18197. }
  18198. @media only screen and (max-width: 1149px) {
  18199. a.hero-list-anchor {
  18200. padding:11px 0 10px
  18201. }
  18202. .hero-page-trigger {
  18203. bottom: 10px;
  18204. top: auto
  18205. }
  18206. .hero-popular-right-item {
  18207. padding-bottom: 11px
  18208. }
  18209. .hero-popular .hero-page-trigger {
  18210. top: auto
  18211. }
  18212. }
  18213. .hero-multi-up-thumbs {
  18214. background: #f7f7f7;
  18215. background: -moz-linear-gradient(top,#f7f7f7 96%,#ebebeb 100%);
  18216. background: -webkit-linear-gradient(top,#f7f7f7 96%,#ebebeb 100%);
  18217. background: -ms-linear-gradient(top,#f7f7f7 96%,#ebebeb 100%);
  18218. background: linear-gradient(top,#f7f7f7 96%,#ebebeb 100%);
  18219. box-shadow: inset 0 -1px 0 #dedede;
  18220. margin: 0;
  18221. padding: 0;
  18222. position: relative;
  18223. width: 720px
  18224. }
  18225. .hero-multi-up-thumb-item {
  18226. background-color: rgba(255,255,255,0);
  18227. border-right: 1px solid #dedede;
  18228. -webkit-box-sizing: border-box;
  18229. -moz-box-sizing: border-box;
  18230. box-sizing: border-box;
  18231. color: #666;
  18232. cursor: pointer;
  18233. float: left;
  18234. font-size: 11px;
  18235. font-weight: 700;
  18236. height: 100%;
  18237. line-height: 13px;
  18238. list-style: none;
  18239. padding: 10px 8px 0;
  18240. position: relative;
  18241. text-align: center;
  18242. -moz-transition-duration: .2s;
  18243. -o-transition-duration: .2s;
  18244. -webkit-transition-duration: 0;
  18245. transition-duration: .2s;
  18246. -moz-transition-property: color background-color;
  18247. -o-transition-property: color background-color;
  18248. -webkit-transition-property: color background-color;
  18249. transition-property: color background-color
  18250. }
  18251. .hero-multi-up-thumb-photo {
  18252. border: 4px solid #f7f7f7;
  18253. display: block;
  18254. margin: 0 auto 5px;
  18255. overflow: hidden;
  18256. -moz-transition: border-color .2s;
  18257. -ms-transition: border-color .2s;
  18258. -o-transition: border-color .2s;
  18259. -webkit-transition: border-color 0s;
  18260. transition: border-color .2s
  18261. }
  18262. .hero-multi-up-thumb-item.active>.hero-multi-up-thumb-notch {
  18263. opacity: 1;
  18264. top: -8px;
  18265. visibility: visible
  18266. }
  18267. .hero-multi-up-slide.active>.media.loading {
  18268. height: 100%;
  18269. width: 100%
  18270. }
  18271. .hero-multi-up-thumb-text {
  18272. height: 40px;
  18273. overflow: hidden;
  18274. position: relative;
  18275. width: 100%
  18276. }
  18277. .hero-multi-up-thumb-item.active>.hero-multi-up-thumb-photo {
  18278. border-color: #0af
  18279. }
  18280. .hero-multi-up-thumb-item.active>.hero-multi-up-thumb-notch {
  18281. opacity: 1;
  18282. top: -8px;
  18283. visibility: visible
  18284. }
  18285. .hero-multi-up-thumb-notch {
  18286. background: transparent url(../../images/notch.png) no-repeat center top;
  18287. display: block;
  18288. height: 8px;
  18289. left: 50%;
  18290. margin-left: -7px;
  18291. opacity: 0;
  18292. position: absolute;
  18293. top: 0;
  18294. -moz-transition: top 200ms ease-in-out,opacity 200ms ease-in-out;
  18295. -ms-transition: top 200ms ease-in-out,opacity 200ms ease-in-out;
  18296. -o-transition: top 200ms ease-in-out,opacity 200ms ease-in-out;
  18297. -webkit-transition: top 200ms ease-in-out;
  18298. transition: top 200ms ease-in-out,opacity 200ms ease-in-out;
  18299. visibility: hidden;
  18300. width: 15px;
  18301. z-index: 56
  18302. }
  18303. .hero-multi-up-thumb-item:hover {
  18304. background-color: rgba(255,255,255,.4);
  18305. color: #333
  18306. }
  18307. .hero-multi-up-ribbon {
  18308. background: #000;
  18309. background: rgba(0,0,0,.65);
  18310. color: #fff;
  18311. cursor: pointer;
  18312. font-family: 'Futura Today Bold',arial,sans-serif;
  18313. font-size: 12px;
  18314. font-weight: 400;
  18315. left: 584px;
  18316. line-height: 11px;
  18317. padding: 10px 6px 0 8px;
  18318. position: absolute;
  18319. text-transform: uppercase;
  18320. top: 20px;
  18321. width: 122px;
  18322. z-index: 60
  18323. }
  18324. .hero-multi-up-ribbon:after {
  18325. background-position: -378px -1px;
  18326. margin-left: 5px
  18327. }
  18328. .hero-multi-up-6 {
  18329. height: 524px
  18330. }
  18331. .hero-multi-up-4 {
  18332. height: 595px
  18333. }
  18334. .hero-multi-up-popular {
  18335. height: 525px
  18336. }
  18337. .hero-up-thumbs-4 {
  18338. height: 190px
  18339. }
  18340. .hero-up-thumbs-item-4 {
  18341. width: 25%
  18342. }
  18343. .hero-up-thumbs-item-4 .hero-multi-up-thumb-photo {
  18344. height: 90px;
  18345. width: 130px
  18346. }
  18347. .hero-up-thumbs-6 {
  18348. height: 120px
  18349. }
  18350. .hero-up-thumbs-item-6 {
  18351. width: 120px
  18352. }
  18353. .hero-up-thumbs-item-6 .hero-multi-up-thumb-photo {
  18354. height: 50px;
  18355. width: 80px
  18356. }
  18357. @media only screen and (max-width: 1239px) {
  18358. .hero-multi-up-ribbon {
  18359. top:43px
  18360. }
  18361. }
  18362. .hero.carousel .slide {
  18363. display: block;
  18364. opacity: 0;
  18365. position: absolute;
  18366. visibility: hidden;
  18367. width: 100%
  18368. }
  18369. .hero.carousel .slide.active {
  18370. opacity: 1;
  18371. visibility: visible
  18372. }
  18373. .hero .contents .portraitli>a {
  18374. display: inline-block;
  18375. height: 100%;
  18376. width: 100%
  18377. }
  18378. .portraitli span>.play-btn-s {
  18379. bottom: -45px;
  18380. margin: 0;
  18381. padding: 0;
  18382. position: relative;
  18383. right: 24px
  18384. }
  18385. .hero.basic.election_night,.hero.basic.election_night .stage {
  18386. background: #f8f8f8;
  18387. height: auto
  18388. }
  18389. .hero.election_night h2.headline {
  18390. font-size: 32px;
  18391. margin: 0;
  18392. padding: 10px 20px 0
  18393. }
  18394. .hero.basic.election_night .stage {
  18395. background: transparent url(../../images/patterns/paper-noise-bar.png) repeat top left;
  18396. border-bottom: 1px solid #e1e1e1
  18397. }
  18398. .hero.basic.election_night .top_headline h2.headline a {
  18399. color: #333;
  18400. margin: 0
  18401. }
  18402. .hero-headline-pack.election_night {
  18403. height: 480px
  18404. }
  18405. .hero.basic.election_night .stage.election-night-large-story .hero-right-pane {
  18406. background: transparent url(../../images/patterns/paper-noise-bar.png) repeat top left;
  18407. height: 600px;
  18408. margin-left: 470px;
  18409. width: 250px
  18410. }
  18411. .hero.basic.election_night .stage.election-night-large-story .hero-left-pane {
  18412. height: 600px;
  18413. width: 470px
  18414. }
  18415. .hero.basic.election_night .stage.election-night-large-story .slide {
  18416. height: 600px
  18417. }
  18418. .hero-headline-pack.election_night .hero-page-front .hero-right-pane {
  18419. background: #f8f8f8;
  18420. border-bottom: 1px solid #dbdbdb;
  18421. border-right: 1px solid #ccc;
  18422. border-top: 1px solid #ccc;
  18423. -webkit-box-sizing: border-box;
  18424. -moz-box-sizing: border-box;
  18425. box-sizing: border-box;
  18426. height: 100%;
  18427. left: 420px;
  18428. margin: 0;
  18429. position: absolute;
  18430. top: 0;
  18431. width: 300px
  18432. }
  18433. .hero-headline-pack.election_night .hero-page-front .hero-left-pane {
  18434. background: #000;
  18435. border-bottom: 1px solid #dbdbdb;
  18436. border-top: 1px solid #ccc;
  18437. -webkit-box-sizing: border-box;
  18438. -moz-box-sizing: border-box;
  18439. box-sizing: border-box;
  18440. height: 100%;
  18441. left: 0;
  18442. position: absolute;
  18443. top: 0;
  18444. width: 420px
  18445. }
  18446. .hero-headline-pack.election_night .hero-page-front .hero-list-item {
  18447. border-bottom: 1px solid #e6e6e6;
  18448. color: #666;
  18449. display: block;
  18450. float: left;
  18451. font-size: 11px;
  18452. font-weight: 700;
  18453. line-height: 16px;
  18454. margin: 0;
  18455. padding: 0;
  18456. text-align: left;
  18457. width: 272px
  18458. }
  18459. .hero-headline-pack.election_night .hero-page-front a.hero-list-anchor {
  18460. color: #333;
  18461. display: inline-block;
  18462. float: left;
  18463. font-size: 12px;
  18464. height: 16px;
  18465. overflow: hidden;
  18466. padding: 13px 0 11px;
  18467. text-overflow: ellipsis;
  18468. white-space: nowrap;
  18469. width: 252px
  18470. }
  18471. .hero-headline-pack.election_night .hero-page-front .hero-list-anchor:hover {
  18472. background: #009bff;
  18473. color: #fff;
  18474. margin: -1px -10px;
  18475. padding: 14px 22px 12px 10px;
  18476. width: 252px
  18477. }
  18478. .hero-headline-pack.election_night .hero-page-front .hero-list-anchor>.info {
  18479. color: #696969;
  18480. font-size: 10px;
  18481. font-weight: 400;
  18482. height: 16px;
  18483. margin-top: 1px;
  18484. position: absolute;
  18485. right: 10px;
  18486. text-align: center;
  18487. width: 16px
  18488. }
  18489. .promo-frame {
  18490. background: #f8f8f8;
  18491. margin: 0;
  18492. padding: 0
  18493. }
  18494. .front-bump-shadow {
  18495. background: url(../../images/sprites/shadow-border.png) repeat-x left -10px;
  18496. display: block;
  18497. margin: -20px 0 0 0;
  18498. overflow: visible;
  18499. position: relative
  18500. }
  18501. .front-bump-shadow:before {
  18502. background: url(../../images/sprites/shadow-border.png) -21px -26px;
  18503. content: '';
  18504. height: 366px;
  18505. left: -18px;
  18506. position: absolute;
  18507. top: 0;
  18508. width: 18px;
  18509. z-index: 2
  18510. }
  18511. .front-bump-shadow:after {
  18512. background: url(../../images/sprites/shadow-border.png) -40px -26px;
  18513. content: '';
  18514. height: 366px;
  18515. position: absolute;
  18516. right: -18px;
  18517. top: 0;
  18518. width: 18px;
  18519. z-index: 2
  18520. }
  18521. .below-hero-ad-module {
  18522. background: #dedede url(../../images/patterns/noise-featured.png) repeat top left;
  18523. display: none
  18524. }
  18525. .below-hero-content-ul {
  18526. list-style-type: none;
  18527. margin: 0 0 5px;
  18528. padding: 0;
  18529. position: relative;
  18530. width: 400px
  18531. }
  18532. .below-hero-content-li {
  18533. display: inline-table;
  18534. text-align: center;
  18535. width: 197px
  18536. }
  18537. .below-hero-popular {
  18538. float: left;
  18539. width: 395px
  18540. }
  18541. .below-hero-ad.partner-placement {
  18542. border: 5px solid #fff;
  18543. box-shadow: 0 4px 8px 0 #bebebe;
  18544. display: block;
  18545. float: right;
  18546. margin: 10px 10px 10px 0
  18547. }
  18548. .below-hero-header-title {
  18549. color: #333;
  18550. float: left;
  18551. font-family: 'Futura Today Bold',arial,sans-serif;
  18552. font-size: 15px;
  18553. margin: 0 20px 20px;
  18554. padding: 16px 0 0;
  18555. padding-bottom: 5px;
  18556. text-transform: uppercase;
  18557. text-shadow: 0 1px 0 #fff;
  18558. width: 200px
  18559. }
  18560. a.below-hero-content-a {
  18561. border-right: 0;
  18562. color: #000;
  18563. display: block;
  18564. font-size: 10px;
  18565. min-height: 200px;
  18566. padding: 0 25px;
  18567. position: relative
  18568. }
  18569. a.below-hero-content-a .play-btn-m {
  18570. left: 128px;
  18571. position: absolute;
  18572. top: 97px
  18573. }
  18574. .below-hero-h3 {
  18575. font-size: 12px;
  18576. line-height: 18px;
  18577. margin-bottom: 4px;
  18578. margin-top: 7px;
  18579. overflow: hidden;
  18580. text-overflow: ellipsis
  18581. }
  18582. .below-hero-content-ul a.below-content-0 {
  18583. border-right: 1px solid #c3c3c3
  18584. }
  18585. .below-hero-ad-container {
  18586. float: right
  18587. }
  18588. .stagfront-1-up-hero,.hero.stagfront-1-up-hero .slide,.hero.stagfront-1-up-hero .stage {
  18589. height: 540px;
  18590. width: 960px
  18591. }
  18592. .stagfront-1-up-with-ad {
  18593. height: 332px;
  18594. width: 960px
  18595. }
  18596. .hero.stagfront-1-up-with-ad .stage {
  18597. border: 0;
  18598. display: inline-block;
  18599. height: 332px;
  18600. width: 590px
  18601. }
  18602. .hero.stagfront-1-up-with-ad .slide {
  18603. height: 332px;
  18604. width: 590px
  18605. }
  18606. .topic-hero-ad {
  18607. background: #2e2e2e;
  18608. border: 0;
  18609. -webkit-box-sizing: border-box;
  18610. -moz-box-sizing: border-box;
  18611. box-sizing: border-box;
  18612. float: right;
  18613. height: 332px;
  18614. padding: 40px 35px;
  18615. width: 370px
  18616. }
  18617. .partner-heroflip-ad {
  18618. overflow: hidden;
  18619. width: 720px
  18620. }
  18621. .partner-heroflip-ad.size-xxs {
  18622. height: 400px
  18623. }
  18624. .partner-heroflip-ad.size-xs {
  18625. height: 405px
  18626. }
  18627. .partner-heroflip-ad.size-s {
  18628. height: 420px
  18629. }
  18630. .partner-heroflip-ad.size-m {
  18631. height: 480px
  18632. }
  18633. .partner-heroflip-ad.size-l {
  18634. height: 524px
  18635. }
  18636. .hero-full-width-module {
  18637. background: #fff
  18638. }
  18639. .hfwmm-ssts-label-top-left {
  18640. left: 10px;
  18641. position: absolute;
  18642. top: 10px;
  18643. z-index: 2
  18644. }
  18645. .hfwmm-link {
  18646. color: #fff;
  18647. display: block;
  18648. position: relative;
  18649. width: 100%;
  18650. height: 100%;
  18651. z-index: 1
  18652. }
  18653. .hfwmm-image-link,.hfwmm-image {
  18654. display: block
  18655. }
  18656. .hfwmm-image-link {
  18657. height: 100%;
  18658. width: 100%
  18659. }
  18660. .hfwmm-image-link:before {
  18661. background-color: rgba(0,0,0,.15);
  18662. content: "";
  18663. display: block;
  18664. height: 100%;
  18665. left: 0;
  18666. position: absolute;
  18667. top: 0;
  18668. -webkit-transition: background-color .15s ease-out;
  18669. -moz-transition: background-color .15s ease-out;
  18670. transition: background-color .15s ease-out;
  18671. width: 100%;
  18672. z-index: 2
  18673. }
  18674. .hfwmm-primary-wrap:hover .hfwmm-image-link:before,.hfwmm-secondary-item:hover .hfwmm-image-link:before {
  18675. background-color: transparent
  18676. }
  18677. .hfwmm-image-gradient {
  18678. background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  18679. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65)));
  18680. background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  18681. background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  18682. background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  18683. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  18684. bottom: 0;
  18685. content: "";
  18686. display: block;
  18687. height: 60%;
  18688. left: 0;
  18689. position: absolute;
  18690. width: 100%;
  18691. z-index: 2
  18692. }
  18693. .hfwmm-primary-wrap {
  18694. height: 400px;
  18695. position: relative;
  18696. float: left
  18697. }
  18698. .hfwmm-4uphp-primary-wrap {
  18699. width: 720px
  18700. }
  18701. .hfwmm-primary-image-link:after {
  18702. height: 50%
  18703. }
  18704. .hfwmm-primary-hed-link {
  18705. display: block
  18706. }
  18707. .hfwmm-primary-link:hover,.hfwmm-primary-link:visited {
  18708. color: #fff
  18709. }
  18710. .hfwmm-primary-text-wrap {
  18711. box-sizing: border-box;
  18712. -moz-box-sizing: border-box;
  18713. position: absolute;
  18714. bottom: 0;
  18715. left: 0;
  18716. padding: 0 20px 18px;
  18717. width: 100%
  18718. }
  18719. .hfwmm-primary-hed {
  18720. font: 40px 'Futura Today DemiBold',Arial,sans-serif;
  18721. line-height: 44px;
  18722. display: block;
  18723. margin: 0 0 5px;
  18724. text-shadow: 1px 1px 1px rgba(0,0,0,.4);
  18725. letter-spacing: -1px;
  18726. position: relative;
  18727. z-index: 2;
  18728. color: #fff
  18729. }
  18730. .hfwmm-video-hed-link,.hfwmm-gallery-hed-link {
  18731. text-indent: -48px;
  18732. margin-left: 48px
  18733. }
  18734. .hfwmm-primary-video-hed:before,.hfwmm-primary-gallery-hed:before {
  18735. font-family: 'Gannett Icons';
  18736. vertical-align: top;
  18737. margin-right: 8px;
  18738. font-size: 34px;
  18739. position: relative;
  18740. top: 1px
  18741. }
  18742. .hfwmm-primary-video-hed:before {
  18743. content: 'v'
  18744. }
  18745. .hfwmm-primary-gallery-hed:before {
  18746. content: 'g'
  18747. }
  18748. .hfwmm-spikes {
  18749. display: inline-block;
  18750. padding: 8px 0 0;
  18751. z-index: 5;
  18752. position: relative;
  18753. line-height: 30px;
  18754. bottom: -8px
  18755. }
  18756. .hfwmm-spike-link,.hfwmm-spike-link:visited {
  18757. color: #fff;
  18758. font-size: 14px;
  18759. padding: 0 15px 0 0;
  18760. border-right: 1px solid rgba(255,255,255,.3);
  18761. margin-right: 15px;
  18762. font-weight: 700;
  18763. transition: color .15s;
  18764. display: inline-block;
  18765. vertical-align: top;
  18766. height: 16px;
  18767. line-height: 16px
  18768. }
  18769. .hfwmm-spike-link:hover {
  18770. color: #009bff
  18771. }
  18772. .hfwmm-last-spike-link {
  18773. border: 0
  18774. }
  18775. .hfwmm-spike-link:before {
  18776. content: 'a';
  18777. font-family: 'Gannett Icons';
  18778. font-size: 18px;
  18779. margin-right: 5px;
  18780. vertical-align: top
  18781. }
  18782. .hfwmm-video-spike-link:before,.hfwmm-livevideo-spike-link:before {
  18783. content: 'v'
  18784. }
  18785. .hfwmm-gallery-spike-link:before {
  18786. content: 'g';
  18787. margin-right: 7px
  18788. }
  18789. .hfwmm-noicon-spike-link:before {
  18790. display: none
  18791. }
  18792. .hfwmm-list {
  18793. box-sizing: border-box;
  18794. -moz-box-sizing: border-box;
  18795. list-style: none;
  18796. display: block;
  18797. position: relative;
  18798. float: right
  18799. }
  18800. .hfwmm-light-list {
  18801. border-right: 1px solid #ccc
  18802. }
  18803. .hfwmm-tertiary-list-title {
  18804. box-sizing: border-box;
  18805. -moz-box-sizing: border-box;
  18806. font: 15px 'Futura Today Bold',Arial,sans-serif;
  18807. height: 40px;
  18808. line-height: 40px;
  18809. padding: 0 0 0 15px;
  18810. position: absolute;
  18811. right: 0;
  18812. text-align: left;
  18813. text-transform: uppercase;
  18814. top: 0;
  18815. width: 360px
  18816. }
  18817. .hfwmm-dark-tertiary-list-title {
  18818. background-color: #2b2b2b;
  18819. border-bottom: 1px solid #0f0f0f;
  18820. color: #fff
  18821. }
  18822. .hfwmm-light-tertiary-list-title {
  18823. background-color: #f9f9f9;
  18824. border-top: 1px solid #ccc;
  18825. border-bottom: 1px solid #dcdcdc;
  18826. color: #282828
  18827. }
  18828. .hfwmm-item {
  18829. display: block;
  18830. position: relative;
  18831. margin: 0;
  18832. padding: 0;
  18833. cursor: pointer
  18834. }
  18835. .hfwmm-first-tertiary-item {
  18836. margin-top: 40px
  18837. }
  18838. .hfwmm-list-link {
  18839. padding: 8px 16px;
  18840. display: block;
  18841. font-weight: 700;
  18842. transition: color,background-color 75ms,75ms;
  18843. -webkit-transition: color,background-color 75ms,75ms;
  18844. box-sizing: border-box;
  18845. -moz-box-sizing: border-box
  18846. }
  18847. .hfwmm-dark-list-link {
  18848. color: #fff;
  18849. background-color: #2b2b2b;
  18850. border-top: 1px solid #3c3c3c;
  18851. border-bottom: 1px solid #0f0f0f
  18852. }
  18853. .hfwmm-dark-list-link:visited {
  18854. color: #fff
  18855. }
  18856. .hfwmm-dark-list-link:hover {
  18857. color: #fff;
  18858. background-color: #272727;
  18859. border-top-color: transparent;
  18860. border-bottom-color: transparent
  18861. }
  18862. .hfwmm-light-list-link {
  18863. color: #282828;
  18864. background-color: #f9f9f9;
  18865. border-top: 1px solid #fff;
  18866. border-bottom: 1px solid #dcdcdc
  18867. }
  18868. .hfwmm-light-list-link:visited {
  18869. color: #282828
  18870. }
  18871. .hfwmm-light-list-link:hover {
  18872. color: #282828;
  18873. background-color: #fff;
  18874. border-top-color: transparent
  18875. }
  18876. .hfwmm-list-hed {
  18877. display: block;
  18878. font-size: 13px;
  18879. line-height: 14px;
  18880. padding: 4px 0;
  18881. text-overflow: ellipsis;
  18882. height: 14px;
  18883. overflow: hidden;
  18884. white-space: nowrap
  18885. }
  18886. @media only screen and (max-width: 1320px) {
  18887. .hfwmm-1uphp-primary-wrap {
  18888. overflow:hidden;
  18889. width: 720px
  18890. }
  18891. .hfwmm-1uphp-primary-image {
  18892. margin-left: -120px
  18893. }
  18894. .hfwmm-list {
  18895. width: 360px
  18896. }
  18897. .hfwmm-first-secondary-item {
  18898. margin-top: 40px
  18899. }
  18900. .hfwmm-first-tertiary-item.hfwmm-4uphp-tertiary-item {
  18901. margin-top: 0
  18902. }
  18903. .hfwmm-secondary-image,.hfwmm-ssts-label-secondary,.hfwmm-truncated-item,.hfwmm-list-link.hfwmm-image-link:before,.hfwmm-secondary-image-gradient {
  18904. display: none
  18905. }
  18906. }
  18907. @media only screen and (min-width: 1321px) {
  18908. .hfwmm-1uphp-primary-wrap {
  18909. width:960px
  18910. }
  18911. .hfwmm-4uphp-list {
  18912. width: 600px
  18913. }
  18914. .hfwmm-1uphp-list {
  18915. width: 360px
  18916. }
  18917. .hfwmm-secondary-item {
  18918. clear: both;
  18919. float: left;
  18920. width: 239px;
  18921. height: 133px;
  18922. overflow: hidden;
  18923. margin: 0 0 1px 1px
  18924. }
  18925. .hfwmm-secondary-link {
  18926. padding: 0;
  18927. background: 0;
  18928. border: 0
  18929. }
  18930. .hfwmm-secondary-video-hed-icon,.hfwmm-secondary-gallery-hed-icon {
  18931. display: table-cell;
  18932. font-family: 'Gannett Icons';
  18933. vertical-align: middle;
  18934. padding-right: 8px;
  18935. font-size: 29px;
  18936. position: relative;
  18937. top: 0
  18938. }
  18939. .hfwmm-secondary-gallery-hed-icon {
  18940. font-size: 27px;
  18941. padding-right: 9px;
  18942. top: 0
  18943. }
  18944. .hfwmm-secondary-video-hed-icon:before {
  18945. content: 'v'
  18946. }
  18947. .hfwmm-secondary-gallery-hed-icon:before {
  18948. content: 'g'
  18949. }
  18950. .hfwmm-secondary-hed-wrap {
  18951. bottom: 0;
  18952. box-sizing: border-box;
  18953. -moz-box-sizing: border-box;
  18954. color: #fff;
  18955. display: block;
  18956. left: 0;
  18957. padding: 10px 10px 7px;
  18958. position: absolute;
  18959. text-shadow: 0 1px 1px #000;
  18960. width: 100%;
  18961. z-index: 5;
  18962. height: auto
  18963. }
  18964. .hfwmm-secondary-hed {
  18965. display: table-cell;
  18966. font-size: 14px;
  18967. line-height: 18px;
  18968. white-space: normal;
  18969. vertical-align: middle
  18970. }
  18971. .hfwmm-secondary-item.hfwmm-item-4 {
  18972. height: 132px;
  18973. margin-bottom: 0
  18974. }
  18975. .hfwmm-4uphp-tertiary-item {
  18976. margin-left: 240px
  18977. }
  18978. .hfwmm-truncated-item.hfwmm-1uphp-truncated-item {
  18979. display: none
  18980. }
  18981. }
  18982. .hfwsm-module-wrap {
  18983. position: relative;
  18984. float: left;
  18985. width: 100%
  18986. }
  18987. .hfwsm-ssts-label-top-left {
  18988. left: 10px;
  18989. position: absolute;
  18990. top: 10px;
  18991. z-index: 2
  18992. }
  18993. .hfwsm-primary-image-link,.hfwsm-primary-image {
  18994. display: block;
  18995. width: 100%
  18996. }
  18997. .hfwsm-primary-image-link {
  18998. height: 100%;
  18999. width: 100%
  19000. }
  19001. .hfwsm-primary-image-link:before {
  19002. background-color: rgba(0,0,0,.15);
  19003. content: "";
  19004. display: block;
  19005. height: 100%;
  19006. left: 0;
  19007. position: absolute;
  19008. top: 0;
  19009. -webkit-transition: background-color .15s ease-out;
  19010. -moz-transition: background-color .15s ease-out;
  19011. transition: background-color .15s ease-out;
  19012. width: 100%;
  19013. z-index: 2
  19014. }
  19015. .hfwsm-module-wrap:hover .hfwsm-primary-image-link:before {
  19016. background-color: transparent
  19017. }
  19018. .hfwsm-primary-image-link:after {
  19019. background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  19020. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65)));
  19021. background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  19022. background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  19023. background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  19024. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  19025. bottom: 0;
  19026. content: "";
  19027. display: block;
  19028. height: 70%;
  19029. left: 0;
  19030. position: absolute;
  19031. width: 100%;
  19032. z-index: 2
  19033. }
  19034. .hfwsm-text-timeline-wrap {
  19035. box-sizing: border-box;
  19036. -moz-box-sizing: border-box;
  19037. position: absolute;
  19038. bottom: 0;
  19039. left: 0;
  19040. padding: 0
  19041. }
  19042. .hfwsm-primary-hed-link {
  19043. display: block;
  19044. position: relative;
  19045. z-index: 5
  19046. }
  19047. .hfwsm-primary-hed {
  19048. font: 96px 'Futura Today DemiBold',Arial,sans-serif;
  19049. line-height: 93px;
  19050. display: block;
  19051. margin: 0 0 20px;
  19052. text-shadow: 1px 1px 1px rgba(0,0,0,.4);
  19053. letter-spacing: -2px;
  19054. color: #fff;
  19055. padding: 0 20px
  19056. }
  19057. .hfwsm-spikes {
  19058. display: inline-block;
  19059. padding: 5px 20px 10px 22px;
  19060. z-index: 5;
  19061. position: relative;
  19062. line-height: 30px
  19063. }
  19064. .hfwsm-spike-link,.hfwsm-spike-link:visited {
  19065. color: #fff;
  19066. font-size: 14px;
  19067. padding: 0 15px 0 0;
  19068. border-right: 1px solid rgba(255,255,255,.3);
  19069. margin-right: 15px;
  19070. font-weight: 700;
  19071. transition: color .15s;
  19072. display: inline-block;
  19073. vertical-align: top;
  19074. height: 16px;
  19075. line-height: 16px
  19076. }
  19077. .hfwsm-spike-link:hover {
  19078. color: #009bff
  19079. }
  19080. .hfwsm-last-spike-link {
  19081. border: 0
  19082. }
  19083. .hfwsm-spike-link:before {
  19084. content: 'a';
  19085. font-family: 'Gannett Icons';
  19086. font-size: 16px;
  19087. position: relative;
  19088. margin-right: 5px;
  19089. vertical-align: top
  19090. }
  19091. .hfwsm-video-spike-link:before,.hfwsm-livevideo-spike-link:before {
  19092. content: 'v'
  19093. }
  19094. .hfwsm-gallery-spike-link:before {
  19095. content: 'g';
  19096. margin-right: 7px
  19097. }
  19098. .hfwsm-noicon-spike-link:before {
  19099. display: none
  19100. }
  19101. .hfwsm-timeline-wrap {
  19102. background: rgba(0,0,0,.6);
  19103. position: relative;
  19104. width: 100%;
  19105. z-index: 5
  19106. }
  19107. .hfwsm-timeline-list {
  19108. display: table;
  19109. table-layout: fixed;
  19110. padding: 0 5px 0 20px;
  19111. width: 100%;
  19112. box-sizing: border-box;
  19113. -moz-box-sizing: border-box;
  19114. border-top: 1px solid rgba(255,255,255,.15)
  19115. }
  19116. .hfwsm-timeline-item {
  19117. white-space: normal
  19118. }
  19119. .hfwsm-timeline-fixed-item {
  19120. display: inline-block;
  19121. vertical-align: top;
  19122. width: 33%
  19123. }
  19124. .hfwsm-timeline-stretch-item {
  19125. display: table-cell;
  19126. vertical-align: top
  19127. }
  19128. .hfwsm-timeline-link,.hfwsm-timeline-link:visited {
  19129. box-sizing: border-box;
  19130. -moz-box-sizing: border-box;
  19131. color: #fff;
  19132. display: inline-block;
  19133. padding: 13px 10px 9px 0;
  19134. position: relative;
  19135. transition: color .15s;
  19136. width: 100%
  19137. }
  19138. .hfwsm-timeline-link:hover {
  19139. color: #009bff
  19140. }
  19141. .hfwsm-timeline-hed-wrap {
  19142. width: 90%;
  19143. display: table
  19144. }
  19145. .hfwsm-timeline-gallery-hed-icon,.hfwsm-timeline-video-hed-icon {
  19146. display: table-cell;
  19147. font-family: 'Gannett Icons';
  19148. font-size: 27px;
  19149. vertical-align: top;
  19150. padding: 0 10px 0 0;
  19151. line-height: 32px
  19152. }
  19153. .hfwsm-timeline-gallery-hed-icon:before {
  19154. content: 'g'
  19155. }
  19156. .hfwsm-timeline-video-hed-icon:before {
  19157. content: 'v'
  19158. }
  19159. .hfwsm-timeline-hed {
  19160. font-size: 15px;
  19161. display: table-cell;
  19162. width: 100%;
  19163. vertical-align: top
  19164. }
  19165. .hfwsm-timeline-timestamp-wrap {
  19166. color: #999;
  19167. display: table;
  19168. font-size: 11px;
  19169. margin: 0 0 5px;
  19170. position: relative
  19171. }
  19172. .hfwsm-timeline-timestamp {
  19173. display: table-cell;
  19174. white-space: nowrap;
  19175. padding: 0 10px 0 0;
  19176. position: relative
  19177. }
  19178. .hfwsm-timeline-timestamp-border {
  19179. display: table-cell;
  19180. width: 100%
  19181. }
  19182. .hfwsm-timeline-timestamp-border:before {
  19183. background: #666;
  19184. border-radius: 7px;
  19185. content: '';
  19186. display: block;
  19187. height: 7px;
  19188. position: absolute;
  19189. right: 0;
  19190. top: 4px;
  19191. width: 7px
  19192. }
  19193. .hfwsm-timeline-timestamp-border:after {
  19194. border-top: 1px solid #666;
  19195. content: '';
  19196. display: inline-block;
  19197. height: 0;
  19198. position: relative;
  19199. top: 7px;
  19200. vertical-align: top;
  19201. width: 100%
  19202. }
  19203. .hfwsm-timeline-last-timestamp-border.hfwsm-timeline-timestamp-border {
  19204. display: none
  19205. }
  19206. @media only screen and (max-width: 1320px) {
  19207. .hfwsm-primary-flex-sidebar-page-primary-hed {
  19208. font-size:66px;
  19209. line-height: 68px
  19210. }
  19211. }
  19212. @media only screen and (min-width: 1321px) {
  19213. .hfwsm-primary-flex-sidebar-page-primary-hed {
  19214. font-size:88px;
  19215. line-height: 90px
  19216. }
  19217. }
  19218. @media only screen and (max-width: 1250px) {
  19219. .hfwsm-primary-suspender-sidebar-page-primary-hed {
  19220. font-size:56px;
  19221. line-height: 61px
  19222. }
  19223. .hfwsm-primary-suspender-sidebar-page-timeline-hed-icon {
  19224. display: none
  19225. }
  19226. .hfwsm-primary-suspender-sidebar-page-timeline-hed {
  19227. font-size: 13px
  19228. }
  19229. }
  19230. @media only screen and (min-width: 1251px) {
  19231. .hfwsm-primary-suspender-sidebar-page-primary-hed {
  19232. font-size:78px;
  19233. line-height: 84px
  19234. }
  19235. }
  19236. .weather-nav-dropdown {
  19237. color: #fff;
  19238. font-family: Arial,sans-serif;
  19239. cursor: default;
  19240. overflow: hidden;
  19241. position: absolute;
  19242. background: #333;
  19243. box-shadow: 0 3px 6px rgba(0,0,0,.7);
  19244. line-height: normal;
  19245. width: 240px;
  19246. display: none;
  19247. right: 0;
  19248. top: 40px;
  19249. outline: 0
  19250. }
  19251. .weather-nav-dropdown.dropdown-active {
  19252. display: block
  19253. }
  19254. .weather-nav-dropdown-panel-wrap {
  19255. width: 480px;
  19256. height: 174px;
  19257. position: relative;
  19258. left: 0;
  19259. top: 0;
  19260. transition: left 200ms ease;
  19261. -moz-transition: left 200ms ease;
  19262. -webkit-transition: left 200ms ease;
  19263. -o-transition: left 200ms ease
  19264. }
  19265. .weather-nav-dropdown.settings-active .weather-nav-dropdown-panel-wrap {
  19266. left: -240px;
  19267. height: auto;
  19268. float: left
  19269. }
  19270. .weather-nav-conditions-panel {
  19271. overflow: hidden;
  19272. float: left;
  19273. width: 204px;
  19274. height: 134px;
  19275. padding: 20px 18px;
  19276. position: relative
  19277. }
  19278. .weather-nav-location-name {
  19279. font-size: 16px;
  19280. font-weight: 700;
  19281. text-shadow: none;
  19282. width: 176px;
  19283. margin-bottom: 14px
  19284. }
  19285. .weather-nav-location-name.longname {
  19286. font-size: 14px
  19287. }
  19288. .weather-nav-dropdown-time,.weather-nav-dropdown-wicon,.weather-nav-dropdown-temp {
  19289. float: left
  19290. }
  19291. .weather-nav-dropdown-time {
  19292. font-size: 12px;
  19293. font-style: italic;
  19294. height: 38px;
  19295. width: 43px;
  19296. text-align: left;
  19297. position: relative;
  19298. top: 2px;
  19299. padding-top: 11px
  19300. }
  19301. .weather-nav-dropdown-temp {
  19302. font-size: 48px;
  19303. font-family: 'Futura Today Bold',Helvetica,sans-serif;
  19304. width: 85px;
  19305. line-height: 46px;
  19306. float: right;
  19307. text-align: right;
  19308. height: 50px
  19309. }
  19310. .weather-nav-dropdown-temp.three-digit {
  19311. font-size: 36px;
  19312. line-height: 55px
  19313. }
  19314. .weather-nav-conditions-wrap {
  19315. list-style: none;
  19316. display: block;
  19317. margin-top: 16px;
  19318. float: left
  19319. }
  19320. .weather-nav-condition-humidity,.weather-nav-condition-precip,.weather-nav-condition-wind {
  19321. text-align: center;
  19322. text-shadow: none;
  19323. width: 66px;
  19324. font-size: 16px;
  19325. font-weight: 700;
  19326. float: left;
  19327. display: block
  19328. }
  19329. .weather-nav-condition-wind {
  19330. float: right
  19331. }
  19332. .weather-nav-condition-title,.weather-nav-condition-value {
  19333. display: block
  19334. }
  19335. .weather-nav-condition-humidity .weather-nav-condition-title,.weather-nav-condition-humidity .weather-nav-condition-value {
  19336. text-align: left
  19337. }
  19338. .weather-nav-condition-wind .weather-nav-condition-title,.weather-nav-condition-wind .weather-nav-condition-value {
  19339. text-align: right
  19340. }
  19341. .weather-nav-condition-title {
  19342. display: block;
  19343. font-size: 12px;
  19344. font-style: italic;
  19345. font-weight: 400;
  19346. margin-bottom: 4px
  19347. }
  19348. .weather-nav-dropdown-wicon {
  19349. background-image: url(../../images/weather/wicon-sprite-big.png);
  19350. background-repeat: no-repeat;
  19351. text-indent: 100%;
  19352. white-space: nowrap;
  19353. overflow: hidden;
  19354. width: 72px;
  19355. height: 50px
  19356. }
  19357. .weather-nav-settings-panel {
  19358. float: left;
  19359. width: 200px;
  19360. padding: 20px;
  19361. position: relative;
  19362. min-height: 134px
  19363. }
  19364. .weather-nav-settings-header {
  19365. font-size: 16px;
  19366. font-weight: 700;
  19367. margin-bottom: 15px;
  19368. text-shadow: none
  19369. }
  19370. .weather-nav-dropdown-settings-open-btn {
  19371. background: url(../../images/sprites/ui-sprite.png) no-repeat -260px 0;
  19372. cursor: pointer;
  19373. height: 20px;
  19374. opacity: .8;
  19375. position: absolute;
  19376. right: 17px;
  19377. overflow: hidden;
  19378. text-indent: 105%;
  19379. white-space: nowrap;
  19380. top: 18px;
  19381. width: 20px
  19382. }
  19383. .weather-nav-dropdown-settings-open-btn:hover {
  19384. opacity: 1;
  19385. background-position: -260px -20px
  19386. }
  19387. .weather-nav-dropdown-settings-close-btn {
  19388. background: url(../../images/sprites/ui-sprite.png) no-repeat -20px 0;
  19389. cursor: pointer;
  19390. height: 20px;
  19391. opacity: .8;
  19392. position: absolute;
  19393. right: 20px;
  19394. overflow: hidden;
  19395. text-indent: 105%;
  19396. white-space: nowrap;
  19397. top: 20px;
  19398. width: 21px
  19399. }
  19400. .weather-nav-dropdown-settings-close-btn:hover {
  19401. opacity: 1;
  19402. background-position: -20px -20px
  19403. }
  19404. .weather-nav-location-input-wrap:before {
  19405. content: '';
  19406. display: block;
  19407. position: absolute;
  19408. width: 16px;
  19409. height: 0;
  19410. overflow: hidden;
  19411. padding-top: 16px;
  19412. left: 8px;
  19413. top: 7px;
  19414. background: transparent url(../../images/modules/forms/forms-sprite2.png) -69px -7px no-repeat;
  19415. z-index: 9
  19416. }
  19417. .weather-nav-location-input-label {
  19418. color: #b3b3b3;
  19419. font-size: 13px;
  19420. font-weight: 700;
  19421. margin: 0 0 8px;
  19422. text-shadow: none;
  19423. display: block;
  19424. cursor: default
  19425. }
  19426. .weather-nav-location-input {
  19427. padding-left: 26px;
  19428. margin-bottom: 10px;
  19429. outline: 0;
  19430. font-weight: 700;
  19431. width: 100%
  19432. }
  19433. .lt-ie9 .weather-nav-location-input {
  19434. padding-left: 9px;
  19435. padding-top: 6px
  19436. }
  19437. .weather-nav-location-set-btn,.weather-nav-location-cancel-btn {
  19438. padding-left: 26px
  19439. }
  19440. .weather-nav-location-set-btn {
  19441. display: inline-block;
  19442. float: right
  19443. }
  19444. .weather-nav-location-cancel-btn {
  19445. display: inline-block
  19446. }
  19447. .weather-nav-location-set-btn:before,.weather-nav-location-cancel-btn:before {
  19448. background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat;
  19449. content: '';
  19450. display: block;
  19451. position: absolute;
  19452. top: 10px;
  19453. left: 10px;
  19454. width: 12px;
  19455. height: 14px;
  19456. margin-right: 5px;
  19457. overflow: hidden
  19458. }
  19459. .weather-nav-location-set-btn:before {
  19460. background-position: -324px -64px
  19461. }
  19462. .weather-nav-location-set-btn:hover:before {
  19463. background-position: -324px -44px
  19464. }
  19465. .weather-nav-location-cancel-btn:before {
  19466. background-position: -5px -6px
  19467. }
  19468. .weather-nav-location-cancel-btn:hover:before {
  19469. background-position: -5px -6px
  19470. }
  19471. .weather-nav-location-form .ui-autocomplete-content {
  19472. position: relative;
  19473. top: -8px;
  19474. padding-top: 0
  19475. }
  19476. .weather-nav-location-form .ui-form-field-container {
  19477. margin-bottom: 8px
  19478. }
  19479. .weather-nav-location-form .ui-autocomplete-result-item:first-child {
  19480. border-top-left-radius: 0;
  19481. border-top-right-radius: 0
  19482. }
  19483. .weather-nav-location-form .ui-autocomplete-result-item:first-child:before {
  19484. background: transparent
  19485. }
  19486. .weather-nav-location-error {
  19487. color: #ffc000;
  19488. display: none;
  19489. font-size: 11px;
  19490. font-weight: 700
  19491. }
  19492. .weather-nav-full-forecast-btn {
  19493. clear: both;
  19494. text-align: center;
  19495. text-shadow: none;
  19496. background: #222;
  19497. background: rgba(0,0,0,.11);
  19498. border-top: 1px solid #404040;
  19499. display: block;
  19500. font-size: 12px;
  19501. font-weight: 700;
  19502. color: #fff;
  19503. text-decoration: none;
  19504. transition: background-color .4s;
  19505. -moz-transition: background-color .4s;
  19506. -webkit-transition: background-color .4s;
  19507. -o-transition: background-color .4s;
  19508. padding: 14px 0;
  19509. height: 12px;
  19510. width: 100%;
  19511. text-transform: none
  19512. }
  19513. .weather-nav-full-forecast-btn:visited {
  19514. color: #fff
  19515. }
  19516. .weather-nav-full-forecast-btn:hover {
  19517. background: #000;
  19518. background: rgba(0,0,0,.3);
  19519. color: #fff;
  19520. text-decoration: underline
  19521. }
  19522. .weather-nav-full-forecast-btn:active {
  19523. color: #029ae6
  19524. }
  19525. .weather-nav-full-forecast-btn:before {
  19526. background: url(../../images/sprites/ui-sprite.png) no-repeat -128px -7px;
  19527. content: '';
  19528. display: inline-block;
  19529. height: 8px;
  19530. margin: 0 7px 0 0;
  19531. width: 4px
  19532. }
  19533. .weather-nav-dropdown-wicon.wicon-1 {
  19534. background-position: 0 0
  19535. }
  19536. .weather-nav-dropdown-wicon.wicon-2 {
  19537. background-position: 0 -50px
  19538. }
  19539. .weather-nav-dropdown-wicon.wicon-3 {
  19540. background-position: 0 -100px
  19541. }
  19542. .weather-nav-dropdown-wicon.wicon-4 {
  19543. background-position: 0 -150px
  19544. }
  19545. .weather-nav-dropdown-wicon.wicon-5 {
  19546. background-position: 0 -200px
  19547. }
  19548. .weather-nav-dropdown-wicon.wicon-6 {
  19549. background-position: 0 -250px
  19550. }
  19551. .weather-nav-dropdown-wicon.wicon-7 {
  19552. background-position: 0 -300px
  19553. }
  19554. .weather-nav-dropdown-wicon.wicon-8 {
  19555. background-position: 0 -350px
  19556. }
  19557. .weather-nav-dropdown-wicon.wicon-11 {
  19558. background-position: 0 -400px
  19559. }
  19560. .weather-nav-dropdown-wicon.wicon-12 {
  19561. background-position: 0 -450px
  19562. }
  19563. .weather-nav-dropdown-wicon.wicon-13 {
  19564. background-position: 0 -500px
  19565. }
  19566. .weather-nav-dropdown-wicon.wicon-14 {
  19567. background-position: 0 -550px
  19568. }
  19569. .weather-nav-dropdown-wicon.wicon-15 {
  19570. background-position: 0 -600px
  19571. }
  19572. .weather-nav-dropdown-wicon.wicon-16 {
  19573. background-position: 0 -650px
  19574. }
  19575. .weather-nav-dropdown-wicon.wicon-17 {
  19576. background-position: 0 -700px
  19577. }
  19578. .weather-nav-dropdown-wicon.wicon-18 {
  19579. background-position: 0 -750px
  19580. }
  19581. .weather-nav-dropdown-wicon.wicon-19 {
  19582. background-position: 0 -800px
  19583. }
  19584. .weather-nav-dropdown-wicon.wicon-20 {
  19585. background-position: 0 -850px
  19586. }
  19587. .weather-nav-dropdown-wicon.wicon-21 {
  19588. background-position: 0 -900px
  19589. }
  19590. .weather-nav-dropdown-wicon.wicon-22 {
  19591. background-position: 0 -950px
  19592. }
  19593. .weather-nav-dropdown-wicon.wicon-23 {
  19594. background-position: 0 -1000px
  19595. }
  19596. .weather-nav-dropdown-wicon.wicon-24 {
  19597. background-position: 0 -1050px
  19598. }
  19599. .weather-nav-dropdown-wicon.wicon-25 {
  19600. background-position: 0 -1100px
  19601. }
  19602. .weather-nav-dropdown-wicon.wicon-26 {
  19603. background-position: 0 -1150px
  19604. }
  19605. .weather-nav-dropdown-wicon.wicon-29 {
  19606. background-position: 0 -1200px
  19607. }
  19608. .weather-nav-dropdown-wicon.wicon-30 {
  19609. background-position: 0 -1250px
  19610. }
  19611. .weather-nav-dropdown-wicon.wicon-31 {
  19612. background-position: 0 -1300px
  19613. }
  19614. .weather-nav-dropdown-wicon.wicon-32 {
  19615. background-position: 0 -1350px
  19616. }
  19617. .weather-nav-dropdown-wicon.wicon-33 {
  19618. background-position: 0 -1400px
  19619. }
  19620. .weather-nav-dropdown-wicon.wicon-34 {
  19621. background-position: 0 -1450px
  19622. }
  19623. .weather-nav-dropdown-wicon.wicon-35 {
  19624. background-position: 0 -1500px
  19625. }
  19626. .weather-nav-dropdown-wicon.wicon-36 {
  19627. background-position: 0 -1550px
  19628. }
  19629. .weather-nav-dropdown-wicon.wicon-37 {
  19630. background-position: 0 -1600px
  19631. }
  19632. .weather-nav-dropdown-wicon.wicon-38 {
  19633. background-position: 0 -1650px
  19634. }
  19635. .weather-nav-dropdown-wicon.wicon-39 {
  19636. background-position: 0 -1700px
  19637. }
  19638. .weather-nav-dropdown-wicon.wicon-40 {
  19639. background-position: 0 -1750px
  19640. }
  19641. .weather-nav-dropdown-wicon.wicon-41 {
  19642. background-position: 0 -1800px
  19643. }
  19644. .weather-nav-dropdown-wicon.wicon-42 {
  19645. background-position: 0 -1850px
  19646. }
  19647. .weather-nav-dropdown-wicon.wicon-43 {
  19648. background-position: 0 -1900px
  19649. }
  19650. .weather-nav-dropdown-wicon.wicon-44 {
  19651. background-position: 0 -1950px
  19652. }
  19653. .weather-nav-dropdown-wicon.mostly-clear {
  19654. background-position: 0 -1450px
  19655. }
  19656. .wbtn-wrap-wicon:before {
  19657. background-image: url(../../images/weather/wicon-sprite-med.png);
  19658. background-repeat: no-repeat;
  19659. -webkit-backface-visibility: hidden;
  19660. content: '';
  19661. display: inline-block;
  19662. height: 20px;
  19663. margin: 0 5px 0 0;
  19664. position: relative;
  19665. top: 6px;
  19666. width: 30px
  19667. }
  19668. .wbtn-wrap-wicon.wicon-1:before {
  19669. background-position: 0 0
  19670. }
  19671. .wbtn-wrap-wicon.wicon-2:before {
  19672. background-position: 0 -20px
  19673. }
  19674. .wbtn-wrap-wicon.wicon-3:before {
  19675. background-position: 0 -40px
  19676. }
  19677. .wbtn-wrap-wicon.wicon-4:before {
  19678. background-position: 0 -60px
  19679. }
  19680. .wbtn-wrap-wicon.wicon-5:before {
  19681. background-position: 0 -80px
  19682. }
  19683. .wbtn-wrap-wicon.wicon-6:before {
  19684. background-position: 0 -100px
  19685. }
  19686. .wbtn-wrap-wicon.wicon-7:before {
  19687. background-position: 0 -120px
  19688. }
  19689. .wbtn-wrap-wicon.wicon-8:before {
  19690. background-position: 0 -140px
  19691. }
  19692. .wbtn-wrap-wicon.wicon-11:before {
  19693. background-position: 0 -160px
  19694. }
  19695. .wbtn-wrap-wicon.wicon-12:before {
  19696. background-position: 0 -180px
  19697. }
  19698. .wbtn-wrap-wicon.wicon-13:before {
  19699. background-position: 0 -200px
  19700. }
  19701. .wbtn-wrap-wicon.wicon-14:before {
  19702. background-position: 0 -220px
  19703. }
  19704. .wbtn-wrap-wicon.wicon-15:before {
  19705. background-position: 0 -240px
  19706. }
  19707. .wbtn-wrap-wicon.wicon-16:before {
  19708. background-position: 0 -260px
  19709. }
  19710. .wbtn-wrap-wicon.wicon-17:before {
  19711. background-position: 0 -280px
  19712. }
  19713. .wbtn-wrap-wicon.wicon-18:before {
  19714. background-position: 0 -300px
  19715. }
  19716. .wbtn-wrap-wicon.wicon-19:before {
  19717. background-position: 0 -320px
  19718. }
  19719. .wbtn-wrap-wicon.wicon-20:before {
  19720. background-position: 0 -340px
  19721. }
  19722. .wbtn-wrap-wicon.wicon-21:before {
  19723. background-position: 0 -360px
  19724. }
  19725. .wbtn-wrap-wicon.wicon-22:before {
  19726. background-position: 0 -380px
  19727. }
  19728. .wbtn-wrap-wicon.wicon-23:before {
  19729. background-position: 0 -400px
  19730. }
  19731. .wbtn-wrap-wicon.wicon-24:before {
  19732. background-position: 0 -420px
  19733. }
  19734. .wbtn-wrap-wicon.wicon-25:before {
  19735. background-position: 0 -440px
  19736. }
  19737. .wbtn-wrap-wicon.wicon-26:before {
  19738. background-position: 0 -460px
  19739. }
  19740. .wbtn-wrap-wicon.wicon-29:before {
  19741. background-position: 0 -480px
  19742. }
  19743. .wbtn-wrap-wicon.wicon-30:before {
  19744. background-position: 0 -500px
  19745. }
  19746. .wbtn-wrap-wicon.wicon-31:before {
  19747. background-position: 0 -520px
  19748. }
  19749. .wbtn-wrap-wicon.wicon-32:before {
  19750. background-position: 0 -540px
  19751. }
  19752. .wbtn-wrap-wicon.wicon-33:before {
  19753. background-position: 0 -560px
  19754. }
  19755. .wbtn-wrap-wicon.wicon-34:before {
  19756. background-position: 0 -580px
  19757. }
  19758. .wbtn-wrap-wicon.wicon-35:before {
  19759. background-position: 0 -600px
  19760. }
  19761. .wbtn-wrap-wicon.wicon-36:before {
  19762. background-position: 0 -620px
  19763. }
  19764. .wbtn-wrap-wicon.wicon-37:before {
  19765. background-position: 0 -640px
  19766. }
  19767. .wbtn-wrap-wicon.wicon-38:before {
  19768. background-position: 0 -660px
  19769. }
  19770. .wbtn-wrap-wicon.wicon-39:before {
  19771. background-position: 0 -680px
  19772. }
  19773. .wbtn-wrap-wicon.wicon-40:before {
  19774. background-position: 0 -700px
  19775. }
  19776. .wbtn-wrap-wicon.wicon-41:before {
  19777. background-position: 0 -720px
  19778. }
  19779. .wbtn-wrap-wicon.wicon-42:before {
  19780. background-position: 0 -740px
  19781. }
  19782. .wbtn-wrap-wicon.wicon-43:before {
  19783. background-position: 0 -760px
  19784. }
  19785. .wbtn-wrap-wicon.wicon-44:before {
  19786. background-position: 0 -780px
  19787. }
  19788. .front-headlines-header {
  19789. background: #f2f2f2;
  19790. border-bottom: 1px solid #e1e1e1;
  19791. -webkit-box-sizing: border-box;
  19792. -moz-box-sizing: border-box;
  19793. box-sizing: border-box;
  19794. height: 50px;
  19795. position: relative;
  19796. padding: 10px 20px 9px
  19797. }
  19798. .front-headlines-header-usat-network {
  19799. background: #f2f2f2;
  19800. -webkit-box-sizing: border-box;
  19801. -moz-box-sizing: border-box;
  19802. box-sizing: border-box;
  19803. height: 40px;
  19804. position: relative;
  19805. padding: 6px
  19806. }
  19807. .headlines-header {
  19808. background: #cecece;
  19809. background: rgba(0,0,0,.15);
  19810. border-bottom: 1px solid #a6a6a6;
  19811. padding: 10px 20px 9px;
  19812. position: relative;
  19813. min-height: 32px
  19814. }
  19815. .headlines-header-title {
  19816. color: #666;
  19817. float: left;
  19818. font-family: 'Futura Today Bold',arial,sans-serif;
  19819. font-size: 15px;
  19820. font-weight: 400;
  19821. margin: 6px 5px 0 0;
  19822. text-transform: uppercase;
  19823. text-shadow: 0 1px 0 #fff
  19824. }
  19825. .headlines-header-time {
  19826. color: #999;
  19827. float: left;
  19828. font-size: 11px;
  19829. margin: 10px 0 0
  19830. }
  19831. .headline-toggler {
  19832. font-size: 13px;
  19833. float: right
  19834. }
  19835. .front-headline-toggler {
  19836. right: 0;
  19837. margin: 0
  19838. }
  19839. .front-headline-toggler.ui-button-toggle {
  19840. background: #17a2ff
  19841. }
  19842. .headline-toggler>.ui-button-toggle-item:before {
  19843. background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat;
  19844. content: '';
  19845. display: inline-block;
  19846. margin-right: 5px;
  19847. overflow: hidden;
  19848. position: relative;
  19849. top: 2px
  19850. }
  19851. .headline-toggler>.headline-toggler-listview:before {
  19852. background-position: -902px -24px;
  19853. height: 12px;
  19854. width: 16px
  19855. }
  19856. .headline-toggler>.headline-toggler-listview.active:before {
  19857. background-position: -902px -4px
  19858. }
  19859. .headline-toggler>.headline-toggler-gridview:before {
  19860. background-position: -883px -24px;
  19861. height: 12px;
  19862. width: 14px
  19863. }
  19864. .headline-toggler>.headline-toggler-gridview.active:before {
  19865. background-position: -883px -4px
  19866. }
  19867. .headline-big-page-btn.ui-btn {
  19868. box-shadow: none;
  19869. padding: 0 12px;
  19870. margin-left: 20px
  19871. }
  19872. .headline-big-page-btn.ui-btn,.headline-big-page-btn.ui-btn:hover {
  19873. float: right;
  19874. text-shadow: none
  19875. }
  19876. .headline-big-page-btn.ui-btn:before {
  19877. background: url(../../images/sprites/ui-sprite.png) 0 0 no-repeat;
  19878. background-position: -959px -24px;
  19879. content: '';
  19880. display: inline-block;
  19881. height: 16px;
  19882. margin-right: 5px;
  19883. overflow: hidden;
  19884. position: relative;
  19885. top: 3px;
  19886. width: 14px
  19887. }
  19888. .headline-toggler.no-big-page {
  19889. right: 20px
  19890. }
  19891. .lt-ie9 .ui-btn.headline-big-page-btn {
  19892. display: none
  19893. }
  19894. .headline-asset-item {
  19895. background: url(../../images/headlines-shadow.png) 0 -1px no-repeat;
  19896. color: #fff;
  19897. float: left;
  19898. height: 243px;
  19899. margin: 8px 0 7px 14px;
  19900. position: relative;
  19901. width: 220px
  19902. }
  19903. .headline-asset-item.headline-asset-item-stagfront {
  19904. margin: 8px 0 8px 16px
  19905. }
  19906. .headlines .first-column {
  19907. margin: 8px 0 7px 14px
  19908. }
  19909. .headline-page {
  19910. max-height: 5000px;
  19911. overflow: hidden;
  19912. -moz-transition: max-height .3s ease-in;
  19913. -ms-transition: max-height .3s ease-in;
  19914. -o-transition: max-height .3s ease-in;
  19915. -webkit-transition: max-height .3s ease-in;
  19916. transition: max-height .3s ease-in
  19917. }
  19918. .headline-page.inactive {
  19919. max-height: 0
  19920. }
  19921. .lt-ie9 .headline-asset-item:hover .headline-asset-item-tile {
  19922. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000', GradientType=0)
  19923. }
  19924. .lt-ie9 .headline-asset-item.hasimage:hover .headline-asset-item-tile {
  19925. background-color: transparent
  19926. }
  19927. .lt-ie9 .listview .headline-asset-item:hover .headline-asset-item-tile {
  19928. filter: none;
  19929. outline: 0
  19930. }
  19931. .noimage .headline-asset-item-back {
  19932. background-color: transparent;
  19933. background-color: rgba(0,0,0,.5);
  19934. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000', GradientType=0)
  19935. }
  19936. .listview .noimage .headline-asset-item-back {
  19937. background-color: transparent;
  19938. filter: none
  19939. }
  19940. .headline-asset-item>.parent-label {
  19941. left: 10px;
  19942. top: 10px
  19943. }
  19944. .headline-asset-item-tile {
  19945. height: 220px;
  19946. left: 10px;
  19947. opacity: 1;
  19948. overflow: hidden;
  19949. position: absolute;
  19950. top: 10px;
  19951. width: 200px
  19952. }
  19953. .headline-asset-item:hover .headline-asset-item-front {
  19954. opacity: 1;
  19955. z-index: 0
  19956. }
  19957. .lt-ie9 .headline-asset-item:hover .headline-asset-item-front {
  19958. opacity: 1;
  19959. z-index: 0
  19960. }
  19961. .headline-asset-item:hover .headline-asset-item-front .title {
  19962. opacity: 0;
  19963. visibility: hidden
  19964. }
  19965. .gallery-more .headline-asset-item:hover .headline-asset-item-front .title {
  19966. opacity: 1;
  19967. visibility: visible
  19968. }
  19969. .headline-asset-item-back {
  19970. opacity: 0
  19971. }
  19972. .headline-asset-item:hover .headline-asset-item-back {
  19973. z-index: 1;
  19974. opacity: 1
  19975. }
  19976. .lt-ie9 .headline-asset-item:hover .headline-asset-item-back .headline-asset-item-back-title,.lt-ie9 .headline-asset-item:hover .headline-asset-item-back .headline-asset-item-back-text,.lt-ie9 .headline-asset-item:hover .headline-asset-item-back .headline-asset-item-byline {
  19977. z-index: 2;
  19978. filter: none;
  19979. background: transparent
  19980. }
  19981. .asset .headline-asset-item:hover .headline-asset-item-front {
  19982. opacity: 1
  19983. }
  19984. .headline-asset-item-back,.headline-asset-item:hover .headline-asset-item-front .title {
  19985. -moz-transition: opacity .2s ease-in-out;
  19986. -ms-transition: opacity .2s ease-in-out;
  19987. -o-transition: opacity .2s ease-in-out;
  19988. transition: opacity .2s ease-in-out
  19989. }
  19990. .headline-asset-item-front {
  19991. z-index: 1
  19992. }
  19993. .headline-asset-item-front-title {
  19994. display: table;
  19995. font-weight: 700;
  19996. margin: 0;
  19997. position: absolute;
  19998. -moz-font-feature-settings: "liga=1,dlig=1,kern=1,opbd=1,titl=1";
  19999. -webkit-font-feature-settings: "liga","dlig","kern","opbd","titl";
  20000. font-feature-settings: "liga","dlig","kern","opbd","titl"
  20001. }
  20002. .headline-asset-item-front>.image {
  20003. background: transparent url(../../images/pixels/pixel-black-70percent.png) repeat top left;
  20004. border-top: 1px solid #000;
  20005. bottom: 0;
  20006. font-size: 13px;
  20007. height: 39px;
  20008. left: 0;
  20009. line-height: 14px;
  20010. padding: 8px 10px 10px;
  20011. width: 180px
  20012. }
  20013. .headline-asset-item-front>.gallery-head {
  20014. background: transparent url(../../images/pixels/pixel-black-70percent.png) repeat top left;
  20015. border-top: 1px solid #000;
  20016. bottom: 0;
  20017. font-size: 13px;
  20018. height: 39px;
  20019. left: 0;
  20020. line-height: 14px;
  20021. padding: 8px 10px 10px;
  20022. width: 134px;
  20023. color: #fff;
  20024. display: table
  20025. }
  20026. .headline-asset-item-front>.noimage {
  20027. font-size: 24px;
  20028. height: 165px;
  20029. left: 18px;
  20030. line-height: 27px;
  20031. overflow: hidden;
  20032. top: 40px;
  20033. width: 165px
  20034. }
  20035. .headline-asset-item,.headline-asset-item .headline-grid-load-story {
  20036. color: #fff
  20037. }
  20038. .headline-asset-item .headline-grid-load-story {
  20039. width: 100%;
  20040. height: 100%;
  20041. display: inline-block
  20042. }
  20043. .headline-asset-item-back-text,.headline-asset-item-back-listview-text {
  20044. color: #fff;
  20045. color: rgba(255,255,255,.9);
  20046. font-size: 12px;
  20047. line-height: 16px;
  20048. margin: 20px 20px 0
  20049. }
  20050. .headline-asset-item-back-title {
  20051. font-size: 14px;
  20052. font-weight: 700;
  20053. left: 18px;
  20054. margin: 30px 20px 0;
  20055. top: 40px;
  20056. width: 165px
  20057. }
  20058. .headline-asset-item-byline {
  20059. bottom: 11px;
  20060. height: 22px;
  20061. left: 0;
  20062. margin: 0;
  20063. overflow: hidden;
  20064. padding-left: 20px;
  20065. position: absolute;
  20066. width: 180px
  20067. }
  20068. .headline-asset-item>.with-avatar {
  20069. height: 31px;
  20070. line-height: 31px
  20071. }
  20072. .headline-asset-item-back>.headline-asset-item-meta {
  20073. display: none
  20074. }
  20075. .headlines-show-more {
  20076. clear: both;
  20077. margin: 5px auto 20px;
  20078. text-align: center
  20079. }
  20080. .listview .headline-asset-item .headline-asset-item-byline {
  20081. color: #292929;
  20082. display: none;
  20083. height: 28px;
  20084. left: 230px;
  20085. top: 53px
  20086. }
  20087. .listview .headline-asset-item.stagfront {
  20088. border-bottom: 1px solid #ccc;
  20089. border-top: 1px solid #f5f5f5;
  20090. width: 920px
  20091. }
  20092. .headline-collection.listview {
  20093. margin-bottom: 23px
  20094. }
  20095. .listview .headline-asset-item {
  20096. background: transparent;
  20097. margin: 0;
  20098. min-height: 121px;
  20099. height: auto;
  20100. overflow: hidden;
  20101. width: 720px;
  20102. -webkit-box-sizing: border-box;
  20103. -moz-box-sizing: border-box;
  20104. box-sizing: border-box
  20105. }
  20106. .lt-ie9 .listview .headline-asset-item {
  20107. height: 120px;
  20108. display: table-cell
  20109. }
  20110. .listview .headline-asset-item-stagfront {
  20111. width: 960px
  20112. }
  20113. .listview .headline-asset-item-tile {
  20114. border-bottom: 1px solid #e6e6e6;
  20115. background: transparent;
  20116. background-color: transparent;
  20117. display: inline-block;
  20118. top: 0;
  20119. left: 0;
  20120. width: 680px;
  20121. margin: 20px 20px 0;
  20122. padding-bottom: 19px;
  20123. min-height: 81px;
  20124. height: auto;
  20125. position: absolute
  20126. }
  20127. .listview .headline-asset-item-back {
  20128. opacity: 1
  20129. }
  20130. .stag .listview .headline-asset-item-tile {
  20131. min-height: 100px;
  20132. width: 920px
  20133. }
  20134. .listview .headline-grid-image {
  20135. height: auto;
  20136. margin-top: -5px;
  20137. width: 80px
  20138. }
  20139. .listview .image-wrap {
  20140. display: block;
  20141. height: 80px;
  20142. overflow: hidden;
  20143. width: auto
  20144. }
  20145. .listview .parent-label {
  20146. display: none
  20147. }
  20148. .listview .headline-asset-item-tileImage {
  20149. margin: 20px 0 0 20px
  20150. }
  20151. .listview .noimage .headline-asset-item-back-title {
  20152. margin-left: 0
  20153. }
  20154. .listview .anchor:hover .headline-asset-item-back-title {
  20155. color: #009bff
  20156. }
  20157. .listview .headline-asset-item-front-title,.listview .headline-asset-item-back-text {
  20158. display: none
  20159. }
  20160. .listview .headline-asset-item-back-listview-text {
  20161. color: #999;
  20162. line-height: 18px;
  20163. margin: 0 0 0 100px;
  20164. word-break: keep-all;
  20165. float: left
  20166. }
  20167. .listview .noimage .headline-asset-item-back-listview-text {
  20168. margin-left: 0
  20169. }
  20170. .listview .headline-asset-item-meta {
  20171. color: #999;
  20172. display: block;
  20173. float: left;
  20174. clear: left;
  20175. font-size: 11px;
  20176. line-height: 18px;
  20177. list-style: none;
  20178. margin: 2px 0 0 100px;
  20179. padding: 0
  20180. }
  20181. .listview .noimage .headline-asset-item-meta {
  20182. margin-left: 0
  20183. }
  20184. .headline-asset-item-back-listview-text {
  20185. display: none
  20186. }
  20187. .listview .headline-asset-item-back-listview-text {
  20188. display: inline-block
  20189. }
  20190. .listview .headline-asset-item-meta .headline-asset-item-section {
  20191. border-right: 1px solid #dedede;
  20192. color: #009bff;
  20193. float: left;
  20194. font-size: 12px;
  20195. font-weight: 700;
  20196. padding-right: 10px
  20197. }
  20198. .listview .headline-asset-item-meta .headline-asset-item-section.no-border {
  20199. border: 0
  20200. }
  20201. .listview .headline-asset-item-back>.headline-asset-item-meta .headline-asset-item-time {
  20202. float: left;
  20203. font-style: italic;
  20204. margin-left: 10px
  20205. }
  20206. .listview .headline-asset-item-back-title {
  20207. clear: left;
  20208. color: #333;
  20209. float: left;
  20210. font-size: 16px;
  20211. height: auto;
  20212. margin: 0 0 0 100px;
  20213. top: 0;
  20214. width: 580px
  20215. }
  20216. .listview .title.headline-asset-item-back-title.headline-adjust {
  20217. width: 680px
  20218. }
  20219. .listview .headline-asset-item-stagfront .headline-asset-item-back-title {
  20220. width: 790px
  20221. }
  20222. .lt-ie10 .headline-collection {
  20223. display: inline-block
  20224. }
  20225. .gallery-more .headline-asset-item {
  20226. background: 0;
  20227. box-shadow: 0 1px 10px 0 rgba(0,0,0,.3);
  20228. height: 204px;
  20229. width: 164px
  20230. }
  20231. .gallery-more .headline-asset-item .headline-asset-item-front>.title {
  20232. opacity: 1
  20233. }
  20234. .gallery-more .headline-asset-item-front>.image {
  20235. bottom: -13px;
  20236. position: absolute
  20237. }
  20238. .gallery-more .headline-asset-item:hover .headline-asset-item-front {
  20239. opacity: 1;
  20240. visibility: visible
  20241. }
  20242. .lt-ie9 .gallery-more .headline-asset-item {
  20243. outline: 1px solid #f0f0f0
  20244. }
  20245. .gallery-more .headline-asset-item-tile {
  20246. height: 194px;
  20247. left: 5px;
  20248. top: 5px;
  20249. width: 154px
  20250. }
  20251. .gallery-more .tileImage {
  20252. height: 194px;
  20253. margin-left: -82px;
  20254. margin-top: -2px
  20255. }
  20256. .gallery-more .gallery-more-img {
  20257. margin-left: 0;
  20258. margin-top: 0
  20259. }
  20260. .content-info-icon-text,.content-info-icon-video,.content-info-icon-gallery {
  20261. line-height: 18px
  20262. }
  20263. .content-info-icon-video,.content-info-icon-gallery {
  20264. display: table-cell;
  20265. padding-left: 23px
  20266. }
  20267. .content-info-icon-video:before,.content-info-icon-gallery:before {
  20268. content: "";
  20269. float: left;
  20270. height: 17px;
  20271. left: 8px;
  20272. margin: 0 5px 0 0;
  20273. overflow: hidden;
  20274. position: absolute;
  20275. text-indent: 105%;
  20276. top: 10px;
  20277. white-space: nowrap;
  20278. width: 17px
  20279. }
  20280. .listview .content-info-icon-video,.listview .content-info-icon-gallery,.hero-popular-item-subtext>.content-info-icon-video,.hero-popular-item-subtext>.content-info-icon-gallery,.headline-asset-item-section-label {
  20281. display: block;
  20282. padding-left: 0;
  20283. position: static
  20284. }
  20285. .listview .content-info-icon-video:before,.listview .content-info-icon-gallery:before,.hero-popular-item-subtext>.content-info-icon-video:before,.hero-popular-item-subtext>.content-info-icon-gallery:before {
  20286. display: inline-block;
  20287. position: static
  20288. }
  20289. .content-info-icon-video:before {
  20290. background: url(../../images/sprites/ui-sprite.png) no-repeat -581px -1px
  20291. }
  20292. .content-info-icon-gallery:before {
  20293. background: url(../../images/sprites/ui-sprite.png) no-repeat -822px -43px
  20294. }
  20295. .hero-popular-small-anchor .content-info-icon-video:before,.listview .content-info-icon-video:before {
  20296. background: url(../../images/sprites/ui-sprite.png) no-repeat -581px -61px
  20297. }
  20298. .hero-popular-small-anchor .content-info-icon-gallery:before,.listview .content-info-icon-gallery:before {
  20299. background: url(../../images/sprites/ui-sprite.png) no-repeat -822px -2px
  20300. }
  20301. .listview .headline-asset-item-byline {
  20302. left: 140px
  20303. }
  20304. a.button-add-content {
  20305. background: transparent url(../../images/buttons/button-add-content-back.png) repeat-x top left;
  20306. color: #666;
  20307. display: inline-block;
  20308. font-size: 12px;
  20309. font-weight: 700;
  20310. line-height: 12px;
  20311. padding: 11px 10px;
  20312. position: relative;
  20313. outline: 0
  20314. }
  20315. a.button-add-content:before {
  20316. background: transparent url(../../images/buttons/button-add-content-caps.png) no-repeat top left;
  20317. content: url(../../images/buttons/button-add-content-icon-default.png);
  20318. height: 34px;
  20319. left: -34px;
  20320. overflow: hidden;
  20321. position: absolute;
  20322. top: 0;
  20323. width: 34px
  20324. }
  20325. a.button-add-content:after {
  20326. background: transparent url(../../images/buttons/button-add-content-caps.png) no-repeat top right;
  20327. content: '';
  20328. height: 34px;
  20329. position: absolute;
  20330. right: -16px;
  20331. top: 0;
  20332. width: 16px
  20333. }
  20334. a.button-add-content:hover:after {
  20335. background-position: center right
  20336. }
  20337. a.button-add-content:active,a.button-add-content:active:before {
  20338. background-position: bottom left;
  20339. color: #0af
  20340. }
  20341. a.button-add-content:hover:before {
  20342. content: url(../../images/buttons/button-add-content-icon-hover.png)
  20343. }
  20344. a.button-add-content:active:before {
  20345. content: url(../../images/buttons/button-add-content-icon-open.png)
  20346. }
  20347. a.button-add-content:active:hover:before,.active a.button-add-content:before {
  20348. content: url(../../images/buttons/button-add-content-icon-open-hover.png)
  20349. }
  20350. a.button-add-content:active:after,.active a.button-add-content:after {
  20351. background-position: bottom right
  20352. }
  20353. a.button-add-content:hover,a.button-add-content:hover:before,.active a.button-add-content,.active a.button-add-content:before {
  20354. background-position: center left;
  20355. color: #0af
  20356. }
  20357. a.button-add-content.loading,a.button-add-content.loading:active,a.button-add-content.loading:hover,a.button-add-content.loading:active:before,a.button-add-content.loading:hover:before {
  20358. background-position: top left;
  20359. color: #666
  20360. }
  20361. a.button-add-content.loading:after,a.button-add-content.loading:active:after,a.button-add-content.loading:hover:after {
  20362. background-position: top right
  20363. }
  20364. a.button-add-content.loading:before {
  20365. content: url(../../images/preloaders/windmill-loader_1x_light.gif);
  20366. padding-top: 5px;
  20367. height: 29px
  20368. }
  20369. a.button-add-content.inactive,a.button-add-content.inactive:active,a.button-add-content.inactive:hover,a.button-add-content.inactive:before,a.button-add-content.inactive:active:before,a.button-add-content.inactive:hover:before {
  20370. background-position: top left;
  20371. color: #ccc
  20372. }
  20373. a.button-add-content.inactive:active:before,a.button-add-content.inactive:hover:before {
  20374. content: url(../../images/buttons/button-add-content-icon-default.png)
  20375. }
  20376. a.button-add-content.inactive:after,a.button-add-content.inactive:active:after,a.button-add-content.inactive:hover:after {
  20377. background-position: top right
  20378. }
  20379. .headlines a.button-add-content.inactive,.headlines a.button-add-content.inactive:after,.headlines a.button-add-content.inactive:before {
  20380. pointer-events: none;
  20381. cursor: default
  20382. }
  20383. .headlines-usatoday-network {
  20384. background: url(../../images/globalsections/usatoday-network-logo.png) no-repeat;
  20385. background-size: auto 28px;
  20386. display: inline-block;
  20387. height: 30px;
  20388. margin: 0;
  20389. overflow: hidden;
  20390. text-indent: -99px;
  20391. width: 280px
  20392. }
  20393. .headlines .video .play-btn-l {
  20394. bottom: 70px;
  20395. right: 10px
  20396. }
  20397. .hgpfm-heading {
  20398. font-family: "Futura Today Bold";
  20399. font-size: 15px;
  20400. font-weight: 400;
  20401. line-height: 15px;
  20402. margin: 0 15px;
  20403. padding: 15px 0 0
  20404. }
  20405. .hgpfm-link {
  20406. border: 0;
  20407. box-sizing: border-box;
  20408. -moz-box-sizing: border-box;
  20409. display: inline-block;
  20410. margin: 13px 10px;
  20411. position: relative;
  20412. vertical-align: top;
  20413. width: 155px
  20414. }
  20415. .hgpfm-link:hover {
  20416. background: none!important;
  20417. border: 0!important
  20418. }
  20419. .hgpfm-link:first-child {
  20420. margin-left: 20px
  20421. }
  20422. .hgpfm-link.hgpfm-link-with-module-header {
  20423. margin-top: 10px
  20424. }
  20425. .hgpfm-image-link:before {
  20426. background: transparent;
  20427. content: '';
  20428. display: block;
  20429. height: 100%;
  20430. position: absolute;
  20431. top: 0;
  20432. -webkit-transition: background-color .15s ease-out;
  20433. -moz-transition: background-color .15s ease-out;
  20434. transition: background-color .15s ease-out;
  20435. width: 100%;
  20436. z-index: 2
  20437. }
  20438. .hgpfm-image-link:hover:before {
  20439. background-color: rgba(0,0,0,0)
  20440. }
  20441. .hgpfm-image-gradient {
  20442. background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  20443. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65)));
  20444. background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  20445. background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  20446. background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  20447. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  20448. content: "";
  20449. display: block;
  20450. height: 62px;
  20451. left: 0;
  20452. position: absolute;
  20453. top: 93px;
  20454. width: 100%;
  20455. z-index: 2
  20456. }
  20457. .hgpfm-ssts-label-top-left {
  20458. left: 10px;
  20459. position: absolute;
  20460. top: 10px;
  20461. z-index: 2
  20462. }
  20463. .hgpfm-image {
  20464. height: 155px;
  20465. width: 155px
  20466. }
  20467. .hgpfm-text-link {
  20468. border: 1px solid #e0e0e0;
  20469. color: #333;
  20470. transition: background-color,border-color .15s,.15s
  20471. }
  20472. .hgpfm-image-hed-wrap {
  20473. padding: 5px 0 10px
  20474. }
  20475. .hgpfm-image-video-hed-icon,.hgpfm-image-gallery-hed-icon {
  20476. color: #fff;
  20477. display: table-cell;
  20478. font-family: 'Gannett Icons';
  20479. font-size: 26px;
  20480. left: 5px;
  20481. line-height: 27px;
  20482. padding: 0 8px 0 0;
  20483. position: absolute;
  20484. top: 120px;
  20485. vertical-align: top;
  20486. z-index: 2
  20487. }
  20488. .hgpfm-image-video-hed-icon:before {
  20489. content: 'v'
  20490. }
  20491. .hgpfm-image-gallery-hed-icon:before {
  20492. content: 'g'
  20493. }
  20494. .hgpfm-image-hed {
  20495. color: #333;
  20496. display: table-cell;
  20497. font-family: Helvetica,Arial,sans-serif;
  20498. font-size: 13px;
  20499. line-height: 18px;
  20500. padding: 0;
  20501. vertical-align: middle
  20502. }
  20503. .hgpfm-text-hed-wrap {
  20504. display: table;
  20505. height: 100%
  20506. }
  20507. .hgpfm-text-hed {
  20508. display: table-cell;
  20509. font-family: "Futura Today Light";
  20510. font-size: 24px;
  20511. line-height: 27px;
  20512. padding: 0 10px;
  20513. transition: color .15s;
  20514. vertical-align: middle
  20515. }
  20516. .hgpfm-text-link:hover .hgpfm-text-hed {
  20517. color: #fff
  20518. }
  20519. .hgpfm-link.hgpfm-link-4,.hgpfm-link.hgpfm-link-8,.hgpfm-link.hgpfm-link-12 {
  20520. margin-right: 0
  20521. }
  20522. @media only screen and (min-width: 1320px) {
  20523. .hgpfm-link {
  20524. height:230px;
  20525. margin: 15px;
  20526. width: 210px
  20527. }
  20528. .hgpfm-link:first-child {
  20529. margin-left: 15px
  20530. }
  20531. .hgpfm-image-gradient {
  20532. bottom: 0;
  20533. height: 40%;
  20534. top: auto
  20535. }
  20536. .hgpfm-image {
  20537. bottom: 0;
  20538. height: auto;
  20539. left: 0;
  20540. position: absolute;
  20541. width: auto
  20542. }
  20543. .hgpfm-image-link {
  20544. box-shadow: 0 2px 1px rgba(0,0,0,.2)
  20545. }
  20546. .hgpfm-image-hed-wrap {
  20547. bottom: 0;
  20548. left: 0;
  20549. padding: 0 10px 11px;
  20550. position: absolute;
  20551. z-index: 10
  20552. }
  20553. .hgpfm-image-hed {
  20554. color: #fff;
  20555. font-size: 14px;
  20556. font-weight: 700;
  20557. text-shadow: 0 1px 1px #000
  20558. }
  20559. .hgpfm-image-video-hed-icon,.hgpfm-image-gallery-hed-icon {
  20560. left: 0;
  20561. position: relative;
  20562. top: 0
  20563. }
  20564. }
  20565. .hgsm-heading {
  20566. font-family: "Futura Today Bold";
  20567. font-size: 15px;
  20568. font-weight: 400;
  20569. line-height: 15px;
  20570. margin: 0 15px;
  20571. padding: 17px 0 0
  20572. }
  20573. .hgsm-link {
  20574. border-bottom: 1px solid #e6e6e6;
  20575. box-sizing: border-box;
  20576. display: block;
  20577. margin: 0 15px;
  20578. position: relative;
  20579. vertical-align: top;
  20580. width: 210px
  20581. }
  20582. .hgsm-image-link.hgsm-last-link {
  20583. border: 0
  20584. }
  20585. .hgsm-image-link:before {
  20586. background: rgba(0,0,0,.15);
  20587. content: '';
  20588. display: block;
  20589. height: 157px;
  20590. left: 0;
  20591. position: absolute;
  20592. top: 0;
  20593. -webkit-transition: background-color .15s ease-out;
  20594. -moz-transition: background-color .15s ease-out;
  20595. transition: background-color .15s ease-out;
  20596. width: 100%;
  20597. z-index: 2
  20598. }
  20599. .hgsm-image-link:hover:before {
  20600. background-color: rgba(0,0,0,0)
  20601. }
  20602. .hgsm-image {
  20603. box-shadow: 0 2px 1px rgba(0,0,0,.2);
  20604. display: block
  20605. }
  20606. .hgsm-text-link {
  20607. border: 1px solid #e0e0e0;
  20608. color: #333;
  20609. transition: background-color,border-color .15s,.15s;
  20610. margin: 20px 15px 45px
  20611. }
  20612. .hgsm-text-link:hover {
  20613. background: #7c7c7c
  20614. }
  20615. .hgsm-text-link:after {
  20616. background: #e0e0e0;
  20617. content: '';
  20618. display: block;
  20619. height: 1px;
  20620. margin: 15px 0 0;
  20621. width: 100%;
  20622. position: absolute;
  20623. bottom: -22px
  20624. }
  20625. .hgsm-text-link.hgsm-last-link:after {
  20626. display: none
  20627. }
  20628. .hgsm-ssts-label-top-left {
  20629. left: 10px;
  20630. position: absolute;
  20631. top: 10px;
  20632. z-index: 2
  20633. }
  20634. .hgsm-text-hed-wrap-top-align>.hgsm-ssts-label-top-left {
  20635. position: relative;
  20636. left: 0;
  20637. top: 0;
  20638. margin: 10px 10px 8px;
  20639. display: inline-block
  20640. }
  20641. .hgsm-ssts-label {
  20642. left: 10px;
  20643. position: absolute;
  20644. top: 10px
  20645. }
  20646. .hgsm-image-hed {
  20647. color: #333;
  20648. font-family: Helvetica,Arial,sans-serif;
  20649. font-size: 14px;
  20650. left: 0;
  20651. margin: 6px 0 24px;
  20652. transition: color .15s
  20653. }
  20654. .hgsm-image-link:hover .hgsm-image-hed {
  20655. color: #009bff
  20656. }
  20657. .hgsm-text-hed-wrap {
  20658. display: table;
  20659. height: 200px;
  20660. box-sizing: border-box
  20661. }
  20662. .hgsm-text-hed-wrap-top-align {
  20663. display: block;
  20664. min-height: auto;
  20665. padding-bottom: 10px
  20666. }
  20667. .hgsm-text-hed {
  20668. font-family: "Futura Today Light";
  20669. font-size: 24px;
  20670. line-height: 27px;
  20671. transition: color .15s;
  20672. padding: 0 10px;
  20673. display: table-cell;
  20674. vertical-align: middle
  20675. }
  20676. .hgsm-text-link:hover .hgsm-text-hed {
  20677. color: #fff
  20678. }
  20679. @media only screen and (max-width: 1320px) {
  20680. .hgsm-link {
  20681. display:inline-block;
  20682. margin: 16px 15px 0
  20683. }
  20684. .hgsm-link-3 {
  20685. margin-left: 14px
  20686. }
  20687. .hgsm-image-link {
  20688. border: 0
  20689. }
  20690. .hgsm-text-link:after {
  20691. display: none
  20692. }
  20693. .hgsm-truncated-link {
  20694. display: none
  20695. }
  20696. }
  20697. @media only screen and (min-width: 1321px) {
  20698. .hgsm-link {
  20699. margin-top:26px
  20700. }
  20701. }
  20702. .shnnfm-branding {
  20703. margin: 0;
  20704. text-align: center
  20705. }
  20706. .shnnfm-logo {
  20707. display: inline-block
  20708. }
  20709. .shnnfm-line {
  20710. background-color: #000;
  20711. display: inline-block;
  20712. height: 1px;
  20713. margin: 0 25px 2px;
  20714. width: 162px
  20715. }
  20716. .sidebar-title.sports-follow-usat-sidebar-title {
  20717. text-align: center
  20718. }
  20719. .sports-follow-usat-module>.sidebar-title-wrapper {
  20720. padding: 0;
  20721. border-bottom: 2px solid #ccc!important
  20722. }
  20723. .sports-follow-usat-module .follow-text {
  20724. vertical-align: middle;
  20725. letter-spacing: 0
  20726. }
  20727. .sports-follow-usat-module .follow-button-wrapper {
  20728. height: 32px;
  20729. display: inline-block;
  20730. vertical-align: middle
  20731. }
  20732. .sports-follow-usat-module .sports-follow-usat-sidebar-title {
  20733. padding: 4px
  20734. }
  20735. .sports-follow-usat-module .follow-button {
  20736. background-repeat: no-repeat;
  20737. display: inline-block;
  20738. width: 32px;
  20739. height: 32px
  20740. }
  20741. .sports-follow-usat-module .follow-button.facebook {
  20742. background-image: url(../../images/modules/sports/follow/ico-sidebar-fb.png)
  20743. }
  20744. .sports-follow-usat-module .follow-button.twitter {
  20745. background-image: url(../../images/modules/sports/follow/ico-sidebar-tw.png)
  20746. }
  20747. .sports-follow-usat-module .follow-button.instagram {
  20748. background-image: url(../../images/modules/sports/follow/ico-sidebar-ins.png)
  20749. }
  20750. @media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
  20751. .sports-follow-usat-module .follow-button.facebook {
  20752. background-image:url(../../images/modules/sports/follow/ico-sidebar-fb2x.png)
  20753. }
  20754. .sports-follow-usat-module .follow-button.twitter {
  20755. background-image: url(../../images/modules/sports/follow/ico-sidebar-tw2x.png)
  20756. }
  20757. .sports-follow-usat-module .follow-button.instagram {
  20758. background-image: url(../../images/modules/sports/follow/ico-sidebar-ins2x.png)
  20759. }
  20760. }
  20761. .sports-follow-usat-module .follow-button {
  20762. background-size: 32px
  20763. }
  20764. #follow-usat-film {
  20765. background-color: #000;
  20766. display: none;
  20767. opacity: .7;
  20768. filter: alpha(opacity=70);
  20769. position: fixed;
  20770. top: 0;
  20771. left: 0;
  20772. right: 0;
  20773. bottom: 0;
  20774. z-index: 120
  20775. }
  20776. #follow-usat-box-details {
  20777. background-color: #b81800;
  20778. display: none;
  20779. color: #fff;
  20780. position: absolute;
  20781. left: 50%;
  20782. margin-left: -290px;
  20783. width: 579px;
  20784. z-index: 125;
  20785. min-height: 100px
  20786. }
  20787. .border-box-sizing {
  20788. -webkit-box-sizing: border-box;
  20789. -moz-box-sizing: border-box;
  20790. box-sizing: border-box
  20791. }
  20792. .follow-headline-wrap {
  20793. width: 579px;
  20794. min-height: 120px;
  20795. display: block;
  20796. padding: 28px 0 0 45px;
  20797. background: url(../../images/modules/sports/follow/follow-overlay-bg.jpg);
  20798. background-repeat: no-repeat;
  20799. background-size: contain
  20800. }
  20801. .follow-headline-wrap h2 {
  20802. font-family: 'Futura Today Bold';
  20803. margin: 0;
  20804. line-height: 1.1;
  20805. font-size: 2.2em
  20806. }
  20807. .follow-headline-wrap h3 {
  20808. font-family: 'Futura Today';
  20809. font-weight: 400;
  20810. line-height: 1.1;
  20811. margin: 0
  20812. }
  20813. .follow-buttons-wrap {
  20814. text-align: center;
  20815. position: relative;
  20816. margin: 15px 0;
  20817. line-height: 1!important
  20818. }
  20819. .follow-buttons-wrap .follow-button-wrap {
  20820. display: inline-block;
  20821. vertical-align: top;
  20822. margin: 0 5px
  20823. }
  20824. .follow-buttons-wrap .follow-button-wrap.fb-wrap {
  20825. -webkit-user-select: none;
  20826. -moz-user-select: none;
  20827. -o-user-select: none;
  20828. user-select: none
  20829. }
  20830. .follow-buttons-wrap .twitter-follow-button {
  20831. height: 20px;
  20832. width: 145px!important;
  20833. margin: 0 10px
  20834. }
  20835. .ig-b-v-24 {
  20836. width: 137px;
  20837. height: 24px
  20838. }
  20839. .follow-newsletter-wrap {
  20840. background-color: #000;
  20841. padding: 15px;
  20842. text-align: center
  20843. }
  20844. .follow-newsletter-wrap .follow-newsletter-text {
  20845. font-family: 'Futura Today';
  20846. cursor: default
  20847. }
  20848. .follow-newsletter-wrap .follow-newsletter-email {
  20849. border: 0;
  20850. border-radius: 10px;
  20851. color: #bcbcbc;
  20852. font-family: 'Futura Today Bold';
  20853. margin: 10px;
  20854. padding: 5px 10px;
  20855. text-align: left
  20856. }
  20857. .follow-newsletter-wrap .follow-newsletter-subscribe {
  20858. background-color: #b81800;
  20859. border: 0;
  20860. color: #fff;
  20861. font-family: 'Futura Today';
  20862. font-size: .9em;
  20863. padding: 5px 15px;
  20864. text-align: center;
  20865. letter-spacing: .05em
  20866. }
  20867. .shfm-heading {
  20868. color: #009bff;
  20869. font-family: 'Futura Today Bold',Arial,sans-serif;
  20870. font-size: 90px;
  20871. letter-spacing: 5px;
  20872. margin: 0 0 20px;
  20873. text-align: center;
  20874. text-shadow: 1px 1px 0 #dbdbdb,2px 2px 0 #dbdbdb,3px 3px 0 #dbdbdb,4px 4px 0 #dbdbdb;
  20875. text-transform: uppercase
  20876. }
  20877. .offscreen .live-feed-button {
  20878. display: none
  20879. }
  20880. .open-sidebar {
  20881. background-image: url(../../images/modules/live-feed/sprite.png);
  20882. width: 86px
  20883. }
  20884. .livefeed-sidebar-content {
  20885. -webkit-box-sizing: border-box;
  20886. -moz-box-sizing: border-box;
  20887. box-sizing: border-box;
  20888. height: 100%;
  20889. overflow: hidden;
  20890. position: relative;
  20891. width: 100%
  20892. }
  20893. .livefeed-news-list {
  20894. list-style: none;
  20895. list-style-image: none;
  20896. margin: 0;
  20897. padding: 0;
  20898. position: relative
  20899. }
  20900. .livefeed-news-item-link {
  20901. background-color: #2b2b2b;
  20902. border-top: 1px solid #3c3c3c;
  20903. border-bottom: 1px solid #0f0f0f;
  20904. display: block;
  20905. padding: 15px 20px;
  20906. overflow: auto;
  20907. position: relative;
  20908. color: inherit;
  20909. -webkit-transition: color,background-color 75ms,75ms;
  20910. -moz-transition: color,background-color 75ms,75ms;
  20911. -ms-transition: color,background-color 75ms,75ms;
  20912. transition: color,background-color 75ms,75ms
  20913. }
  20914. .livefeed-news-item-link:hover {
  20915. color: #009bff;
  20916. background-color: #272727;
  20917. border-top-color: transparent;
  20918. border-bottom-color: transparent
  20919. }
  20920. .live-feed-news-item {
  20921. list-style: none;
  20922. padding: 0;
  20923. text-align: left
  20924. }
  20925. .newcontent>.livefeed-news-item-link {
  20926. background-color: transparent
  20927. }
  20928. .newcontent>.livefeed-news-item-link:hover {
  20929. background-color: transparent
  20930. }
  20931. .newcontent.top>.livefeed-news-item-link {
  20932. border-top-color: rgba(0,0,0,.05)
  20933. }
  20934. .live-feed-news-item>.shadow {
  20935. height: 0;
  20936. left: 0;
  20937. overflow: hidden;
  20938. position: absolute;
  20939. -webkit-transition: height .2s ease-out;
  20940. -moz-transition: height .2s ease-out;
  20941. -ms-transition: height .2s ease-out;
  20942. transition: height .2s ease-out;
  20943. width: 100
  20944. }
  20945. .live-feed-news-item.newcontent>.shadow {
  20946. height: 5px
  20947. }
  20948. .live-feed-news-item.top>.shadow {
  20949. background: transparent url(../../images/modules/live-feed/newcontentbg-shadowsprite.png) 0 -5px repeat-x;
  20950. top: 0
  20951. }
  20952. .live-feed-news-item.bottom>.shadow {
  20953. background: transparent url(../../images/modules/live-feed/newcontentbg-shadowsprite.png) repeat-x;
  20954. bottom: 0
  20955. }
  20956. .live-feed-headline {
  20957. box-sizing: border-box;
  20958. color: #fff;
  20959. font-size: 12px;
  20960. line-height: 1.4;
  20961. margin-top: 7px
  20962. }
  20963. .live-feed-hed-wrap {
  20964. color: #fff;
  20965. bottom: 0;
  20966. left: 0;
  20967. margin: 7px;
  20968. position: absolute;
  20969. text-shadow: 0 1px 1px #000;
  20970. z-index: 10
  20971. }
  20972. .live-feed-wide .live-feed-hed-wrap {
  20973. margin: 10px 10px 11px
  20974. }
  20975. .live-feed-video-hed-icon,.live-feed-gallery-hed-icon {
  20976. display: table-cell;
  20977. font-family: 'Gannett Icons';
  20978. vertical-align: top;
  20979. padding: 0 7px 0 0;
  20980. font-size: 22px;
  20981. line-height: 26px;
  20982. color: #fff
  20983. }
  20984. .live-feed-wide .live-feed-video-hed-icon,.live-feed-wide .live-feed-gallery-hed-icon {
  20985. font-size: 31px;
  20986. line-height: 32px;
  20987. padding: 0 10px 0 0
  20988. }
  20989. .live-feed-video-hed-icon:before {
  20990. content: 'v'
  20991. }
  20992. .live-feed-gallery-hed-icon:before {
  20993. content: 'g'
  20994. }
  20995. .live-feed-headline-video,.live-feed-headline-gallery {
  20996. display: table-cell;
  20997. font-family: Arial,sans-serif;
  20998. font-size: 12px;
  20999. line-height: 16px;
  21000. padding: 0;
  21001. text-shadow: 0 1px 1px #000;
  21002. vertical-align: middle
  21003. }
  21004. .live-feed-wide .live-feed-headline-video.live-feed-headline,.live-feed-wide .live-feed-headline-gallery.live-feed-headline {
  21005. font-size: 18px;
  21006. line-height: 22px
  21007. }
  21008. .livefeed-news-item-link:hover .live-feed-headline {
  21009. color: #fff
  21010. }
  21011. .live-feed-timesince {
  21012. display: inline-block;
  21013. padding: 0
  21014. }
  21015. .newcontent .live-feed-timesince {
  21016. width: 70px
  21017. }
  21018. .live-feed-layout {
  21019. width: 100%;
  21020. vertical-align: top;
  21021. line-height: 11px;
  21022. margin-top: -2px
  21023. }
  21024. .live-feed-action {
  21025. border-right: 1px solid #858585;
  21026. color: #a1a1a1;
  21027. display: inline-block;
  21028. font-size: 11px;
  21029. height: 11px;
  21030. margin: 0 5px 0 0;
  21031. padding: 0 5px 0 0;
  21032. overflow: hidden;
  21033. text-overflow: ellipsis;
  21034. vertical-align: middle
  21035. }
  21036. .live-feed-gallery-icon {
  21037. background: url(../../images/sprites/ui-sprite.png) no-repeat -822px -44px;
  21038. display: table-cell;
  21039. height: 15px;
  21040. width: 22px
  21041. }
  21042. .live-feed-timesince-span {
  21043. color: #a1a1a1;
  21044. display: none;
  21045. font-family: Arial,sans-serif;
  21046. font-size: 11px;
  21047. margin: 0 1px 1px 0;
  21048. width: 54px
  21049. }
  21050. .live-feed-wide .newcontent .live-feed-humanized {
  21051. width: 70px
  21052. }
  21053. .newcontent .live-feed-humanized {
  21054. display: block;
  21055. color: #fff
  21056. }
  21057. .newcontent .live-feed-timestamp {
  21058. display: none
  21059. }
  21060. .live-feed-timestamp {
  21061. display: block
  21062. }
  21063. .newcontent .livefeed-news-item-link {
  21064. background: #2e2e2e;
  21065. border-bottom: 1px solid #000;
  21066. border-top: 1px solid #454545
  21067. }
  21068. .newcontent .livefeed-news-item-link:hover {
  21069. background: #1d1d1d
  21070. }
  21071. .livefeed-sidebar-content>.shadow {
  21072. background: transparent;
  21073. left: 0;
  21074. position: absolute;
  21075. width: 100%
  21076. }
  21077. .livefeed-sidebar-content>.top-shadow {
  21078. box-shadow: 0 -4px 12px 3px rgba(0,0,0,.3);
  21079. top: 0
  21080. }
  21081. .livefeed-sidebar-content>.bottom-shadow {
  21082. bottom: 0;
  21083. box-shadow: 0 2px 11px 2px rgba(0,0,0,.3)
  21084. }
  21085. .live-feed-video {
  21086. overflow: hidden;
  21087. position: relative
  21088. }
  21089. .dropdown .play-btn-l {
  21090. bottom: 55px;
  21091. right: 29px
  21092. }
  21093. .mod .play-btn-l {
  21094. bottom: 4px;
  21095. right: 4px
  21096. }
  21097. .live-feed-video .play-btn-l {
  21098. bottom: 19px;
  21099. right: 4px
  21100. }
  21101. .avathumb .play-btn-s,.thumb .play-btn-s {
  21102. bottom: 10px;
  21103. position: absolute;
  21104. right: 10px
  21105. }
  21106. .portraitli .play-btn-s {
  21107. bottom: -45px;
  21108. margin: 0;
  21109. padding: 0;
  21110. position: relative;
  21111. right: 24px
  21112. }
  21113. .live-feed-thumb {
  21114. display: none;
  21115. float: left
  21116. }
  21117. .has-image .live-feed-thumb {
  21118. display: block;
  21119. height: 60px;
  21120. width: 75px;
  21121. text-align: left
  21122. }
  21123. .live-feed-thumb-img {
  21124. height: 60px;
  21125. width: 60px
  21126. }
  21127. .live-feed-multimedia {
  21128. display: block
  21129. }
  21130. .live-feed-full-width-image-wrap {
  21131. position: relative
  21132. }
  21133. .live-feed-news-item.has-image .live-feed-full-width-image-wrap:before {
  21134. background-color: rgba(0,0,0,.15);
  21135. content: "";
  21136. display: block;
  21137. height: 100%;
  21138. left: 0;
  21139. position: absolute;
  21140. top: 0;
  21141. -webkit-transition: background-color .15s ease-out;
  21142. -moz-transition: background-color .15s ease-out;
  21143. transition: background-color .15s ease-out;
  21144. width: 100%;
  21145. z-index: 2
  21146. }
  21147. .livefeed-news-item-link:hover .live-feed-full-width-image-wrap:before {
  21148. background-color: transparent
  21149. }
  21150. .live-feed-news-item.has-image .live-feed-full-width-image-gradient {
  21151. background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  21152. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65)));
  21153. background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  21154. background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  21155. background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  21156. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  21157. bottom: 0;
  21158. content: "";
  21159. display: block;
  21160. height: 50%;
  21161. left: 0;
  21162. position: absolute;
  21163. width: 100%;
  21164. z-index: 2
  21165. }
  21166. .live-feed-wide .has-image .live-feed-layout {
  21167. padding: 0;
  21168. width: 100%
  21169. }
  21170. .has-image .live-feed-headline-article {
  21171. margin-left: 75px
  21172. }
  21173. .live-feed-wide .live-feed-headline {
  21174. font-size: 14px;
  21175. line-height: 18px
  21176. }
  21177. .has-image .live-feed-multimedia-style .live-feed-layout {
  21178. width: 100%
  21179. }
  21180. .has-image .live-feed-multimedia-style .live-feed-action {
  21181. width: auto
  21182. }
  21183. .clearfix-1280 {
  21184. clear: both
  21185. }
  21186. @media only screen and (min-width: 1250px) {
  21187. .live-feed-headline {
  21188. font-size:14px
  21189. }
  21190. .live-feed-news-item.has-image .live-feed-headline.live-feed-headline-video,.live-feed-news-item.has-image .live-feed-headline.live-feed-headline-gallery {
  21191. font-size: 18px;
  21192. line-height: 22px
  21193. }
  21194. .has-image .live-feed-layout {
  21195. padding: 0;
  21196. width: 190px
  21197. }
  21198. }
  21199. .livefeed-loading {
  21200. background: url(../../images/preloaders/windmill-loader_1x_dark.gif) no-repeat scroll 50% 0 transparent;
  21201. height: 25px;
  21202. margin: 13px 0
  21203. }
  21204. .sidebar.light .livefeed-sidebar-content .open-sidebar {
  21205. top: 10px
  21206. }
  21207. .sidebar.light .livefeed-sidebar-content .lower-sidebar {
  21208. top: 210px
  21209. }
  21210. .sidebar.light .livefeed-sidebar-content {
  21211. background: #f9f9f9
  21212. }
  21213. .sidebar.light .livefeed-sidebar-content .livefeed-news-item-link {
  21214. background-color: #f9f9f9;
  21215. border-bottom: 1px solid #dcdcdc;
  21216. border-top: 1px solid #fff
  21217. }
  21218. .sidebar.light .livefeed-sidebar-content .livefeed-news-item-link:hover {
  21219. background: #fff;
  21220. border-top-color: transparent
  21221. }
  21222. .sidebar.light .livefeed-sidebar-content .newcontent>.livefeed-news-item-link {
  21223. background-color: transparent;
  21224. background-color: rgba(249,249,249,0)
  21225. }
  21226. .sidebar.light .livefeed-sidebar-content .newcontent>.livefeed-news-item-link:hover {
  21227. background-color: #959595;
  21228. background-color: rgba(249,249,249,.6)
  21229. }
  21230. .sidebar.light .livefeed-sidebar-content .newcontent.top>.livefeed-news-item-link {
  21231. border-top-color: rgba(0,0,0,.05)
  21232. }
  21233. .sidebar.light .livefeed-sidebar-content .live-feed-news-item.top>.shadow {
  21234. background: transparent url(../../images/modules/live-feed/newcontentbg-shadowsprite.png) 0 -5px repeat-x
  21235. }
  21236. .sidebar.light .livefeed-sidebar-content .livefeed-news-item.bottom>.shadow {
  21237. background: transparent url(../../images/modules/live-feed/newcontentbg-shadowsprite.png) repeat-x
  21238. }
  21239. .sidebar.light .livefeed-sidebar-content .live-feed-headline-article,.sidebar.light .live-feed-headline.article {
  21240. color: #333
  21241. }
  21242. .sidebar.light .livefeed-sidebar-content .live-feed-gallery-icon {
  21243. background: url(../../images/sprites/ui-sprite.png) no-repeat -822px -4px;
  21244. margin: 0 0 -4px 4px
  21245. }
  21246. .sidebar.light .livefeed-sidebar-content .live-feed-action {
  21247. border-right: 1px solid #aaa;
  21248. color: #979797
  21249. }
  21250. .sidebar.light .livefeed-sidebar-content .live-feed-timesince-span {
  21251. color: #979797
  21252. }
  21253. .sidebar.light .livefeed-sidebar-content .newcontent .live-feed-humanized {
  21254. color: #009bff
  21255. }
  21256. .sidebar.light .livefeed-sidebar-content .newcontent .livefeed-news-item-link {
  21257. background-color: transparent;
  21258. background-color: rgba(249,249,249,0);
  21259. border-bottom: 1px solid #ebebeb;
  21260. border-bottom: 1px solid rgba(0,0,0,.1);
  21261. border-top: 1px solid #fff;
  21262. border-top: 1px solid rgba(255,255,255,1)
  21263. }
  21264. .sidebar.light .livefeed-sidebar-content .newcontent {
  21265. background: transparent url(../../images/modules/live-feed/newcontentbg.png) repeat
  21266. }
  21267. .sidebar.light .livefeed-sidebar-content .newcontent .livefeed-news-item-link {
  21268. background-color: #eee
  21269. }
  21270. .light .livefeed-loading {
  21271. background: url(../../images/preloaders/windmill-loader_1x_light.gif) no-repeat scroll 50% 0 transparent
  21272. }
  21273. .livefeed-sidebar-title {
  21274. text-align: left;
  21275. padding-left: 21px
  21276. }
  21277. @media only screen and (min-width: 1250px) {
  21278. .livefeed-sidebar-title {
  21279. padding-left:0;
  21280. text-align: center
  21281. }
  21282. }
  21283. .partner-asset-right-ad,.poster-scroll-ad {
  21284. background: #dedede url(../../images/patterns/paper-noise-ad.png) repeat;
  21285. border-radius: 4px;
  21286. box-sizing: border-box;
  21287. -moz-box-sizing: border-box;
  21288. -webkit-box-sizing: border-box;
  21289. margin-bottom: 30px;
  21290. padding: 10px;
  21291. text-align: center;
  21292. width: auto
  21293. }
  21294. .common-ad-styling {
  21295. background: #dedede url(../../images/patterns/paper-noise-ad.png) repeat;
  21296. border-radius: 4px;
  21297. box-sizing: border-box;
  21298. -moz-box-sizing: border-box;
  21299. -webkit-box-sizing: border-box;
  21300. padding: 10px;
  21301. text-align: center
  21302. }
  21303. .poster-scroll-ad {
  21304. overflow: visible
  21305. }
  21306. .poster-scroll-ad.hidden {
  21307. visibility: hidden
  21308. }
  21309. #partner_asset_transition iframe {
  21310. display: none
  21311. }
  21312. .mediastoryrightrail-bucket>.partner-asset-right-ad {
  21313. margin-top: 48px
  21314. }
  21315. .ui-video {
  21316. background: #000;
  21317. cursor: pointer;
  21318. position: relative
  21319. }
  21320. .ui-video-still-image,.ui-video-play-btn {
  21321. cursor: pointer;
  21322. display: none;
  21323. position: absolute
  21324. }
  21325. .ui-video-still-image {
  21326. z-index: 2
  21327. }
  21328. .ui-video-still-image-active,.ui-video-play-btn-active {
  21329. display: block
  21330. }
  21331. .ui-video-play-btn {
  21332. background: url(../../images/buttons/button-video-play-small.png) no-repeat;
  21333. height: 45px;
  21334. width: 45px;
  21335. z-index: 3
  21336. }
  21337. .next-video-data {
  21338. padding: 95px 95px 95px 50px
  21339. }
  21340. .next-video-thumbnail {
  21341. float: left;
  21342. margin-right: 30px
  21343. }
  21344. .taboola-thumbnail {
  21345. border: 5px solid #646464;
  21346. height: 215px;
  21347. width: 290px
  21348. }
  21349. .video-endslate {
  21350. background: #2f2f2e;
  21351. padding: 0 0 45px 80px;
  21352. cursor: pointer;
  21353. display: none;
  21354. position: absolute;
  21355. height: 450px;
  21356. width: 800px
  21357. }
  21358. .video-endslate-active {
  21359. display: block;
  21360. z-index: 120
  21361. }
  21362. .video-endslate .counter {
  21363. color: #646464;
  21364. font-size: 50px
  21365. }
  21366. .video-endslate .front-title {
  21367. color: #fff
  21368. }
  21369. .video-endslate .video-up-next {
  21370. color: #009bff;
  21371. margin: 0
  21372. }
  21373. .brightcove-video-object {
  21374. display: block;
  21375. height: 100%;
  21376. left: 0;
  21377. position: absolute;
  21378. top: 0;
  21379. width: 100%;
  21380. z-index: 1
  21381. }
  21382. .active-transcript {
  21383. color: #009bff
  21384. }
  21385. .hidetranscript,.searchcontroloff {
  21386. display: none
  21387. }
  21388. input.video-search-btn {
  21389. display: none
  21390. }
  21391. .keywords-viewport,.search-viewport {
  21392. width: 50%;
  21393. height: 20px;
  21394. position: absolute;
  21395. overflow: hidden
  21396. }
  21397. .lt-ie9 .video-search-form-input {
  21398. position: relative;
  21399. z-index: -1
  21400. }
  21401. .story-asset .keywords-viewport,.story-asset .search-viewport {
  21402. width: 35%
  21403. }
  21404. .story-asset .ui-video-controls {
  21405. margin-top: 0;
  21406. height: 100%
  21407. }
  21408. .story-asset .video-full-transcript,.story-asset .video-full-transcript-control {
  21409. margin-left: 0
  21410. }
  21411. .story-asset .video-transcript-keywords,.story-asset .video-transcript-search {
  21412. margin-left: 205px
  21413. }
  21414. .transcript-search-result {
  21415. cursor: pointer
  21416. }
  21417. .transcript-scroll-fade-left {
  21418. background: url(../../images/components/utility-btns.png) -666px -218px;
  21419. width: 14px;
  21420. height: 20px;
  21421. position: absolute;
  21422. left: 382px;
  21423. margin-top: -17px
  21424. }
  21425. .transcript-scroll-fade-right {
  21426. background: url(../../images/components/utility-btns.png) -648px -278px;
  21427. width: 30px;
  21428. height: 20px;
  21429. position: absolute;
  21430. right: 66px;
  21431. margin-top: -17px
  21432. }
  21433. .video-full-transcript-button {
  21434. color: #009bff;
  21435. content: '';
  21436. display: inline-block;
  21437. font: 11px/18px Arial;
  21438. font-weight: 700;
  21439. line-height: 14px;
  21440. cursor: pointer
  21441. }
  21442. .video-transcript-disclaimer {
  21443. font: 11px/18px Arial;
  21444. font-style: italic;
  21445. padding-bottom: 5px
  21446. }
  21447. .video-full-transcript-button:after {
  21448. content: '';
  21449. background: url(../../images/components/utility-btns.png) no-repeat -565px -258px;
  21450. height: 15px;
  21451. width: 15px;
  21452. position: absolute
  21453. }
  21454. .video-full-transcript-control {
  21455. border-bottom: 1px solid #e6e6e6;
  21456. position: relative;
  21457. width: 100%
  21458. }
  21459. .video-full-transcript .video-full-transcript-text {
  21460. color: #333;
  21461. font: 11px/18px Arial;
  21462. height: 100px;
  21463. overflow-y: scroll
  21464. }
  21465. .video-keywords-result {
  21466. position: absolute;
  21467. height: 20px;
  21468. white-space: nowrap
  21469. }
  21470. .video-search-box {
  21471. position: relative;
  21472. float: left;
  21473. margin-right: 10px
  21474. }
  21475. .video-search-btn-div {
  21476. cursor: pointer;
  21477. height: 30px;
  21478. position: absolute;
  21479. right: 0;
  21480. top: 0;
  21481. width: auto
  21482. }
  21483. .video-search-btn-div:hover:after {
  21484. opacity: 1
  21485. }
  21486. .video-search-close-btn {
  21487. cursor: pointer;
  21488. display: none;
  21489. height: 40px;
  21490. margin: 0 -10px 0 5px;
  21491. overflow: hidden;
  21492. padding: 0 10px;
  21493. vertical-align: top
  21494. }
  21495. .video-search-close-btn:after {
  21496. background: url(../../images/components/utility-btns.png) -601px -218px;
  21497. content: '';
  21498. display: inline-block;
  21499. height: 21px;
  21500. opacity: .6;
  21501. position: relative;
  21502. top: 10px;
  21503. transition: opacity .15s;
  21504. width: 21px
  21505. }
  21506. .video-search-close-btn-visible {
  21507. display: inline-block;
  21508. float: right;
  21509. margin-top: -35px
  21510. }
  21511. .video-search-close-btn:hover:after {
  21512. opacity: 1
  21513. }
  21514. .video-search-display,.video-transcript-search,.video-transcript-searchresult,.video-transcript-keywordresult,.transcript-search-result {
  21515. color: #009bff;
  21516. font: 11px/18px Arial;
  21517. padding: 0 15px
  21518. }
  21519. .video-search-input-wrap:before {
  21520. content: '';
  21521. background: url(../../images/components/utility-btns.png) no-repeat -274px -69px;
  21522. display: none;
  21523. left: 9px;
  21524. position: relative;
  21525. padding: 0;
  21526. top: 8px;
  21527. width: 40px;
  21528. height: 30px
  21529. }
  21530. .video-search-input>.ui-text-input-clear-btn {
  21531. background: url(../../images/components/utility-btns.png) no-repeat -277px -115px transparent;
  21532. display: none;
  21533. height: 20px;
  21534. overflow: hidden;
  21535. position: relative;
  21536. right: 10px;
  21537. top: 10px;
  21538. width: 21px;
  21539. z-index: 6
  21540. }
  21541. .video-search-input::-ms-clear {
  21542. display: none
  21543. }
  21544. .video-search-open-button {
  21545. background: url(../../images/components/utility-btns.png) -455px -218px;
  21546. content: '';
  21547. display: block;
  21548. height: 25px;
  21549. margin: 7px 0 0 12px;
  21550. opacity: .6;
  21551. transition: opacity .15s;
  21552. width: 28px
  21553. }
  21554. .video-search-result {
  21555. overflow: hidden;
  21556. position: absolute
  21557. }
  21558. .video-search-term {
  21559. color: #333;
  21560. font-weight: 700
  21561. }
  21562. .video-transcript-control-wrapper {
  21563. padding-bottom: 20px;
  21564. margin-bottom: 10px;
  21565. height: 20px
  21566. }
  21567. .video-transcript-display {
  21568. display: table-cell
  21569. }
  21570. .video-transcript-icon {
  21571. background: url(../../images/components/utility-btns.png) -503px -220px;
  21572. content: '';
  21573. display: inline-block;
  21574. height: 9px;
  21575. opacity: .6;
  21576. transition: opacity .15s;
  21577. width: 15px
  21578. }
  21579. .video-transcript-keywords,.video-transcript-search {
  21580. margin-left: 215px;
  21581. padding-left: 10px;
  21582. border-left: 2px solid #e6e6e6;
  21583. color: #333;
  21584. font: 11px/18px Arial
  21585. }
  21586. .video-transcript-navigate-buttons {
  21587. float: right;
  21588. height: 20px;
  21589. width: 60px;
  21590. margin: -15px 0;
  21591. position: relative;
  21592. display: block
  21593. }
  21594. .video-transcript-navigate-next {
  21595. position: absolute;
  21596. display: inline-block;
  21597. background: url(../../images/components/utility-btns.png) -566px -217px;
  21598. height: 20px;
  21599. width: 20px;
  21600. margin-left: 40px
  21601. }
  21602. .transcript-navigate-next-active {
  21603. background: url(../../images/components/utility-btns.png) -566px -237px;
  21604. cursor: pointer
  21605. }
  21606. .video-transcript-navigate-prev {
  21607. position: absolute;
  21608. display: inline-block;
  21609. background: url(../../images/components/utility-btns.png) -534px -217px;
  21610. height: 20px;
  21611. width: 20px;
  21612. margin-left: 20px
  21613. }
  21614. .transcript-navigate-prev-active {
  21615. background: url(../../images/components/utility-btns.png) -534px -237px;
  21616. cursor: pointer
  21617. }
  21618. .video-transcript-title {
  21619. display: block
  21620. }
  21621. .interactive {
  21622. margin: 0 auto 30px 0;
  21623. overflow: visible!important;
  21624. position: relative;
  21625. width: 920px;
  21626. z-index: 0
  21627. }
  21628. .secondary-interactives-module.storybottombar-bucket {
  21629. clear: both
  21630. }
  21631. .interactive>.interactive-wrap-shadow {
  21632. box-shadow: 0 0 4px 3px rgba(0,0,0,.05);
  21633. margin-bottom: 10px
  21634. }
  21635. .interactive-sponsor {
  21636. color: #999;
  21637. float: right;
  21638. font-size: 11px;
  21639. padding-left: 15px;
  21640. text-align: center;
  21641. width: 100px
  21642. }
  21643. .interactive-sponsor {
  21644. color: #999;
  21645. float: right;
  21646. max-width: 180px;
  21647. font-size: 11px;
  21648. padding-left: 15px;
  21649. text-align: center;
  21650. width: 100px
  21651. }
  21652. .interactive-wrap .interactive-sponsor .sponsored-by-text {
  21653. line-height: 11px;
  21654. margin-top: 7px
  21655. }
  21656. .interactive-header-wrapper {
  21657. display: table
  21658. }
  21659. .interactive-header-wrapper-column {
  21660. display: table-cell;
  21661. vertical-align: top;
  21662. width: 90%
  21663. }
  21664. .header.interactive-header-wrapper {
  21665. width: 888px
  21666. }
  21667. .asset .interactive {
  21668. margin-top: 15px;
  21669. margin-left: 50px
  21670. }
  21671. .interactive .header {
  21672. background: #f8f8f9;
  21673. border-top: 10px solid #009bff;
  21674. padding: 10px 15px
  21675. }
  21676. .interactive .header .title {
  21677. color: #000;
  21678. font-family: 'Futura Today Bold',Arial,sans-serif;
  21679. font-size: 20px;
  21680. letter-spacing: .04em;
  21681. margin: 0;
  21682. text-transform: uppercase
  21683. }
  21684. .interactive .header .chatter {
  21685. color: #666;
  21686. font-size: 12px;
  21687. line-height: normal;
  21688. margin: 5px 0 0
  21689. }
  21690. .top .chatter {
  21691. color: #999;
  21692. float: left;
  21693. font: 700 12px/18px arial,sans-serif;
  21694. width: 560px
  21695. }
  21696. .interactive .viewport {
  21697. background: #fff;
  21698. box-shadow: 0 -3px 3px 0 rgba(0,0,0,.06);
  21699. -webkit-box-sizing: border-box;
  21700. -moz-box-sizing: border-box;
  21701. box-sizing: border-box;
  21702. display: block!important;
  21703. overflow: hidden;
  21704. position: relative;
  21705. width: 100%
  21706. }
  21707. .interactive .slides {
  21708. display: block;
  21709. height: 100%;
  21710. list-style: none;
  21711. margin: 0;
  21712. padding: 0;
  21713. position: absolute;
  21714. width: auto
  21715. }
  21716. .interactive .stage {
  21717. list-style: none;
  21718. position: relative
  21719. }
  21720. .interactive .stage .slide {
  21721. display: none;
  21722. left: 0;
  21723. margin: 0;
  21724. padding: 0;
  21725. position: absolute;
  21726. top: 0;
  21727. width: 920px
  21728. }
  21729. .interactive .stage .slide.active {
  21730. display: block
  21731. }
  21732. .interactive .viewport.fade .stage .slide {
  21733. -ms-filter: "alpha(Opacity=0)";
  21734. display: block;
  21735. float: none;
  21736. left: 0;
  21737. opacity: 0;
  21738. position: absolute;
  21739. top: 0;
  21740. z-index: 1
  21741. }
  21742. .interactive .viewport.fade .stage .slide.active {
  21743. -ms-filter: "alpha(Opacity=100)";
  21744. display: block;
  21745. opacity: 1;
  21746. z-index: 2
  21747. }
  21748. .interactive .viewport.slide .stage {
  21749. overflow: hidden;
  21750. white-space: nowrap
  21751. }
  21752. .interactive .viewport.slide .stage .slide {
  21753. display: inline-block;
  21754. opacity: 1;
  21755. position: relative;
  21756. vertical-align: top;
  21757. visibility: visible;
  21758. white-space: normal
  21759. }
  21760. .interactive .viewport.slide .stage .slide.active {
  21761. display: inline-block!important
  21762. }
  21763. .interactive .overview-content a {
  21764. color: #1990e5
  21765. }
  21766. .interactive .overview-content a:hover {
  21767. text-decoration: underline
  21768. }
  21769. .interactive .overview-content .image {
  21770. display: block;
  21771. float: left;
  21772. position: relative
  21773. }
  21774. .interactive .overview-content .image img {
  21775. display: block
  21776. }
  21777. .interactive .overview-content .date {
  21778. color: #1aa5ff;
  21779. font-family: 'Futura Today Bold',arial,sans-serif;
  21780. font-size: 12px;
  21781. line-height: 16px;
  21782. margin: 0;
  21783. text-transform: uppercase
  21784. }
  21785. .interactive .overview-content .title {
  21786. color: #333;
  21787. font-family: 'Futura Today Bold',arial,sans-serif;
  21788. font-size: 18px;
  21789. line-height: 23px;
  21790. margin: 0 0 15px;
  21791. text-transform: uppercase;
  21792. margin-bottom: 15px
  21793. }
  21794. .interactive .overview-content .text {
  21795. font-style: normal!important;
  21796. text-align: left
  21797. }
  21798. .interactive .overview-content .text div {
  21799. text-align: left
  21800. }
  21801. .interactive .viewport .slide .meta {
  21802. -moz-box-sizing: border-box;
  21803. -webkit-box-sizing: border-box;
  21804. box-sizing: border-box;
  21805. background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTglIiBzdG9wLWNvbG9yPSIjZmZmZmZmIiBzdG9wLW9wYWNpdHk9IjAiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
  21806. background: -moz-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%);
  21807. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,.1)),color-stop(18%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,0)));
  21808. background: -webkit-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%);
  21809. background: -o-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%);
  21810. background: -ms-linear-gradient(top,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%);
  21811. background: linear-gradient(to bottom,rgba(255,255,255,.1) 0,rgba(255,255,255,0) 18%,rgba(255,255,255,0) 100%);
  21812. background-color: #4d4d4d;
  21813. background-color: rgba(0,0,0,.7);
  21814. border-top: 1px solid #020202;
  21815. bottom: 0;
  21816. left: 0;
  21817. padding: 10px;
  21818. position: absolute;
  21819. width: 100%;
  21820. z-index: 21
  21821. }
  21822. .interactive .viewport .slide .meta .caption {
  21823. color: #fff;
  21824. float: none;
  21825. font-family: Arial;
  21826. font-size: 12px;
  21827. line-height: 18px;
  21828. text-align: left;
  21829. vertical-align: middle;
  21830. width: 80%
  21831. }
  21832. .interactive .viewport .slide .meta .source {
  21833. color: #999;
  21834. font-size: 11px;
  21835. padding-left: 5px
  21836. }
  21837. .interactive .viewport .slide .meta .toolbox {
  21838. position: absolute;
  21839. top: 10px;
  21840. right: 10px
  21841. }
  21842. .interactive .viewport .slide .meta .toolbox a {
  21843. border: 1px solid #ebebeb;
  21844. border: 1px solid rgba(255,255,255,.1);
  21845. border-radius: 3px;
  21846. color: #999;
  21847. cursor: pointer;
  21848. display: block;
  21849. float: left;
  21850. font: 700 11px/18px;
  21851. height: 21px;
  21852. margin: 0 5px
  21853. }
  21854. .interactive .slide ul {
  21855. margin: 0;
  21856. padding-left: 0
  21857. }
  21858. .interactive .slide .slides ul {
  21859. list-style-type: square;
  21860. margin-left: 10px;
  21861. padding-left: 10px
  21862. }
  21863. .interactive .slide .slides ol {
  21864. margin-left: 10px;
  21865. padding-left: 10px
  21866. }
  21867. .interactive .slide .slides ol {
  21868. margin-bottom: 10px
  21869. }
  21870. .interactive .interactive-credits .source,.interactive .interactive-credits .credit {
  21871. color: #999!important;
  21872. font-family: Arial,Helvetica,sans-serif;
  21873. font-size: 11px;
  21874. margin-left: 8px;
  21875. text-align: left
  21876. }
  21877. .interactive .interactive-credits .source {
  21878. color: #999!important
  21879. }
  21880. .interactive .slide-nav {
  21881. background-image: url(../../images/sprites/interactive_stories_sprite.png);
  21882. display: block;
  21883. float: none;
  21884. height: 68px;
  21885. left: auto;
  21886. opacity: 1;
  21887. position: absolute;
  21888. right: auto;
  21889. top: 50%;
  21890. width: 44px;
  21891. z-index: 99
  21892. }
  21893. .asset>.standalone-story-interactive {
  21894. min-height: 800px;
  21895. margin-left: 50px
  21896. }
  21897. .asset .standalone-story-interactive-header {
  21898. padding: 20px 0 0
  21899. }
  21900. .interactive .slide-nav.prev {
  21901. background-position: 0 0;
  21902. left: -7px
  21903. }
  21904. .interactive .slide-nav.next {
  21905. background-position: -44px 0;
  21906. right: -7px
  21907. }
  21908. .no-touch .asset .interactive .slide-nav.prev:hover {
  21909. background-position: 0 -68px
  21910. }
  21911. .no-touch .asset .interactive .slide-nav.next:hover {
  21912. background-position: -44px -68px
  21913. }
  21914. body.interactive {
  21915. margin: 0 auto;
  21916. min-width: 920px;
  21917. overflow: hidden
  21918. }
  21919. body.interactive.chart {
  21920. min-width: 640px;
  21921. width: 640px
  21922. }
  21923. .asset.standalone {
  21924. margin: 0 auto;
  21925. padding: 0;
  21926. width: 920px
  21927. }
  21928. .asset.standalone.chart {
  21929. width: 640px
  21930. }
  21931. .asset.standalone>.interactive {
  21932. margin: 0
  21933. }
  21934. .asset.standalone>.embed {
  21935. font-size: 14px;
  21936. max-width: 920px;
  21937. padding: 20px 0
  21938. }
  21939. .asset.standalone .embedCode {
  21940. border: solid 1px #d5d5d5;
  21941. font: 13px/14px monospace;
  21942. height: 44px;
  21943. overflow: hidden;
  21944. padding: 5px;
  21945. width: 620px
  21946. }
  21947. .interactive #rotate-overlay {
  21948. display: none
  21949. }
  21950. @media only screen and (min-device-width : 768px) and (max-device-width :1024px) and (orientation :portrait) {
  21951. body.interactive {
  21952. height:1024px;
  21953. width: auto
  21954. }
  21955. .interactive #rotate-overlay {
  21956. background: rgba(0,0,0,.75) url(../../images/interactives/ipad-rotate2x.png) no-repeat center center;
  21957. background-size: 226px 274px;
  21958. display: block;
  21959. height: 100%;
  21960. left: 0;
  21961. position: absolute;
  21962. top: 0;
  21963. width: 930px;
  21964. z-index: 10000
  21965. }
  21966. .interactive .rotate-overlay-modal {
  21967. height: 230px;
  21968. line-height: 1.6em;
  21969. margin-top: 200px;
  21970. padding: 20px;
  21971. text-align: center
  21972. }
  21973. .interactive .rotate-overlay-modal h3 {
  21974. color: #fff;
  21975. font-size: 46px;
  21976. font-weight: 700;
  21977. line-height: 1.4em;
  21978. margin: 80px 40px 40px
  21979. }
  21980. .interactive .rotate-overlay-modal p {
  21981. margin-bottom: 17px
  21982. }
  21983. }
  21984. .chart #rotate-overlay {
  21985. display: none
  21986. }
  21987. .interactive .video {
  21988. position: relative
  21989. }
  21990. .interactive .video .videoObject {
  21991. position: absolute;
  21992. top: 0;
  21993. left: 0;
  21994. z-index: 3
  21995. }
  21996. .interactive .video .videoStillPlay {
  21997. background-image: url(../../images/buttons/button_video_play.png);
  21998. background-position: 0 -2px;
  21999. cursor: pointer;
  22000. height: 91px;
  22001. left: 50%;
  22002. margin: -46px 0 0 -46px;
  22003. position: absolute;
  22004. top: 50%;
  22005. visibility: visible;
  22006. width: 93px;
  22007. z-index: 2
  22008. }
  22009. .chart-wrapper.interactive.bar-chart .tickLabels .xAxis.x1Axis .tickLabel,.chart-wrapper.interactive.bar-chart .tickLabels .yAxis.y1Axis .tickLabel {
  22010. text-transform: none
  22011. }
  22012. .chart-wrapper.interactive.bar-chart ul.row-1 {
  22013. width: auto;
  22014. margin-right: 20px
  22015. }
  22016. .chart-wrapper.interactive.bar-chart ul.row-1 li {
  22017. float: left;
  22018. margin-left: 10px;
  22019. margin-right: 15px;
  22020. white-space: nowrap
  22021. }
  22022. .chart-wrapper.interactive.bar-chart .graph {
  22023. width: 92%;
  22024. height: 300px;
  22025. margin: 0 3% 0 5%
  22026. }
  22027. .chart-wrapper.interactive.bar-chart {
  22028. width: 100%
  22029. }
  22030. .chart-wrapper.interactive.bar-chart .chart-content {
  22031. width: 100%
  22032. }
  22033. .bar-chart .interactive-header-wrapper {
  22034. height: auto
  22035. }
  22036. .chart-wrapper.interactive.bar-chart .chart-content .chatter {
  22037. max-height: 54px;
  22038. overflow: hidden
  22039. }
  22040. .chart-wrapper.interactive.bar-chart .xAxisLabel {
  22041. color: #999
  22042. }
  22043. .chart-wrapper.interactive.bar-chart .chart-content h6.source {
  22044. position: relative;
  22045. padding-top: 7px
  22046. }
  22047. .chart-wrapper.interactive.bar-chart .chart-area {
  22048. background: #fff;
  22049. position: relative;
  22050. margin: 0 auto;
  22051. width: 100%
  22052. }
  22053. .chart-wrapper.interactive.bar-chart .tickLabels .xAxis.x1Axis .tickLabel {
  22054. margin-top: 2px;
  22055. color: #666
  22056. }
  22057. .chart-wrapper.interactive.bar-chart .tickLabels .yAxis.y1Axis .tickLabel {
  22058. font-size: 12px;
  22059. line-height: 14px;
  22060. margin-top: 0;
  22061. color: #999
  22062. }
  22063. .chart-wrapper.interactive.bar-chart .yAxis .tickLabel {
  22064. max-width: 20%
  22065. }
  22066. .chart-wrapper.interactive.bar-chart .hiddenLabels {
  22067. font-size: 10px;
  22068. position: absolute;
  22069. visibility: hidden;
  22070. white-space: nowrap
  22071. }
  22072. .bar-chart .chart-area-footer {
  22073. bottom: 0;
  22074. color: #999;
  22075. font-size: 16px;
  22076. font-weight: 400;
  22077. left: 0;
  22078. margin: 6px 10px 10px 15px;
  22079. position: relative
  22080. }
  22081. .bar-chart .chart-area-footer .source,.bar-chart .chart-area-footer .credit,.bar-chart .chart-area-footer .footnotes {
  22082. bottom: 0;
  22083. color: #999;
  22084. font-size: 10px;
  22085. font-weight: 400;
  22086. line-height: 15px;
  22087. margin: 0;
  22088. padding: 0
  22089. }
  22090. .bar-chart .chart-area-footer .footnotes {
  22091. max-height: 30px;
  22092. overflow: hidden
  22093. }
  22094. .chart-wrapper.interactive.bar-chart .xAxis,.chart-wrapper.interactive.bar-chart .yAxis {
  22095. color: #666;
  22096. font-size: 12px;
  22097. text-transform: none
  22098. }
  22099. .video-carousel-viewport {
  22100. font-family: Arial,sans-serif;
  22101. overflow: hidden;
  22102. position: relative;
  22103. z-index: 0
  22104. }
  22105. .video-carousel-series {
  22106. margin: 0;
  22107. position: relative;
  22108. -webkit-transition-duration: 0
  22109. }
  22110. .video-carousel-item-wrap {
  22111. display: table-cell
  22112. }
  22113. .video-carousel-item {
  22114. display: block;
  22115. overflow: hidden
  22116. }
  22117. .carousel-nav {
  22118. cursor: pointer;
  22119. display: none;
  22120. float: left;
  22121. left: 0;
  22122. overflow: hidden;
  22123. position: relative;
  22124. text-indent: -99999px;
  22125. z-index: 100
  22126. }
  22127. .video-carousel-wrap>.carousel-nav {
  22128. -moz-transition: opacity .2s ease-in-out;
  22129. -o-transition: opacity .2s ease-in-out;
  22130. transition: opacity .2s ease-in-out;
  22131. z-index: 1
  22132. }
  22133. .carousel-nav.carousel-nav-active {
  22134. display: block
  22135. }
  22136. .carousel-next {
  22137. clear: none;
  22138. float: right;
  22139. right: 0
  22140. }
  22141. .carousel-prev {
  22142. display: none
  22143. }
  22144. .video-carousel-title {
  22145. display: block
  22146. }
  22147. .video-carousel-description {
  22148. position: relative
  22149. }
  22150. .video-carousel-item .see-more-link {
  22151. bottom: 0;
  22152. color: #009bff;
  22153. font-size: 12px;
  22154. position: absolute;
  22155. right: 0
  22156. }
  22157. .carousel-counter {
  22158. color: #666;
  22159. font-size: 13px;
  22160. position: absolute
  22161. }
  22162. .card-primary .video-carousel-ellipsis {
  22163. height: 239px;
  22164. overflow: hidden;
  22165. position: relative
  22166. }
  22167. .card-primary .video-carousel-ellipsis:before {
  22168. content: "";
  22169. float: left;
  22170. height: 229px;
  22171. width: 5px
  22172. }
  22173. .card-primary .video-carousel-ellipsis>.ellipsis-data-grouped:first-child {
  22174. float: right;
  22175. margin-left: -5px;
  22176. width: 100%
  22177. }
  22178. .card-primary .video-carousel-ellipsis:after {
  22179. background: -webkit-gradient(linear,left top,right top,from(rgba(235,235,235,0)),to(rgba(235,235,235,0)),color-stop(15%,rgba(235,235,235,0)));
  22180. background: -moz-linear-gradient(to right,rgba(235,235,235,0),rgba(235,235,235,0) 15%,rgba(235,235,235,0));
  22181. background: -o-linear-gradient(to right,rgba(235,235,235,0),rgba(235,235,235,0) 15%,rgba(235,235,235,0));
  22182. background: -ms-linear-gradient(to right,rgba(235,235,235,0),rgba(235,235,235,0) 15%,rgba(235,235,235,0));
  22183. background: linear-gradient(to right,rgba(235,235,235,0),rgba(235,235,235,0) 15%,rgba(235,235,235,0));
  22184. box-sizing: content-box;
  22185. content: " ...";
  22186. float: right;
  22187. left: 100%;
  22188. margin-left: -7em;
  22189. -moz-box-sizing: content-box;
  22190. padding-right: 5px;
  22191. position: relative;
  22192. text-align: right;
  22193. top: -8px;
  22194. -webkit-box-sizing: content-box;
  22195. width: 7em
  22196. }
  22197. .card-primary>.video-carousel-wrap {
  22198. color: #333;
  22199. height: 300px;
  22200. overflow: hidden
  22201. }
  22202. .card-primary .video-carousel-viewport {
  22203. height: 268px;
  22204. margin-top: 21px;
  22205. width: 720px
  22206. }
  22207. .card-primary .video-carousel-series {
  22208. height: 268px
  22209. }
  22210. .card-primary .video-carousel-item-wrap {
  22211. padding: 0 25px 0 15px
  22212. }
  22213. .card-primary .video-carousel-item {
  22214. height: 268px;
  22215. width: 680px
  22216. }
  22217. .card-primary .carousel-nav {
  22218. background: url(../../images/sprites/front-arrows.png) no-repeat;
  22219. height: 58px;
  22220. margin-bottom: -58px;
  22221. top: -176px;
  22222. width: 29px
  22223. }
  22224. .card-primary .carousel-next {
  22225. background-position: -30px 0
  22226. }
  22227. .card-primary .carousel-next:hover {
  22228. background-position: -30px -60px
  22229. }
  22230. .card-primary .carousel-prev {
  22231. background-position: 0 0
  22232. }
  22233. .card-primary .carousel-prev:hover {
  22234. background-position: 0 -60px
  22235. }
  22236. .card-primary .video-carousel-player {
  22237. box-shadow: 0 2px 1px rgba(0,0,0,.2);
  22238. height: 256px;
  22239. float: left;
  22240. overflow: hidden;
  22241. width: 455px
  22242. }
  22243. .card-primary .video-carousel-description {
  22244. float: left;
  22245. font-family: Arial,sans-serif;
  22246. font-size: 12px;
  22247. height: 260px;
  22248. line-height: 17px;
  22249. margin-left: 16px;
  22250. text-overflow: ellipsis;
  22251. width: 200px
  22252. }
  22253. .card-primary .video-carousel-title {
  22254. color: #333;
  22255. font-family: 'Futura Today Light',Arial,sans-serif;
  22256. font-size: 22px;
  22257. font-weight: 400;
  22258. line-height: 24px;
  22259. margin-bottom: 10px;
  22260. margin-top: -4px
  22261. }
  22262. .card-primary .carousel-counter {
  22263. bottom: 0;
  22264. left: 0
  22265. }
  22266. .card-primary .video-carousel-player .video {
  22267. cursor: pointer;
  22268. position: relative;
  22269. width: 100%;
  22270. height: 100%
  22271. }
  22272. .video-carousel-card-module .carousel-nav {
  22273. display: inline;
  22274. background: 0;
  22275. overflow: hidden
  22276. }
  22277. .video-carousel-card-module .carousel-nav:before {
  22278. background: rgba(0,0,0,.7);
  22279. border-radius: 58px;
  22280. content: '';
  22281. height: 58px;
  22282. position: absolute;
  22283. top: 0;
  22284. transition: background-color .15s ease-out;
  22285. width: 58px
  22286. }
  22287. .video-carousel-card-module .carousel-nav.carousel-next:before {
  22288. left: 0
  22289. }
  22290. .video-carousel-card-module .carousel-nav.carousel-prev:before {
  22291. left: -29px
  22292. }
  22293. .video-carousel-card-module .carousel-nav:hover:before {
  22294. background: rgba(0,0,0,.8)
  22295. }
  22296. .video-carousel-card-module .carousel-nav:after {
  22297. color: #fff;
  22298. display: block;
  22299. font-family: 'Gannett Icons';
  22300. font-size: 20px;
  22301. line-height: 40px;
  22302. position: absolute;
  22303. top: 8px;
  22304. text-indent: 0
  22305. }
  22306. .video-carousel-card-module .carousel-nav.carousel-next:after {
  22307. content: '>';
  22308. left: 8px
  22309. }
  22310. .video-carousel-card-module .carousel-nav.carousel-prev:after {
  22311. content: '<';
  22312. left: 1px
  22313. }
  22314. .video-carousel-card-module .videoStillPlay {
  22315. background: 0;
  22316. cursor: pointer;
  22317. visibility: visible;
  22318. font-size: 50px;
  22319. color: #fff;
  22320. top: auto;
  22321. bottom: 0;
  22322. left: 60px;
  22323. width: auto;
  22324. height: auto;
  22325. z-index: 5000;
  22326. line-height: 60px
  22327. }
  22328. .video-carousel-card-module .videoStillPlay:before {
  22329. content: 'v';
  22330. font-family: 'Gannett Icons';
  22331. text-shadow: 0 1px 1px rgba(0,0,0,.4)
  22332. }
  22333. .wide-story-series-flyout-bucket {
  22334. bottom: 100px;
  22335. position: fixed;
  22336. right: 5px;
  22337. width: 60px;
  22338. z-index: 10001
  22339. }
  22340. .wide-story-series-flyout-bucket:hover,.wide-story-series-flyout-bucket:hover .wide-story-series-flyout-bucket-icon {
  22341. background-position: -418px -152px;
  22342. cursor: pointer
  22343. }
  22344. .wide-story-series-flyout-bucket-icon {
  22345. background-image: url(../../images/sprites/stories-wide-sprite.png);
  22346. background-position: -418px -114px;
  22347. height: 38px;
  22348. margin: 0 auto;
  22349. width: 38px
  22350. }
  22351. .wide-story-series-flyout-bucket.active .wide-story-series-flyout-bucket-icon,.wide-story-series-flyout-bucket.active:hover .wide-story-series-flyout-bucket-icon {
  22352. background-position: 38px -76px
  22353. }
  22354. .wide-story-series-flyout-bucket.open .wide-story-series-flyout-bucket-text,.wide-story-series-flyout-bucket.active .wide-story-series-flyout-bucket-text {
  22355. color: #fff
  22356. }
  22357. .wide-story-series-flyout-bucket.open .wide-story-series-flyout-bucket-icon {
  22358. background-position: -418px 0
  22359. }
  22360. .wide-story-series-flyout-bucket.open:hover .wide-story-series-flyout-bucket-icon {
  22361. background-position: -418px -38px
  22362. }
  22363. .wide-story-series-flyout-bucket-text {
  22364. color: #333;
  22365. font: 700 8px 'futura today',Arial,sans-serif;
  22366. margin-top: 10px;
  22367. text-align: center;
  22368. text-transform: uppercase
  22369. }
  22370. .wide-story-series-flyout {
  22371. background-color: #000;
  22372. box-shadow: -2px 0 2px rgba(0,0,0,.2);
  22373. height: 100%;
  22374. overflow: hidden;
  22375. position: fixed;
  22376. right: -300px;
  22377. top: 0;
  22378. width: 290px;
  22379. z-index: 10000
  22380. }
  22381. .wide-story-series-flyout-close {
  22382. background-image: url(../../images/sprites/stories-wide-sprite.png);
  22383. background-position: -304px -38px;
  22384. bottom: 30px;
  22385. height: 38px;
  22386. left: 16px;
  22387. position: absolute;
  22388. width: 38px
  22389. }
  22390. .wide-story-series-item-external-link,.wide-story-series-item-external-link:visited {
  22391. color: #fff
  22392. }
  22393. .wide-story-series-item:hover {
  22394. background-color: #666;
  22395. cursor: pointer
  22396. }
  22397. .wide-story-series-item:hover .wide-story-series-item-bg {
  22398. display: block
  22399. }
  22400. .wide-story-series-item-title {
  22401. font: 400 16px/1.2 'futura today',Arial,sans-serif;
  22402. margin: 0 40px;
  22403. padding-top: 15px;
  22404. position: relative;
  22405. z-index: 10015
  22406. }
  22407. .wide-story-series-up,.wide-story-series-down {
  22408. height: 38px;
  22409. width: 280px
  22410. }
  22411. .wide-story-series-up {
  22412. opacity: .5
  22413. }
  22414. .wide-story-series-up:hover,.wide-story-series-down:hover {
  22415. cursor: pointer
  22416. }
  22417. .wide-story-series-up-icon,.wide-story-series-down-icon {
  22418. background-image: url(../../images/sprites/stories-wide-sprite.png);
  22419. height: 38px;
  22420. margin: 0 auto;
  22421. width: 38px
  22422. }
  22423. .wide-story-series-up-icon {
  22424. background-position: -342px -38px
  22425. }
  22426. .wide-story-series-down-icon {
  22427. background-position: -342px 0
  22428. }
  22429. .wide-story-series-item {
  22430. color: #fff;
  22431. overflow: hidden;
  22432. position: relative;
  22433. text-align: right;
  22434. width: 280px
  22435. }
  22436. .series-current-item-count {
  22437. font-size: 12px;
  22438. margin: 10px 40px;
  22439. padding-top: 10px;
  22440. position: relative;
  22441. z-index: 10015
  22442. }
  22443. .series-counter-image {
  22444. background-image: url(../../images/sprites/stories-wide-sprite.png);
  22445. background-position: -76px -227px;
  22446. float: right;
  22447. height: 12px;
  22448. margin: 0 auto;
  22449. padding: 35px 8px 0 0;
  22450. position: relative;
  22451. top: 2px;
  22452. width: 9px
  22453. }
  22454. .series-counter-digits {
  22455. float: right
  22456. }
  22457. .wide-story-series-wrapper {
  22458. border-bottom: 1px #292929 solid;
  22459. overflow: hidden;
  22460. position: absolute;
  22461. top: 0
  22462. }
  22463. .wide-story-series-item-wrap {
  22464. overflow-x: hidden;
  22465. overflow-y: hidden;
  22466. position: relative
  22467. }
  22468. .wide-story-series-grad-top,.wide-story-series-grad-bot {
  22469. height: 130px;
  22470. left: 0;
  22471. position: absolute;
  22472. width: 280px;
  22473. z-index: 10016
  22474. }
  22475. .wide-story-series-grad-top {
  22476. background: url(../../images/bg-gradient-black-trans.png) top left repeat-x;
  22477. display: none;
  22478. pointer-events: none;
  22479. top: 0
  22480. }
  22481. .wide-story-series-grad-bot {
  22482. background: url(../../images/bg-gradient-trans-black.png) bottom left repeat-x;
  22483. bottom: 0;
  22484. pointer-events: none
  22485. }
  22486. .wide-story-series-overflow-wrap {
  22487. position: absolute
  22488. }
  22489. .wide-story-series-item-bg {
  22490. background-position: center center;
  22491. background-repeat: no-repeat;
  22492. background-size: cover;
  22493. display: none;
  22494. height: 100%;
  22495. left: 0;
  22496. position: absolute;
  22497. top: 0;
  22498. width: 100%;
  22499. filter: blur(5px);
  22500. -webkit-filter: blur(5px);
  22501. -moz-filter: blur(5px);
  22502. -o-filter: blur(5px);
  22503. -ms-filter: blur(5px);
  22504. transform: scale(1.2);
  22505. -ms-transform: scale(1.2);
  22506. -webkit-transform: scale(1.2)
  22507. }
  22508. .suspender-ad {
  22509. padding: 10px 0 0 10px
  22510. }
  22511. .wide-story-share {
  22512. bottom: 30px;
  22513. position: fixed;
  22514. right: 5px;
  22515. width: 60px;
  22516. z-index: 10001
  22517. }
  22518. .wide-story-share:hover,.wide-story-share:hover .wide-story-share-icon {
  22519. background-position: -380px -152px;
  22520. cursor: pointer
  22521. }
  22522. .wide-story-share-icon {
  22523. background-image: url(../../images/sprites/stories-wide-sprite.png);
  22524. background-position: -380px -114px;
  22525. height: 38px;
  22526. margin: 0 auto;
  22527. width: 38px
  22528. }
  22529. .wide-story-share.active .wide-story-share-icon,.wide-story-share.active:hover .wide-story-share-icon {
  22530. background-position: -380px -76px
  22531. }
  22532. .wide-story-share.open .wide-story-share-text,.wide-story-share.active .wide-story-share-text {
  22533. color: #fff
  22534. }
  22535. .wide-story-share.open .wide-story-share-icon {
  22536. background-position: -380px 0
  22537. }
  22538. .wide-story-share.open:hover .wide-story-share-icon {
  22539. background-position: -380px -38px
  22540. }
  22541. .wide-story-share-text {
  22542. color: #333;
  22543. font: 700 8px 'futura today',Arial,sans-serif;
  22544. margin-top: 10px;
  22545. text-align: center;
  22546. text-transform: uppercase
  22547. }
  22548. .wide-story-share-flyout {
  22549. background-color: #000;
  22550. box-shadow: -2px 0 2px rgba(0,0,0,.2);
  22551. height: 100%;
  22552. overflow: hidden;
  22553. position: fixed;
  22554. right: -90px;
  22555. top: 0;
  22556. width: 80px;
  22557. z-index: 10000
  22558. }
  22559. .wide-story-share-flyout-close {
  22560. background-image: url(../../images/sprites/stories-wide-sprite.png);
  22561. background-position: -304px -38px;
  22562. bottom: 30px;
  22563. height: 38px;
  22564. left: 16px;
  22565. position: absolute;
  22566. width: 38px
  22567. }
  22568. .wide-story-share-flyout-close:hover {
  22569. background-position: -304px -76px;
  22570. cursor: pointer
  22571. }
  22572. .wide-story-share-flyout-icon-wrapper {
  22573. bottom: 250px;
  22574. position: absolute
  22575. }
  22576. .wide-story-share-flyout-icon-wrap {
  22577. height: 54px;
  22578. padding-top: 16px;
  22579. width: 70px
  22580. }
  22581. .wide-story-share-flyout-icon-wrap:hover {
  22582. cursor: pointer
  22583. }
  22584. .wide-story-share-flyout-icon-wrap-fb:hover {
  22585. background-color: #3b5998
  22586. }
  22587. .wide-story-share-flyout-icon-wrap-twitter:hover {
  22588. background-color: #00aced
  22589. }
  22590. .wide-story-share-flyout-icon-wrap-gplus:hover {
  22591. background-color: #dd4b39
  22592. }
  22593. .wide-story-share-flyout-icon-wrap-email:hover {
  22594. background-color: #666
  22595. }
  22596. .wide-story-share-flyout-icon-wrap-comments:hover {
  22597. background-color: #93b100
  22598. }
  22599. .wide-story-share-flyout-icon-wrap-firefly:hover {
  22600. background-color: #9b5b2c
  22601. }
  22602. .wide-story-share-flyout-icon {
  22603. background-image: url(../../images/sprites/stories-wide-sprite.png);
  22604. height: 38px;
  22605. margin: 0 auto;
  22606. width: 38px
  22607. }
  22608. .wide-story-share-flyout-fb {
  22609. background-position: -76px 0
  22610. }
  22611. .wide-story-share-flyout-twitter {
  22612. background-position: -114px 0
  22613. }
  22614. .wide-story-share-flyout-gplus {
  22615. background-position: -152px 0
  22616. }
  22617. .wide-story-share-flyout-email {
  22618. background-position: -190px 0
  22619. }
  22620. .wide-story-share-flyout-comments {
  22621. background-position: 225px 0
  22622. }
  22623. .wide-story-share-flyout-firefly {
  22624. background-position: 185px 0
  22625. }
  22626. .wide-story-share-flyout-clicked-firefly {
  22627. background: #9b5b2c
  22628. }
  22629. .wide-story-share-flyout-clicked-comments {
  22630. background: #93b100
  22631. }
  22632. .wide-story-share-flyout-clicked-email {
  22633. background: #666
  22634. }
  22635. .sub-flyout-comments,.sub-flyout-email {
  22636. background-color: #000;
  22637. border-right: 1px solid #3c3c3c;
  22638. clear: both;
  22639. color: #fff;
  22640. float: right;
  22641. font-size: 10px;
  22642. height: 100%;
  22643. overflow: hidden;
  22644. position: fixed;
  22645. right: -351px;
  22646. top: 0;
  22647. width: 350px;
  22648. z-index: 9999
  22649. }
  22650. .sub-flyout-firefly {
  22651. background-color: #000;
  22652. border-right: 1px solid #3c3c3c;
  22653. clear: both;
  22654. color: #fff;
  22655. float: right;
  22656. font-size: 10px;
  22657. height: 100%;
  22658. overflow: hidden;
  22659. position: fixed;
  22660. right: -211px;
  22661. top: 0;
  22662. width: 210px;
  22663. z-index: 9999
  22664. }
  22665. .sub-flyout-firefly-top {
  22666. background-color: #222;
  22667. height: 50%;
  22668. position: relative;
  22669. top: 0;
  22670. width: 210px
  22671. }
  22672. .sub-flyout-comment-top {
  22673. background-color: #222;
  22674. margin: 0 auto;
  22675. padding: 40px 0
  22676. }
  22677. .sub-flyout-comment-content {
  22678. overflow: hidden;
  22679. position: relative;
  22680. top: 0
  22681. }
  22682. .sub-flyout-firefly-top-text {
  22683. bottom: 70px;
  22684. font: 12px 'Futura Today',Arial,sans-serif;
  22685. left: 20px;
  22686. position: absolute;
  22687. text-align: center;
  22688. width: 80%
  22689. }
  22690. .sub-flyout-firefly-top-btn {
  22691. background: #9b5b2c;
  22692. bottom: 20px;
  22693. font-weight: bolder;
  22694. left: 30px;
  22695. margin: 0 auto;
  22696. padding: 10px 0;
  22697. position: absolute;
  22698. text-align: center;
  22699. text-transform: uppercase;
  22700. width: 150px
  22701. }
  22702. .sub-flyout-firefly-top-btn-link .sub-flyout-firefly-top-btn,.sub-flyout-firefly-top-btn-link .sub-flyout-firefly-top-btn:hover {
  22703. color: #fff;
  22704. font: 12px 'Futura Today',Arial,sans-serif
  22705. }
  22706. .sub-flyout-firefly-login {
  22707. font: 12px 'Helvetica Neue',Arial,sans-serif;
  22708. margin: 0 auto;
  22709. padding: 30px 0;
  22710. position: relative;
  22711. text-align: center;
  22712. top: 0;
  22713. width: 65%
  22714. }
  22715. .sub-flyout-firefly-login a {
  22716. color: #fff
  22717. }
  22718. .sub-flyout-firefly-login .login-header {
  22719. border-bottom: #1f1f1f solid thin;
  22720. font-weight: bolder;
  22721. margin: 0 auto 15px;
  22722. padding-bottom: 20px;
  22723. width: 50px
  22724. }
  22725. .sub-flyout-close {
  22726. background-image: url(../../images/sprites/stories-wide-sprite.png);
  22727. background-position: -304px -38px;
  22728. bottom: 70px;
  22729. height: 38px;
  22730. left: 85px;
  22731. margin: 0 auto;
  22732. width: 40px
  22733. }
  22734. .sub-flyout-close:hover {
  22735. background-image: url(../../images/sprites/stories-wide-sprite.png);
  22736. background-position: -304px -76px;
  22737. cursor: pointer
  22738. }
  22739. .wide-story-share-wrapper .facebook-comments-plugin-wrap {
  22740. background-color: #000;
  22741. margin: 0 auto 30px;
  22742. overflow: auto;
  22743. position: relative;
  22744. top: 0;
  22745. -webkit-overflow-scrolling: touch;
  22746. width: 335px
  22747. }
  22748. .sub-flyout-comment-bottom {
  22749. padding-top: 50px;
  22750. position: relative
  22751. }
  22752. .sub-flyout-top-title {
  22753. font: 24px 'Futura Today Light',Arial,sans-serif;
  22754. margin: 0 0 30px;
  22755. text-align: center
  22756. }
  22757. .sub-flyout-top-text {
  22758. color: #fff;
  22759. font: 12px 'Futura Today',Arial,sans-serif;
  22760. margin: 0 auto;
  22761. padding: 0 50px;
  22762. text-align: center
  22763. }
  22764. .sub-flyout-top-text a {
  22765. color: #fff;
  22766. font-weight: 800
  22767. }
  22768. .content-area-share-group {
  22769. font: 700 12px 'futura today',Arial,sans-serif;
  22770. margin: 0 auto 70px;
  22771. position: relative;
  22772. text-align: center;
  22773. width: 600px
  22774. }
  22775. .content-area-share-group .social-bookmark-header {
  22776. clear: both;
  22777. font-size: 14px;
  22778. font-weight: 5;
  22779. margin: 0 auto;
  22780. text-transform: uppercase;
  22781. width: 600px
  22782. }
  22783. .content-area-share-group .share-item-wrapper {
  22784. margin: 0 auto
  22785. }
  22786. .content-area-share-group .share-item {
  22787. background-image: url(../../images/sprites/stories-wide-sprite.png);
  22788. cursor: pointer;
  22789. display: inline-block;
  22790. height: 38px;
  22791. margin: 20px 20px 0;
  22792. position: relative;
  22793. text-align: center;
  22794. width: 38px;
  22795. z-index: 5000
  22796. }
  22797. .content-area-share-group .share-item .share-item-link {
  22798. color: #999;
  22799. display: block
  22800. }
  22801. .content-area-share-group .social-button-image {
  22802. margin: 0 auto;
  22803. min-height: 20px;
  22804. text-align: center;
  22805. width: 30px
  22806. }
  22807. .content-area-share-group .share-fb {
  22808. background-color: #3b5998;
  22809. background-position: -76px 0
  22810. }
  22811. .content-area-share-group .social-button-text {
  22812. display: inline-block;
  22813. font: 700 12px HelveticaNeue-CondensedBold,'Helvetica Neue',Arial,sans-serif;
  22814. position: relative;
  22815. top: 35px
  22816. }
  22817. .content-area-share-group .share-twitter {
  22818. background-color: #00aced;
  22819. background-position: -114px 0
  22820. }
  22821. .content-area-share-group .share-gplus {
  22822. background-color: #dd4b39;
  22823. background-position: -152px 0
  22824. }
  22825. .content-area-share-group .share-text {
  22826. display: block;
  22827. margin-left: -6px;
  22828. position: relative;
  22829. width: 50px
  22830. }
  22831. .content-area-share-group .share-email {
  22832. background-color: #666;
  22833. background-position: -190px 0
  22834. }
  22835. .content-area-share-group .share-comments {
  22836. background-color: #93b100;
  22837. background-position: 228px 0
  22838. }
  22839. .content-area-share-group .line {
  22840. background: #f3f3f3;
  22841. border-top: solid 1px #f3f3f3;
  22842. left: -50px;
  22843. position: absolute;
  22844. height: 1px;
  22845. display: block;
  22846. top: 56px;
  22847. width: 700px
  22848. }
  22849. .sub-flyout-email {
  22850. background-color: #000
  22851. }
  22852. .sub-flyout-email .sub-flyout-email-scroll {
  22853. background-color: #000;
  22854. overflow: auto;
  22855. position: relative;
  22856. top: 0;
  22857. -webkit-overflow-scrolling: touch
  22858. }
  22859. .sub-flyout-email .sub-flyout-email-header {
  22860. background-color: #222;
  22861. margin: 0 auto;
  22862. padding: 40px 0
  22863. }
  22864. .sub-flyout-email .sub-flyout-email-header-title {
  22865. font: 24px 'Futura Today Light',Arial,sans-serif;
  22866. margin: 0 0 30px;
  22867. text-align: center
  22868. }
  22869. .sub-flyout-email .sub-flyout-email-header-desc {
  22870. color: #fff;
  22871. font: 12px 'Helvetica Neue',Arial,sans-serif;
  22872. padding: 0 50px;
  22873. margin: 0;
  22874. text-align: center
  22875. }
  22876. .sub-flyout-email .sub-flyout-email-summary {
  22877. background-color: #000;
  22878. padding: 20px
  22879. }
  22880. .sub-flyout-email .sub-flyout-email-summary-title {
  22881. color: #fff;
  22882. font-family: 'Futura Today',Arial,sans-serif;
  22883. font-size: 14px;
  22884. font-weight: 700;
  22885. margin: 0 0 8px
  22886. }
  22887. .sub-flyout-email .sub-flyout-email-summary-description {
  22888. color: #fff;
  22889. font-family: 'Helvetica Neue',Arial,sans-serif;
  22890. font-size: 12px;
  22891. line-height: 17px;
  22892. margin: 2px 0
  22893. }
  22894. .sub-flyout-email .sub-flyout-email-summary-image {
  22895. border: 5px solid #fff;
  22896. box-shadow: 0 1px 5px 0 rgba(0,0,0,.2);
  22897. float: left;
  22898. margin: 0 20px 5px 0
  22899. }
  22900. .sub-flyout-email .share-email-container {
  22901. background-color: #000
  22902. }
  22903. .sub-flyout-email .share-email-form-input,.sub-flyout-email .share-email-form-textarea {
  22904. background-color: #343434;
  22905. border: 0;
  22906. border-radius: 0;
  22907. box-shadow: none;
  22908. color: #fff;
  22909. font-family: 'Helvetica Neue',Arial,sans-serif;
  22910. font-size: 12px;
  22911. margin: 0 0 5px 20px;
  22912. padding: 20px;
  22913. width: 310px
  22914. }
  22915. .sub-flyout-email .recaptcha_image {
  22916. border: 0;
  22917. border-radius: 0;
  22918. box-shadow: none;
  22919. left: 0;
  22920. margin: 0 0 5px 20px;
  22921. width: 310px!important
  22922. }
  22923. .sub-flyout-email #recaptcha_challenge_image {
  22924. width: 310px!important
  22925. }
  22926. .sub-flyout-email .email-form-buttons {
  22927. margin: 30px 20px
  22928. }
  22929. .sub-flyout-email .email-form-buttons .share-email-form-cancel-btn,.sub-flyout-email .email-form-buttons .share-email-form-send-btn {
  22930. border-radius: 0;
  22931. font-family: 'Futura Today',Arial,sans-serif;
  22932. font-size: 12px;
  22933. font-weight: 700;
  22934. width: 145px
  22935. }
  22936. .sub-flyout-email .email-form-buttons .share-email-form-cancel-btn {
  22937. background: #fff;
  22938. margin-right: 5px
  22939. }
  22940. .sub-flyout-email .email-form-buttons .share-email-form-send-btn {
  22941. background: #009bff
  22942. }
  22943. .sub-flyout-email .email-form-buttons .share-email-form-send-btn:hover {
  22944. background: #33afff
  22945. }
  22946. .sub-flyout-email .email-form-buttons .ui-chunky-btn.cancel:before,.sub-flyout-email .email-form-buttons .ui-chunky-btn.send:before,.sub-flyout-email .email-form-buttons .ui-chunky-btn.cancel:after,.sub-flyout-email .email-form-buttons .ui-chunky-btn.send:after {
  22947. background: 0;
  22948. content: none
  22949. }
  22950. .sub-flyout-email .email-form-buttons .ui-chunky-btn,.sub-flyout-email .email-form-buttons .ui-chunky-btn.icon {
  22951. padding: 0
  22952. }
  22953. .sub-flyout-email .recaptcha_option_list {
  22954. display: table;
  22955. margin: 0;
  22956. padding: 0 25px;
  22957. width: 310px
  22958. }
  22959. .sub-flyout-email .recaptcha_option_list:after {
  22960. clear: both
  22961. }
  22962. .sub-flyout-email .recaptcha_option {
  22963. color: #fff;
  22964. font-family: 'Helvetica Neue',Arial,sans-serif;
  22965. margin: 5px 0 0;
  22966. padding: 0 10px
  22967. }
  22968. .sub-flyout-email .recaptcha_option_list:last-child {
  22969. padding-right: 0
  22970. }
  22971. .sub-flyout-email .recaptcha_option:hover {
  22972. color: #fff
  22973. }
  22974. .sub-flyout-email .recaptcha_option_sprite {
  22975. background: transparent url(../../images/sprites/spritesheet-captcha.png) no-repeat 0 0;
  22976. margin-right: 5px
  22977. }
  22978. .sub-flyout-email .recaptcha_new,.sub-flyout-email .recaptcha_option:hover .recaptcha_new,.sub-flyout-email .recaptcha_new:hover {
  22979. background-position: 0 0
  22980. }
  22981. .sub-flyout-email .recaptcha_audio,.sub-flyout-email .recaptcha_option:hover .recaptcha_audio,.sub-flyout-email .recaptcha_audio:hover {
  22982. background-position: -16px 0;
  22983. width: 16px
  22984. }
  22985. .sub-flyout-email .recaptcha_help,.sub-flyout-email .recaptcha_option:hover .recaptcha_help,.sub-flyout-email .recaptcha_help:hover {
  22986. background-position: -32px 0;
  22987. width: 16px
  22988. }
  22989. .sub-flyout-email .share-email-success-pane-title {
  22990. font: 24px 'Futura Today Light',Arial,sans-serif;
  22991. line-height: 50px;
  22992. text-align: center
  22993. }
  22994. .sub-flyout-email .share-email-success-pane-description {
  22995. color: #fff;
  22996. font: 12px 'Helvetica Neue',Arial,sans-serif;
  22997. padding: 0 50px;
  22998. margin: 0;
  22999. text-align: center
  23000. }
  23001. .generic-iframe-header {
  23002. background: #f2f2f2;
  23003. border-bottom: 1px solid #e1e1e1;
  23004. -webkit-box-sizing: border-box;
  23005. -moz-box-sizing: border-box;
  23006. box-sizing: border-box;
  23007. height: 50px;
  23008. position: relative;
  23009. padding: 10px 20px 9px
  23010. }
  23011. .generic-iframe-header h5.generic-iframe-title {
  23012. color: #666;
  23013. float: left;
  23014. font-family: 'Futura Today Bold',arial,sans-serif;
  23015. font-size: 15px;
  23016. font-weight: 400;
  23017. margin: 6px 5px 0 0;
  23018. text-transform: uppercase;
  23019. text-shadow: 0 1px 0 #fff
  23020. }
  23021. .coaches-ballot .ballot-list-container {
  23022. display: inline-block;
  23023. -webkit-box-sizing: border-box;
  23024. -moz-box-sizing: border-box;
  23025. box-sizing: border-box;
  23026. margin: 0;
  23027. padding: 30px;
  23028. padding-top: 0;
  23029. width: 50%;
  23030. vertical-align: top
  23031. }
  23032. .coaches-ballot .ballot-list-container:nth-child(odd) {
  23033. padding-right: 15px
  23034. }
  23035. .coaches-ballot .ballot-list-container:nth-child(even) {
  23036. padding-left: 15px
  23037. }
  23038. .coaches-ballot .ballot-list-container>div {
  23039. border-top: 1px solid #ccc;
  23040. border-bottom: 1px solid #ccc;
  23041. width: 100%
  23042. }
  23043. .coaches-ballot .ballot-list-container>h2 {
  23044. font-family: Futura Today Bold;
  23045. font-size: 19px;
  23046. text-transform: uppercase
  23047. }
  23048. .coaches-ballot .ballot-keys-list,.coaches-ballot .ballot-values-list {
  23049. max-height: 550px;
  23050. overflow-y: hidden;
  23051. position: relative
  23052. }
  23053. .coaches-ballot .ballot-key.active {
  23054. background: #dfdfdf url(../../images/sports/sp-head-noise.png) repeat top left
  23055. }
  23056. .coaches-ballot .ballot-key:hover,.coaches-ballot .ballot-matrix-team:hover {
  23057. cursor: pointer
  23058. }
  23059. .coaches-ballot .team_name,.coaches-ballot .coach_name,.coaches-ballot .ballot-matrix-team {
  23060. text-align: left!important
  23061. }
  23062. .coaches-ballot .coaches-ranking {
  23063. font-size: 12px!important
  23064. }
  23065. .coaches-ballot .loading-panel {
  23066. opacity: .4;
  23067. filter: alpha(opacity=40)
  23068. }
  23069. .sports-coaches-ballots .biggest-movers-header {
  23070. width: 750px;
  23071. margin-right: 50px
  23072. }
  23073. @media screen and (max-width: 1250px) {
  23074. .sports-coaches-ballots .biggest-movers-header {
  23075. width:650px!important
  23076. }
  23077. }
  23078. @media screen and (max-width: 1154px) {
  23079. .sports-coaches-ballots .biggest-movers-header {
  23080. width:418px!important
  23081. }
  23082. }
  23083. .coaches-ballot .sp-ballot-matrix {
  23084. width: inherit;
  23085. -webkit-box-sizing: border-box;
  23086. -moz-box-sizing: border-box;
  23087. box-sizing: border-box;
  23088. overflow-y: hidden;
  23089. overflow-x: hidden
  23090. }
  23091. .coaches-ballot .sp-ballot-matrix th {
  23092. padding: 0!important;
  23093. padding-left: 5px!important;
  23094. white-space: nowrap;
  23095. font-size: .8em;
  23096. height: 120px;
  23097. vertical-align: bottom;
  23098. border: 0!important;
  23099. background-color: #fff!important;
  23100. width: 15px
  23101. }
  23102. .coaches-ballot .sp-ballot-matrix th:not(.ballot-matrix-coach) {
  23103. border-left: 0!important;
  23104. border-right: 0!important;
  23105. background-color: #fff!important
  23106. }
  23107. .coaches-ballot .sp-ballot-matrix .rotated-heading {
  23108. float: left;
  23109. transform: rotate(-90deg);
  23110. -ms-transform: rotate(-90deg);
  23111. -webkit-transform: rotate(-90deg);
  23112. width: inherit;
  23113. margin: 5px auto;
  23114. letter-spacing: .05em;
  23115. font-weight: 700
  23116. }
  23117. .coaches-ballot .sp-ballot-matrix td {
  23118. padding: 0 3px!important;
  23119. height: 17px;
  23120. font-size: .75em!important;
  23121. border-color: #fff!important
  23122. }
  23123. .coaches-ballot .sp-ballot-matrix tr td:first-child {
  23124. text-align: left!important
  23125. }
  23126. .coaches-ballot .sp-ballot-matrix .vote-cell {
  23127. background: #f0f0f0
  23128. }
  23129. .coaches-ballot .sp-ballot-matrix th.ballot-matrix-column,.coaches-ballot .sp-ballot-matrix td:not(.vote-cell) {
  23130. color: #333!important;
  23131. font-weight: 400!important;
  23132. white-space: nowrap;
  23133. border: 0!important
  23134. }
  23135. #section_sports .coaches-ballot .sp-ballot-matrix tbody tr:hover td:not(vote-cell) {
  23136. background: #fff
  23137. }
  23138. #section_sports .coaches-ballot .sp-ballot-matrix tbody tr:hover td.vote-cell {
  23139. background: #f0f0f0
  23140. }
  23141. .coaches-ballot .sp-ballot-matrix .active-row td:not(.vote-cell),.coaches-ballot .sp-ballot-matrix .active-row td a,.coaches-ballot .sp-ballot-matrix .active-column a {
  23142. color: #e82219!important
  23143. }
  23144. #section_sports .coaches-ballot .sp-ballot-matrix tbody tr.active-row:hover td.vote-cell,#section_sports .coaches-ballot .sp-ballot-matrix tbody tr.active-row:hover td:not(vote-cell),.coaches-ballot .sp-ballot-matrix tr.active-row td,.coaches-ballot .sp-ballot-matrix td.active-column {
  23145. background: #d6d6d6 url(../../images/sports/sp-head-noise.png) repeat top left
  23146. }
  23147. .coaches-ballot .sp-ballot-matrix .active-ballot {
  23148. background: #b81800 url(../../images/sports/sp-head-noise.png) repeat top left!important;
  23149. padding: 0!important;
  23150. color: #fff
  23151. }
  23152. .coaches-ballot .sp-ballot-matrix .active-rank {
  23153. background: #e82219 url(../../images/sports/sp-head-noise.png) repeat top left!important;
  23154. padding: 0!important;
  23155. color: #fff
  23156. }
  23157. .horizontal-scroll {
  23158. width: 100%;
  23159. margin-bottom: -13px
  23160. }
  23161. .sp-details-box.sp-ballot-weekly-rankings {
  23162. position: absolute;
  23163. left: 0!important;
  23164. right: 0!important;
  23165. margin: auto!important;
  23166. top: 120px;
  23167. width: 800px;
  23168. min-height: 180px
  23169. }
  23170. .sp-ballot-weekly-subhead .sp-subhead-profile-well {
  23171. height: 127px
  23172. }
  23173. .sp-ballot-weekly-subhead .sp-subhead-profile-logo-wrap {
  23174. padding: 20px 25px
  23175. }
  23176. .sp-ballot-weekly-popup {
  23177. overflow: hidden
  23178. }
  23179. .sp-ballot-weekly-popup.inactive {
  23180. display: none
  23181. }
  23182. .sp-details-ballot-weekly-bar {
  23183. background: none repeat scroll 0 0 rgba(0,0,0,.2);
  23184. line-height: 40px;
  23185. padding-left: 15px;
  23186. width: 765px
  23187. }
  23188. .sp-details-ballot-weekly-bar .sp-ballot-weekly-icon {
  23189. background-repeat: no-repeat;
  23190. background-image: url(../../images/sprites/table-graph-icon.png);
  23191. display: inline-block;
  23192. height: 24px;
  23193. vertical-align: middle;
  23194. width: 24px;
  23195. margin-left: 10px;
  23196. cursor: pointer
  23197. }
  23198. .sp-popup-content-ballot-weekly {
  23199. padding: 0!important
  23200. }
  23201. .sp-popup-content-ballot-weekly table tbody td,.sp-ballot-weekly-popup table tbody td {
  23202. padding: 2px!important
  23203. }
  23204. #section_sports .chart-wrapper.interactive.weekly-line-graph {
  23205. width: 780px
  23206. }
  23207. .chart-wrapper.interactive.weekly-line-graph .chart-area {
  23208. background: none repeat scroll 0 0 #fff;
  23209. padding: 2%;
  23210. width: 96%
  23211. }
  23212. .chart-wrapper.interactive.weekly-line-graph {
  23213. min-height: 0!important
  23214. }
  23215. .chart-wrapper.interactive.weekly-line-graph .chart-area-legend ul li {
  23216. background-image: url(../../images/interactives/charts/chart-list-bg.png)
  23217. }
  23218. .sp-details-ballot-weekly-bar .sp-ballot-weekly-icon.table-on {
  23219. background-position: 0 -48px
  23220. }
  23221. .sp-details-ballot-weekly-bar .sp-ballot-weekly-icon.table-off {
  23222. background-position: 0 -72px
  23223. }
  23224. .sp-details-ballot-weekly-bar .sp-ballot-weekly-icon.graph-on {
  23225. background-position: 0 0
  23226. }
  23227. .sp-details-ballot-weekly-bar .sp-ballot-weekly-icon.graph-off {
  23228. background-position: 0 -24px
  23229. }
  23230. .ballot-weekly-xAxisLabel {
  23231. color: #ccc;
  23232. font-size: 100%;
  23233. margin: 30px 0 0;
  23234. position: relative;
  23235. text-align: center;
  23236. text-transform: uppercase
  23237. }
  23238. .coaches-ballot .ballot-matrix-scrollable,.sp-ballot-weekly-rankings .ballot-weekly-scrollable {
  23239. height: 100%;
  23240. max-width: 100%;
  23241. overflow-x: hidden;
  23242. position: relative
  23243. }
  23244. .sp-popup-content.sp-popup-content-ballot-weekly,.sp-popup-content.sp-popup-content-ballot-weekly-view {
  23245. height: auto!important
  23246. }
  23247. .sp-ballot-weekly-popup .interactive-aside-sports {
  23248. border-top: 0
  23249. }
  23250. .asset-metabar-ribbon {
  23251. float: left
  23252. }
  23253. .asset-metabar-ribbon-sports {
  23254. background-position: -72px -42px
  23255. }
  23256. .asset-metabar-ribbon-life {
  23257. background-position: -72px -84px
  23258. }
  23259. .asset-metabar-ribbon-money {
  23260. background-position: -72px -126px
  23261. }
  23262. .asset-metabar-ribbon-tech {
  23263. background-position: -72px -168px
  23264. }
  23265. .asset-metabar-ribbon-travel {
  23266. background-position: -72px -210px
  23267. }
  23268. .asset-metabar-ribbon-opinion {
  23269. background-position: -72px -252px
  23270. }
  23271. .asset-metabar-ribbon-weather {
  23272. background-position: -72px -294px
  23273. }
  23274. .asset-metabar-ribbon-title:before {
  23275. background: url(../../images/sprites/blogs-sprite.png) 0 0 no-repeat;
  23276. content: '';
  23277. float: left;
  23278. height: 13px;
  23279. margin: 0 5px 0 -4px;
  23280. width: 13px
  23281. }
  23282. .asset-metabar-ribbon-title {
  23283. background: #009bff;
  23284. box-shadow: 1px 1px 2px rgba(0,0,0,.4);
  23285. color: #fff;
  23286. font: 12px 'Futura Today Bold',arial,sans-serif;
  23287. height: 12px;
  23288. line-height: 11px;
  23289. margin: 2px 0 0 -3px;
  23290. padding: 6px 10px;
  23291. text-transform: uppercase
  23292. }
  23293. .asset-metabar-ribbon-link,.asset-metabar-ribbon-link:visited {
  23294. color: #fff
  23295. }
  23296. .asset-metabar-ribbon-link:hover {
  23297. color: rgba(255,255,255,.8)
  23298. }
  23299. .asset-metabar-ribbon-title-sports {
  23300. background: #eb1e00
  23301. }
  23302. .asset-metabar-ribbon-title-life {
  23303. background: #9600b4
  23304. }
  23305. .asset-metabar-ribbon-title-money {
  23306. background: #00a53c
  23307. }
  23308. .asset-metabar-ribbon-title-tech {
  23309. background: #fa5f00
  23310. }
  23311. .asset-metabar-ribbon-title-travel {
  23312. background: #00c3c3
  23313. }
  23314. .asset-metabar-ribbon-title-opinion {
  23315. background: #666
  23316. }
  23317. .asset-metabar-ribbon-title-weather {
  23318. background: #ffc000
  23319. }
  23320. .asset-metabar-wrap {
  23321. clear: both;
  23322. margin: 20px 0 23px 70px
  23323. }
  23324. .asset-metabar {
  23325. border: 1px solid #e6e6e6;
  23326. border-radius: 3px;
  23327. margin: 20px 0 23px 70px;
  23328. width: 878px
  23329. }
  23330. .asset-metabar-item {
  23331. display: inline-block;
  23332. font-size: 12px;
  23333. font-weight: 700;
  23334. line-height: 14px;
  23335. margin: 6px 0 5px;
  23336. padding: 2px 10px;
  23337. position: relative
  23338. }
  23339. .asset-metabar-avatar {
  23340. float: left;
  23341. margin: 1px 0 0 1px
  23342. }
  23343. .asset-metabar-usatnetwork {
  23344. padding: 0 10px
  23345. }
  23346. .asset-metabar-time {
  23347. border-left: 1px solid #e1e1e1;
  23348. color: #999;
  23349. font-style: italic;
  23350. font-weight: 400
  23351. }
  23352. .asset-metabar-time.nobyline {
  23353. border: 0
  23354. }
  23355. .asset-metabar-usat-network {
  23356. color: #000;
  23357. font: 14px 'Futura Today Bold',arial,sans-serif;
  23358. line-height: 30px;
  23359. text-transform: uppercase
  23360. }
  23361. .asset-metabar-usat-network:before {
  23362. background: url(../../images/sprites/usat-network.png) 0 0 no-repeat;
  23363. content: '';
  23364. float: left;
  23365. height: 18px;
  23366. margin: 6px 3px 0 6px;
  23367. width: 18px
  23368. }
  23369. .asset-metabar-usat-network .asset-metabar-usat-network-blue {
  23370. color: #009bff
  23371. }
  23372. .site-nav-span.site-nav-user-span {
  23373. width: 18px
  23374. }
  23375. .site-nav-span.site-nav-user-span:after {
  23376. background-position: -40px 0;
  23377. height: 16px;
  23378. margin-left: -9px;
  23379. top: 13px;
  23380. width: 18px
  23381. }
  23382. .site-nav-link.site-nav-user-link {
  23383. cursor: pointer
  23384. }
  23385. .site-nav-user-avatar-image {
  23386. left: 9px;
  23387. position: absolute;
  23388. top: 9px
  23389. }
  23390. .site-nav-user-dropdown.site-nav-dropdown.dropdown {
  23391. text-align: center;
  23392. width: 220px
  23393. }
  23394. .site-nav-user-dropdown-wrap {
  23395. width: 180px;
  23396. padding: 20px;
  23397. display: none
  23398. }
  23399. .site-nav-user-dropdown-wrap.site-nav-user-dropdown-wrap-active {
  23400. display: block
  23401. }
  23402. .site-nav-user-btn {
  23403. width: 100%
  23404. }
  23405. .site-nav-user-login-btn {
  23406. display: block;
  23407. font-size: 12px;
  23408. margin-bottom: 20px;
  23409. padding: 0;
  23410. vertical-align: top
  23411. }
  23412. .site-nav-user-login-btn:before {
  23413. content: "";
  23414. background: url(../../images/sprites/header-sprite.png) 0 0 no-repeat;
  23415. display: inline-block;
  23416. position: relative;
  23417. top: 2px;
  23418. margin-right: 10px;
  23419. overflow: hidden;
  23420. -webkit-backface-visibility: hidden
  23421. }
  23422. @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx) {
  23423. .site-nav-user-login-btn:before {
  23424. background-image:url(../../images/sprites/header-sprite@2x.png);
  23425. background-size: 250px 120px
  23426. }
  23427. }
  23428. .site-nav-user-login-facebook-btn:before {
  23429. background-position: -161px 0;
  23430. width: 7px;
  23431. height: 12px
  23432. }
  23433. .site-nav-user-login-google-btn:before {
  23434. background-position: -144px 0;
  23435. height: 12px;
  23436. width: 13px
  23437. }
  23438. .site-nav-user-logged-in-text {
  23439. color: #fff;
  23440. font-size: 13px;
  23441. line-height: 18px;
  23442. margin-bottom: 20px
  23443. }
  23444. .site-nav-user-display-name {
  23445. display: block
  23446. }
  23447. .site-nav-user-display-name:after {
  23448. content: '.';
  23449. display: inline-block
  23450. }
  23451. .site-nav-user-logout-btn.header-nav-dropdown-dark-btn {
  23452. margin-bottom: 20px
  23453. }
  23454. .site-nav-user-sign-in-faq-link.site-nav-user-dropdown-link {
  23455. color: #fff;
  23456. display: block;
  23457. font-size: 12px;
  23458. margin: 0 auto
  23459. }
  23460. .jobs-card-module-wrap {
  23461. background-color: #f8f8f8;
  23462. padding: 20px;
  23463. position: relative
  23464. }
  23465. .jobs-card-form-field-wrap,.jobs-card-form-btn-wrap {
  23466. clear: both;
  23467. float: none;
  23468. width: 100%
  23469. }
  23470. .jobs-card-form-btn-wrap {
  23471. padding-top: 30px
  23472. }
  23473. .jobs-card-form-keywords,.jobs-card-form-location {
  23474. float: left;
  23475. margin-right: 17px;
  23476. width: 220px
  23477. }
  23478. .jobs-card-module-wrap .ui-text-input,.jobs-card-form-category {
  23479. width: 220px
  23480. }
  23481. .jobs-card-form-category,.jobs-card-form-submit-btn {
  23482. float: left;
  23483. margin-right: 17px
  23484. }
  23485. .jobs-card-powered-by {
  23486. color: #333;
  23487. font-size: 11px;
  23488. position: absolute;
  23489. bottom: 20px;
  23490. right: 20px
  23491. }
  23492. .jobs-powered-by-logo {
  23493. background: url(../../images/money/jobs/logo-career-builder.png) no-repeat;
  23494. display: inline-block;
  23495. height: 20px;
  23496. margin-left: 5px;
  23497. text-indent: -99999px;
  23498. vertical-align: bottom;
  23499. width: 100px
  23500. }
  23501. .jobs-form-dropdown>.ui-dropdown-content {
  23502. max-height: 160px
  23503. }
  23504. .jobs-story-module-wrap {
  23505. background-color: transparent;
  23506. margin: 0 42px;
  23507. text-align: left
  23508. }
  23509. .jobs-story-form-field-wrap,.jobs-story-form-keywords,.jobs-story-form-category,.jobs-story-form-submit {
  23510. padding-bottom: 30px
  23511. }
  23512. .jobs-story-module-wrap .ui-text-input,.jobs-story-form-category {
  23513. width: 100%
  23514. }
  23515. .jobs-story-powered-by {
  23516. color: #333;
  23517. border-top: 1px dashed #cbcbcb;
  23518. font-size: 11px;
  23519. padding: 30px 0 15px
  23520. }
  23521. .hpfm-ssts-label-top-left {
  23522. left: 10px;
  23523. position: absolute;
  23524. top: 10px;
  23525. z-index: 2
  23526. }
  23527. .hpfm-image {
  23528. display: block
  23529. }
  23530. .hpfm-image-link {
  23531. height: 100%;
  23532. width: 100%
  23533. }
  23534. .hpfm-image-link:before {
  23535. background-color: rgba(0,0,0,.15);
  23536. content: "";
  23537. display: block;
  23538. height: 100%;
  23539. left: 0;
  23540. position: absolute;
  23541. top: 0;
  23542. -webkit-transition: background-color .15s ease-out;
  23543. -moz-transition: background-color .15s ease-out;
  23544. transition: background-color .15s ease-out;
  23545. width: 100%;
  23546. z-index: 2
  23547. }
  23548. .hpfm-primary-wrap:hover .hpfm-image-link:before,.hpfm-item:hover .hpfm-image-link:before {
  23549. background-color: transparent
  23550. }
  23551. .hpfm-image-gradient {
  23552. background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  23553. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65)));
  23554. background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  23555. background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  23556. background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  23557. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  23558. bottom: 0;
  23559. content: "";
  23560. display: block;
  23561. height: 60%;
  23562. left: 0;
  23563. position: absolute;
  23564. width: 100%;
  23565. z-index: 2
  23566. }
  23567. .hpfm-primary-wrap {
  23568. float: left;
  23569. height: 400px;
  23570. position: relative;
  23571. width: 720px
  23572. }
  23573. .hpfm-primary-image-link:after {
  23574. height: 50%
  23575. }
  23576. .hpfm-primary-hed-link {
  23577. display: block
  23578. }
  23579. .hpfm-primary-text-wrap {
  23580. box-sizing: border-box;
  23581. -moz-box-sizing: border-box;
  23582. bottom: 0;
  23583. left: 0;
  23584. padding: 0 20px 18px;
  23585. position: absolute;
  23586. width: 100%
  23587. }
  23588. .hpfm-primary-hed {
  23589. color: #fff;
  23590. display: block;
  23591. font: 40px 'Futura Today DemiBold',Arial,sans-serif;
  23592. letter-spacing: -1px;
  23593. line-height: 44px;
  23594. margin: 0 0 5px;
  23595. position: relative;
  23596. text-shadow: 1px 1px 1px rgba(0,0,0,.4);
  23597. z-index: 2
  23598. }
  23599. .hpfm-video-hed-link,.hpfm-gallery-hed-link {
  23600. margin-left: 48px;
  23601. text-indent: -48px
  23602. }
  23603. .hpfm-primary-video-hed:before,.hpfm-primary-gallery-hed:before {
  23604. font-family: 'Gannett Icons';
  23605. font-size: 34px;
  23606. margin-right: 8px;
  23607. position: relative;
  23608. top: 1px;
  23609. vertical-align: top
  23610. }
  23611. .hpfm-primary-video-hed:before {
  23612. content: 'v'
  23613. }
  23614. .hpfm-primary-gallery-hed:before {
  23615. content: 'g'
  23616. }
  23617. .hpfm-spikes {
  23618. bottom: -8px;
  23619. display: inline-block;
  23620. line-height: 30px;
  23621. padding: 8px 0 0;
  23622. position: relative;
  23623. z-index: 5
  23624. }
  23625. .hpfm-spike-link,.hpfm-spike-link:visited {
  23626. border-right: 1px solid rgba(255,255,255,.3);
  23627. color: #fff;
  23628. display: inline-block;
  23629. font-size: 14px;
  23630. font-weight: 700;
  23631. height: 16px;
  23632. line-height: 16px;
  23633. margin-right: 15px;
  23634. padding: 0 15px 0 0;
  23635. transition: color .15s;
  23636. vertical-align: top
  23637. }
  23638. .hpfm-spike-link:hover {
  23639. color: #009bff
  23640. }
  23641. .hpfm-last-spike-link {
  23642. border: 0
  23643. }
  23644. .hpfm-spike-link:before {
  23645. content: 'a';
  23646. font-family: 'Gannett Icons';
  23647. font-size: 18px;
  23648. margin-right: 5px;
  23649. vertical-align: top
  23650. }
  23651. .hpfm-video-spike-link:before,.hpfm-livevideo-spike-link:before {
  23652. content: 'v'
  23653. }
  23654. .hpfm-gallery-spike-link:before {
  23655. content: 'g';
  23656. margin-right: 7px
  23657. }
  23658. .hpfm-noicon-spike-link:before {
  23659. display: none
  23660. }
  23661. .hpfm-list {
  23662. box-sizing: border-box;
  23663. -moz-box-sizing: border-box;
  23664. display: block;
  23665. float: left;
  23666. list-style: none;
  23667. position: relative
  23668. }
  23669. .hpfm-item {
  23670. cursor: pointer;
  23671. display: block;
  23672. float: left;
  23673. margin: 0;
  23674. margin-left: 1px;
  23675. padding: 0;
  23676. position: relative;
  23677. width: 238px
  23678. }
  23679. .hpfm-item-1 {
  23680. margin-left: 0;
  23681. width: 240px
  23682. }
  23683. .hpfm-item-2 {
  23684. width: 239px
  23685. }
  23686. .hpfm-list-link {
  23687. box-sizing: border-box;
  23688. -moz-box-sizing: border-box;
  23689. display: block;
  23690. font-weight: 700;
  23691. overflow: hidden;
  23692. padding: 0;
  23693. transition: color,background-color 75ms,75ms;
  23694. -webkit-transition: color,background-color 75ms,75ms
  23695. }
  23696. .hpfm-dark-list-link {
  23697. background-color: #2b2b2b;
  23698. border-bottom: 1px solid #0f0f0f;
  23699. border-top: 1px solid #3c3c3c;
  23700. color: #fff
  23701. }
  23702. .hpfm-dark-list-link:visited {
  23703. color: #fff
  23704. }
  23705. .hpfm-dark-list-link:hover {
  23706. background-color: #272727;
  23707. border-bottom-color: transparent;
  23708. border-top-color: transparent;
  23709. color: #fff
  23710. }
  23711. .hpfm-light-list-link {
  23712. color: #282828;
  23713. background-color: #f9f9f9;
  23714. border-bottom: 1px solid #dcdcdc;
  23715. border-top: 1px solid #fff
  23716. }
  23717. .hpfm-light-list-link:visited {
  23718. color: #282828
  23719. }
  23720. .hpfm-light-list-link:hover {
  23721. color: #282828;
  23722. background-color: #fff;
  23723. border-top-color: transparent
  23724. }
  23725. .hpfm-list-hed {
  23726. display: block;
  23727. font-size: 13px;
  23728. height: 14px;
  23729. line-height: 14px;
  23730. overflow: hidden;
  23731. padding: 4px 0;
  23732. white-space: nowrap
  23733. }
  23734. .hpfm-item-hed-wrap {
  23735. bottom: 0;
  23736. box-sizing: border-box;
  23737. -moz-box-sizing: border-box;
  23738. color: #fff;
  23739. display: block;
  23740. height: auto;
  23741. left: 0;
  23742. padding: 10px 10px 7px;
  23743. position: absolute;
  23744. text-shadow: 0 1px 1px #000;
  23745. width: 100%;
  23746. z-index: 5
  23747. }
  23748. .hpfm-item-hed {
  23749. display: table-cell;
  23750. font-size: 14px;
  23751. line-height: 18px;
  23752. vertical-align: middle;
  23753. white-space: normal
  23754. }
  23755. .hpfm-item-video-hed-icon,.hpfm-item-gallery-hed-icon {
  23756. display: table-cell;
  23757. font-family: 'Gannett Icons';
  23758. font-size: 29px;
  23759. padding-right: 8px;
  23760. position: relative;
  23761. top: 0;
  23762. vertical-align: middle
  23763. }
  23764. .hpfm-item-gallery-hed-icon {
  23765. font-size: 27px;
  23766. padding-right: 9px;
  23767. top: 0
  23768. }
  23769. .hpfm-item-video-hed-icon:before {
  23770. content: 'v'
  23771. }
  23772. .hpfm-item-gallery-hed-icon:before {
  23773. content: 'g'
  23774. }
  23775. @media only screen and (min-width: 1321px) {
  23776. .hpfm-list {
  23777. float:right
  23778. }
  23779. .hpfm-item {
  23780. clear: both;
  23781. float: none;
  23782. height: 133px;
  23783. margin: 1px 0 0 1px;
  23784. overflow: hidden
  23785. }
  23786. .hpfm-item-1 {
  23787. margin-left: 1px;
  23788. margin-top: 0;
  23789. height: 132px;
  23790. width: 238px
  23791. }
  23792. .hpfm-item-2 {
  23793. width: 238px
  23794. }
  23795. .hpfm-item-link {
  23796. background: 0;
  23797. border: 0;
  23798. padding: 0
  23799. }
  23800. }
  23801. .inline-share-tools {
  23802. margin: 0 0 15px 60px;
  23803. white-space: nowrap
  23804. }
  23805. .asset-inline-share-tools-bottom {
  23806. padding-top: 10px
  23807. }
  23808. .inline-share-tools-label {
  23809. display: inline-block;
  23810. font: 400 11px/28px 'Futura Today Bold',Arial,sans-serif;
  23811. height: 28px;
  23812. background: #e0e0e0 url(../../images/components/utility-bar-noise.png);
  23813. box-shadow: inset -2px 0 4px -1px rgba(0,0,0,.1);
  23814. margin: 0;
  23815. padding: 0 10px;
  23816. position: relative;
  23817. text-align: center;
  23818. text-shadow: 0 1px 0 rgba(255,255,255,.5);
  23819. top: 1px;
  23820. vertical-align: top
  23821. }
  23822. .inline-share-btn {
  23823. -moz-box-sizing: border-box;
  23824. -webkit-box-sizing: border-box;
  23825. box-sizing: border-box;
  23826. border-right: 1px solid #d6d6d6;
  23827. cursor: pointer;
  23828. display: inline-block;
  23829. height: 28px;
  23830. outline: 0;
  23831. padding: 0 10px;
  23832. position: relative;
  23833. text-align: center
  23834. }
  23835. .inline-share-btn-more {
  23836. border: 0
  23837. }
  23838. .inline-share-count {
  23839. font: 400 12px/18px 'Futura Today Bold',arial,sans-serif;
  23840. color: #000;
  23841. display: block;
  23842. white-space: nowrap
  23843. }
  23844. .inline-share-count:before {
  23845. background: url(../../images/components/utility-contribute-new-sprite.png) no-repeat 0 0;
  23846. content: '';
  23847. display: inline-block;
  23848. position: relative;
  23849. top: -2px;
  23850. vertical-align: middle
  23851. }
  23852. .inline-share-count-facebook:before {
  23853. background-position: -284px -65px;
  23854. height: 14px;
  23855. width: 8px
  23856. }
  23857. .inline-share-count-twitter:before {
  23858. background-position: -11px -35px;
  23859. height: 15px;
  23860. width: 19px
  23861. }
  23862. .inline-share-count-linkedin:before {
  23863. background-position: -68px -60px;
  23864. height: 15px;
  23865. width: 19px
  23866. }
  23867. .inline-share-count-comments:before {
  23868. background-position: -190px -34px;
  23869. height: 17px;
  23870. width: 17px
  23871. }
  23872. .inline-share-count-email:before {
  23873. background-position: -251px -64px;
  23874. margin: 0;
  23875. height: 15px;
  23876. width: 15px
  23877. }
  23878. .inline-share-count-more:before {
  23879. background-position: -101px -9px;
  23880. height: 12px;
  23881. top: -1px;
  23882. width: 15px
  23883. }
  23884. .inline-share-btn-label {
  23885. font: 700 8px/12px arial,sans-serif;
  23886. color: #999;
  23887. display: block;
  23888. text-transform: uppercase;
  23889. position: relative;
  23890. top: 1px;
  23891. -webkit-transition: color .1s;
  23892. -moz-transition: color .1s;
  23893. -ms-transition: color .1s;
  23894. -o-transition: color .1s;
  23895. transition: color .1s
  23896. }
  23897. .inline-share-btn:hover>.inline-share-btn-label {
  23898. color: #000
  23899. }
  23900. .inline-share-btn-facebook:hover>.inline-share-btn-label {
  23901. color: #4862a7
  23902. }
  23903. .inline-share-btn-twitter:hover>.inline-share-btn-label {
  23904. color: #1bb2df
  23905. }
  23906. .inline-share-btn-linkedin:hover>.inline-share-btn-label {
  23907. color: #4875b4
  23908. }
  23909. .mppm-wrap {
  23910. background: #fff;
  23911. height: 100%;
  23912. overflow: hidden;
  23913. position: relative;
  23914. width: 100%
  23915. }
  23916. .mppm-ssts-label {
  23917. left: 10px;
  23918. position: absolute;
  23919. top: 10px;
  23920. z-index: 3
  23921. }
  23922. .mppm-wrap .paginator-indicator-bullet {
  23923. background: #d1d1d1;
  23924. background: rgba(0,0,0,.2);
  23925. box-shadow: none
  23926. }
  23927. .mppm-wrap .paginator-indicator-bullet.active:after {
  23928. box-shadow: none
  23929. }
  23930. .mppm-wrap .paginator-indicator-target {
  23931. margin: 20px 0;
  23932. padding: 0 0 0 8px
  23933. }
  23934. .mppm-wrap .paginator-indicator-target:first-child {
  23935. padding-left: 0
  23936. }
  23937. .mppm-items-wrap {
  23938. display: table;
  23939. margin: 0;
  23940. padding: 20px 0 0;
  23941. position: relative;
  23942. -webkit-transition-duration: 0
  23943. }
  23944. .mppm-item {
  23945. display: table-cell;
  23946. vertical-align: top
  23947. }
  23948. .mppm-img-wrap {
  23949. position: relative
  23950. }
  23951. .mppm-img-wrap:before {
  23952. background-color: rgba(0,0,0,.15);
  23953. content: "";
  23954. display: block;
  23955. height: 100%;
  23956. left: 0;
  23957. position: absolute;
  23958. top: 0;
  23959. -webkit-transition: background-color .15s ease-out;
  23960. -moz-transition: background-color .15s ease-out;
  23961. transition: background-color .15s ease-out;
  23962. width: 100%;
  23963. z-index: 2
  23964. }
  23965. .mppm-img {
  23966. border: 1px solid transparent;
  23967. border-bottom-color: #bebebe;
  23968. border-bottom-color: rgba(190,190,190,.6);
  23969. box-shadow: 0 2px 2px 0 rgba(190,190,190,.6);
  23970. height: 248px;
  23971. margin: 0;
  23972. -webkit-transition: border-color .2s ease-out;
  23973. -moz-transition: border-color .2s ease-out;
  23974. transition: border-color .2s ease-out;
  23975. width: 328px
  23976. }
  23977. a.mppm-link:hover .mppm-img {
  23978. border-color: #009bff
  23979. }
  23980. a.mppm-link {
  23981. color: #333;
  23982. display: block;
  23983. margin: 0 20px 0 0;
  23984. min-height: 250px;
  23985. position: relative;
  23986. width: auto;
  23987. word-wrap: break-word
  23988. }
  23989. a.mppm-item-group-start {
  23990. margin-left: 19px
  23991. }
  23992. .mppm-img-gradient {
  23993. background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  23994. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65)));
  23995. background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  23996. background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  23997. background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  23998. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  23999. bottom: 0;
  24000. content: "";
  24001. display: block;
  24002. height: 50%;
  24003. left: 0;
  24004. position: absolute;
  24005. width: 100%;
  24006. z-index: 2
  24007. }
  24008. .mppm-link:hover .mppm-img-wrap:before {
  24009. background: transparent
  24010. }
  24011. .mppm-hed-wrap {
  24012. color: #fff;
  24013. bottom: 0;
  24014. left: 0;
  24015. margin: 0 11px 16px;
  24016. position: absolute;
  24017. -webkit-transition: color .15s;
  24018. -moz-transition: color .15s;
  24019. transition: color .15s;
  24020. z-index: 10
  24021. }
  24022. .mppm-headline {
  24023. display: table-cell;
  24024. font: 700 14px Helvetica,Arial,sans-serif;
  24025. line-height: 18px;
  24026. margin: 0;
  24027. padding: 0;
  24028. text-shadow: 0 1px 1px #000;
  24029. vertical-align: top
  24030. }
  24031. .mppm-video-icon {
  24032. color: #fff;
  24033. display: table-cell;
  24034. font-family: 'Gannett Icons';
  24035. font-size: 25px;
  24036. line-height: 36px;
  24037. padding: 0 10px 0 0;
  24038. vertical-align: top
  24039. }
  24040. .mppm-video-icon:before {
  24041. content: "v"
  24042. }
  24043. .mpsm-item {
  24044. list-style: none
  24045. }
  24046. .mpsm-link {
  24047. display: block;
  24048. padding: 15px 20px;
  24049. position: relative;
  24050. -webkit-transition: color,background-color 75ms,75ms;
  24051. -moz-transition: color,background-color .75ms;
  24052. transition: color,background-color 75ms,75ms
  24053. }
  24054. .mpsm-light-link {
  24055. color: #282828;
  24056. background-color: #f9f9f9;
  24057. border-top: 1px solid #fff;
  24058. border-bottom: 1px solid #dcdcdc
  24059. }
  24060. .mpsm-light-link:hover {
  24061. color: #282828;
  24062. background-color: #fff;
  24063. border-top-color: transparent
  24064. }
  24065. .mpsm-dark-link {
  24066. background: #2b2b2b;
  24067. border-bottom: 1px solid #0f0f0f;
  24068. border-top: 1px solid #3c3c3c
  24069. }
  24070. .mpsm-dark-link:hover {
  24071. background-color: #272727;
  24072. border-top-color: transparent;
  24073. border-bottom-color: transparent
  24074. }
  24075. .mpsm-text-link:hover .mpsm-dark-hed {
  24076. color: #fff
  24077. }
  24078. .mpsm-text-link:hover .mpsm-light-hed {
  24079. color: #282828
  24080. }
  24081. .mpsm-image-hed-span {
  24082. padding: 0 10px
  24083. }
  24084. .mpsm-image-wrap {
  24085. position: relative
  24086. }
  24087. .mpsm-image-wrap:before {
  24088. background-color: rgba(0,0,0,.15);
  24089. content: "";
  24090. display: block;
  24091. height: 100%;
  24092. left: 0;
  24093. position: absolute;
  24094. top: 0;
  24095. -webkit-transition: background-color .15s ease-out;
  24096. -moz-transition: background-color .15s ease-out;
  24097. transition: background-color .15s ease-out;
  24098. width: 100%;
  24099. z-index: 2
  24100. }
  24101. .mpsm-image-wrap:hover:before {
  24102. background-color: rgba(0,0,0,0)
  24103. }
  24104. .mpsm-image-gradient {
  24105. background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  24106. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65)));
  24107. background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  24108. background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  24109. background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  24110. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  24111. bottom: 0;
  24112. content: "";
  24113. display: block;
  24114. height: 50%;
  24115. left: 0;
  24116. position: absolute;
  24117. width: 100%;
  24118. z-index: 2
  24119. }
  24120. .mpsm-large-image {
  24121. box-shadow: 0 2px 2px 0 rgba(0,0,0,.08);
  24122. visibility: hidden
  24123. }
  24124. .mpsm-hed {
  24125. font-size: 13px;
  24126. line-height: 1.4;
  24127. display: block
  24128. }
  24129. .mpsm-light-hed {
  24130. color: #282828
  24131. }
  24132. .mpsm-dark-hed {
  24133. color: #fff
  24134. }
  24135. .mpsm-image-hed {
  24136. bottom: 0;
  24137. color: #fff;
  24138. padding: 10px 0 11px;
  24139. position: absolute;
  24140. z-index: 3;
  24141. width: 100%
  24142. }
  24143. .sidebar-primary-flex-sidebar-page .mpsm-image-hed {
  24144. font-size: 18px;
  24145. line-height: 22px
  24146. }
  24147. .sidebar-primary-suspender-sidebar-page .mpsm-image-hed {
  24148. font-size: 12px;
  24149. line-height: 16px
  24150. }
  24151. @media only screen and (min-width: 1250px) {
  24152. .sidebar-primary-suspender-sidebar-page .mpsm-image-hed {
  24153. font-size:20px;
  24154. line-height: 25px
  24155. }
  24156. }
  24157. .mpsm-hed-span {
  24158. display: table-cell;
  24159. vertical-align: middle
  24160. }
  24161. .mpsm-video-hed-span,.mpsm-gallery-hed-span {
  24162. padding-left: 15px
  24163. }
  24164. .mpsm-video-hed:before {
  24165. font-family: "Gannett Icons";
  24166. content: 'v';
  24167. display: table-cell;
  24168. font-size: 32px;
  24169. line-height: 1;
  24170. vertical-align: middle
  24171. }
  24172. .mpsm-video-image-hed:before {
  24173. font-size: 32px;
  24174. padding-left: 10px
  24175. }
  24176. .mpsm-gallery-hed:before {
  24177. font-family: "Gannett Icons";
  24178. content: 'g';
  24179. display: table-cell;
  24180. line-height: 1;
  24181. font-size: 26px;
  24182. vertical-align: middle
  24183. }
  24184. .mpsm-gallery-image-hed:before {
  24185. font-size: 32px;
  24186. padding-left: 10px
  24187. }
  24188. .most-popular .play-btn-m {
  24189. bottom: 26px;
  24190. left: 53px
  24191. }
  24192. .popup-film {
  24193. background-color: #000;
  24194. filter: alpha(opacity=80);
  24195. position: fixed;
  24196. opacity: .8;
  24197. bottom: 0;
  24198. right: 0;
  24199. left: 0;
  24200. top: 0
  24201. }
  24202. .popup-film.inactive {
  24203. opacity: 0;
  24204. visibility: hidden
  24205. }
  24206. .sports-popup-media-module .popup-film {
  24207. z-index: 40
  24208. }
  24209. .sports-popup-media-module .media-wrapper {
  24210. position: fixed;
  24211. left: 10px;
  24212. top: 140px;
  24213. z-index: 50;
  24214. display: none
  24215. }
  24216. .sports-popup-media-module .gallery-wrapper {
  24217. width: 720px;
  24218. height: 680px
  24219. }
  24220. .sports-popup-media-module .gallery-wrapper .ui-loader {
  24221. width: 720px
  24222. }
  24223. .sports-popup-media-module .video-wrapper {
  24224. background-color: #2e2e2e;
  24225. width: 880px;
  24226. height: 495px;
  24227. display: none
  24228. }
  24229. .sports-popup-media-module .video-wrapper.active {
  24230. display: block
  24231. }
  24232. .sports-popup-media-module .video-wrapper .ui-loader {
  24233. width: 880px
  24234. }
  24235. .sports-popup-media-module .gallery-sidebar-ad {
  24236. z-index: -1
  24237. }
  24238. @media screen and (min-width: 1080px) {
  24239. .sports-popup-media-module .gallery-sidebar-ad {
  24240. visibility:visible;
  24241. opacity: 1
  24242. }
  24243. .sports-popup-media-module .hover .gallery-viewport-meta,.sports-popup-media-module .hover .gallery-viewport-caption {
  24244. display: none;
  24245. visibility: hidden;
  24246. opacity: 0
  24247. }
  24248. }
  24249. .hero-module .front-gallery-link:hover,.hero-module .front-gallery-link {
  24250. padding: 0
  24251. }
  24252. .video-popup-close {
  24253. background-image: url(../../images/buttons/button-close.png);
  24254. background-repeat: no-repeat;
  24255. cursor: pointer;
  24256. display: inline-block;
  24257. height: 48px;
  24258. position: absolute;
  24259. right: -31px;
  24260. top: -18px;
  24261. width: 50px
  24262. }
  24263. .blogs {
  24264. position: relative
  24265. }
  24266. .stagfront-primary .blogs .stage {
  24267. width: 913px
  24268. }
  24269. .blogs-module {
  24270. background: #f6f6f6;
  24271. border: 1px solid #ccc
  24272. }
  24273. .blogs-mod-scrolling-stage {
  24274. overflow: hidden;
  24275. min-height: 128px;
  24276. margin: 0 auto;
  24277. position: relative;
  24278. width: 729px
  24279. }
  24280. @media only screen and (min-width: 1150px) {
  24281. .blogs-mod-scrolling-stage {
  24282. width:913px
  24283. }
  24284. }
  24285. @media only screen and (min-width: 1250px) {
  24286. .blogs-mod-scrolling-stage {
  24287. width:1095px
  24288. }
  24289. }
  24290. .blogs-mod-list {
  24291. list-style-type: none;
  24292. left: -1px;
  24293. margin: 0;
  24294. padding: 0;
  24295. position: absolute;
  24296. top: 20px;
  24297. min-width: 7700px
  24298. }
  24299. .blogs-mod-item {
  24300. cursor: pointer;
  24301. float: left;
  24302. height: 97px;
  24303. margin: 0;
  24304. padding: 0 10px;
  24305. text-align: center;
  24306. width: 161px
  24307. }
  24308. .blogs-mod-item.last {
  24309. border-right: 0
  24310. }
  24311. .blogs-mod-index {
  24312. text-align: center;
  24313. color: #333;
  24314. font-size: 13px;
  24315. font-weight: 400;
  24316. line-height: 14px;
  24317. height: 28px;
  24318. padding-bottom: 10px;
  24319. width: 161px
  24320. }
  24321. .blogs-mod-index .blogs-mod-index-link {
  24322. color: inherit;
  24323. display: inline-block;
  24324. vertical-align: top;
  24325. padding: 0;
  24326. position: relative;
  24327. margin: 0 auto
  24328. }
  24329. .blogs-mod-index-link:before {
  24330. background: rgba(0,0,0,0) url(../../images/sprites/blogs-sprite.png) no-repeat -2px -105px;
  24331. content: '';
  24332. height: 15px;
  24333. position: relative;
  24334. width: 13px;
  24335. left: 0;
  24336. display: inline-block
  24337. }
  24338. .blogs-mod-item:hover .blogs-mod-index-link:before {
  24339. background-position: -19px -105px
  24340. }
  24341. .blogs-mod-item:hover .blogs-mod-index-link {
  24342. color: #009bff
  24343. }
  24344. .blogs-mod-item .blogs-mod-meta {
  24345. color: #333;
  24346. font-size: 10px;
  24347. line-height: 16px;
  24348. margin: 0 0 6px;
  24349. height: 26px;
  24350. vertical-align: bottom
  24351. }
  24352. .blogs-mod-item:hover .blogs-mod-meta {
  24353. color: #666
  24354. }
  24355. .blogs-mod-meta .blogs-mod-time {
  24356. border: 0;
  24357. color: inherit;
  24358. display: inline-block;
  24359. font-size: inherit;
  24360. font-style: italic;
  24361. margin: 0;
  24362. padding: 0;
  24363. position: relative;
  24364. white-space: nowrap
  24365. }
  24366. .blogs-mod-meta .blogs-mod-time:before {
  24367. background: transparent url(../../images/sprites/blogs-sprite.png) no-repeat 0 -18px;
  24368. content: '';
  24369. height: 11px;
  24370. left: 0;
  24371. position: absolute;
  24372. top: 2px;
  24373. width: 9px
  24374. }
  24375. .blogs-mod-item:hover .blogs-mod-time:before {
  24376. background-position: -18px -18px
  24377. }
  24378. .blogs-mod-headline {
  24379. color: #999;
  24380. font-size: 11px;
  24381. font-weight: 400;
  24382. line-height: 17px;
  24383. margin: 0 0 10px;
  24384. vertical-align: middle;
  24385. height: auto
  24386. }
  24387. .blogs-mod-headline-link:link,.blogs-mod-headline-link:visited,.blogs-mod-headline-link:active {
  24388. color: #999
  24389. }
  24390. .blogs-mod-item:hover .blogs-mod-headline,.blogs-mod-item:hover .blogs-mod-headline-link:link,.blogs-mod-item:hover .blogs-mod-headline-link:visited,.blogs-mod-item:hover .blogs-mod-headline-link:active {
  24391. color: #333
  24392. }
  24393. .blogs-mod-headline:hover {
  24394. color: #0af
  24395. }
  24396. .blogs-mod-scroller {
  24397. background: transparent url(../../images/sprites/blogs-sprite.png) no-repeat -20px -129px;
  24398. font-size: 0;
  24399. height: 26px;
  24400. margin-top: -11px;
  24401. position: absolute;
  24402. overflow: hidden;
  24403. text-indent: 105%;
  24404. white-space: nowrap;
  24405. top: 50%;
  24406. width: 14px
  24407. }
  24408. .blogs-mod-scroller-left {
  24409. left: 10px
  24410. }
  24411. .blogs-mod-scroller-left:hover,.blogs-mod-scroller-left:active {
  24412. background-position: -36px -129px
  24413. }
  24414. .blogs-mod-scroller-left.disabled,.blogs-mod-scroller-left.disabled:hover,.blogs-mod-scroller-left.disabled:active {
  24415. background-position: -3px -129px
  24416. }
  24417. .blogs-mod-scroller-right {
  24418. background-position: -20px -156px;
  24419. right: 10px
  24420. }
  24421. .blogs-mod-scroller-right:hover,.blogs-mod-scroller-right:active {
  24422. background-position: -36px -156px;
  24423. right: 10px
  24424. }
  24425. .blogs-mod-scroller-right.disabled,.blogs-mod-scroller-right.disabled:hover,.blogs-mod-scroller-right.disabled:active {
  24426. background-position: -3px -156px;
  24427. right: 10px
  24428. }
  24429. .blog-item-table {
  24430. display: table;
  24431. height: 100px
  24432. }
  24433. .blogs-mod-index,.blogs-mod-headline,.blogs-mod-meta {
  24434. display: table-row
  24435. }
  24436. .blogs-mod-headline-link {
  24437. display: table-cell
  24438. }
  24439. .social-media {
  24440. overflow: hidden
  24441. }
  24442. .social-media a.social {
  24443. background-image: url(../../images/sprites/social-media.png);
  24444. background-repeat: none;
  24445. display: block;
  24446. float: left;
  24447. height: 30px;
  24448. margin: 0 4px;
  24449. text-indent: -50000px;
  24450. width: 30px
  24451. }
  24452. .social-media-facebook {
  24453. background-position: 0 -4px
  24454. }
  24455. .social-media-facebook:hover {
  24456. background-position: -30px -4px
  24457. }
  24458. .social-media.sm-flat-icons .social-media-facebook,.social-media.sm-flat-icons .social-media-facebook:hover {
  24459. background-position: -60px -4px
  24460. }
  24461. .social-media-twitter {
  24462. background-position: 0 -35px
  24463. }
  24464. .social-media-twitter:hover {
  24465. background-position: -30px -35px
  24466. }
  24467. .social-media.sm-flat-icons .social-media-twitter,.social-media.sm-flat-icons .social-media-twitter:hover {
  24468. background-position: -60px -35px
  24469. }
  24470. .social-media-google_plus {
  24471. background-position: 0 -66px
  24472. }
  24473. .social-media-google_plus:hover {
  24474. background-position: -30px -66px
  24475. }
  24476. .social-media.sm-flat-icons .social-media-google_plus,.social-media.sm-flat-icons .social-media-google_plus:hover {
  24477. background-position: -60px -66px
  24478. }
  24479. .social-media-instagram {
  24480. background-position: 0 -97px
  24481. }
  24482. .social-media-instagram:hover {
  24483. background-position: -30px -97px
  24484. }
  24485. .social-media.sm-flat-icons .social-media-instagram,.social-media.sm-flat-icons .social-media-instagram:hover {
  24486. background-position: -60px -97px
  24487. }
  24488. .social-media-linkedin {
  24489. background-position: 0 -128px
  24490. }
  24491. .social-media-linkedin:hover {
  24492. background-position: -30px -128px
  24493. }
  24494. .social-media.sm-flat-icons .social-media-linkedin,.social-media.sm-flat-icons .social-media-linkedin:hover {
  24495. background-position: -60px -128px
  24496. }
  24497. .social-media-pinterest {
  24498. background-position: 0 -159px
  24499. }
  24500. .social-media-pinterest:hover {
  24501. background-position: -30px -159px
  24502. }
  24503. .social-media.sm-flat-icons .social-media-pinterest,.social-media.sm-flat-icons .social-media-pinterest:hover {
  24504. background-position: -60px -159px
  24505. }
  24506. .social-media-four_square {
  24507. background-position: 0 -190px
  24508. }
  24509. .social-media-four_square:hover {
  24510. background-position: -30px -190px
  24511. }
  24512. .social-media.sm-flat-icons .social-media-four_square,.social-media.sm-flat-icons .social-media-four_square:hover {
  24513. background-position: -60px -190px
  24514. }
  24515. .social-media.sm-flat-icons h5.headlines-header-title {
  24516. font-size: 13px
  24517. }
  24518. .newsletter-signup-primary {
  24519. padding: 20px
  24520. }
  24521. .newsletter-signup-title {
  24522. color: #000;
  24523. font-family: 'Futura Today Bold',arial,sans-serif;
  24524. font-size: 15px;
  24525. font-weight: 400;
  24526. margin: 0 5px 20px 0;
  24527. text-transform: uppercase
  24528. }
  24529. .newsletter-signup-tagline {
  24530. margin: 5px 0
  24531. }
  24532. .newsletter-signup-form .newsletters {
  24533. list-style: none
  24534. }
  24535. .newsletter-signup-form .newsletters .newsletter-signup-list-label {
  24536. font-weight: 700
  24537. }
  24538. .newsletter-signup-form .newsletters .newsletter-description {
  24539. margin-left: 18px;
  24540. font-size: .9em
  24541. }
  24542. .newsletter-signup-form .newsletters .newsletter-signup-checkbox {
  24543. margin-right: 5px
  24544. }
  24545. .newsletter-signup-inputs,.newsletter-signup-email,.newsletter-signup-email-confirm,.newsletter-signup-submit {
  24546. float: left
  24547. }
  24548. .newsletter-signup-email-confirm,.newsletter-signup-submit {
  24549. margin-left: 8px
  24550. }
  24551. .newsletter-signup-inputs,.newsletter-signup-submit {
  24552. margin-top: 20px
  24553. }
  24554. .newsletter-signup-inputs .newsletter-signup-welcome-msg {
  24555. margin-top: -9px
  24556. }
  24557. .newsletter-signup-msg {
  24558. clear: both;
  24559. display: none;
  24560. font-size: 13px;
  24561. font-weight: 700;
  24562. height: 32px;
  24563. vertical-align: middle;
  24564. padding-top: 8px
  24565. }
  24566. .newsletter-signup-msg.success::before {
  24567. content: "✓";
  24568. background: url(../../images/modules/newsletter-signup/checkmark.png) no-repeat center;
  24569. display: table-cell;
  24570. position: relative;
  24571. margin-right: 10px;
  24572. width: 24px;
  24573. height: 24px;
  24574. background-size: 22px;
  24575. font-weight: 700;
  24576. font-size: 13px;
  24577. line-height: 24px;
  24578. color: rgba(0,0,0,0);
  24579. float: left
  24580. }
  24581. .newsletter-signup-msg .message-text {
  24582. vertical-align: middle;
  24583. margin-top: 4px;
  24584. float: left
  24585. }
  24586. .newsletter-signup-msg.success .message-text {
  24587. color: #33acff
  24588. }
  24589. .newsletter-signup-msg.fail .message-text {
  24590. color: red
  24591. }
  24592. .newsletter-signup-msg.updating {
  24593. background: url(../../images/preloaders/windmill-loader_1x_light.gif) no-repeat left;
  24594. padding-left: 35px;
  24595. color: #333
  24596. }
  24597. .newsletter-signup-container .more-newsletters {
  24598. font-size: 14px;
  24599. font-weight: 700;
  24600. display: block;
  24601. margin: 25px 0 0 20px;
  24602. float: left
  24603. }
  24604. .social-share-modal {
  24605. display: none
  24606. }
  24607. .social-share-modal-window {
  24608. background: #fff;
  24609. box-shadow: 0 3px 8px rgba(0,0,0,.5);
  24610. left: 50%;
  24611. margin-left: -300px;
  24612. padding: 20px 25px;
  24613. position: fixed;
  24614. top: 215px;
  24615. width: 600px;
  24616. z-index: 125
  24617. }
  24618. .social-share-modal-form-facebook-summary-title {
  24619. font-weight: 700
  24620. }
  24621. .social-share-modal-icons {
  24622. padding-top: 10px;
  24623. margin-left: -17px
  24624. }
  24625. .social-share-modal-header h3 {
  24626. margin: 0
  24627. }
  24628. .social-share-modal-header p {
  24629. font-size: 12px
  24630. }
  24631. .social-share-modal-close-btn {
  24632. background: url(../../images/sprites/ui-sprite.png) -150px -205px no-repeat;
  24633. height: 50px;
  24634. position: absolute;
  24635. right: -25px;
  24636. overflow: hidden;
  24637. text-indent: 105%;
  24638. top: -12px;
  24639. white-space: nowrap;
  24640. width: 50px;
  24641. cursor: pointer
  24642. }
  24643. .social-share-modal-btn {
  24644. color: #000;
  24645. cursor: pointer;
  24646. display: inline-block;
  24647. position: relative;
  24648. width: 30px;
  24649. height: 30px;
  24650. margin-left: 10px;
  24651. -webkit-transition: background-color .1s,color .1s,box-shadow .1s;
  24652. -moz-transition: background-color .1s,color .1s,box-shadow .1s;
  24653. -ms-transition: background-color .1s,color .1s,box-shadow .1s;
  24654. -o-transition: background-color .1s,color .1s,box-shadow .1s;
  24655. transition: background-color .1s,color .1s,box-shadow .1s
  24656. }
  24657. .social-share-modal-btn:hover,.social-share-modal-btn.active {
  24658. background: #e8e8e8
  24659. }
  24660. .social-share-modal-btn:before {
  24661. background-image: url(../../images/components/utility-contribute-new-sprite.png);
  24662. content: '';
  24663. display: block;
  24664. margin: 6px auto;
  24665. position: relative
  24666. }
  24667. .social-share-modal-btn-facebook:before {
  24668. background-position: -281px -126px;
  24669. margin-left: 10px;
  24670. height: 17px;
  24671. width: 25px
  24672. }
  24673. .social-share-modal-btn-twitter:before {
  24674. background-position: -10px -63px;
  24675. margin-left: 6px;
  24676. height: 17px;
  24677. width: 25px
  24678. }
  24679. .social-share-modal-btn-google:before {
  24680. background-position: -35px -31px;
  24681. height: 17px;
  24682. width: 25px
  24683. }
  24684. .social-share-modal-btn-linkedin:before {
  24685. background-position: -66px -29px;
  24686. margin-left: 5px;
  24687. height: 17px;
  24688. width: 25px
  24689. }
  24690. .social-share-modal-btn-email:before {
  24691. background-position: -249.5px -121px;
  24692. margin-left: 5px;
  24693. height: 17px;
  24694. width: 25px
  24695. }
  24696. .social-share-modal-btn-submit-facebook {
  24697. background: #637bad;
  24698. background: -moz-linear-gradient(top,#637bad 0,#5972a7 100%);
  24699. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#637bad),color-stop(100%,#5972a7));
  24700. background: -webkit-linear-gradient(top,#637bad 0,#5972a7 100%);
  24701. background: -o-linear-gradient(top,#637bad 0,#5972a7 100%);
  24702. background: -ms-linear-gradient(top,#637bad 0,#5972a7 100%);
  24703. background: linear-gradient(to bottom,#637bad 0,#5972a7 100%);
  24704. border: 1px solid #29447e;
  24705. box-shadow: inset 0 1px 0 rgba(255,255,255,.2);
  24706. color: #fff;
  24707. cursor: pointer;
  24708. display: inline-block;
  24709. float: left;
  24710. font-family: 'lucida grande',tahoma,verdana,arial,sans-serif;
  24711. font-size: 11px;
  24712. font-weight: 700;
  24713. line-height: 13px;
  24714. margin: 4px 4px 4px 0;
  24715. padding: 4px 12px 5px
  24716. }
  24717. .social-share-modal-form-facebook {
  24718. display: block
  24719. }
  24720. .social-share-modal-form-facebook-overview {
  24721. padding-bottom: 20px
  24722. }
  24723. .social-share-modal-form-facebook-overview-image {
  24724. box-shadow: 0 1px 2px 0 rgba(0,0,0,.45);
  24725. float: left;
  24726. height: 75px;
  24727. margin-right: 12px;
  24728. width: 100px
  24729. }
  24730. .social-share-modal-form-facebook-summary {
  24731. margin-left: 10px
  24732. }
  24733. .social-share-modal-form-facebook-summary-description {
  24734. font-size: 12px
  24735. }
  24736. .social-share-modal-loading-facebook-wrap {
  24737. float: right
  24738. }
  24739. .social-share-modal-loading-facebook {
  24740. display: none;
  24741. float: left;
  24742. margin-top: 11px;
  24743. padding-right: 10px
  24744. }
  24745. .social-share-modal-form-twitter {
  24746. display: none
  24747. }
  24748. .social-share-modal-form-google {
  24749. display: none
  24750. }
  24751. .social-share-modal-form-linkedin {
  24752. display: none
  24753. }
  24754. .social-share-modal-form-submit-success {
  24755. display: none;
  24756. margin: 0 auto;
  24757. width: 200px
  24758. }
  24759. .social-share-modal-form-submit-success-title {
  24760. font-size: 20px;
  24761. text-align: center
  24762. }
  24763. .social-share-modal-form-submit-success-title:before {
  24764. background: url(../../images/components/utility-contribute-sprite.png) 0 0 no-repeat;
  24765. content: '';
  24766. display: block;
  24767. height: 71px;
  24768. margin: 0 auto;
  24769. width: 71px
  24770. }
  24771. .social-share-modal-form-submit-success-text {
  24772. font-size: 14px;
  24773. text-align: center
  24774. }
  24775. .social-share-modal-form-submit-fail {
  24776. display: none;
  24777. margin: 0 auto;
  24778. width: 200px
  24779. }
  24780. .social-share-modal-form-submit-fail-title {
  24781. font-size: 20px;
  24782. text-align: center
  24783. }
  24784. .social-share-modal-form-submit-fail-title:before {
  24785. background: url(../../images/components/utility-contribute-sprite.png) -71px 0 no-repeat;
  24786. content: '';
  24787. display: block;
  24788. height: 71px;
  24789. margin: 0 auto;
  24790. width: 71px
  24791. }
  24792. .social-share-modal-form-submit-fail-text {
  24793. font-size: 14px;
  24794. text-align: center;
  24795. white-space: nowrap
  24796. }
  24797. .social-share-modal-form-submit-fail-try-again-link {
  24798. cursor: pointer
  24799. }
  24800. .big-headline {
  24801. margin: 0 auto;
  24802. position: relative;
  24803. text-align: center;
  24804. top: -60px;
  24805. width: 760px;
  24806. z-index: 0
  24807. }
  24808. .big-headline-large-text {
  24809. clear: both;
  24810. font-family: 'Futura Today Demi-Bold',Helvetica,Arial,sans-serif;
  24811. font-size: 36px;
  24812. line-height: 38px;
  24813. margin: 30px 0 10px;
  24814. text-shadow: 2px 2px #fff;
  24815. width: auto
  24816. }
  24817. @media only screen and (min-width: 1150px) {
  24818. .big-headline {
  24819. width:970px
  24820. }
  24821. .big-headline-large-text {
  24822. font-size: 38px;
  24823. line-height: 36px
  24824. }
  24825. }
  24826. @media only screen and (min-width: 1250px) {
  24827. .big-headline {
  24828. width:1070px
  24829. }
  24830. .big-headline-large-text {
  24831. font-size: 42px;
  24832. line-height: 40px
  24833. }
  24834. }
  24835. .big-headline-content-wrapper {
  24836. display: inline-block;
  24837. margin: 0 auto;
  24838. text-align: left
  24839. }
  24840. a.big-headline-primary-href {
  24841. color: #333
  24842. }
  24843. .big-headline-chatter {
  24844. clear: both;
  24845. font-size: 13px;
  24846. display: table-row
  24847. }
  24848. .big-headline-chatter-width-reference {
  24849. display: table-cell
  24850. }
  24851. .big-headline-kicker {
  24852. display: table-cell;
  24853. font-weight: 700;
  24854. padding-left: 10px;
  24855. text-shadow: 1px 1px #fff;
  24856. vertical-align: top;
  24857. white-space: nowrap
  24858. }
  24859. .big-headline-kicker:hover {
  24860. color: #0af
  24861. }
  24862. .big-headline-spikes {
  24863. clear: both;
  24864. font-size: 13px;
  24865. font-weight: 700;
  24866. list-style: none;
  24867. margin: 0;
  24868. padding: 0;
  24869. z-index: 20
  24870. }
  24871. .big-headline-spike {
  24872. border-left: 1px solid #d9d9d9;
  24873. display: inline-block;
  24874. padding: 0 10px
  24875. }
  24876. a.big-headline-spike-href {
  24877. color: #333;
  24878. white-space: nowrap
  24879. }
  24880. .big-headline-spike-href:hover {
  24881. color: #0af
  24882. }
  24883. .big-headline-first-spike {
  24884. border: 0;
  24885. padding-left: 0
  24886. }
  24887. .big-headline-kicker.ui-sprite-before:before {
  24888. background-position: -380px -60px;
  24889. left: 3px;
  24890. top: -1px
  24891. }
  24892. .big-headline-kicker.ui-sprite-before:hover:before {
  24893. background-position: -380px -21px
  24894. }
  24895. .big-headline-spike-href.ui-sprite-before:before {
  24896. top: -1px
  24897. }
  24898. .big-headline-spike-icon-topic:before {
  24899. background-position: -484px -40px;
  24900. width: 16px
  24901. }
  24902. .big-headline-spike-icon-topic:hover:before {
  24903. background-position: -484px -20px
  24904. }
  24905. .big-headline-spike-icon-text:before {
  24906. background-position: -380px -60px;
  24907. margin-right: 4px;
  24908. width: 18px
  24909. }
  24910. .big-headline-spike-icon-text:hover:before {
  24911. background-position: -380px -21px
  24912. }
  24913. .big-headline-spike-icon-gallery:before {
  24914. background-position: -822px -1px
  24915. }
  24916. .big-headline-spike-icon-gallery:hover:before {
  24917. background-position: -822px -21px
  24918. }
  24919. .big-headline-spike-icon-video:before {
  24920. background-position: -581px -60px
  24921. }
  24922. .big-headline-spike-icon-video:hover:before {
  24923. background-position: -581px -20px
  24924. }
  24925. .big-headline-spike-icon-interactive:before {
  24926. background-position: -980px 1px
  24927. }
  24928. .big-headline-spike-icon-interactive:hover:before {
  24929. background-position: -980px -23px
  24930. }
  24931. .big-headline-spike-icon-external:before {
  24932. background-position: -743px -40px
  24933. }
  24934. .big-headline-spike-icon-external:hover:before {
  24935. background-position: -743px -20px
  24936. }
  24937. .share-email-form-container {
  24938. clear: both;
  24939. display: none
  24940. }
  24941. .share-email-form-input {
  24942. margin: 4px 15px 0;
  24943. width: 290px
  24944. }
  24945. .share-email-form-input.error {
  24946. border: 1px solid red;
  24947. outline: 0
  24948. }
  24949. .share-email-form-input:focus,.share-email-form-textarea:focus {
  24950. color: #000
  24951. }
  24952. .share-email-form-textarea {
  24953. height: 200px;
  24954. margin: 4px 15px 5px;
  24955. width: 290px
  24956. }
  24957. .share-email-form-input-accept-terms {
  24958. display: none
  24959. }
  24960. .share-email-form-cta {
  24961. margin: 0 15px
  24962. }
  24963. .email-form-buttons {
  24964. margin: 70px 15px 0
  24965. }
  24966. .ui-chunky-btn.share-email-form-cancel-btn {
  24967. margin-right: 15px;
  24968. padding-left: 51px;
  24969. width: 115px
  24970. }
  24971. .ui-chunky-btn.share-email-form-send-btn {
  24972. padding-left: 53px;
  24973. width: 105px
  24974. }
  24975. .share-email-success-pane {
  24976. display: none;
  24977. padding: 30px 50px;
  24978. text-align: center
  24979. }
  24980. .share-email-success-pane-title {
  24981. font-size: 20px;
  24982. margin: 0
  24983. }
  24984. .share-email-success-pane-title:before {
  24985. background: url(../../images/components/utility-contribute-sprite.png) no-repeat 0 0;
  24986. content: '';
  24987. display: block;
  24988. height: 71px;
  24989. margin: 0 auto;
  24990. width: 71px
  24991. }
  24992. .share-email-success-pane-description {
  24993. color: #666;
  24994. font-size: 14px
  24995. }
  24996. .recaptcha_image {
  24997. border-radius: 3px;
  24998. box-sizing: border-box;
  24999. height: 57px;
  25000. left: 15px;
  25001. overflow: hidden;
  25002. position: relative;
  25003. width: 290px!important
  25004. }
  25005. .recaptcha_is_showing_audio>.recaptcha_image {
  25006. width: auto!important
  25007. }
  25008. .recaptcha_isnot_showing_audio>.recaptcha_image {
  25009. background: #fff;
  25010. border-top: 2px solid rgba(0,0,0,.2)
  25011. }
  25012. .recaptcha_only_if_incorrect_sol,.recaptcha_image br {
  25013. display: none
  25014. }
  25015. .recaptcha_is_showing_audio>.recaptcha_only_if_audio {
  25016. display: block
  25017. }
  25018. .recaptcha_audio_cant_hear_link {
  25019. background: #fff;
  25020. background: -moz-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);
  25021. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(100%,rgba(247,247,247,1)));
  25022. background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);
  25023. background: -o-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);
  25024. background: -ms-linear-gradient(top,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);
  25025. background: linear-gradient(to bottom,rgba(255,255,255,1) 0,rgba(247,247,247,1) 100%);
  25026. box-shadow: 0 1px 2px rgba(0,0,0,.1);
  25027. color: #999;
  25028. border: 1px solid #d4d4d4;
  25029. border-radius: 3px;
  25030. font-family: 'Futura Today Bold',helvetica,sans-serif;
  25031. font-size: 10px;
  25032. cursor: pointer;
  25033. display: inline-block;
  25034. height: 30px;
  25035. line-height: 31px;
  25036. margin: 12px 9px 0 0;
  25037. padding: 0 10px;
  25038. position: relative;
  25039. text-transform: uppercase;
  25040. text-shadow: 0 1px 0 rgba(0,0,0,.1)
  25041. }
  25042. .recaptcha_audio_cant_hear_link:hover,.recaptcha_audio_cant_hear_link:visited,.recaptcha_audio_cant_hear_link:active {
  25043. background: #fff
  25044. }
  25045. .recaptcha_option {
  25046. color: #999;
  25047. cursor: pointer;
  25048. float: left;
  25049. font-size: 10px;
  25050. margin: 5px 0 13px 12px;
  25051. text-transform: uppercase
  25052. }
  25053. .recaptcha_option:hover {
  25054. color: #666
  25055. }
  25056. .recaptcha_option_sprite {
  25057. background: transparent url(../../images/components/recaptcha-sprites.png) no-repeat 0 0;
  25058. display: inline-block;
  25059. height: 20px;
  25060. position: relative;
  25061. top: 9px;
  25062. width: 30px
  25063. }
  25064. .recaptcha_new {
  25065. margin-left: 5px;
  25066. width: 16px
  25067. }
  25068. .recaptcha_option:hover .recaptcha_new {
  25069. background-position: 0 -30px
  25070. }
  25071. .recaptcha_audio {
  25072. background-position: -40px 0;
  25073. width: 30px
  25074. }
  25075. .recaptcha_option:hover .recaptcha_audio {
  25076. background-position: -40px -30px
  25077. }
  25078. .recaptcha_help {
  25079. background-position: -80px 0;
  25080. width: 28px
  25081. }
  25082. .recaptcha_option:hover .recaptcha_help {
  25083. background-position: -80px -30px
  25084. }
  25085. .national-news-desk-header {
  25086. padding: 15px 20px 0
  25087. }
  25088. .national-news-desk-header-logo {
  25089. background: transparent url(../../images/modules/national-news-desk/USATN-module-logo@2x.png) no-repeat top left;
  25090. background-size: auto 20px;
  25091. display: inline-block;
  25092. height: 21px;
  25093. width: 250px
  25094. }
  25095. .national-news-desk-more-link {
  25096. float: right;
  25097. font-size: 11px;
  25098. font-weight: 700;
  25099. line-height: 17px;
  25100. margin-bottom: 5px;
  25101. padding-right: 10px;
  25102. text-decoration: none
  25103. }
  25104. .generic-static-module-asset-item {
  25105. float: left;
  25106. font-family: Arial,sans-serif;
  25107. height: 90px;
  25108. margin: 8px 0 7px 20px;
  25109. position: relative;
  25110. width: 333px
  25111. }
  25112. .generic-static-module-asset-item.skip-publication {
  25113. height: 80px
  25114. }
  25115. .generic-static-module-asset-img {
  25116. float: left;
  25117. height: 80px;
  25118. left: 0;
  25119. margin-right: 20px;
  25120. position: relative;
  25121. top: 0;
  25122. width: 80px
  25123. }
  25124. .generic-static-module-subhead {
  25125. font-size: 11px;
  25126. font-weight: 700;
  25127. line-height: 17px;
  25128. margin-top: 5px
  25129. }
  25130. .generic-static-module-ssts {
  25131. border-right: 1px solid #999;
  25132. color: #3399fe;
  25133. float: left;
  25134. margin-right: 10px;
  25135. padding-right: 10px;
  25136. text-decoration: none
  25137. }
  25138. .generic-static-module-ssts.noborder {
  25139. border-right: 0
  25140. }
  25141. .generic-static-module-headline,.generic-static-module-headline:visited {
  25142. color: #000;
  25143. font-weight: 700;
  25144. text-decoration: none
  25145. }
  25146. .generic-static-module-headline:hover {
  25147. color: #1a95d2
  25148. }
  25149. .generic-static-module-timestamp {
  25150. color: #999;
  25151. font-weight: 400
  25152. }
  25153. .generic-static-module-sponsor-logo {
  25154. float: right;
  25155. width: 170px
  25156. }
  25157. .generic-static-module-presented {
  25158. float: left;
  25159. font-size: 10px;
  25160. line-height: 25px;
  25161. padding-right: 8px
  25162. }
  25163. .generic-static-module-asset-item .play-btn-m {
  25164. position: absolute;
  25165. left: 28px;
  25166. top: 28px
  25167. }
  25168. .generic-front-header-module {
  25169. border: 0
  25170. }
  25171. .gfh-wrapper {
  25172. width: 720px
  25173. }
  25174. .gfh-image {
  25175. margin-bottom: 10px
  25176. }
  25177. .gfh-headline {
  25178. font: 700 22px "Futura Today",Arial,sans-serif;
  25179. margin: 0;
  25180. padding: 12px 20px 5px
  25181. }
  25182. .gfh-text {
  25183. font: 700 12px "Futura Today Light",Arial,sans-serif;
  25184. padding: 0 20px 12px
  25185. }
  25186. .story-asset.oembed-asset {
  25187. margin: 0 0 15px 60px;
  25188. text-align: center
  25189. }
  25190. .oembed {
  25191. display: inline-block
  25192. }
  25193. .oembed-asset>.oembed>iframe {
  25194. max-width: 100%
  25195. }
  25196. .oembed-asset>.oembed-type-photo>img {
  25197. max-width: 100%
  25198. }
  25199. .story-asset.oembed-asset blockquote {
  25200. border-left: 0;
  25201. color: #797979;
  25202. font: 400 14px/22px arial,sans-serif;
  25203. margin: 0;
  25204. overflow: auto;
  25205. padding-left: 0
  25206. }
  25207. .story-asset.oembed-asset p {
  25208. margin: 0
  25209. }
  25210. .oembed-type-link {
  25211. display: block
  25212. }
  25213. .oembed-twitter {
  25214. width: 500px
  25215. }
  25216. .oembed-storify {
  25217. display: block
  25218. }
  25219. .hp5um-ssts-label-top-left {
  25220. left: 10px;
  25221. position: absolute;
  25222. top: 10px;
  25223. z-index: 2
  25224. }
  25225. .hp5um-image {
  25226. display: block;
  25227. height: 100%;
  25228. width: 100%
  25229. }
  25230. .hp5um-image-link {
  25231. height: 100%;
  25232. width: 100%
  25233. }
  25234. .hp5um-image-link:before {
  25235. background-color: rgba(0,0,0,.15);
  25236. content: "";
  25237. display: block;
  25238. height: 100%;
  25239. left: 0;
  25240. position: absolute;
  25241. top: 0;
  25242. transition: background-color .15s ease-out;
  25243. width: 100%;
  25244. z-index: 2
  25245. }
  25246. .hp5um-primary-wrap:hover .hp5um-image-link:before,.hp5um-item:hover .hp5um-image-link:before {
  25247. background-color: transparent
  25248. }
  25249. .hp5um-image-gradient {
  25250. background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  25251. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65)));
  25252. background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  25253. background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  25254. background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  25255. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  25256. bottom: 0;
  25257. content: "";
  25258. display: block;
  25259. height: 60%;
  25260. left: 0;
  25261. position: absolute;
  25262. width: 100%;
  25263. z-index: 2
  25264. }
  25265. .hp5um-ranking {
  25266. color: #fff;
  25267. font: 700 20px Helvetica,Arial,sans-serif;
  25268. left: 10px;
  25269. position: absolute;
  25270. text-shadow: -1px 0 4px rgba(0,0,0,.65);
  25271. top: 10px;
  25272. z-index: 3
  25273. }
  25274. .hp5um-ranking-primary {
  25275. font-size: 40px;
  25276. left: 20px;
  25277. top: 20px
  25278. }
  25279. .hp5um-primary-wrap {
  25280. height: 405px;
  25281. margin: 0 0 1px;
  25282. position: relative;
  25283. width: 720px
  25284. }
  25285. .hp5um-primary-image-link:after {
  25286. height: 50%
  25287. }
  25288. .hp5um-primary-hed-link {
  25289. display: block
  25290. }
  25291. .hp5um-primary-text-wrap {
  25292. box-sizing: border-box;
  25293. bottom: 0;
  25294. left: 0;
  25295. padding: 0 20px 18px;
  25296. position: absolute;
  25297. width: 100%
  25298. }
  25299. .hp5um-primary-hed {
  25300. color: #fff;
  25301. display: block;
  25302. font: 40px 'Futura Today DemiBold',Arial,sans-serif;
  25303. letter-spacing: -1px;
  25304. line-height: 44px;
  25305. margin: 0 0 5px;
  25306. position: relative;
  25307. text-shadow: 1px 1px 1px rgba(0,0,0,.4);
  25308. z-index: 2
  25309. }
  25310. .hp5um-video-hed-link,.hp5um-gallery-hed-link {
  25311. margin-left: 48px;
  25312. text-indent: -48px
  25313. }
  25314. .hp5um-primary-video-hed:before,.hp5um-primary-gallery-hed:before {
  25315. font-family: 'Gannett Icons';
  25316. font-size: 34px;
  25317. margin-right: 8px;
  25318. position: relative;
  25319. top: 1px;
  25320. vertical-align: top
  25321. }
  25322. .hp5um-primary-video-hed:before {
  25323. content: 'v'
  25324. }
  25325. .hp5um-primary-gallery-hed:before {
  25326. content: 'g'
  25327. }
  25328. .hp5um-list {
  25329. box-sizing: border-box;
  25330. display: block;
  25331. list-style: none;
  25332. position: relative;
  25333. width: 720px
  25334. }
  25335. .hp5um-item {
  25336. cursor: pointer;
  25337. display: block;
  25338. float: left;
  25339. height: 134px;
  25340. margin: 0 0 0 1px;
  25341. padding: 0;
  25342. position: relative;
  25343. width: 179px
  25344. }
  25345. .hp5um-item:first-child {
  25346. margin-left: 0;
  25347. width: 180px
  25348. }
  25349. .hp5um-list-link {
  25350. box-sizing: border-box;
  25351. display: block;
  25352. font-weight: 700;
  25353. overflow: hidden;
  25354. padding: 0;
  25355. transition: color,background-color 75ms,75ms
  25356. }
  25357. .hp5um-list-hed {
  25358. display: block;
  25359. font-size: 13px;
  25360. height: 14px;
  25361. line-height: 14px;
  25362. overflow: hidden;
  25363. padding: 4px 0;
  25364. white-space: nowrap
  25365. }
  25366. .hp5um-item-hed-wrap {
  25367. bottom: 0;
  25368. box-sizing: border-box;
  25369. color: #fff;
  25370. display: block;
  25371. height: auto;
  25372. left: 0;
  25373. padding: 10px 10px 7px;
  25374. position: absolute;
  25375. text-shadow: 0 1px 1px #000;
  25376. width: 100%;
  25377. z-index: 5
  25378. }
  25379. .hp5um-item-hed {
  25380. display: table-cell;
  25381. font-size: 14px;
  25382. line-height: 18px;
  25383. vertical-align: middle;
  25384. white-space: normal
  25385. }
  25386. .hp5um-item-video-hed-icon,.hp5um-item-gallery-hed-icon {
  25387. display: table-cell;
  25388. font-family: 'Gannett Icons';
  25389. font-size: 27px;
  25390. padding-right: 7px;
  25391. position: relative;
  25392. top: 0;
  25393. font-weight: 400;
  25394. vertical-align: middle
  25395. }
  25396. .hp5um-item-gallery-hed-icon {
  25397. font-size: 27px;
  25398. padding-right: 9px;
  25399. top: 0
  25400. }
  25401. .hp5um-item-video-hed-icon:before {
  25402. content: 'v'
  25403. }
  25404. .hp5um-item-gallery-hed-icon:before {
  25405. content: 'g'
  25406. }
  25407. .hpm-wrapper {
  25408. background: #f8f8f8;
  25409. padding: 24px
  25410. }
  25411. .horo-icons-wrapper {
  25412. width: 100%
  25413. }
  25414. .horo-icon {
  25415. float: left;
  25416. font: 400 12px Helvetica,Arial,sans-serif;
  25417. margin-bottom: 35px;
  25418. text-align: center;
  25419. text-transform: uppercase;
  25420. width: 111px
  25421. }
  25422. .horo-icon a.horo-icon-link,.horo-icon a.horo-icon-link:visited {
  25423. color: #333;
  25424. display: block;
  25425. -webkit-transition: color .15s;
  25426. -moz-transition: color 15s;
  25427. transition: color .15s
  25428. }
  25429. .horo-icon a.horo-icon-link:hover {
  25430. color: #009bff
  25431. }
  25432. .horo-icon-img {
  25433. background: url(../../images/sprites/horoscope-icons.png);
  25434. height: 75px;
  25435. margin: 0 auto 10px;
  25436. opacity: .4;
  25437. overflow: hidden;
  25438. -webkit-transition: opacity .15s;
  25439. -moz-transition: opacity 15s;
  25440. transition: opacity .15s;
  25441. width: 75px
  25442. }
  25443. .horo-icon-link:hover .horo-icon-img {
  25444. opacity: 1
  25445. }
  25446. .horo-icon-img-aries {
  25447. background-position: 0 -75px
  25448. }
  25449. .horo-icon-img-taurus {
  25450. background-position: -75px -75px
  25451. }
  25452. .horo-icon-img-gemini {
  25453. background-position: -150px -75px
  25454. }
  25455. .horo-icon-img-cancer {
  25456. background-position: -225px -75px
  25457. }
  25458. .horo-icon-img-leo {
  25459. background-position: -300px -75px
  25460. }
  25461. .horo-icon-img-virgo {
  25462. background-position: -375px -75px
  25463. }
  25464. .horo-icon-img-libra {
  25465. background-position: -450px -75px
  25466. }
  25467. .horo-icon-img-scorpio {
  25468. background-position: -525px -75px
  25469. }
  25470. .horo-icon-img-sagittarius {
  25471. background-position: -600px -75px
  25472. }
  25473. .horo-icon-img-capricorn {
  25474. background-position: -675px -75px
  25475. }
  25476. .horo-icon-img-aquarius {
  25477. background-position: -750px -75px
  25478. }
  25479. .horo-icon-img-pisces {
  25480. background-position: 75px -75px
  25481. }
  25482. .horo-error {
  25483. clear: both;
  25484. color: red;
  25485. font-size: 12px;
  25486. height: 15px;
  25487. margin-left: 20px
  25488. }
  25489. .horo-date-text {
  25490. color: #999;
  25491. float: left;
  25492. font: 400 12px Arial,Helvetica,sans-serif;
  25493. line-height: 22px;
  25494. margin: 15px 0 0 20px
  25495. }
  25496. .horo-date-text-bold {
  25497. color: #333;
  25498. font: 700 12px Helvetica,Arial,sans-serif;
  25499. text-transform: uppercase
  25500. }
  25501. .horo-date {
  25502. float: right;
  25503. margin: 15px 20px 0 0
  25504. }
  25505. .horo-dropdown {
  25506. float: left;
  25507. margin-right: 15px;
  25508. width: 125px
  25509. }
  25510. .horo-branding {
  25511. clear: both;
  25512. color: #999;
  25513. font: 400 11px Helvetica,Arial,sans-serif;
  25514. padding-top: 25px;
  25515. text-align: right
  25516. }
  25517. .horo-submit-btn {
  25518. float: left
  25519. }
  25520. .asset .priority-asset-gallery {
  25521. background: #f7f7f7;
  25522. border: 2px solid #e6e6e6;
  25523. border-left: 0;
  25524. border-radius: 0;
  25525. border-right: 0;
  25526. box-sizing: border-box;
  25527. height: auto;
  25528. margin: 10px 0 20px 70px;
  25529. overflow: hidden;
  25530. position: relative;
  25531. width: 880px
  25532. }
  25533. .asset .pag-viewport {
  25534. height: 405px;
  25535. margin-bottom: 62px
  25536. }
  25537. .pag-photo-info {
  25538. display: none
  25539. }
  25540. .pag-viewport-thumb-wrapper {
  25541. border-right: 2px solid #e6e6e6;
  25542. box-sizing: border-box;
  25543. float: left;
  25544. overflow: hidden;
  25545. position: relative;
  25546. width: 540px
  25547. }
  25548. .pag-arrow {
  25549. top: -320px
  25550. }
  25551. .pag-thumbs {
  25552. bottom: 8px;
  25553. height: 110px
  25554. }
  25555. .pag-photo-border {
  25556. box-shadow: none;
  25557. margin-top: 10px;
  25558. padding: 0
  25559. }
  25560. .pag-thumb-item {
  25561. display: table-cell;
  25562. height: 60px;
  25563. position: relative;
  25564. width: 100px
  25565. }
  25566. .pag-thumb-link {
  25567. border: 0;
  25568. display: inline-block;
  25569. margin: 10px;
  25570. outline: 0
  25571. }
  25572. .pag-thumb-image {
  25573. box-shadow: 0 0 3px #646464;
  25574. height: 45px;
  25575. max-width: none;
  25576. width: 80px
  25577. }
  25578. .pag-thumb-item.active .pag-thumb-image {
  25579. box-shadow: 0 0 3px #4899ff
  25580. }
  25581. .pag-companion-wrapper {
  25582. box-sizing: border-box;
  25583. color: #333;
  25584. float: left;
  25585. margin: 0 10px 10px;
  25586. padding: 10px;
  25587. width: 320px
  25588. }
  25589. .pag-photo-title {
  25590. font-family: 'Futura Today Light',Arial,sans-serif;
  25591. font-weight: 400;
  25592. line-height: 23px;
  25593. margin: 0 0 30px;
  25594. padding: 0;
  25595. text-transform: uppercase
  25596. }
  25597. .pag-photo-caption {
  25598. box-sizing: border-box;
  25599. font-size: 14px;
  25600. height: 155px;
  25601. margin-bottom: 20px;
  25602. overflow-y: auto;
  25603. width: 310px
  25604. }
  25605. .pag-photo-credit {
  25606. color: #696969;
  25607. display: block;
  25608. font-style: normal
  25609. }
  25610. .pag-ad {
  25611. box-sizing: border-box;
  25612. height: 250px;
  25613. width: 300px;
  25614. display: block;
  25615. background: #fff
  25616. }
  25617. .gallery {
  25618. overflow: hidden;
  25619. position: relative;
  25620. z-index: 0
  25621. }
  25622. .gallery-viewport {
  25623. position: relative;
  25624. display: table;
  25625. -webkit-transition-duration: 0
  25626. }
  25627. .gallery-slides {
  25628. margin: 0;
  25629. position: relative;
  25630. -webkit-transition-duration: 0
  25631. }
  25632. .gallery-slide {
  25633. display: table-cell;
  25634. overflow: hidden
  25635. }
  25636. .gallery-nav {
  25637. cursor: pointer;
  25638. overflow: hidden;
  25639. position: absolute;
  25640. text-indent: -99999px;
  25641. -moz-transition: opacity .2s ease-in-out;
  25642. -o-transition: opacity .2s ease-in-out;
  25643. transition: opacity .2s ease-in-out;
  25644. display: none;
  25645. z-index: 100
  25646. }
  25647. .gallery-nav.gallery-nav-active {
  25648. display: block
  25649. }
  25650. .gallery-nav.gallery-nav-next {
  25651. right: 0;
  25652. left: auto
  25653. }
  25654. .gallery-nav.gallery-nav-prev {
  25655. left: 0;
  25656. right: auto
  25657. }
  25658. .gallery-title {
  25659. display: block
  25660. }
  25661. .gallery-description {
  25662. position: relative
  25663. }
  25664. .video-gallery-slides {
  25665. position: absolute;
  25666. top: 0;
  25667. left: 0;
  25668. display: table
  25669. }
  25670. .video-gallery-slide.gallery-slide {
  25671. display: table-cell
  25672. }
  25673. .partner-placement.slide>.gallery-photo-border {
  25674. margin-bottom: 8px
  25675. }
  25676. .partner-placement.slide>.gallery-photo-border.size-s {
  25677. height: 450px;
  25678. width: 600px
  25679. }
  25680. .partner-placement.slide>.gallery-photo-border.size-m {
  25681. height: 576px;
  25682. width: 768px
  25683. }
  25684. .partner-placement.slide>.gallery-photo-border.size-l {
  25685. height: 700px;
  25686. width: 936px
  25687. }
  25688. .partner-placement.slide>.gallery-photo-border.size-xl {
  25689. height: 810px;
  25690. width: 1080px
  25691. }
  25692. .inline-story-video-gallery {
  25693. margin: 0 0 30px 50px;
  25694. height: 410px;
  25695. width: 520px;
  25696. padding: 10px
  25697. }
  25698. .inline-story-video-gallery .video-gallery-viewport {
  25699. box-shadow: 0 2px 11px 2px rgba(0,0,0,.3);
  25700. font-family: Arial,sans-serif;
  25701. height: 388px;
  25702. overflow: hidden;
  25703. padding-top: 10px;
  25704. position: relative;
  25705. width: 520px
  25706. }
  25707. .inline-story-video-gallery .video-gallery-slide {
  25708. height: 388px;
  25709. padding: 10px;
  25710. width: 500px
  25711. }
  25712. .inline-story-video-gallery .video-gallery-description {
  25713. font-size: 11px;
  25714. height: 90px;
  25715. padding-top: 10px;
  25716. width: 500px
  25717. }
  25718. .inline-story-video-gallery .video-gallery-description p {
  25719. color: #999;
  25720. font-size: 11px;
  25721. line-height: 16px;
  25722. margin: 0
  25723. }
  25724. .inline-story-video-gallery .video-gallery-title {
  25725. color: #333;
  25726. font-size: 14px;
  25727. font-weight: 700;
  25728. margin-bottom: 2px
  25729. }
  25730. .inline-story-video-gallery .gallery-counter {
  25731. right: 0;
  25732. top: 10px
  25733. }
  25734. .inline-story-video-gallery .story-video.ui-video {
  25735. height: 282px;
  25736. margin: 0;
  25737. width: 500px
  25738. }
  25739. .inline-story-video-gallery .gallery-nav {
  25740. background: url(../../images/sprites/carousel-arrows.png) no-repeat;
  25741. height: 42px;
  25742. margin-bottom: -58px;
  25743. width: 22px;
  25744. position: absolute;
  25745. top: 130px
  25746. }
  25747. .inline-story-video-gallery .gallery-nav-next {
  25748. background-position: -23px 0
  25749. }
  25750. .inline-story-video-gallery .gallery-nav-prev {
  25751. background-position: 0 0
  25752. }
  25753. .inline-story-video-gallery .gallery-video .ui-video-play-btn {
  25754. background: url(../../images/buttons/button-video-play-small.png) no-repeat;
  25755. height: 45px;
  25756. width: 45px;
  25757. bottom: 10px;
  25758. right: 10px;
  25759. position: absolute
  25760. }
  25761. .section-highlights-primary-module {
  25762. overflow: hidden;
  25763. padding-bottom: 20px
  25764. }
  25765. .shpm-row {
  25766. float: left
  25767. }
  25768. .shpm-section {
  25769. border: 0;
  25770. -webkit-box-sizing: border-box;
  25771. -moz-box-sizing: border-box;
  25772. box-sizing: border-box;
  25773. float: left;
  25774. margin: 0 0 5px;
  25775. padding: 0 15px;
  25776. position: relative;
  25777. width: 360px
  25778. }
  25779. .shpm-section-even {
  25780. padding-right: 14px;
  25781. width: 359px
  25782. }
  25783. .shpm-section-header {
  25784. line-height: 18px;
  25785. margin: 18px 0 1px
  25786. }
  25787. .shpm-section-header-link {
  25788. -webkit-box-sizing: border-box;
  25789. -moz-box-sizing: border-box;
  25790. box-sizing: border-box;
  25791. font: 400 13px/18px 'Futura Today Bold',arial,sans-serif;
  25792. text-transform: uppercase;
  25793. width: 100%;
  25794. color: #fff;
  25795. display: inline-block;
  25796. padding: 3px 0 3px 7px;
  25797. text-shadow: 0 1px 1px rgba(0,0,0,.15)
  25798. }
  25799. .shpm-section-header-link:hover,.shpm-section-header-link:visited {
  25800. color: #fff
  25801. }
  25802. .shpm-primary-link {
  25803. box-shadow: 0 2px 1px rgba(0,0,0,.2);
  25804. display: block;
  25805. float: left;
  25806. height: 186px;
  25807. position: relative;
  25808. width: 100%
  25809. }
  25810. .shpm-primary-link:before {
  25811. background: rgba(0,0,0,.15);
  25812. content: '';
  25813. display: block;
  25814. height: 100%;
  25815. left: 0;
  25816. position: absolute;
  25817. top: 0;
  25818. -webkit-transition: background-color .15s ease-out;
  25819. -moz-transition: background-color .15s ease-out;
  25820. -o-transition: background-color .15s ease-out;
  25821. transition: background-color .15s ease-out;
  25822. width: 100%;
  25823. z-index: 2
  25824. }
  25825. .shpm-primary-link:hover:before {
  25826. background-color: rgba(0,0,0,0)
  25827. }
  25828. .shpm-primary-gradient {
  25829. background: -moz-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  25830. background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(0,0,0,0)),color-stop(100%,rgba(0,0,0,.65)));
  25831. background: -webkit-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  25832. background: -ms-linear-gradient(top,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  25833. background: linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.65) 100%);
  25834. filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
  25835. bottom: 0;
  25836. content: "";
  25837. display: block;
  25838. height: 50%;
  25839. left: 0;
  25840. position: absolute;
  25841. width: 100%;
  25842. z-index: 2
  25843. }
  25844. .shpm-primary-hed-wrap {
  25845. color: #fff;
  25846. bottom: 0;
  25847. left: 0;
  25848. margin: 10px 10px 11px;
  25849. position: absolute;
  25850. text-shadow: 0 1px 1px #000;
  25851. z-index: 10
  25852. }
  25853. .shpm-primary-video-hed-icon,.shpm-primary-gallery-hed-icon {
  25854. display: table-cell;
  25855. font-family: 'Gannett Icons';
  25856. vertical-align: top;
  25857. padding: 0 8px 0 0;
  25858. font-size: 26px;
  25859. line-height: 27px;
  25860. color: #fff
  25861. }
  25862. .shpm-primary-video-hed-icon:before {
  25863. content: 'v'
  25864. }
  25865. .shpm-primary-gallery-hed-icon:before {
  25866. content: 'g'
  25867. }
  25868. .shpm-primary-hed {
  25869. color: #fff;
  25870. display: table-cell;
  25871. font: 300 18px/22px Arial,sans-serif;
  25872. vertical-align: middle
  25873. }
  25874. .shpm-primary-image {
  25875. height: 100%;
  25876. position: absolute;
  25877. width: 100%
  25878. }
  25879. .shpm-secondary-link {
  25880. -webkit-box-sizing: border-box;
  25881. -moz-box-sizing: border-box;
  25882. box-sizing: border-box;
  25883. display: block;
  25884. float: left;
  25885. margin: 15px 0 0;
  25886. min-height: 80px;
  25887. width: 100%
  25888. }
  25889. .shpm-secondary-image {
  25890. float: left;
  25891. height: 68px;
  25892. margin: 0 15px 0 0;
  25893. width: 90px
  25894. }
  25895. .shpm-secondary-hed {
  25896. -webkit-box-sizing: border-box;
  25897. -moz-box-sizing: border-box;
  25898. box-sizing: border-box;
  25899. color: #333;
  25900. font-size: 15px;
  25901. font-weight: 400;
  25902. line-height: 18px;
  25903. margin: -4px 0 0;
  25904. padding: 0 0 4px;
  25905. transition: color .15s;
  25906. width: 100%
  25907. }
  25908. .shpm-secondary-meta {
  25909. color: #999;
  25910. font-size: 11px;
  25911. font-weight: 400;
  25912. margin: 0
  25913. }
  25914. .shpm-secondary-link:hover .shpm-secondary-hed {
  25915. color: #009bff
  25916. }
  25917. .shpm-tertiary-link {
  25918. border-top: solid 1px #e0e0e0;
  25919. -webkit-box-sizing: border-box;
  25920. -moz-box-sizing: border-box;
  25921. box-sizing: border-box;
  25922. color: #333;
  25923. clear: both;
  25924. display: block;
  25925. font-size: 13px;
  25926. line-height: 18px;
  25927. margin: 0;
  25928. padding: 7px 0 5px;
  25929. transition: color .15s;
  25930. width: 100%
  25931. }
  25932. .shpm-tertiary-link:hover {
  25933. color: #009bff
  25934. }
  25935. .shpm-secondary-block-links {
  25936. border-collapse: collapse;
  25937. display: table;
  25938. float: left;
  25939. font: 400 14px 'Futura Today Bold',arial,sans-serif;
  25940. margin: 15px 0;
  25941. table-layout: fixed;
  25942. text-transform: uppercase;
  25943. width: 100%
  25944. }
  25945. a.shpm-secondary-block-link {
  25946. background-color: #ececec;
  25947. -webkit-box-sizing: border-box;
  25948. -moz-box-sizing: border-box;
  25949. box-sizing: border-box;
  25950. border-right: 10px solid #fff;
  25951. display: table-cell;
  25952. height: 65px;
  25953. padding: 10px;
  25954. text-align: center;
  25955. transition: background-color,color .15s,.15s;
  25956. vertical-align: middle
  25957. }
  25958. a.shpm-secondary-block-link:last-child {
  25959. border: 0
  25960. }
  25961. a.shpm-secondary-block-link:hover {
  25962. color: #fff;
  25963. text-shadow: 1px 1px 1px rgba(0,0,0,.4)
  25964. }
  25965. .shpm-secondary-block-link-secondary-text {
  25966. display: block;
  25967. font-family: "Futura Today Light",arial,sans-serif
  25968. }
  25969. .wide-story-navigation {
  25970. position: fixed;
  25971. right: 5px;
  25972. width: 60px;
  25973. z-index: 10001
  25974. }
  25975. .wide-story-navigation:hover,.wide-story-navigation:hover .wide-story-navigation-icon {
  25976. background-position: 0 -152px;
  25977. cursor: pointer
  25978. }
  25979. .wide-story-navigation-icon {
  25980. background-image: url(../../images/sprites/stories-wide-sprite.png);
  25981. background-position: 0 -114px;
  25982. height: 38px;
  25983. margin: 0 auto;
  25984. width: 38px
  25985. }
  25986. .wide-story-navigation.active .wide-story-navigation-icon,.wide-story-navigation.active:hover .wide-story-navigation-icon {
  25987. background-position: 0 -76px
  25988. }
  25989. .wide-story-navigation.open .wide-story-navigation-text,.wide-story-navigation.active .wide-story-navigation-text {
  25990. color: #fff
  25991. }
  25992. .wide-story-navigation.open .wide-story-navigation-icon {
  25993. background-position: 0 0
  25994. }
  25995. .wide-story-navigation.open:hover .wide-story-navigation-icon {
  25996. background-position: 0 -38px
  25997. }
  25998. .wide-story-navigation-text {
  25999. color: #333;
  26000. font: 700 8px 'futura today',Arial,sans-serif;
  26001. margin-top: 10px;
  26002. text-align: center;
  26003. text-transform: uppercase
  26004. }
  26005. .wide-story-navigation-flyout {
  26006. background-color: #000;
  26007. box-shadow: -2px 0 2px rgba(0,0,0,.2);
  26008. height: 100%;
  26009. overflow: hidden;
  26010. position: fixed;
  26011. right: -300px;
  26012. top: 0;
  26013. width: 290px;
  26014. z-index: 10000
  26015. }
  26016. .wide-story-navigation-flyout-close {
  26017. background-image: url(../../images/sprites/stories-wide-sprite.png);
  26018. background-position: -304px -38px;
  26019. bottom: 30px;
  26020. height: 38px;
  26021. left: 120px;
  26022. margin: 0 auto;
  26023. position: absolute;
  26024. width: 38px
  26025. }
  26026. .wide-story-navigation-flyout-close:hover {
  26027. background-position: -304px -76px;
  26028. cursor: pointer
  26029. }
  26030. .wide-story-navigation-chapter-wrapper {
  26031. border-bottom: 1px #292929 solid;
  26032. overflow: hidden;
  26033. position: absolute;
  26034. top: 0
  26035. }
  26036. .wide-story-navigation-chapter {
  26037. color: #fff;
  26038. overflow: hidden;
  26039. position: relative;
  26040. text-align: right;
  26041. width: 280px
  26042. }
  26043. .wide-story-navigation-chapter-external-link,.wide-story-navigation-chapter-external-link:visited {
  26044. color: #fff
  26045. }
  26046. .wide-story-navigation-chapter:hover {
  26047. background-color: #666;
  26048. cursor: pointer
  26049. }
  26050. .wide-story-navigation-chapter:hover .wide-story-navigation-chapter-bg {
  26051. display: block
  26052. }
  26053. .wide-story-navigation-chapter-title {
  26054. font: 400 24px/1.2 'futura today',Arial,sans-serif;
  26055. margin: 0 40px;
  26056. padding-top: 20px;
  26057. position: relative;
  26058. z-index: 10015
  26059. }
  26060. .wide-story-navigation-chapter-subtitle {
  26061. font: 12px/1.6 'futura today',Arial,sans-serif;
  26062. margin: 10px 40px 0;
  26063. padding-bottom: 20px;
  26064. position: relative;
  26065. text-transform: uppercase;
  26066. z-index: 10015
  26067. }
  26068. .wide-story-navigation-chapter-up,.wide-story-navigation-chapter-down {
  26069. height: 38px;
  26070. width: 280px
  26071. }
  26072. .wide-story-navigation-chapter-up {
  26073. opacity: .5
  26074. }
  26075. .wide-story-navigation-chapter-up:hover,.wide-story-navigation-chapter-down:hover {
  26076. cursor: pointer
  26077. }
  26078. .wide-story-navigation-chapter-up-icon,.wide-story-navigation-chapter-down-icon {
  26079. background-image: url(../../images/sprites/stories-wide-sprite.png);
  26080. height: 38px;
  26081. margin: 0 auto;
  26082. width: 38px
  26083. }
  26084. .wide-story-navigation-chapter-up-icon {
  26085. background-position: -342px -38px
  26086. }
  26087. .wide-story-navigation-chapter-down-icon {
  26088. background-position: -342px 0
  26089. }
  26090. .wide-story-navigation-chapter-item-wrap {
  26091. overflow-x: hidden;
  26092. overflow-y: hidden;
  26093. position: relative
  26094. }
  26095. .wide-story-navigation-chapter-grad-top,.wide-story-navigation-chapter-grad-bot {
  26096. height: 130px;
  26097. left: 0;
  26098. position: absolute;
  26099. width: 280px;
  26100. z-index: 10016
  26101. }
  26102. .wide-story-navigation-chapter-grad-top {
  26103. background: url(../../images/bg-gradient-black-trans.png) top left repeat-x;
  26104. display: none;
  26105. pointer-events: none;
  26106. top: 0
  26107. }
  26108. .wide-story-navigation-chapter-grad-bot {
  26109. background: url(../../images/bg-gradient-trans-black.png) bottom left repeat-x;
  26110. bottom: 0;
  26111. pointer-events: none
  26112. }
  26113. .wide-story-navigation-chapter-overflow-wrap {
  26114. position: absolute
  26115. }
  26116. .wide-story-navigation-chapter-bg {
  26117. background-position: center center;
  26118. background-repeat: no-repeat;
  26119. background-size: cover;
  26120. display: none;
  26121. height: 100%;
  26122. left: 0;
  26123. position: absolute;
  26124. top: 0;
  26125. width: 100%;
  26126. filter: blur(5px);
  26127. -webkit-filter: blur(5px);
  26128. -moz-filter: blur(5px);
  26129. -o-filter: blur(5px);
  26130. -ms-filter: blur(5px);
  26131. transform: scale(1.2);
  26132. -ms-transform: scale(1.2);
  26133. -webkit-transform: scale(1.2)
  26134. }
  26135. .site-footer {
  26136. background: #f6f6f6;
  26137. padding: 20px 0 0
  26138. }
  26139. #overlay .site-footer {
  26140. background: 0
  26141. }
  26142. .footer {
  26143. min-height: 44px;
  26144. margin: 0 auto;
  26145. position: relative;
  26146. width: 840px
  26147. }
  26148. .lt-ie9 .footer {
  26149. background: #efefef
  26150. }
  26151. .site-footer-fixed-width {
  26152. margin: 0 auto;
  26153. width: 960px
  26154. }
  26155. .utility {
  26156. width: 840px;
  26157. margin: 0 auto;
  26158. padding: 0;
  26159. text-align: center
  26160. }
  26161. .utility>.util-li {
  26162. clear: none;
  26163. display: inline-block;
  26164. list-style: none;
  26165. margin-right: 11px
  26166. }
  26167. .utility>.util-li.first {
  26168. margin-left: 0
  26169. }
  26170. .utility>.util-li.last {
  26171. margin-right: 0
  26172. }
  26173. .utility>.util-li>a {
  26174. width: 95px;
  26175. display: block;
  26176. font: 400 12px arial,sans-serif;
  26177. color: #464646;
  26178. padding: 96px 0 0;
  26179. text-align: center;
  26180. transition: color .15s;
  26181. position: relative
  26182. }
  26183. .utility>.util-li .big-icon {
  26184. position: absolute;
  26185. height: 86px;
  26186. top: 0;
  26187. left: 6px;
  26188. bottom: 0;
  26189. right: 0;
  26190. width: 84px;
  26191. background: url(../../images/components/utility-btns.png) no-repeat
  26192. }
  26193. .utility>.util-li>a:hover {
  26194. color: #000
  26195. }
  26196. .utility>.util-li .subscribe>.big-icon {
  26197. margin-left: 0;
  26198. background-position: 8px -3px
  26199. }
  26200. .utility>.util-li .subscribe:hover>.big-icon {
  26201. background-position: 8px -115px
  26202. }
  26203. .utility>.util-li .usatshop>.big-icon {
  26204. background-position: -78px -3px
  26205. }
  26206. .utility>.util-li .usatshop:hover>.big-icon {
  26207. background-position: -78px -115px
  26208. }
  26209. .utility>.util-li .apps>.big-icon {
  26210. background-position: -157px -3px
  26211. }
  26212. .utility>.util-li .apps:hover>.big-icon {
  26213. background-position: -157px -115px
  26214. }
  26215. .utility>.util-li .rss>.big-icon {
  26216. background-position: -230px -3px
  26217. }
  26218. .utility>.util-li .rss:hover>.big-icon {
  26219. background-position: -230px -115px
  26220. }
  26221. .utility>.util-li .youreport>.big-icon {
  26222. background-position: -308px -3px
  26223. }
  26224. .utility>.util-li .youreport:hover>.big-icon {
  26225. background-position: -308px -115px
  26226. }
  26227. .utility>.util-li .mobile>.big-icon {
  26228. background-position: -383px -3px
  26229. }
  26230. .utility>.util-li .mobile:hover>.big-icon {
  26231. background-position: -383px -115px
  26232. }
  26233. .utility>.util-li .contactus>.big-icon {
  26234. background-position: -481px -3px
  26235. }
  26236. .utility>.util-li .contactus:hover>.big-icon {
  26237. background-position: -481px -115px
  26238. }
  26239. .utility>.util-li .feedback>.big-icon {
  26240. background-position: -570px -3px
  26241. }
  26242. .utility>.util-li .feedback:hover>.big-icon {
  26243. background-position: -570px -115px
  26244. }
  26245. .utility>.util-li .feedback-generic>.big-icon {
  26246. background-position: -357px -224px
  26247. }
  26248. .utility>.util-li .feedback-generic:hover>.big-icon {
  26249. background-position: -357px -336px
  26250. }
  26251. .utility>.util-li .aboutus>.big-icon {
  26252. margin-left: 0;
  26253. background-position: 3px -225px
  26254. }
  26255. .utility>.util-li .aboutus:hover>.big-icon {
  26256. background-position: 3px -337px
  26257. }
  26258. .utility>.util-li .help>.big-icon {
  26259. margin-left: 0;
  26260. background-position: -93px -224px
  26261. }
  26262. .utility>.util-li .help:hover>.big-icon {
  26263. background-position: -93px -336px
  26264. }
  26265. .utility>.util-li .connectwithus>.big-icon {
  26266. margin-left: 0;
  26267. background-position: -180px -224px
  26268. }
  26269. .utility>.util-li .connectwithus:hover>.big-icon {
  26270. background-position: -180px -336px
  26271. }
  26272. .utility>.util-li .newsletters>.big-icon {
  26273. background-position: -481px -330px
  26274. }
  26275. .utility>.util-li .newsletters:hover>.big-icon {
  26276. background-position: -481px -219px
  26277. }
  26278. @media only screen and (min-width: 1150px) {
  26279. .site-footer-var-width {
  26280. width:1080px
  26281. }
  26282. }
  26283. @media only screen and (min-width: 1250px) {
  26284. .site-footer-var-width {
  26285. width:1180px
  26286. }
  26287. }
  26288. .third-party .site-footer-var-width {
  26289. width: 840px
  26290. }
  26291. .footer>nav {
  26292. clear: both;
  26293. padding-bottom: 20px
  26294. }
  26295. .footer .footer-edge {
  26296. background: url(../../images/footer-edge.png) repeat-x;
  26297. height: 7px;
  26298. position: absolute;
  26299. top: -7px;
  26300. width: 100%
  26301. }
  26302. .site-footer-legal-links {
  26303. color: #999;
  26304. float: left;
  26305. font-size: 12px;
  26306. margin: 50px 0;
  26307. padding: 0;
  26308. position: relative;
  26309. text-align: center;
  26310. text-shadow: 0 1px 0 #100100100;
  26311. line-height: 1.4;
  26312. width: 100%
  26313. }
  26314. .site-footer-legal-link {
  26315. color: #333;
  26316. padding: 0 7px;
  26317. transition: color .15s
  26318. }
  26319. .site-footer-legal-link:hover {
  26320. color: #007ccf
  26321. }
  26322. .footer>p.copyright {
  26323. color: #999;
  26324. float: left;
  26325. font-size: 11px;
  26326. margin: 0;
  26327. padding: 22px 0 0 20px;
  26328. position: relative;
  26329. text-shadow: 0 1px 0 #100100100;
  26330. top: -7px;
  26331. line-height: 1.4;
  26332. width: auto
  26333. }
  26334. .footer>p.copyright.copyright-with-nav {
  26335. padding-left: 7px
  26336. }
  26337. .footer>p.site-index {
  26338. color: #333;
  26339. cursor: pointer;
  26340. display: none;
  26341. float: right;
  26342. font-size: 12px;
  26343. font-weight: 700;
  26344. margin: 14px 20px 13px 0;
  26345. padding-right: 30px;
  26346. position: relative;
  26347. text-shadow: 0 1px 0 #100100100;
  26348. line-height: 1.4;
  26349. width: auto
  26350. }
  26351. .footer>p.site-index:hover {
  26352. color: #007ccf
  26353. }
  26354. .footer>p.site-index .arrow {
  26355. background: url(../../images/footer.png) no-repeat;
  26356. height: 24px;
  26357. margin: 0 0 0 3px;
  26358. position: absolute;
  26359. right: 0;
  26360. overflow: hidden;
  26361. text-indent: 105%;
  26362. white-space: nowrap;
  26363. top: -3px;
  26364. width: 24px
  26365. }
  26366. .footer>p.site-index:hover>.arrow {
  26367. background-position: 0 -25px
  26368. }
  26369. .footer>p.site-index:active>.arrow {
  26370. background-position: 0 -50px
  26371. }
  26372. .footer>p.site-index.open>.arrow {
  26373. background-position: 0 -75px
  26374. }
  26375. .footer>p.site-index.open:hover>.arrow {
  26376. background-position: 0 -100px
  26377. }
  26378. .footer>p.site-index.open:active>.arrow {
  26379. background-position: 0 -125px
  26380. }
  26381. .footer>nav>.fronts {
  26382. display: table;
  26383. margin-top: 60px;
  26384. overflow: hidden;
  26385. padding: 30px 0 40px;
  26386. width: 100%
  26387. }
  26388. .footer>nav>.fronts>section {
  26389. display: table-cell;
  26390. padding-bottom: 5px;
  26391. width: 179px
  26392. }
  26393. .footer>nav>.fronts>section:last-child {
  26394. border-right: 0
  26395. }
  26396. .footer>nav>.fronts>section h6 {
  26397. border-top: 2px solid #009bff;
  26398. font-family: 'Futura Today Light',Arial,sans-serif;
  26399. margin: -30px 0 20px 0;
  26400. padding: 15px 20px 0 0
  26401. }
  26402. .site-footer-partner-logos {
  26403. clear: both;
  26404. display: table;
  26405. position: relative;
  26406. width: 100%
  26407. }
  26408. .site-footer-partner-logo {
  26409. display: table-cell;
  26410. padding-top: 20px;
  26411. text-align: center
  26412. }
  26413. .site-footer-partner-logo-image {
  26414. width: 85px
  26415. }
  26416. .footer>nav section h6 {
  26417. margin: 0 0 15px 20px
  26418. }
  26419. .footer>nav section h6 a,.footer>nav section h6 a:visited {
  26420. color: #2e2e2e;
  26421. font-size: 16px;
  26422. font-weight: 700;
  26423. transition: color .15s
  26424. }
  26425. .footer>nav section h6 a:hover {
  26426. color: #007ccf
  26427. }
  26428. .site-footer-list {
  26429. margin: 0 20px 0 0
  26430. }
  26431. .site-footer-list-item {
  26432. margin: 0 0 10px;
  26433. line-height: 1
  26434. }
  26435. .footer>nav section li.footer-more-item {
  26436. display: none
  26437. }
  26438. .footer>nav section li.footer-more-item.footer-more-trigger {
  26439. display: block
  26440. }
  26441. .site-footer-list-link,.site-footer-list-link:visited {
  26442. color: #464646;
  26443. font-size: 12px;
  26444. transition: color .15s
  26445. }
  26446. .site-footer-list-link:hover {
  26447. color: #007ccf
  26448. }
  26449. .footer>nav>section.services,.footer>nav>section.partners {
  26450. padding: 0 0 30px
  26451. }
  26452. .site-footer-meta {
  26453. clear: left;
  26454. float: left;
  26455. margin: 0 0 40px;
  26456. width: 40%
  26457. }
  26458. .site-footer-meta-text {
  26459. color: #999;
  26460. clear: left;
  26461. float: left;
  26462. font-size: 11px;
  26463. margin: 20px 0 0;
  26464. width: 210px
  26465. }
  26466. .site-footer-logo {
  26467. float: left;
  26468. margin: 0 60px 40px 0;
  26469. position: relative;
  26470. white-space: nowrap;
  26471. width: 240px
  26472. }
  26473. .site-footer-social-icon-list {
  26474. clear: left;
  26475. float: left;
  26476. list-style: none;
  26477. margin-left: -5px;
  26478. overflow: hidden;
  26479. width: 210px
  26480. }
  26481. .site-footer-social-icon-item {
  26482. float: left;
  26483. clear: none;
  26484. list-style: none;
  26485. width: 40px
  26486. }
  26487. .site-footer-social-icon-link {
  26488. border-radius: 4px;
  26489. display: inline-block;
  26490. height: 20px;
  26491. position: relative;
  26492. padding: 5px;
  26493. transition: background-color .15s
  26494. }
  26495. .site-footer-social-icon-link:hover {
  26496. background: #fff
  26497. }
  26498. .site-footer-social-icon-link:after {
  26499. background-image: url(../../images/sprites/footer-sprite.png);
  26500. content: '';
  26501. display: block;
  26502. position: relative
  26503. }
  26504. @media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min-device-pixel-ratio:2),only screen and (min-resolution:2dppx) {
  26505. .site-footer-social-icon-link:after {
  26506. background-image:url(../../images/sprites/footer-sprite@2x.png);
  26507. background-size: 300px 200px
  26508. }
  26509. }
  26510. .site-footer-social-icon-link-soc-fb:after {
  26511. background-position: 0 0;
  26512. height: 20px;
  26513. width: 10px
  26514. }
  26515. .site-footer-social-icon-link-soc-tw:after {
  26516. background-position: -16px 0;
  26517. height: 20px;
  26518. width: 23px
  26519. }
  26520. .site-footer-social-icon-link-soc-in:after {
  26521. background-position: -45px 0;
  26522. height: 20px;
  26523. width: 20px
  26524. }
  26525. .site-footer-social-icon-link-soc-gp:after {
  26526. background-position: -71px 0;
  26527. height: 20px;
  26528. width: 19px
  26529. }
  26530. .site-footer-social-icon-link-soc-tm:after {
  26531. background-position: -95px 0;
  26532. height: 20px;
  26533. width: 14px
  26534. }
  26535. .site-footer-social-icon-link-soc-yt:after {
  26536. background-position: -112px 0;
  26537. height: 14px;
  26538. width: 20px;
  26539. top: 3px
  26540. }
  26541. .site-footer-social-icon-link-soc-pt:after {
  26542. background-position: -135px 0;
  26543. height: 20px;
  26544. width: 20px
  26545. }
  26546. .site-footer-social-icon-link-soc-li:after {
  26547. background-position: -158px 0;
  26548. height: 20px;
  26549. width: 22px
  26550. }
  26551. .site-footer-social-icon-link-soc-rss:after {
  26552. background-position: -183px 0;
  26553. height: 20px;
  26554. width: 20px
  26555. }
  26556. .site-footer-section-services {
  26557. float: left;
  26558. width: 40%
  26559. }
  26560. .footer>nav>section.services h3,.footer>nav>section.partners h3,.site-footer-link-list-heading {
  26561. color: #2e2e2e;
  26562. margin: 10px 20px 20px 0;
  26563. font-size: 16px;
  26564. font-family: 'Futura Today Light',Arial,sans-serif
  26565. }
  26566. .site-footer-link-list-heading {
  26567. margin-top: 0
  26568. }
  26569. .footer>nav>section.services ul,.footer>nav>section.partners ul {
  26570. float: left;
  26571. width: 42%;
  26572. margin: 0 10px 0 0
  26573. }
  26574. .footer>nav>section.partners ul {
  26575. width: 90%
  26576. }
  26577. .footer>nav>section.services ul:last-child {
  26578. margin: 0
  26579. }
  26580. .lt-ie9 .footer>nav>section.services ul {
  26581. width: 42%
  26582. }
  26583. .site-footer-section-partners {
  26584. float: left;
  26585. width: 20%
  26586. }
  26587. .site-footer-link-lists {
  26588. display: table;
  26589. margin: 0 0 20px;
  26590. width: 60%
  26591. }
  26592. .site-footer-link-list-section {
  26593. display: table-cell;
  26594. width: 175px
  26595. }
  26596. @media only screen and (min-width: 1150px) {
  26597. .site-footer-meta-var-width.site-footer-meta {
  26598. width:50%
  26599. }
  26600. .site-footer-meta-text-var-width.site-footer-meta-text,.site-footer-social-icon-list-var-width.site-footer-social-icon-list {
  26601. clear: none
  26602. }
  26603. .site-footer-section-services-var-width.site-footer-section-services {
  26604. width: 33.3%
  26605. }
  26606. .site-footer-section-partners-var-width.site-footer-section-partners {
  26607. width: 16.6%
  26608. }
  26609. .site-footer-link-lists-var-width.site-footer-link-lists {
  26610. width: 50%
  26611. }
  26612. }
  26613. .third-party .footer>nav {
  26614. display: block
  26615. }
  26616. .third-party .footer .site-index {
  26617. display: none
  26618. }
  26619. .chart-wrapper.interactive.line-chart {
  26620. width: 100%
  26621. }
  26622. .chart-wrapper.interactive.line-chart .xAxis,.chart-wrapper.interactive.line-chart .yAxis {
  26623. text-transform: none;
  26624. font-size: 12px;
  26625. color: #666
  26626. }
  26627. .chart-wrapper.interactive.line-chart .graph {
  26628. width: 90%;
  26629. height: 300px;
  26630. position: relative;
  26631. margin: 0 auto
  26632. }
  26633. .chart-wrapper.interactive.line-chart .chart-area {
  26634. width: 96%;
  26635. padding: 0 2% 10%;
  26636. background: #fff
  26637. }
  26638. .chart-wrapper.interactive.line-chart .chart-content {
  26639. width: 100%
  26640. }
  26641. .chart-wrapper.interactive.line-chart ul.row-1,.chart-wrapper.interactive.line-chart ul.row-2 {
  26642. float: left;
  26643. width: auto
  26644. }
  26645. .chart-wrapper.interactive.line-chart ul.row-1 li {
  26646. width: auto;
  26647. margin-right: 35px;
  26648. float: left;
  26649. white-space: nowrap
  26650. }
  26651. .line-chart .chart-area-footer {
  26652. bottom: 0;
  26653. color: #999;
  26654. font-size: 16px;
  26655. font-weight: 400;
  26656. left: 0;
  26657. margin: 6px 10px 10px 15px
  26658. }
  26659. .line-chart .chart-area-footer .source,.line-chart .chart-area-footer .credit,.line-chart .chart-area-footer .footnotes {
  26660. bottom: 0;
  26661. color: #999;
  26662. font-size: 10px;
  26663. font-weight: 400;
  26664. line-height: 15px;
  26665. margin: 0;
  26666. padding: 0
  26667. }
  26668. .cf {
  26669. zoom: 1
  26670. }
  26671. .cf:before,.cf:after {
  26672. content: "";
  26673. display: table
  26674. }
  26675. .cf:after {
  26676. clear: both
  26677. }