/*
	Title:		TweetElect09.EU, Watch in real time what people say on Twitter about the European Elections!
	Author: 	iindev, innovation in web development.
	Author URL:	www.iindev.com
	Date:		April 23, 2009
--------------------------------------------------------------
*/

	/* COMMON ELEMENTS */
body{margin:0;padding:0 0 50px;background:url(/images/body_x.jpg) repeat-x top;font-family:"Trebuchet MS";font-size:12px;color:#7c7c7c}
#mainWrap:after,.InfoDetails:after,.clear:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#mainWrap{width:984px;margin:0 auto;background:url(/images/mWrap_y.png) repeat-y;position:relative}
#ie6{width:984px;margin:0 auto;position:relative}

a img{border:0}
a{text-decoration:none}
ul{list-style:none;margin:0;padding:0}

.FL{float:left;width:auto}
.FR{float:right;width:auto}
.CB{clear:both}

.lt,.rt,.lb,.rb,.btmX{width:17px;height:17px;background:url(/images/mWrapCorners.png) repeat-x;position:absolute;bottom:-17px;left:0}
.rb{background-position:0 -19px;left:auto;right:0}
.btmX{background-position:0 -38px;width:950px;left:17px}
	/* END COMMON ELEMENTS */

	/* HEADER */
#header{clear:both;width:954px;height:128px;padding:0 0 0 30px;background:url(/images/headerBg.jpg) no-repeat 0 0;overflow:hidden}
#header h1{float:left;width:440px;height:70px;margin:27px 0 0 0;padding:0;overflow:hidden}
#header h1 a{display:block;height:70px;text-indent:-2000px}
.marsteller,.predict_EU{width:105px;height:50px;position:absolute;right:32px;top:14px;background:url(/images/BMandPredict.jpg) no-repeat -12px 0;text-indent:-2000px;cursor:pointer}
.predict_EU{width:138px;height:45px;background-position:0 -60px;right:15px;top:73px;}
	/* END HEADER */

	/* CONTENTS */
.preHome{padding:105px 100px 100px 125px;font-size:18px;line-height:22px}
.preHome p{width:570px;margin:0}
.preHome span,.preHome a{color:#ff9f00}
.preHome a{text-decoration:underline}
.preHome a:hover{text-decoration:none}
.preHome a.twitterLink{text-decoration:none}

#leftWrap,#rightWrap{float:left;width:auto;padding-bottom:100px;overflow:hidden}
#leftWrap{width:333px;padding-left:12px}
#rightWrap,.yellowTab h3{width:627px;background:url(/images/rightYellow.jpg) repeat-x 0 -34px}	

	/* Begin Home */
.webTv{clear:both;width:330px;height:270px;overflow:hidden}
.leftBoard,.leftBoard .lb,.leftBoard .rb{width:5px;height:58px;background:url(/images/leftBoardCorners.gif) repeat-x;left:0;top:0}
.leftBoard{clear:both;width:293px;height:50px;padding:8px 0 0 27px;margin:6px 0 0 10px;position:relative}
.leftBoard .lb{background-position:0 -58px}
.leftBoard .rb{background-position:0 -116px;left:auto;right:0}

.leftBTxt,.leftBFlag{float:left;width:auto;height:41px;background:url(/images/leftBoardElements.jpg) no-repeat 0 0;cursor:pointer;}
.leftBTxt{width:232px;margin-right:6px}
.leftBFlag{width:40px;background-position:-238px 0}

.leftSkyBox{width:300px;padding:5px 10px;margin:12px 0 0 9px;border:1px solid #e2e2e2;background:#f1f1f1}
.leftSkyBox h4,.leftSkyBox strong{font-size:14px;color:#f46e00;line-height:18px;margin:0}
.leftSkyBox p{font-size:13px;color:#666;line-height:18px;margin:0 0 15px}
.leftSkyBox p a{color:#666;text-decoration:underline}
.leftSkyBox p a:hover{text-decoration:none}

.mainBox{margin:8px 0 0 10px;padding-top:7px;}
.mainBox h4,.mainBox strong{font-size:14px;color:#f46e00;line-height:18px;margin:0}
.mainBox h1 {font-size:42px;color:#f46e00;line-height:50px;margin:0;font-weight:normal;}
.mainBox p{font-size:13px;color:#666;line-height:18px;margin:0 0 15px}
.mainBox a{color:#666;text-decoration:underline}
.mainBox a:hover{text-decoration:none}

.rTop{clear:both;width:595px;padding:15px 8px 10px;margin:0 0 0 7px;border-bottom:1px solid #ffa766;font-family:Arial;color:#6e6e6e}
.rTop h2{float:left;width:auto;margin:0 8px 0 0;font-weight:400;font-size:30px;color:#fffffd;line-height:30px}
.flags{float:left;width:auto;margin-top:3px}
.flags img{float:left;width:auto}
.rTop p{clear:both;margin:0;padding-top:10px;font-size:14px;line-height:18px;width:450px}
.rTop strong{color:#ff6c00}

.DDown{float:right;width:141px;height:46px;margin-top:3px;padding-top:7px;line-height:14px;font-size:11px;text-align:center;border:1px solid #ff9f00;background:#fff}
.DDown select{width:125px;height:18px;margin-top:5px;font-size:11px}

.graphWrap{clear:both;margin-right:9px;overflow:hidden}
.graphs{float:right;width:297px;min-height:246px;padding-top:7px;margin:8px 0 0 10px;font-family:Arial;text-align:center;border:1px solid #b4b4b4;background:#d9d9d9;line-height:14px}
#ie6 .graphs{height:auto !important;height:246px}
.graphs img{display:block;margin:0 auto 7px}
.graphs strong{font-size:13px}

.tableInfo{clear:both;width:608px;margin:8px 9px 0 10px;overflow:hidden;position:relative;min-height:400px}
.yellowTab{clear:both;width:608px;height:36px;position:relative;}
.yellowTab h3{width:302px;height:34px;margin:0;font-size:18px;font-weight:400;text-align:center;line-height:34px;color:#fffffd;border:1px solid #ffa714;background-position:0 0;cursor:pointer;position:absolute;top:0;}
.yellowTab h3.left{left:0}
.yellowTab h3.right{right:0}

.InfoDetails{/*clear:both;*/width:606px;height:59px;padding:3px 0;border:1px solid #ffa714;border-top:0;background:#fff;position:relative;/*position:absolute;*/cursor:default;z-index:10}
.InfoD_hover{background:#fff1d9}
.InfoDetails .left{float:left;width:66px;padding:0 8px 0 0;text-align:right;margin-top: 6px; margin-bottom: 5px;}
.InfoDetails .left img{width:48px;height:48px}
.InfoDetails .right{float:left;width:510px;margin:0;padding-top:8px;line-height:15px}
.InfoDetails span{font-weight:700;color:#ff6c00}
.InfoDetails .info {position:relative;top:4px;left:2px;width:16px;}

.InfoDetails a,.InfoDetails a:link{color:#ff7611}
.InfoDetails a:visited{color:#c95601}
.InfoDetails a:hover{ text-decoration:underline}

#filterByFigure,#filterByParty{position:absolute;width:606px;padding:0 0 10px;border:1px solid #ffa714;border-top:0;background:#ffe5bb;left:0;top:36px}
#filterByFigure .CB,#filterByParty .CB,.graphs .row,#filterByFigure .L80{width:100%;background:url(/images/yellowLine_y.gif) repeat-y 157px 0;overflow:hidden}
#filterByFigure .left,#filterByParty .left{float:left;width:157px;padding-top:50px;text-align:center}
#filterByFigure .right,#filterByParty .right{float:left;width:448px; padding:5px 0;position:relative;}
#filterByFigure .right p,#filterByParty .right p{float:left;width:160px;margin:0}

#filterByFigure .right{width:430px}
/*div#scrollPane1{width:435px; height:145px; padding:5px 0; position:relative; overflow:auto}*/

#filterByFigure dfn,#filterByParty dfn{font-size:14px;font-style:normal;line-height:27px;display:block;text-align:center}
#filterByFigure a,#filterByParty a{font-size:15px;font-weight:700;line-height:19px;text-decoration:underline;color:#7c7c7c}
#filterByFigure a:hover,#filterByParty a:hover{text-decoration:none}

#scrollBar,#scroller{position:absolute;width:16px;height:152px;background:url(/images/scrollBar.gif) no-repeat 0 0;overflow:visible;right:27px;top:0}
#scroller{height:16px;background-position:0 -152px;right:0px;top:13px;cursor:pointer}

	/* Begin Dashboard */
.graphs .row{width:278px;margin:0 auto;background-color:#fff;margin-top:11px;background-position:150px 0;border:1px solid #ff9f00}
.graphs h5{font-size:19px;margin:0;padding:6px 0 4px}
.graphs .row dfn{float:left;width:138px;padding:0 0 4px 12px;margin:3px 0 0;display:block;font-style:normal;font-size:15px;font-weight:700;text-align:left;line-height:17px}
.graphs .row span{float:right;width:auto;font-size:25px;color:#ff6c00;display:block;padding:15px 20px 0 0;line-height:26px}
.graphs .row .BTPM{padding-bottom:13px;margin-top:11px}

	/* END CONTENTS */

	/* FOOTER */
.copyright{clear:both;text-align:center}
.copyright a{color:#7c7c7c;text-decoration:underline;font-size:13px;line-height:18px}
.copyright a:hover{text-decoration:none}
	/* END FOOTER */

#filterByFigure .w80{width:80px}
#filterByParty .w80{width:80px}

#filterByFigure .w525{width:525px}
#filterByParty .w525{width:525px}

#filterByFigure .L80{background-position:80px 0}
#filterByParty .L80{background-position:80px 0}

.h145{height:145px}	
p.BM0{margin-bottom:0}
.LP85{padding-left:85px}
.LP35{padding-left:35px}
h4.BM30{margin-bottom:30px}
p.w150{width:150px !important;overflow:hidden}

	/* CSS FOR THE VERTICAL SCROLLER */
.jScrollPaneContainer {position:relative;overflow:hidden;z-index:1}
.jScrollPaneTrack {position:absolute;cursor:pointer;right:0;top:0;height:100%;background:url(../images/scrollBar.gif) no-repeat 0 0}
.jScrollPaneDrag {position:absolute;background:url(../images/scroller.gif) repeat-y;cursor:pointer;overflow:hidden}
.jScrollPaneDragTop {position:absolute;top:0;left:0;overflow:hidden}
.jScrollPaneDragBottom {position:absolute;bottom:0;left:0;overflow:hidden}
a.jScrollArrowUp {display:block;position:absolute;z-index:1;top:0;right:0;text-indent:-2000px;overflow:hidden;height:9px}
a.jScrollArrowUp:hover {}
a.jScrollArrowDown {display:block;position:absolute;z-index:1;bottom:0;right:0;text-indent:-2000px;overflow:hidden;height:9px}
a.jScrollArrowDown:hover {}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {}

/*-----Enclosing elementes to show animation----*/
.streamswrapper{position:relative;height:1700px;min-height:350px;max-height:1700px;overflow-y:hidden;float:left;width:100%}
.streamscroll{top:0;position:absolute;float:left;width:100%;z-index:0;!important}



/*-------------------- TOOL TIPS --------------------*/

.hotspot {padding-bottom:1px; border-bottom:1px dotted; cursor:pointer}

#tt {position:absolute; display:block; background:url(/images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(/images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(/images/tt_bottom.gif) top right no-repeat; overflow:hidden}


.embedcode {float:left;height:70px;margin:-1px 0 0 10px;overflow:hidden;width:120px;cursor:default;font-size:11px;}
.widget_images tr {padding:7px 0;text-align:center;}

.twitter_links a {color:#F46E00; text-decoration:underline;}
.twitter_links img {width:73px;}