body.iframe, html.iframe {
	padding: 0;
	margin: 0;
	overflow:hidden;
}

.map_wrapper ::selection { background: transparent; }
.map_wrapper ::-moz-selection { background: transparent; }

.clear, .clearfix {
	clear: both;
}

#electionsMap.big,
.electionsMap.big {
	width: 828px;
}

#electionsMap.medium,
.electionsMap.medium {
	width: 660px;
}

#electionsMap.small,
.electionsMap.small {
	width: 324px;
}

.hint {
	z-index: 50;
	position: absolute;
	display: none;
	text-align : left;
}

.map_wrapper {
	position: relative;
	margin: 0 auto 40px;
	width: 100%;
	text-align : left;
	font-family: 'Carrosserie-Light'; 
}

	.map_wrapper.big {
		width: 828px;
		min-height: 700px;
	}

	.map_wrapper.medium {
		width: 660px;
		min-height: 600px;
	}

	.map_wrapper.small {
		width: 324px;
		min-height: 300px;
	}

.map {
	
}

.map_wrapper .copyrights {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	background: url('logo.png') no-repeat bottom;
	width: 90px;
	height: 38px;
	text-align: right;
	font: 11px arial;
	cursor: pointer;
	display: none;
}

.map path, .map rect, .map text {
	cursor: pointer;
}

.map text {
	font: 11px 'Carrosserie-Regular' !important;
	color: #333 !important;
}

.map text, .map tspan {
	width: 20px !important;
	height: 20px !important;
}

.hintsStorage {
	display: none;
}

.mapHint {
	width: 200px;
	padding: 10px;
	font: 12px arial;
	background: white;
	border: 2px solid #ddd;
	opacity: 0.95;
	font-family: 'Carrosserie-Light';
}

	.mapHint .title {
		font: 22px 'Carrosserie-Regular';
		color: #333;
	}

		.mapHint .leaderImgWrapper {
			position: relative;
		}

		.mapHint .leaderImgWrapper .leaderImg {
			position: absolute;
			top: 0;
			right: 0;
			height: 54px;
			/*width: 76px;*/
			display: none;
			z-index: -1;
		}

	.mapHint .electoralVotes {
		color: gray;
		padding-top: 2px;
	}

	.mapHint .progress {
		color: gray;
		padding-top: 5px;
	}

	.mapHint .candidates {
		display: block;
		width: 100%;
		border-top: 1px solid gray;
		margin: 10px 0 0 0 !important;
		padding-top: 8px;
		font-size: 13px;
	}

		.mapHint .candidates th{
			font-family: 'Carrosserie-Regular';
			text-align: left;
		}

		.mapHint .candidates td {
			background-color: transparent !important;
		}

		.mapHint .candidates th.color,
		.mapHint .candidates td.color {
			text-align: center;
			width: 85px;
		}

		.mapHint .candidates td.color div{
			background-color: green;
			width: 12px;
			height: 12px;
			margin: 0 auto;
			border-radius: 20px;
		}

		.mapHint .candidates .votes{
			text-align: right;
		}

		.mapHint .candidates .votes .percents{
			font-family: 'Carrosserie-Regular';
		}

		.mapHint .candidates .votes .numbers{
			font-size: 11px;
			color: gray;
		}

.mapLoader {
	width: 100%;
	height: 100%;
	text-align: center;
	background: white url('maploader.gif') no-repeat scroll center center;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
	z-index: 10;
}

.mapError {
	width: 100%;
	height: 100%;
	text-align: center;
	background: #eee;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
	z-index: 11;
	font: 24px arial;
	color: #888;
	display: none;
}
	.mapError div {
		margin-top: 20px;
	}

	.mapError div span {
		font-size: 13px;
	}

.map_general_results {
	border-radius: 10px;
	/*padding: 0 50px;*/
	margin-top: 20px;
	font-family: arial;
	color: #888;
	position: relative;
	width: 100%;
}

	.map_general_results .title {
		font-size: 24px;
		margin-bottom: 20px;
		border-bottom: 1px dotted;
		float: left;
		line-height: 29px;
	}

		.map_wrapper.small .map_general_results .title {
			font-size: 18px;
			margin-bottom: 15px;
			line-height: 28px;
		}

	.map_general_results .cancel {
		cursor: pointer;
		font-size: 15px;
		float: left;
		color: #007ffd;
		margin: 6px 0 0 10px;
		display: none;
		line-height: 19px;
	}

	.map_general_results .nodata {
		font-size: 14px;
		/*margin: 20px 0;*/
		display: none;
	}

		.map_wrapper.small .map_general_results .nodata {
			font-size: 12px;
			margin: 0;
		}

	.map_general_results .median {
		position: absolute;
		width: 2px;
		height: 100%;
		border-right: 2px dashed #888;
		top: 22px;
		right: 359px;
		opacity: 0.4;
		filter:alpha(opacity=4);
	}

		.map_wrapper.big .map_general_results .median {
			right: 348px;
		}

		.map_wrapper.medium .map_general_results .median {
			right: 264px;
		}

		.map_wrapper.small .map_general_results .median {
			right: 118px;
			top: 35px;
			height: 87%;
		}
	
	.map_general_results .template {
		display: none;
	}

	.map_general_results .item {
		width: 100%;
		margin-bottom: 20px;
		clear:both;
	}

		.map_wrapper.small .map_general_results .item {
			margin-bottom: 10px;
		}

	.map_general_results .line {
		float: right;
		width: 720px;
	}

		.map_wrapper.big .map_general_results .line {
			width: 698px;
		}

		.map_wrapper.medium .map_general_results .line {
			width: 530px;
		}

		.map_wrapper.small .map_general_results .line {
			width: 238px;
		}

	.map_general_results .label {
		float: left;
		font-family: arial;
		color: #888;
		text-align: center;
		height: 47px; /* 52 */
		width: 130px;
	}

		.map_wrapper.small .map_general_results .label {
		    height: 42px;
		    width: 82px;
		}

		.map_general_results .label .number {
			font-size: 34px;
			line-height: 34px;
			font-weight: 700;
		}

			.map_wrapper.small .map_general_results .label .number {
				font-size: 24px;
				line-height: 24px;
			}

		.map_general_results .label .name{
			font-size: 14px;
		}

			.map_wrapper.small .map_general_results .label .name{
				font-size: 12px;
			}

	.map_general_results .rating_line_bg1 {
		width: 100%;
		height: 47px; /* 52 */
		border-radius: 15px;
		background-color: #E3E3E3;
		position: relative;
	}

		.map_wrapper.small .map_general_results .rating_line_bg1 {
			height: 33px;
		}

		.map_general_results .rating_line_bg1 .rating_line_bg2{
			width: 100%;
			height: 30px; /*33 */
			border-radius: 15px;
			background-color: #f2f2f2;
			position: absolute;
			top: 0;
			left: 0;
		}

			.map_wrapper.small .map_general_results .rating_line_bg1 .rating_line_bg2,
			.map_wrapper.small .map_general_results .rating_line_color2 {
				height: 23px;
			}

	.map_general_results .rating_line_color1 {
		height: 100%;
		border-radius: 15px;
		background-color: #a12d30;
		position: absolute;
	}

			.map_general_results .rating_line_color2 {
				width: 100%;
				height: 30px; /* 33 */
				border-radius: 15px;
				background-color: #d3353a;
			}

.pin {
	width: 76px;
	height: 66px;
	position: absolute;
	background: url('pin_white.png') no-repeat;
	display: none;
}

.map_wrapper .regionsList {
	/*background: #ccc;*/
}

.map_wrapper .regionsList > span {
	font: 12px arial;
	color: #888;
	display: block;
	float: left;
	width: 100px;
	text-align: center;
	cursor: pointer;
	padding: 5px;
}

	.map_wrapper.small .regionsList > span {
		font-size: 11px;
		padding: 3px;
	}

.map_wrapper .regionsList > span:hover {
	background: #333;
	color: white;
}

.map_wrapper .regionsList > span.active  {
	background: #555;
	color: white;
}

.map_wrapper .regionsListByColor {
	display: none;
	margin-top: 10px;
}

.map_wrapper .regionsListByColor > div{
	float: left;
	width: 20%;
	text-align: center;
}

.map_wrapper .regionsListByColor .title {
	font: 13px 'Carrosserie-light';
	/*background: #0076b6;*/
	color: white;
	margin-bottom: 5px;
	padding: 2px 0;
}

.map_wrapper .regionsListByColor .title.darkText {
	color: #333;
}

.map_wrapper .regionsListByColor i {
	display: block;
	font: 11px arial;
	font-style: normal;
	padding: 2px 0;
	cursor: pointer;
}

.map_wrapper .regionsListByColor i:hover {
	background: #333;
	color: white;
}

.map_wrapper .regionsListByColor i.active  {
	background: #555;
	color: white;
}

.map_wrapper .electoralVotesGraph {
	display: none;
}

	.map_wrapper .electoralVotesGraph .candidate {
		width: 47%;
	}

		.map_wrapper .electoralVotesGraph .candidate .name {
			font: 18px/18px 'Carrosserie-Light';
			text-transform: uppercase;
			color: #777;
		}

		.map_wrapper .electoralVotesGraph .candidate .totalElectoralVotes {
			font: 54px/54px 'Carrosserie-regular';
			color: #333;
		}

		.map_wrapper .electoralVotesGraph .candidate .electoralVotesText {
			font: 12px 'Carrosserie-Light';
			color: #888;
			text-transform: uppercase;
		}

	.map_wrapper .electoralVotesGraph .first {
		float: left;
		text-align: left;
	}

		.map_wrapper .electoralVotesGraph .first .photo {
			float: left;
			/*padding: 14px 10px 20px 0;*/
		}

	.map_wrapper .electoralVotesGraph .second {
		float: right;
		text-align: right;
	}

		.map_wrapper .electoralVotesGraph .second .photo {
			float: right;
			/*padding: 14px 0px 20px 10px;*/
		}

	.map_wrapper .electoralVotesGraph .lineWrapper {
		position: relative;
	}

	.map_wrapper .electoralVotesGraph .lineWrapper .median{
		position: absolute;
		left: 50%;
		bottom: 0;
		height: 46px;
		border-right: 2px dotted #333;
		margin-left: -7px;
	}

	.map_wrapper .electoralVotesGraph .lineWrapper .medianLabel{
		position: absolute;
		left: 50%;
		bottom: 50px;
		margin-left: -52px;
		text-align: center;
		width: 90px;
		text-transform: uppercase;
		font: 14px 'Carrosserie-Light';
		color: #333;
	}

	.map_wrapper .electoralVotesGraph .line {
		/*background: #F4F1E9;*/
		height: 30px;
		margin-top: 1px;
	}

		.map_wrapper .electoralVotesGraph .line div {
			height: 100%;
			float: left;
			border-right: 1px solid white;
			cursor: pointer;
		}

		.map_wrapper .electoralVotesGraph .line div:hover {
			opacity: 0.75;
		}

	.map_wrapper .electoralVotesGraph .legend {
		height: 20px;
		margin: 10px 0;
	}

		.map_wrapper .electoralVotesGraph .legend i {
			display: inline-block;
			width: 12px;
			height: 12px;
			border-radius: 20px;
			margin-right: 3px; 
		}

		.map_wrapper .electoralVotesGraph .legend span {
			font: 13px 'Carrosserie-Light';
			color: #333;
			padding-right: 20px;
		}

.map_wrapper .regionsListByColor .group-1 .title {
	background-color: #0076B6;
}
.map_wrapper .regionsListByColor .group-2 .title {
	background-color: #3E9CCF;
}
.map_wrapper .regionsListByColor .group-3 .title {
	background-color: #F4F1E9;
}
.map_wrapper .regionsListByColor .group-4 .title {
	background-color: #E48388;
}
.map_wrapper .regionsListByColor .group-5 .title {
	background-color: #CB383F;
}

#regionsDetailsTemplate {
	display: none;
}

/*.regionsDetails {
	width: 240px;
	position: absolute;
	right: 10px;
	top: 10px;
}*/

	.regionsDetails .template {
		display: none;
	}

	.regionsDetails .item {
		/*border: 1px solid gray;*/
		padding: 5px;
		color: #555;
		font: 12px arial;
		margin-bottom: 10px;
		display: none;
	}

	.regionsDetails .item .titleWrapper {
		font: 28px 'Carrosserie-Light';
		color: #000;
		margin-bottom: 10px;
	}

	.regionsDetails .item .description,
	.regionsDetails .item .candidates,
	.regionsDetails .item .governor	{
		margin-bottom: 10px;
	}

	.regionsDetails .item .label {
		font-weight: bold;
		color: #000;
	}

	.regionsDetails .graph {
		display: block;
		width: 100%;
		border-spacing: 0;
		margin-bottom: 10px;
	}

    .regionsDetails .graph tr.isCoalition{
        cursor: pointer;
    }

    .regionsDetails .graph tr.inCoalition{
       display: none;
    }

    .regionsDetails .graph tr.showCoalition{
    }
        .regionsDetails .graph tr.showCoalition .name{
            padding-left: 25px;
        }

		.regionsDetails .graph td {
			background: transparent;
			padding: 2px 0;
		}

		.regionsDetails .graph .name {
			width: 80px;
			font: 12px 'Carrosserie-Light'
		}

		.regionsDetails .graph .valuePercentageWrapper {
			width: 40px;
			padding-right: 5px;
			text-align: right;
			font-weight: bold;
		}
		.regionsDetails .graph .line {
			width: 105px;
			background: #eee;
		}
			.regionsDetails .graph .line span{
				display: block;
				width: 0;
				height: 11px;
			}