@import url(https://fonts.googleapis.com/css?family=Roboto:500,300);

/* Reset
----------------*/	
HTML {
	font-size:100.01%;
	}
HTML,BODY,DIV,SPAN,APPLET,OBJECT,IFRAME,
H1,H2,H3,H4,H5,H6,P,BLOCKQUOTE,PRE,A,ABBR,
ACRONYM,ADDRESS,BIG,CITE,CODE,DEL,DFN,EM,
FONT,IMG,INS,KBD,Q,S,SAMP,SMALL,STRIKE,
STRONG,SUB,SUP,TT,VAR,DL,DT,DD,OL,UL,
LI,FIELDSET,FORM,LABEL,LEGEND,TABLE,
CAPTION,TBODY,TFOOT,THEAD,TR,TH,TD,HR {
	padding:0;
	margin:0;
	border:none;
	outline:none;
	font-family:inherit;
	}
	
DFN,I,CITE,VAR,ADDRESS,EM {
	font-style:normal;
	}
TH,H1,H2,H3,H4,H5,H6 {
	font-weight:normal;
	}
TEXTAREA,INPUT,SELECT {
	font-family:Arial,sans-serif;
	font-size:1em;
	}
SMALL {
	font-size:.85em;
	}
OL,UL {
	list-style:none;
	}
TABLE {
	border-collapse:collapse;
	border-spacing:0;
	}
CAPTION,TH,TD {
	text-align:left;
	}
:focus {
	outline:none;
	}
SUP,SUB {
	vertical-align:baseline;
	position:relative;
	top:-.5em;
	font-size:.85em;
	}
SUB {
	top:.5em;
	}

html, body, #a {
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
}

#a {
    display: table;
}

#b {
    display: table-cell;
    margin: 0;
    padding: 0;

    text-align: center;
    vertical-align: middle;
}

#content {
    width: 100%;
    height: 700px;
    margin: auto;
    background:url(../i/l-page.png) 0 225px repeat-x;
}

/* Globals 
----------------*/
BODY {	
	font:.75em/1.5 Arial,sans-serif;
	background:#fff;
	color:#000;
	}
	
A {
	color:#002776;
	}
	A:hover {
		}
	A * {
		cursor:pointer;
		}

	
		
/* User Generated
----------------------- */	
.h-ugc {
	zoom:1;
	}
	.h-ugc H1,
	H1.title {
		}
	.h-ugc H2,
	H2.title {
		}
	.h-ugc H3,
	H3.title {
		}
	.h-ugc H4,
	H4.title {
		}
				
	.h-ugc *+H2 {
		margin-top:1.25em;		
		}
	.h-ugc *+H3,
	.h-ugc *+H4 {
		margin-top:1.75em;		
		}
		
	.h-ugc P,
	.h-ugc UL,
	.h-ugc OL,
	.h-ugc TABLE,
	.h-ugc BLOCKQUOTE {
		margin:0 0 1em;
		}

	.h-ugc>*:last-child {
		margin-bottom:0;
		}
		
	.h-ugc .annot,
	P.annot {
		}
		
	.h-ugc .pic-left {
		float:left;
		}
	.h-ugc .pic-right {
		float:right;
		}
	.h-ugc .pic-center {
		text-align:center;
		}
		.h-ugc .pic-left IMG,
		.h-ugc .pic-right IMG,
		.h-ugc .pic-center IMG,
		.h-ugc IMG.pic-left,
		.h-ugc IMG.pic-right,
		.h-ugc IMG.pic-center {
			vertical-align:middle;
			}
		
.h-ugc UL {
	margin:0 0 1em;
	}
.h-ugc OL {
	margin:0 0 1em 2em;
	}
	.h-ugc LI {
		margin:.25em 0;
		font-size:14px;
		}
		
	.h-ugc UL LI {
		margin:.5em 0 .5em -22px;
		padding:0 0 0 22px;
		background:url(../i/bul.gif) 0 8px no-repeat;
		}
		.h-ugc UL LI LI,
		.h-ugc LI UL LI {
			}
	.h-ugc OL LI,
	.h-ugc LI OL LI {
		list-style:decimal;
		background:none;
		padding:0;
		}
	.h-ugc OL OL LI {
		list-style:lower-latin;
		}
		
	.h-ugc TABLE {
		width:100%;
		border-collapse:collapse;
		margin:0 -12px;
		}
		.h-ugc TABLE TH,
		.h-ugc TABLE TD {
			padding:5px 12px;
			}
			.h-ugc TABLE TR>*:last-child {
				border-right:none 0;
				}
		.h-ugc TABLE TH {
			}
		.h-ugc TABLE TD {
			}
			.h-ugc TABLE .tr-even TD {
				}

	.h-ugc P SMALL {
		font-size:.92em;
		}

	.h-ugc BLOCKQUOTE {
		}

	.h-ugc .tg-pop {
		display:-moz-inline-box;display:inline-block;//display:inline;zoom:1;
		}

/* Layout
----------------------- */
.l-page {
	width:960px;
	padding:0 20px;
	margin:0 auto;
	}


/* Header
----------------------- */
.l-header {
	position: relative;
    height: 134px;
	color:#333;
	}
	.l-header .logo {
        position: absolute;
        left: 10px;
        top: 33px;
        width: 141px;
        height: 36px;
		}
	.l-header .sublogo {
        position: absolute;
        left: 837px;
        top: 41px;
        width: 113px;
        height: 21px;
		}
        .l-header .sublogo > IMG {
            display: block;
            width: 113px;
            height: 21px;
            }
    .l-header .head-title {
        padding-top: 29px;
        text-transform: uppercase;
        text-align: center;
        color: #7e817f;
        font: 22px/1.3 'Roboto', 'Trebuchet MS', sans-serif;
        font-weight: 300;
		}

/* Footer
----------------------- */
.l-footer {
	padding:15px 20px 25px;
	}
	.l-footer .dev {
		color:#a9a9a9;
		text-align:center;
		font-size:10px;
		line-height:1.2;
		}
		.l-footer .dev A {
			color:#759ec4;
			}
		.l-footer .dev P {
			margin:0 0 1em;
			}
			.l-footer .dev P IMG {
				margin:0 0 0 -32px;
				}
			

/* Body
----------------------- */
.l-body {
	}
	.l-body__i {
        position: relative;
        margin: 0 0 46px;
		padding:0;
        height: 271px;
		}

/* nav */
.b-nav {
    padding: 0 10px;
    height: 91px;
	text-align:justify;
	}
	.b-nav:after {
		content:"";
		display:inline-block;
		width:100%;
		height:0;
		font-size:0;
		overflow:hidden;
		}
    .b-nav_head {
        background: url(../i/b-nav.png) 50% 0 no-repeat;
        }

/* bt */
.bt {
	display:inline-block;
    border-radius: 3px;
    background:url(../i/bt.png) 50% 0 no-repeat;
	height:50px;
	vertical-align:middle;
	text-decoration:none;
	color:#000;
	position:relative;
	white-space:nowrap;
    padding:0 10px;
	width:91px;
    text-align:center;
    font: 12px/50px 'Roboto', 'Trebuchet MS', sans-serif;
    font-weight: 500
    }
.bt2 {
    padding:10px 10px 0 10px;
    height:40px;
    line-height: 1.2;
    }
.bt3 {
    position: absolute;
    bottom: 12px;
    left: 24px;
    padding-top: 7px;
    width: 158px;
    height:43px;
    color: #F00;
    text-align: left;
    border-radius: 0;
    background-position:0 -100px;
    line-height: 1.3;
    font-size: 14px;
    }
.bt4 {
    left: 217px;
    }
	.bt:hover,
    .bt.active {
        border-radius: 4px;
        background-position:50% -50px;
		color:#fff;
		}

/* tabs */
.b-tabs {
	}
	.b-tabs__head {
		position:absolute;
        left: 0;
		top:0;
		z-index: 10;
		}
        .b-tabs IMG {
            display: block;
            }
		.b-tabs__head LI {
            float: left;
            margin-right: 1px;
            width: 133px;
			height: 25px;
            background: #5f5e5e;
            color: #FFF;
            text-align: center;
            font: 14px/25px 'Roboto', 'Trebuchet MS', sans-serif;
            font-weight: 300;
            cursor: pointer;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-transition: background .5s ease;
            transition: background .5s ease;
        }
        .b-tabs__head .cur {
            background: #f00;
            }
    .b-tabs .button {
        position: absolute;
        top: 0;
        right: 0;
        z-index: 2;
        width: 100px;
        height: 25px;
        background: #5f5e5e;
        color: #FFF;
        text-align: center;
        text-decoration: none;
        font: 14px/25px 'Roboto', 'Trebuchet MS', sans-serif;
        font-weight: 300;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        -webkit-transition: background .5s ease;
        transition: background .5s ease;
        }
    .b-tabs .button:hover,
    .b-tabs .button.active {
        background: #f00;
        }

	.b-tabs530 {
        position: absolute;
        z-index: 2;
        top: 0;
        left: 190px;
		width:580px;
        height: 271px;
        background: #f6f6f6;
		}
    .b-tabs__i {
        position: absolute;
        top: 0;
        left: 0;
        width:580px;
        height: 271px;
        background: #f6f6f6;
        }
.map-blank {
    position: absolute;
    top: 0;
    left: 0;
    }
.map-hover {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -webkit-transition: opacity .5s ease;
    transition: opacity .5s ease;
    }
.map-hover.hover,
.map-hover.active {
    opacity: 1;
    }

/* pop */
.b-pop {
	position:absolute;
	display:none;
    box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.75);
	}
.b-pop_noshadow {
    box-shadow: none;
    }
	.b-pop IMG {
		display: block;
		}
		.b-pop__close {
			cursor:pointer;
			display:none;
			position:absolute;
            z-index: 1;
            top:8px;
            right:9px;
			background:url(../i/close.png) no-repeat 0 0;
			width:31px;
			height:31px;
			}
#to-pop-graph1 {
    position: absolute;
    left: 314px;
    top: 77px;
    width: 244px;
    height: 84px;
    background: url(../i/content/index-1_1.png) no-repeat;
    }
#to-pop-graph1:hover,
#to-pop-graph1.active {
    background-position: 0 -84px;
    }
    #pop-graph1 {
        display: block;
		top: 0;
        right: 190px;
		}
        #pop-graph1 .b-pop__close {
            display: block;
            z-index: 1 !important;
            }


	.ui-draggable .b-pop__i {
		cursor:move;	
		}

	.b-pop_pin .b-pop__close {
		display:block;
		}

.chart{
	padding-top: 26px;
	padding-left: 40px;
}
.w-chart-wrapper{
	z-index: 9;
}
.w-chart-wrapper svg{
	position: static !important;
	z-index: 9;
}
.w-chart-legend{
	text-align: center;
	margin: -15px 0 0 0;
	padding: 0;
	border: none;
	font-family: Roboto, 'Trebuchet MS', sans-serif;
	font-size: 14px;
	z-index: 10;
}

.w-chartbuilder-buttons-group.type_charts {
	position: absolute;
	top: 70px;
	width: 30px;
	left: 10px
}
.w-chartbuilder-buttons-group.type_export {
	float: right;
}
.w-chartbuilder-button {
	display: inline-block;
	vertical-align: top;
	overflow: hidden;
	margin: 20px 2px 0 0;
	width: 27px;
	height: 27px;
	border-radius: 3px;
	background: #b5b5b5 url(../i/w-chartbuilder-buttons.png) no-repeat;
	text-indent: -999px;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.w-chartbuilder-button:hover {
	background-color: #f00;
}
.w-chartbuilder-button.active {
	background-color: #f00;
}
.w-chartbuilder-button.type_line {
	background-position: -27px 0;
}
.w-chartbuilder-button.type_column {
	background-position: -54px 0;
}