@import "app-reset.css";

.box-application .app-rates.graph { margin-bottom: 30px; }
.box-application .app-rates.graph:after {
	content: "";
	display: table;
	clear: both;
}
.box-application .app-rates.graph .graph-selector {
	position: relative;
	float: right;
}
.box-application .app-rates.graph .graph-selector > span {
	position: relative;
	font-size: 17px;
	color: #fff;
	width: 240px;
	padding: 8px 25px;
	cursor: pointer;
	background-color: #7b51a1;
	float: left;
	transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.box-application .app-rates.graph .graph-selector > span:after {
	position: absolute;
	top: 50%;
	margin-top: -3px;
	right: 20px;
	content: "";
	display: inline-block;
	background: url(../g/arrows.png) -16px -1px no-repeat;
	width: 8px;
	height: 5px;
}
.box-application .app-rates.graph .graph-selector > span.open {
	background-color: #6d488f;
	box-shadow: -5px 5px 0 rgba(61, 61, 61, 0.4);
	transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.box-application .app-rates.graph .graph-selector > span +  .box-rate-group {
	position: absolute;
	top: 100%;
	left: 0;
	margin: 0;
	width: 240px;
	height: 0;
	overflow: hidden;
	z-index: 5; 
	background-color: #7b51a1;
	box-shadow: -5px 5px 0 rgba(61, 61, 61, 0.4);
	transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
}
.box-application .app-rates.graph .graph-selector > span.open +  .box-rate-group {
	height: auto;
	transition: all 0.2s;
	-o-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
}

.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates {
	position: relative;
	width: 480px;
	max-height: 300px;
}
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-rate-items {
	position: relative;
	padding: 10px 20px;
	width: 240px;
	float: left;
}
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-rate-items .box-items {
	height: 235px;
	width: 210px;
}

.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-rate-items .box-items .jspContainer:hover .jspPane .jspHorizontalBar .jspTrack { display: none; }

.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-rate-items .box-items .jspContainer { overflow-x: hidden; }

.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-rate-items .box-items .jspContainer .jspPane > ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-rate-items .box-items .jspContainer .jspPane > ul > li { font-size: 14px; }
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-rate-items .box-items .jspContainer .jspPane > ul > li > a {
	padding: 0 20px 14px 0;
	position: relative;
	display: block;
	color: #fff;
}
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-rate-items .box-items .jspContainer .jspPane > ul > li > a:after {
	position: absolute;
	top: 5px;
	right: 10px;
	content: "";
	display: block;
	background: url(../g/arrows.png) -9px 0 no-repeat;
	width: 5px;
	height: 8px;
}


.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-item-selected {
	position: relative;
	width: 240px;
	float: left;
}
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-item-selected .sub-item-list {
	position: relative;
	height: 255px;
	margin-left: 30px;
	background-color: #6d488f;
	display: none;
}
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-item-selected .sub-item-list .back {
	position: absolute;
	top: 18px;
	left: -18px;
	width: 12px;
	height: 12px;
	text-indent: -10000px;
}
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-item-selected .sub-item-list .back:before {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	left: -6px;
	border-top: transparent solid 4px;
	border-right: #fff solid 4px;
	border-bottom: transparent solid 4px;
	border-left: none;

}
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-item-selected .sub-item-list .back span,
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-item-selected .sub-item-list .back span:before,
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-item-selected .sub-item-list .back span:after {
	width: 12px;
	height: 2px;
	background-color: #fff;
	display: block;
}
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-item-selected .sub-item-list .back span { margin: 5px 0; }
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-item-selected .sub-item-list .back span:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "";
}
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-item-selected .sub-item-list .back span:after {
	position: absolute;
	left: 0;
	top: 10px;
	content: "";
}
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-item-selected .sub-item-list h6 {
	color: #fff;
	padding: 15px 20px;
	border-bottom: #fff solid 1px;
}
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-item-selected .sub-item-list ul { padding: 10px 20px 10px 13px; }
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-item-selected .sub-item-list ul li {
	margin-bottom: 3px;
	padding-left: 10px;
}
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-item-selected .sub-item-list ul li:before {
	content: "";
	width: 3px;
	height: 3px;
	background-color: #fff;
	border-radius: 1px;
	display: inline-block;
	margin-right: 5px;
	margin-left: -7px;
	vertical-align: middle;
}
.box-application .app-rates.graph .graph-selector .box-rate-group .box-rates .box-item-selected .sub-item-list ul li a { color: #fff; }

.box-application .app-rates.graph .jspTrack { background-color: #644482; }
.box-application .app-rates.graph .jspDrag { background-color: #ededed; }

.box-application .app-rates.graph .box-results h2 {
	font-size: 25px;
	line-height: normal;
	margin: 0 0 30px;
}

.box-application .app-rates.graph .summarize p { color: #7b51a1; }

.box-application .app-rates h3 { margin-bottom: 15px; }

.ater .box-application .app-rates.graph { width: 998px; }
.ater .box-application .app-rates.graph .graph-content {
	margin-right: 45px;
	float: left;
}
.ater .box-application .app-rates .box-results { position: relative; }
.ater .box-application .app-rates .right-panel {
	position: absolute;
	width: 335px;
	right: 0;
	top: 75px;
}
.ater .box-application .app-rates .ratelist tr { background-color: #ededed !important; }
.ater .box-application .app-rates .summarize {
	border-bottom: #ededed solid 1px;
	margin-bottom: 15px;
}
.ater .box-application .app-rates .summarize p {
	line-height: 1.5;
	margin-bottom: 10px;
	color: #55aa47;
}

.anyi .box-application .app-rates { width: 715px; }
.anyi .box-application .app-rates.graph .summarize p br { display: none; }
.anyi .box-application .app-rates.graph .summarize p br + strong { margin-left: 15px; }