
.container
{
    margin: 0px;
	padding: 0px;
    width: 940px;
    height: 650px;
    position:relative;
    background-color: #fff;
	overflow: hidden;
	position:relative;
}


#loading {
	font-size: 14px;
	font-family: Arial;
	background-color: #fff;
	height: 480px;
	padding-top: 220px;
	text-align: center;
	width: 940px;
	position: absolute;
	z-index: 100000;
	left: 0;
	top: 0;
	color: #777;
}


.prev {
	position: absolute;
	top: 0px;
    left: 0;
    margin-left: 5px;
    z-index: 200;
    display: none;
}
.next {
	position: absolute;
	top: 0px;
    right: 0;
    margin-right: 5px;
    z-index: 200;
    display: none;
}

a.prev:hover, a.next:hover {
    text-decoration: none;
    background: #ccc;
    color: #333;
}

a.prev_img {
    background: url(http://football-shirts.appspot.com/static/img/leftArrow.gif) no-repeat;
    width: 80px;
    height: 190px;
    padding: 0px;
    margin: 0px;
}

a.prev_img:hover {
    background: url(http://football-shirts.appspot.com/static/img/leftArrowOver.gif) no-repeat;
}

a.next_img {
    background: url(http://football-shirts.appspot.com/static/img/rightArrow.gif) no-repeat;
    width: 80px;
    height: 190px;
    padding: 0px;
    margin: 0px;
}

a.next_img:hover {
    background: url(http://football-shirts.appspot.com/static/img/rightArrowOver.gif) no-repeat;
}

#scroller {
	
	overflow: hidden;
	position: absolute;
	top: 50px;
	width:940px;
	height:500px;
	z-index: 100;
}

	#scroller .handle {
		width: 7190px;
		height: 500px;
	}
	
	
	
		#scroller .handle .slide {
			position: absolute;
			width: 719px;
			height: 500px;
		}
		#scroller .handle .img1 {
			background: url('../images/panels/panel1.gif') no-repeat 0 0;
			left: 0;
		}
		#scroller .handle .img2 {
			background: url('../images/panels/panel2.gif') no-repeat 0 0;
			left: 719px;
		}
		
		#scroller .handle .img3 {
			background: url('../images/panels/panel3.gif') no-repeat 0 0;
			left: 1438px;
		}
		
		#scroller .handle .img4 {
			background: url('../images/panels/panel4.gif') no-repeat 0 0;
			left: 2157px;
		}
		
		#scroller .handle .img5 {
			background: url('../images/panels/panel5.gif') no-repeat 0 0;
			left: 2876px;
		}
		
		#scroller .handle .img6 {
			background: url('../images/panels/panel6.gif') no-repeat 0 0;
			left: 3595px;
		}
		
		#scroller .handle .img7 {
			background: url('../images/panels/panel7.gif') no-repeat 0 0;
			left: 4314px;
		}
		
		#scroller .handle .img8 {
			background: url('../images/panels/panel8.gif') no-repeat 0 0;
			left: 5033px;
		}
		
		#scroller .handle .img9 {
			background: url('../images/panels/panel9.gif') no-repeat 0 0;
			left: 5752px;
		}
		
		#scroller .handle .img10 {
			background: url('../images/panels/panel10.gif') no-repeat 0 0;
			left: 6471px;
		}
		
		
#bottomScroller {
	position:absolute;
	left:0px;
	top:545px;
	padding: 0px;
    margin: 0px;
	height:80px;
	width:940px;
	background: url('../images/panels/bottomGraph.gif') no-repeat 0 0;
	z-index:999999;
}

#bottomScrollerHandle {
	width: 115px;
	height:76px;
	border: 4px solid #ccc;
	float: left;
	cursor: e-resize;
}

#buttonContainer {
		position:absolute;
	left:0px;
	top:0px;
	padding: 0px;
    margin: 0px;
	height:84px;
	width:945px;
}

.flagButton {
	display: block;
	float: left;
	margin-right: 5px;
	width: 30px;
	height: 45px;
	cursor: pointer;
	font-family: Arial;
	font-size: 10px;
	line-height: 70px;
	color: #999;
	text-align:center;
}

#infoPanel {
	position: absolute;
	width: 940px;
	height: 120px;
	top: -150px;
	left: 0px;
	/*background: url('../images/greyBackground.png');*/
	background-color: #ccc;
	z-index:999999;
	font-family: Arial;
	font-size: 12px;
	color: #666;
}

#countryName {
	position: absolute;
	top: 10px;
	left: 10px;
	font-family: Georgia;
	font-size: 18px;
	color: #333;
}

#competitiveness {
	position: absolute;
	top: 10px;
	left: 150px;
}

#cohesion {
	position: absolute;
	top: 30px;
	left: 150px;
}

#preservation {
	position: absolute;
	top: 50px;
	left: 150px;
}

#citizenship {
	position: absolute;
	top: 70px;
	left: 150px;
}

#global {
	position: absolute;
	top: 90px;
	left: 150px;
}

#admin {
	position: absolute;
	top: 10px;
	left: 550px;
}

#totalExpenditure {
	position: absolute;
	top: 30px;
	left: 550px;
}

#totalContribution {
	position: absolute;
	top: 50px;
	left: 550px;
}

#net {
	position: absolute;
	top: 70px;
	left: 550px;
}

#closeButton {
	position: absolute;
	width: 20px;
	height: 20px;
	top: 10px;
	right: 10px;
	cursor:pointer;
	background: url('../images/close.png') no-repeat 0 0;

}

#flagButton_0 {
	background: url('../images/flag_poland.png') no-repeat 0 0;
}

#flagButton_1 {
	background: url('../images/flag_spain.png') no-repeat 0 0;
}

#flagButton_2 {
	background: url('../images/flag_greece.png') no-repeat 0 0;
}

#flagButton_3 {
	background: url('../images/flag_belgium.png') no-repeat 0 0;
}

#flagButton_4 {
	background: url('../images/flag_hungary.png') no-repeat 0 0;
}

#flagButton_5 {
	background: url('../images/flag_portugal.png') no-repeat 0 0;
}

#flagButton_6 {
	background: url('../images/flag_czech.png') no-repeat 0 0;
}

#flagButton_7 {
	background: url('../images/flag_lith.png') no-repeat 0 0;
}

#flagButton_8 {
	background: url('../images/flag_slovak.png') no-repeat 0 0;
}

#flagButton_9 {
	background: url('../images/flag_lux.png') no-repeat 0 0;
}

#flagButton_10 {
	background: url('../images/flag_rom.png') no-repeat 0 0;
}

#flagButton_11 {
	background: url('../images/flag_bulg.png') no-repeat 0 0;
}

#flagButton_12 {
	background: url('../images/flag_ire.png') no-repeat 0 0;
}

#flagButton_13 {
	background: url('../images/flag_latv.png') no-repeat 0 0;
}

#flagButton_14 {
	background: url('../images/flag_est.png') no-repeat 0 0;
}

#flagButton_15 {
	background: url('../images/flag_sloven.png') no-repeat 0 0;
}

#flagButton_16 {
	background: url('../images/flag_malta.png') no-repeat 0 0;
}

#flagButton_17 {
	background: url('../images/flag_cyp.png') no-repeat 0 0;
}

#flagButton_18 {
	background: url('../images/flag_fin.png') no-repeat 0 0;
}

#flagButton_19 {
	background: url('../images/flag_den.png') no-repeat 0 0;
}

#flagButton_20 {
	background: url('../images/flag_aust.png') no-repeat 0 0;
}

#flagButton_21 {
	background: url('../images/flag_swe.png') no-repeat 0 0;
}

#flagButton_22 {
	background: url('../images/flag_ned.png') no-repeat 0 0;
}

#flagButton_23 {
	background: url('../images/flag_ita.png') no-repeat 0 0;
}

#flagButton_24 {
	background: url('../images/flag_fra.png') no-repeat 0 0;
}

#flagButton_25 {
	background: url('../images/flag_gbr.png') no-repeat 0 0;
}

#flagButton_26 {
	background: url('../images/flag_ger.png') no-repeat 0 0;
}



