.unsuportedBrowser p {background:#f3ed8e url('../images/cautionSign.png') no-repeat 60px 25px; padding:30px 90px 30px 120px; border: solid 1px #ee9135; text-align: left; } body { font-family:'Gill Sans','Gill Sans MT', Arial, sans-serif; } canvas { margin:0; padding:0; } #bodyWrap { min-width:1024px; } .clear { clear:both; height:0px; } .fl { float:left; } .fr { float:right; } .ml { margin-left:1em; } .mt { margin-top:1em; } .mb { margin-bottom:1em; } .center { text-align:center; } .hidden { display:none; } .cons { color: #035b78; } /* dark colours */ .labs { color: #770901; } .libs { color: #887301; } .roundedBtn { -webkit-border-radius: 0.9em; -webkit-border-top-right-radius: 0.9em; -webkit-border-bottom-left-radius: 0.9em; -moz-border-radius:0.9em; border-radius:0.9em; } div.apple_overlay {font-size:14px; } #header { height:70px; margin-bottom:-105px; text-align:center; background:#333333 url('../images/header_bg.jpg'); } #header img { position:relative; top:-60px; } #contentWrap { text-align:center; } #content { width:940px; padding:20px 40px 40px; margin:0 auto; position:relative; top:105px; } /* HOMEPAGE */ #explain { height:270px; margin-top:2em; background:#ccc url('../images/explain_bg.jpg'); text-align:left; overflow:hidden; position:relative; } #introTextContainer { width:3760px; height:270px; position:absolute; left:0; } .infoText { float:left; width:940px; } .infoText p { float:left; margin:10px 30px 0 65px;} .box1 #leftCol {width: 300px; } .box1 #piechart {position: absolute; top: -20px; left: 310px; background: url(../images/pieChartBack.png) no-repeat 50% 47px; padding: 60px; z-index:999; } .box1 div {position: absolute; top: 80px; left: 570px; } .box1 li {font-family:'MergeRegular','Gill Sans','Gill Sans MT', Arial, sans-serif; font-size:24px; line-height:33px;} .box1 #bracket {position: absolute; top: -5px; left: 45px;} .box1 #pieLabel1 {position: absolute; top: 30px; left: 90px; width: 180px;} .box1 #pieLabel2 {position: absolute; top: 40px; left: 27px; width: 180px;} .box2 #leftCol {width: 390px; } .box2 img {float: right; margin: 30px 40px 0 0;} .box3 #leftCol {width: 410px; } .box3 img {float: right; margin: 30px 70px 0 0;} .box4 #leftCol {width: 410px; } .box4 img {float: right; margin: 90px 70px 0 0;} #explain h1 { flat:left; font-family:'MergeRegular','Gill Sans','Gill Sans MT', Arial, sans-serif; color:#fff; font-size:26px; line-height:10px; padding:2em 65px 0.6em; } #explain h2 { font-family:'MergeRegular','Gill Sans','Gill Sans MT', Arial, sans-serif; color:#fff; font-size:20px; } #explain p { float: left font-size:16px; line-height:24px; color:#3d3d3d; letter-spacing: 0.06em;} #explain .dots { position:absolute; bottom:30px; left:450px; } #explainNavigation { position:absolute; top:110px; left:0; width:100%; z-index:99; } #explainNavigation img.scanLeft { position:relative; left:0px; } #explainNavigation img.scanRight { position:absolute; right:0px; } #homepageGraphs { margin:1em 0 0; text-align:left; } .partyWrap { width:310px; float:left; position:relative; } .partyWrap .partyLogo { background:#fff; height:70px; position:relative; } .partyWrap .partyLogo img { position:absolute; bottom:10px; left:0; } .partyWrap p { margin:0 1em 0 1em; padding:1em 0 0.5em 0 ; line-height:120%; background:url('../images/dashedLine.png') repeat-x bottom right; } .topWordsWrap { height: 70px; } .partyWrap ul { padding:0.5em 1em 1em 1em; line-height:120%; } .partyWrap strong { color:#fff; } .partyWrap .viewGraphBtn { display:block; line-height:32px; margin:1em 0; text-align:center; color:#fff; text-decoration:none; background:url(../images/viewGraphBtn.png) no-repeat top center; } #miniConservatives { background:#018bca; } #miniLabour { background:#c40f02; margin-left:5px; } #miniLibDems { background:#f7ce00; margin-left:5px; } .miniGraphWrap { height:175px; width:310px; position:relative; overflow:hidden; } .miniGraph { height:175px; width:310px; position:absolute; top:175px; } .miniGraph img { position:absolute; bottom:0; left:0; } .miniGraphRefreshBtn { position:absolute; top:400px; left:137px; } #graphRefreshButtons { height:494px; background:url('../images/partyColoursTwitterButton.png') no-repeat top left; z-index:3; position: relative; } /* GRAPH PAGE */ #goHomeLink { position:absolute; top:-30px; color:#fff; text-decoration:none; line-height:25px; padding-left:24px; background:url('../images/arrowLeft.png') no-repeat center left; } #sendALinkWrap { position:relative; z-index:3000; } #sendALinkPanel { display:none; position:absolute; top:50px; right:0; width:300px; background:#fff; z-index:99; border:1px solid #ccc; text-align:left; } #sendALinkPanel .row { padding:0.4em; } #sendALinkPanel .closeIcon { padding:4px; } #sendALinkPanel input { width:280px; } #longLinkRow { display:none; } #tweetThisRow { margin:10px 0; padding-left:40px; background:url('../images/twitterIcon.png') no-repeat 5px 50%; } #tweetThisButton { cursor:pointer; width:80px !important; padding:0.4em; background:#666; border:0; color:#fff; } #sendALink { float:right; top:30px; text-decoration:none; line-height:25px; margin:19px 19px 0 0; background:#666; color:#fff; } #goHelpLink { float:right; top:30px; text-decoration:none; line-height:25px; margin-top:19px; padding-right:23px; background:url('../images/helpIcon.png') no-repeat center right; } #cautionLink { display:none; float:right; top:30px; text-decoration:none; line-height:25px; margin-top: 19px; padding-right:23px; background:url('../images/cautionSignMini.png') no-repeat center right; text-indent: -999em;} #graphPage .partyLogo { float:left; margin:0.6em 0 1em; } #graphPage #pageInfo { float:left; margin:24px 0 0 10px; } #consSwitch #graph2 p { background-color:#018BCA; padding:20px 0; color:#fff; } #labsSwitch #graph2 p { background-color:#ef271a; padding:20px 0; color:#fff; } #libsSwitch #graph2 p { background-color:#fbd721; padding:20px 0; color:#fff; } .tickLabel { font-size:9px; text-align:left !important; color:#ccc; } #graph2 .tickLabel { margin:-50px 0 0 18px; color:#fff; } #mainGraphHolder { position:relative; top:-6px; } #hoveredWordUI { position:absolute; width:80%; height:35px; left:85px; z-index:1; overflow:hidden; } #hoveredWord { position:absolute; display:block; width:60px; height:37px; top:2px; left:-70px; opacity:0; border-left:1px solid #ccc; border-right:1px solid #ccc; } #consSwitch #hoveredWord { background:#fff; } #labsSwitch #hoveredWord { background:#fff; } #libsSwitch #hoveredWord { background:#fff; } #graphOptions { display:none; margin:1em 0; padding-top:11px; background:#f1efdf url('../images/graphOptions_top_bg.jpg') no-repeat top left; position:relative; } #topTenWords { width:500px; float:left; position:relative; z-index:2; } #topTenWords .legendColorBox div { } #topTenWords .legendColorBox div div { width:0px !important; } #topTenWords .legendLabel { text-align:left; padding:0 1.2em 0 0.2em; font-size:14px; } #topTenWords .TGHighlight { white-space:nowrap; cursor:pointer !important; } .TGHighlight:hover { padding-bottom:3px; border-bottom:3px solid #aaa; } #topTenWords .hovering { } #topTenWords table { width:100%; margin-left:1em;} #topTenWords td { vertical-align: top; text-align:center; } #minMaxOptions { border-left:1px solid #d5d3c5; margin:0 1em 0 0; padding:0; float:right; } #minMaxOptions div { margin:0; width:70px; } #minMaxOptions label { margin:0 1em 0 0; float:right; } #minMaxOptions a { display:block; margin-top: -2px; width:19px; height:19px; float:right; background:url('../images/closeIcon.png') no-repeat 50% 50%; } #minMaxOptions a.showMore { background:url('../images/openIcon.png') no-repeat 50% 50%; } #moreOptionsWrap { clear:both; border-top:1px solid #d5d3c5; margin:2em 1em 0; text-align:left; line-height:28px; } #moreOptionsWrap select { margin-left: 5px; } .furtherOption { margin:0.5em 0.6em 0.2em 0; padding:0 0.5em 0 0; float:left; border-right:1px solid #d5d3c5; } #tweetAuthorFilter { } #TGRetweetFilter { } #partyLinesControl { } #partyLinesControl label { font-size:9px; } #TGWordFilter { background:#fff url('../images/spacer.gif') no-repeat 100% 50%; } .searching { background:#fff url('../images/searchSpin12.gif') no-repeat right 50% !important; } #refineSearch { margin:7px 0 0; } #refineSearch img { position: relative; top:4px;} #refineSearch input { margin:0.2em 0.5em 0 0.2em;} #refineSearch a { display:block-inline; height:25px; padding:0 24px 0 25px; background:#666; text-decoration:none; color:#fff; } .bottomCorners { position:relative; clear:both; height:11px; background:url('../images/graphOptions_bottom_bg.jpg') no-repeat top left; } #TGZoomOutButton { padding:2px 10px; margin-right:0; position:relative; top:11px; background:#666; color:#fff; border:0; } input.button { } a.button { -webkit-border-radius: 0.9em; -webkit-border-top-right-radius: 0.9em; -webkit-border-bottom-left-radius: 0.9em; -moz-border-radius:0.9em; border-radius:0.9em; font-size: 14px; text-decoration: none; line-height: 40px; text-align: left; background-color: white; margin: 1em 0 0 0; padding: 0.1em 0.7em} a.button:hover { background-color: #333333; color: white;} #dataLabel, #timeLabel { position:absolute; font-size:9px; } #dataLabel { top:-5px; } #timeLabel { top:232px; white-space:nowrap; } #graph1 { margin-bottom:1em; position:relative; } #TGLoadingBox { width:340px; height:234px; line-height:20px; position:absolute; padding:0 300px; z-index: 100; background:url('../images/ieBlocker_bg.png') repeat-x top left; } #TGLoadingBox p { margin:1em 0; } #TGLoadingBox div { margin:5em auto 1em auto; } #TGProcessingBox { width:340px; height:234px; display:none; line-height:20px; position:absolute; padding:0 300px; z-index: 100; background:url('../images/ieBlocker_bg.png') repeat-x top left;} #TGProcessingBox p { margin:1em 0; } #TGProcessingBox div { margin:5em auto 1em auto; } #processingProgressBar { margin:0 auto; height:20px; width:0px; color:#fff; padding:2px 0; border:1px groove #eee; } #loadingProgressBar, #processingProgressBar { margin:20px auto; height:20px; width:0px; color:#fff; padding:5px 0; border:1px groove #eee; } #consSwitch #loadingProgressBar, #consSwitch #processingProgressBar { background:#018BCA; } #labsSwitch #loadingProgressBar, #labsSwitch #processingProgressBar { background:#ef271a; } #libsSwitch #loadingProgressBar, #libsSwitch #processingProgressBar { background:#fbd721; color:#666; } #graph1 .tickLabel { margin:-229px 0 0 18px; padding:0 0 2px; background:#fff; } #IEblocker { position:relative; } #closeIEBlocker { position:absolute; top:10px; right:10px;} #tweetsWrap { color:#fff; text-align:left; padding:0 0 0 1em; } #consSwitch #tweetsWrap { background:#008ac9; } #labsSwitch #tweetsWrap { background:#ef2718; } #libsSwitch #tweetsWrap { background:#fbd722; color:#887301; } #tweetsMetaCol { width:182px; float:left; margin:20px 10px 0 0; } #tweetsMetaCol img { margin-bottom:1em; } #tweetsMetaCol .time { margin-left:0.5em; } #tweetsMetaCol a { -webkit-border-radius: 0.9em; -webkit-border-top-right-radius: 0.9em; -webkit-border-bottom-left-radius: 0.9em; -moz-border-radius:0.9em; border-radius:0.9em; font-size: 14px; text-decoration: none; line-height: 40px; text-align: left; background-color: white; margin: 1em 0 0 0; padding: 0.1em 0.7em} #tweetsMetaCol a:hover {background-color: #333333; color: white;} #tweetsDataCol { position:relative; width:512px; float:left; height:475px; overflow:hidden; } #consSwitch #tweetsDataCol { background:url('../images/consTweetsDataCol_bg.png') repeat-x top left; } #labsSwitch #tweetsDataCol { background:url('../images/labsTweetsDataCol_bg.png') repeat-x top left; } #libsSwitch #tweetsDataCol { background:url('../images/libsTweetsDataCol_bg.jpg') repeat-x top left; } #allTweetsWrap { position:absolute; top:1px; left:0; width:100%; } .tweetWrap { height:95px; background:url('../images/dashedLine.png') repeat-x bottom right; padding-left:3em; } #allTweetsWrap .empty { background-image:url('xxx'); } .tweetWrap .center p { padding:10% 30% 60%; color:#333; } /* Loading tweets */ .profilePic { width:65px; float:left; padding:1em 0 0 1em; } .profilePic img { border:2px solid #fff; } .tweetAuthor { font-size:18px; padding:13px 0 0; } .tweetTimestamp { font-size:12px; } .tweetText { font-size:14px; line-height:18px; width:420px; float:left; } #consSwitch .tweetText .keyword { background:#035b78; padding:1px 3px;} #labsSwitch .tweetText .keyword { background:#770901; padding:1px 3px;} #libsSwitch .tweetText .keyword { background:white; padding:1px 3px;} #tweetsScrollbar { width:28px; float:left; height:475px; tex-align:center; position:relative; } #consSwitch #tweetsScrollbar { background:#007bb3; } #labsSwitch #tweetsScrollbar { background:#930b01; } #libsSwitch #tweetsScrollbar { background:#887301; } #tweetsScrollbar img { margin:3px 5px 0; } #scrollbarLimits { width:14px; height:430px; position:relative; left:7px; top:0px; overflow:hidden; } #scrollbarLimits img { margin:0; padding:5px 0 3px; } #tweetsFilterCol { width:175px; padding:1em 0; float:right; position:relative; text-align:left; } #tweetsFilterCol ul { margin:0; } #tweetsFilterCol li { margin:0.8em 0; text-align:center; } #tweetsFilterCol li a { display:block; line-height:18px; padding:1px 8px 6px 0; color:#fff; text-decoration:none; background:url('../images/tweetsFilterWord_bg.png') no-repeat top left; } #tweetsFilterCol li .selected { background-image:url('../images/tweetsFilterWord_selected_bg.png'); } #colouredBase { height:62px; } #baseLeft { float:left; width:87px; height:63px; } #baseRight { float:right; width:87px; height:63px; } #graphTwitterButton { position: relative; z-index: 3; height:211px; top:-1px; } #consSwitch #colouredBase { background:url('../images/consColouredBase_bg.jpg') repeat top left; } #consSwitch #baseLeft { background:url('../images/consBaseLeft_bg.jpg') no-repeat top left; } #consSwitch #baseRight { background:url('../images/consBaseRight_bg.jpg') no-repeat top right; } #consSwitch #graphTwitterButton { background:url('../images/consGraphTwitterButton.png') no-repeat top center; } #labsSwitch #colouredBase { background:url('../images/labsColouredBase_bg.jpg') repeat top left; } #labsSwitch #baseLeft { background:url('../images/labsBaseLeft_bg.jpg') no-repeat top left; } #labsSwitch #baseRight { background:url('../images/labsBaseRight_bg.jpg') no-repeat top right; } #labsSwitch #graphTwitterButton { background:url('../images/labsGraphTwitterButton.png') no-repeat top center; } #libsSwitch #colouredBase { background:url('../images/libsColouredBase_bg.jpg') repeat top left; } #libsSwitch #baseLeft { background:url('../images/libsBaseLeft_bg.jpg') no-repeat top left; } #libsSwitch #baseRight { background:url('../images/libsBaseRight_bg.jpg') no-repeat top right; } #libsSwitch #graphTwitterButton { background:url('../images/libsGraphTwitterButton.png') no-repeat top center; } #footer { height:350px; background:#333; color:#e5e2d1; z-index:2; } #dummyDiv { clear:both; height:90px; } #footer div { width:940px; margin:0 auto; position:relative; } #footer div div { text-align:left; width:300px; position:relative; top:-50px; } #footer a { color:#e5e2d1; text-decoration:none; } #footer a:hover { text-decoration:underline; } #footer p { color: white; line-height: 18px; margin:15px 0 5px 0; padding:20px; -webkit-border-radius: 10px; -webkit-border-top-right-radius: 10px;-webkit-border-bottom-left-radius: 10px; -moz-border-radius:10px; border-radius:10px; background-color: #202020; } #tweetcurveInfo a img { margin-top:20px; }