/*** Complex Charts ***/

.chartDialog {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

#cp_chart_dialog_div_1, #cp_chart_dialog_div_2 {
	background-color: #9b9b9b;
}

#cp_chart_adv_div_1, #cp_chart_adv_div_2 {
	position: absolute;
	top: -1px; left: 167px;
	width: 468px; height: 60px
}

#cp_chart_adv_1, #cp_chart_adv_2 {
	border-width: 0px;
	width: 468px; height: 60px;
	padding: 0px;
}

#cp_chart_date_div_1, #cp_chart_date_div_2 {
	position: absolute;
	top: 0px; left: 0px;
	width: 155px; height: 130px;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	padding: 5px;
}

label {
	font-weight: bold;
	font-size: 14px;
	padding: 0px;
	margin: 0px;
}

#cp_chart_date_select_1, #cp_chart_date_select_2 {
	height: 70px; width: 155px;
	font-size: 11px;
}
#cp_chart_date_div_1 option, #cp_chart_date_div_2 option {
	font-size: 11px;
}

button {
	margin-top: 2px;
}

#cp_chart_sort_div_1, #cp_chart_sort_div_2 {
	position: absolute;
	top: 130px; left: 0px;
	width: 155px; height: 55px;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	padding: 5px;
}

#cp_chart_sort_select_1, #cp_chart_sort_select_2 {
	height: 20px; width: 155px;
	font-size: 11px;
}

#cp_chart_sort_div_1 option, #cp_chart_sort_div_2 option {
	font-size: 11px;
}

#cp_chart_place_div_1, #cp_chart_place_div_2 {
	position: absolute;
	top: 185px; left: 0px;
	width: 155px; bottom: 0px;
	background-color: #f9f9f9;
	border: 1px solid #ddd;
	padding: 5px;
}

#cp_chart_place_select_1, #cp_chart_place_select_2 {
	position: absolute;
	left: 5px; top:55px;
	bottom: 5px; height:auto;
	width: 155px;
	font-size: 11px;
}

#cp_chart_place_div_1 option, #cp_chart_place_div_2 option {
	font-size: 11px;
}

#cp_chart_tabs_1, #cp_chart_tabs_2 {
	position: absolute;
	left: 168px; top: 59px;
	height: auto; width: auto;
	bottom: 0px; right: 0px;
	padding: 0px;
	border: 0px; border-left-width: 1px; border-left-color: #2b2b2b;
}

#cp_chart_tabs_1 a, #cp_chart_tabs_2  a {
	font-size:12px;
}

#cp_chart_tabs_1 div, #cp_chart_tabs_2  div {
	background-color: white;
	margin: 0px; padding: 0px;
	height: 250px;
	overflow-x: scroll; overflow-y: hidden;
}

.cp_chart_tabs_message {
	font-weight: bold;
	padding: 3px; margin: 0;
	background-color: #eee;
}

/*** Simple Pop.Dev. Charts ***/

#cp_chart_popdev_div {
	visibility: hidden;
	height: 470px; width: 500px;
	background-color: #2b2b2b;
	padding: 0px;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
}

#cp_chart_popdev_chart {
	height: 300px; width: 468px;
	background-color: #2b2b2b;
	padding: 0px;
	margin: 0px;
}
.showPopDevDialog {
	background-color: #2b2b2b;
}

#cp_chart_popdev_close {
	display: none;
}

#cp_chart_popdev_div header {
	background-color: #eee; 
	margin: 0px; height: auto;
}
#cp_chart_popdev_div h1 {
	font-family: 'Open Sans', sans-serif;
	font-size: 24px;
	font-weight: bold;
	line-height: 26px;
	padding: 0px;
	color: black;
	margin: 0px; margin-top: 2px;
	white-space: nowrap;
}
#cp_chart_popdev_div h2 {
	font-family: 'Open Sans', sans-serif;
	font-size: 15px;
	font-weight: normal;
	line-height: 17px;
	padding: 0px;
	color: black;
	margin: 0px; margin-top: 2px;
}

#cp_chart_popdev_div footer {
	font-family: 'Open Sans', sans-serif;
	font-size: 12px; line-height: 18px;
	font-weight: bold;
	text-align: right;
	color: white; 
	height: 20px;
	margin: 0px;
	top: 0;
}

#cp_chart_popdev_adv {
	width: 468px; height: 60px;
	padding: 0px;
	margin: 0px;
}

#cp_chart_popdev_adv iframe {
	font-family: Arial, sans-serif;
}