#sliderYear{
	display: none;
}

#maplegend{
	width: 300px;
	height: 30px;
	margin-top: 50px;
	margin-left: 30px;
		background-image: -webkit-gradient(to right, from( rgb(106, 95, 0)  /*{b-bup-background-start}*/), to( rgb(13, 235, 0) /*{b-bup-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(to right, rgb(106, 95, 0) /*{b-bup-background-start}*/, rgb(13, 235, 0) /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient(to right, rgb(106, 95, 0) /*{b-bup-background-start}*/, rgb(13, 235, 0) /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient(to right, rgb(106, 95, 0) /*{b-bup-background-start}*/, rgb(13, 235, 0) /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient(to right, rgb(106, 95, 0) /*{b-bup-background-start}*/, rgb(13, 235, 0) /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient(to right, rgb(106, 95, 0) /*{b-bup-background-start}*/, rgb(13, 235, 0) /*{b-bup-background-end}*/);
	background-color: #00415e;
}

#header {
    background: #5e87b0;
        background-color: rgb(94, 135, 176);
    color: #008fc2;
    font-weight: bold;
    text-shadow: 0 1px 0 #eee;
	background-color: #e9e9e9;
	margin: 0 10% 0;
}

#rescale{
	display:none;
    writing-mode:tb-rl;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform:rotate(180deg);
    transform: rotate(180deg);
    white-space:nowrap;
    bottom:0;
	color:red;
	margin-top: -80px;
	margin-left: -8px;
}

#rescalePlot{
	display:none;
    writing-mode:tb-rl;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform:rotate(180deg);
    transform: rotate(180deg);
    white-space:nowrap;
    bottom:0;
	color:red;
	margin-top: -80px;
	margin-left: -8px;
}

#rescaleBar{
	display:none;
    writing-mode:tb-rl;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform:rotate(180deg);
    transform: rotate(180deg);
    white-space:nowrap;
    bottom:0;
	color:red;
	margin-top: -80px;
	margin-left: -8px;
}

.ui-content {
    max-width: 800px;
    margin-left: auto ; 
    margin-right: auto !important;
}

#popupHelp-popup{
     z-index: 9999;
     max-width: 600px;
     margin-left: auto !important;
     margin-right: auto !important;
}

#tab-1 .ui-controlgroup-controls {
    width: 100%;
}

#tab-2 .ui-controlgroup-controls {
    width: 100%;
}

#tab-7 .ui-controlgroup-controls {
    width: 100%;
}

#barCheckbox .ui-controlgroup-controls {
    width: 100%;
}

.ui-controlgroup-controls .ui-select {
    width: 33.33%;
}

#timeCheckbox div div {
	width:25%;
} 

.ui-radio {
	width: 33.33%;
	background-color: #38c;
border-color: #38c;
color: #fff;
text-shadow: 0 1px 0 #059;
}

.ui-radio-off {
	text-align: center !important;
}

.ui-radio-on{
	text-align: center !important;
	color: #fff !important;
}
.ui-radio-on span{
	text-align: center !important;
	color: #fff !important;
}
#tab-3.tab-content div.ui-select div.ui-btn {
    margin-left: 0px;
}

#barCheckbox {
    margin-top: 0px;
}

#selectelementRed div div span {
    color: #FF0000;
}

#selectelementGreen div div span {
    color: #228B22;
}

#selectelementBlue div div span {
    color: #0000FF;
}

#selectelementRed2 div div span {
    color: #FF0000;
}

#selectelementGreen2 div div span {
    color: #228B22;
}

#selectelementBlue2 div div span {
    color: #0000FF;
}

ul.tabs {  
    margin: 0px;  
    padding: 0px;  
    list-style: none;
}  

ul.tabs li {  
    background: none;  
    color: #222;  
    display: inline-block;
    padding: 10px 7px;  
    cursor: pointer;
}  

ul.tabs li.current {  
    background: #ededed;  
    color: #222;
}  

.tab-content {  
    display: none;  
    background: #ededed;  
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 5px;
    padding-right: 5px;
}  

.tab-content.current {  
    display: inherit;  
}

#wrapper {
	position: relative;
	overflow: hidden;
        min-height: 180px;
}

#scroller {
	position: relative;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 790px;
}

#scroller2 {
	position: relative;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 790px;
}

#wrapper2 {
	position: relative;
	overflow: hidden;
        min-height: 200px;
}

#scroller3 {
	position: relative;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 790px;
}

#wrapper3 {
	position: relative;
	overflow: hidden;
        min-height: 180px;
}

.ui-bar-b {
	border: 1px solid 		#ddd /*{b-bar-border}*/;
	background: 			#5e87b0 /*{b-bar-background-color}*/;
	color: 					#008fc2 /*{b-bar-color}*/;
	font-weight: bold;
	text-shadow: 0 /*{b-bar-shadow-x}*/ 1px /*{b-bar-shadow-y}*/ 0 /*{b-bar-shadow-radius}*/ #eee /*{b-bar-shadow-color}*/;
  background-color: #e9e9e9;
}

.ui-btn-up-b {
	border: 1px solid 		#044062 /*{b-bup-border}*/;
	background: 			#396b9e /*{b-bup-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bup-color}*/;
	text-shadow: 0 /*{b-bup-shadow-x}*/ 1px /*{b-bup-shadow-y}*/ 0 /*{b-bup-shadow-radius}*/ #194b7e /*{b-bup-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #47A7D9 /*{b-bup-background-start}*/), to( #0054A7 /*{b-bup-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #47A7D9 /*{b-bup-background-start}*/, #0054A7 /*{b-bup-background-end}*/);
}
.ui-btn-hover-b {
	border: 1px solid 		#00415e /*{b-bhover-border}*/;
	background: 			#4b88b6 /*{b-bhover-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bhover-color}*/;
	text-shadow: 0 /*{b-bhover-shadow-x}*/ 1px /*{b-bhover-shadow-y}*/ 0 /*{b-bhover-shadow-radius}*/ #194b7e /*{b-bhover-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #57B7E9 /*{b-bhover-background-start}*/), to( #1064B7 /*{b-bhover-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #57B7E9 /*{b-bhover-background-start}*/, #1064B7 /*{b-bhover-background-end}*/);
}
.ui-btn-down-b {
	border: 1px solid 		#225377 /*{b-bdown-border}*/;
	background: 			#4e89c5 /*{b-bdown-background-color}*/;
	font-weight: bold;
	color: 					#fff /*{b-bdown-color}*/;
	text-shadow: 0 /*{b-bdown-shadow-x}*/ 1px /*{b-bdown-shadow-y}*/ 0 /*{b-bdown-shadow-radius}*/ #194b7e /*{b-bdown-shadow-color}*/;
	background-image: -webkit-gradient(linear, left top, left bottom, from( #0054A7 /*{b-bdown-background-start}*/), to( #47A7D9 /*{b-bdown-background-end}*/)) !important; /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* FF3.6 */
	background-image:     -ms-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* IE10 */
	background-image:      -o-linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/); /* Opera 11.10+ */
	background-image:         linear-gradient( #0054A7 /*{b-bdown-background-start}*/, #47A7D9 /*{b-bdown-background-end}*/);
}

.ui-bar-b,
.ui-bar-b input,
.ui-bar-b select,
.ui-bar-b textarea,
.ui-bar-b button {
	font-family: Arial/*{global-font-family}*/ !important;
}
.ui-body-b,
.ui-body-b input,
.ui-body-b select,
.ui-body-b textarea,
.ui-body-b button {
	font-family: Arial/*{global-font-family}*/ !important;
}
.ui-btn-up-b,
.ui-btn-hover-b,
.ui-btn-down-b {
	font-family: Arial/*{global-font-family}*/ !important;
	text-decoration: none;
}

#legend_time{
	margin-left: 5%;;
}

#legend_bar .legend_desc{
	display:inline-block;
	width: 7em;
}

#legend_time .legend_desc{
	display:inline-block;
	width: 5em;
}

.legend{
	/*font-size: 20px;*/
	font-weight: bold;
}

.legend_red{
	color: #f00;
}
.legend_light_red{
	color: #ff726f;
}
.legend_dark_red{
	color: #c00000;
}
.legend_black_red{
	color: #000;
}

.legend_blue{
	color: #0070c0;
}
.legend_light_blue{
	color: #7dc7ff;
}
.legend_dark_blue{
	color: #002060;
}
.legend_black_blue{
	color: #333;
}