/****************************************************************************************
	Stock
****************************************************************************************/
#stock-wrapper {
	width: 1024px;
	height: 748px;
	overflow: hidden;
	position: relative;
}

#stock-wrapper div.loading-div {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1024px;
	height: 748px;
}

#stock-wrapper .stock-title {
	width: 1024px;
	height: 62px;
	overflow: hidden;
	
	position: relative;
	background-color: #1F1F1F;
	
	text-align: center;
}

#stock-wrapper .stock-title div.menu-left-activator {
	margin: 9px 18px 0 9px;
	float: left;

	/*https://redmine.brokernet-group.local/issues/219*/
	display: none;
}

#stock-wrapper .stock-title div.menu-prev-icon {
	margin: 9px 0 0 18px;
	float: left;
}

#stock-wrapper .stock-title div.menu-right-activator {
	margin: 9px 9px 0 18px;
	float: right;
}

#stock-wrapper .stock-title div.menu-up-icon {
	margin: 9px 9px 0 0;
	float: right;
}

#stock-wrapper .stock-title div.menu-down-icon {
	margin: 9px 18px 0 0;
	float: right;
}

#stock-wrapper .stock-title span.title {
	position: relative;
	top: 15px;
	font-size: 28px;
	font-weight: bold;
	color: #fff;
	text-shadow: none;
	margin-left: -68px;
}

/****************************************************************************************
	Inurance
****************************************************************************************/
#stock-wrapper .first-level {
	position: absolute;
	width: 1023px;
	height: 687px;
	
	left: 1px;
	top: 61px;
	
	overflow: hidden;
	z-index: 1;
}

#stock-wrapper .first-level #stock-data-container {
	display: none;
}

#stock-wrapper .first-level #stock-container {
	width: 1023px;
	height: 687px;
	position: relative;
	
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	
	background: #161616;
	
	text-shadow: none;
	text-align: center;
	
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
}

#stock-wrapper .first-level #stock-container #stock-sub-container {
	position: relative;
	width: 1023px;
	
	overflow: visible;
	
	-webkit-transition: top 0.3s;
	-moz-transition: top 0.3s;
	-o-transition: top 0.3s;
	-ms-transition: top 0.3s;
}

#stock-wrapper .first-level #stock-container div.insurer {
	position: absolute;
	width: 336px;
	height: 225px;

	max-width: 336px;
	max-height: 225px;
	
	overflow: hidden;

	background: #161616;
}

#stock-wrapper .first-level #stock-container div.insurer .insurer-inside {
	position: relative;
	width: 336px;
	height: 225px;

	max-width: 336px;
	max-height: 225px;
	
	overflow: hidden;
}

#stock-wrapper .first-level #stock-container div.title {
	position: absolute;
	
	max-width: 295px;
	overflow: hidden;
	
	color: #fff;
	text-shadow: none;
	
	font-size: 18px;
	
	text-align: right;
}

#stock-wrapper .first-level #stock-container p.box {
	width: 47px;
	height: 31px;
	float: left;
	
	margin-left: 1px;
	margin-top: 1px;
}

#stock-wrapper .first-level #stock-container p.box.a {
	background: 			#8AE400;
	background-image: -webkit-gradient(linear, top, bottom, from( #8AE400 ), to( #4E9C00 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #8AE400 , #4E9C00 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #8AE400 , #4E9C00 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #8AE400 , #4E9C00 ); /* IE10 */
	background-image:      -o-linear-gradient( #8AE400 , #4E9C00 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #8AE400 , #4E9C00 );
}

#stock-wrapper .first-level #stock-container p.box.b {
	background: 			#64A214;
	background-image: -webkit-gradient(linear, top, bottom, from( #64A214 ), to( #2D6304 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #64A214 , #2D6304 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #64A214 , #2D6304 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #64A214 , #2D6304 ); /* IE10 */
	background-image:      -o-linear-gradient( #64A214 , #2D6304 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #64A214 , #2D6304 );
}

#stock-wrapper .first-level #stock-container p.box.c {
	background: 			#426C0D;
	background-image: -webkit-gradient(linear, top, bottom, from( #426C0D ), to( #1C3C03 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #426C0D , #1C3C03 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #426C0D , #1C3C03 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #426C0D , #1C3C03 ); /* IE10 */
	background-image:      -o-linear-gradient( #426C0D , #1C3C03 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #426C0D , #1C3C03 );
}

#stock-wrapper .first-level #stock-container p.box.d {
	background: 			#363636;
	background-image: -webkit-gradient(linear, top, bottom, from( #363636 ), to( #040404 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #363636 , #040404 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #363636 , #040404 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #363636 , #040404 ); /* IE10 */
	background-image:      -o-linear-gradient( #363636 , #040404 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #363636 , #040404 );
}

#stock-wrapper .first-level #stock-container p.box.e {
	background: 			#711400;
	background-image: -webkit-gradient(linear, top, bottom, from( #711400 ), to( #3D0500 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #711400 , #3D0500 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #711400 , #3D0500 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #711400 , #3D0500 ); /* IE10 */
	background-image:      -o-linear-gradient( #711400 , #3D0500 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #711400 , #3D0500 );
}

#stock-wrapper .first-level #stock-container p.box.f {
	background: 			#AF2500;
	background-image: -webkit-gradient(linear, top, bottom, from( #AF2500 ), to( #740D00 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #AF2500 , #740D00 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #AF2500 , #740D00 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #AF2500 , #740D00 ); /* IE10 */
	background-image:      -o-linear-gradient( #AF2500 , #740D00 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #AF2500 , #740D00 );
}

#stock-wrapper .first-level #stock-container p.box.g {
	background: 			#F02A00;
	background-image: -webkit-gradient(linear, top, bottom, from( #F02A00 ), to( #AC0900 )); /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient( #F02A00 , #AC0900 ); /* Chrome 10+, Saf5.1+ */
	background-image:    -moz-linear-gradient( #F02A00 , #AC0900 ); /* FF3.6 */
	background-image:     -ms-linear-gradient( #F02A00 , #AC0900 ); /* IE10 */
	background-image:      -o-linear-gradient( #F02A00 , #AC0900 ); /* Opera 11.10+ */
	background-image:         linear-gradient( #F02A00 , #AC0900 );
}

#stock-wrapper .first-level #stock-container p.box span {
	opacity: .4;
}

#stock-wrapper .first-level #stock-container p.box.hidden {
	display: none;
}

/****************************************************************************************
	Stock - content
****************************************************************************************/
#stock-wrapper .second-level {
	position: absolute;
	
	left: 18px;
	top: 79px;
	width: 987px;
	height: 651px;
	
	z-index: 2;
	
	overflow: hidden;
	
	display: none;
}

#stock-wrapper .second-level.show {
	display: block;
}

#stock-wrapper .second-level .content {
	position: relative;
	width: 987px;
	height: 651px;
}

#stock-wrapper .second-level .content .loading-div {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 987px;
	height: 651px;
	
	background: none;
}

#stock-wrapper .second-level .content .data {
	position: relative;
	width: 987px;
	height: 651px;
	
	overflow: hidden;
}

#stock-wrapper .second-level .content .data .stock-data-title {
	position: absolute;
	left: 15px;
	top: 25px;
	
	width: 250px;
	height: 135px;
	
	color: #fff;
	text-shadow: none;
	
	overflow: hidden;
	
	/*background: red;*/
}

#stock-wrapper .second-level .content .data .stock-data-title p {
	padding: 2px 10px 0px 10px;
}

#stock-wrapper .second-level .content .data .stock-data-title .code {
	font-size: 55px;
	font-weight: bold;
}

#stock-wrapper .second-level .content .data .stock-data-title .name {
	font-size: 13px;
	margin-top: -10px;
}

#stock-wrapper .second-level .content .data .stock-data-today {
	position: absolute;
	top: 25px;
	left: 270px;

	width: 240px;
	height: 135px;
	
	color: #fff;
	text-shadow: none;
	text-align: right;
	
	overflow: hidden;
}

#stock-wrapper .second-level .content .data .stock-data-today p {
	padding: 2px 10px 0px 10px;
}

#stock-wrapper .second-level .content .data .stock-data-today p:nth-child(1) {
	font-size: 28px;
}

#stock-wrapper .second-level .content .data .stock-data-today p:nth-child(2) {
	font-size: 14px;
	opacity: .4;
}

#stock-wrapper .second-level .content .data .stock-data-today p:nth-child(3) {
	font-size: 18px;
}

#stock-wrapper .second-level .content .data .stock-data-today p:nth-child(4) {
	font-size: 14px;
	opacity: .4;
}

#stock-wrapper .second-level .content .data .stock-data-today p:nth-child(5) {
	font-size: 18px;
}

#stock-wrapper .second-level .content .data .stock-data-summary {
	position: absolute;
	top: 25px;
	left: 565px;

	width: 210px;
	height: 135px;
	
	color: #fff;
	text-shadow: none;
	text-align: left;
	
	overflow: hidden;
}

#stock-wrapper .second-level .content .data .stock-data-summary p.left {
	float: left;
	
	color: #fff;
	text-shadow: none;
	font-size: 14px;
	opacity: .4;
}

#stock-wrapper .second-level .content .data .stock-data-summary p.right {
	float: right;
	
	color: #fff;
	text-shadow: none;
	font-size: 14px;
}

#stock-wrapper .second-level .content .data .stock-data-summary div {
	clear: both;
	padding-top: 5px;
}

#stock-wrapper .second-level .content .data .stock-data-rating {
	position: absolute;
	
	width: 200px;
	height: 60px;
	
	padding: 0px 0px 0px 10px;
}

#stock-wrapper .second-level .content .data .stock-data-rating h3 {
	margin: 0 30px 5px 0;
	
	font-size: 13px;
	color: #fff;
	
	text-shadow: none;
}

#stock-wrapper .second-level .content .data .stock-data-rating-1 {
	left: 575px;
	top: 505px;
	
	/*background: red;*/
}

#stock-wrapper .second-level .content .data .stock-data-rating-2 {
	left: 780px;
	top: 505px;
	
	/*background: red;*/
}

#stock-wrapper .second-level .content .data .stock-data-rating-3 {
	left: 575px;
	top: 570px;
	
	/*background: red;*/
}

#stock-wrapper .second-level .content .data .stock-data-rating-4 {
	left: 780px;
	top: 570px;
	
	/*background: red;*/
}

#stock-wrapper .second-level .content .data .stock-data-title-separator {
	position: absolute;
	
	left: 10px;
	top: 115px;
	
	width: 650px;
	height: 1px;
	
	background: #D8D8D8;
}

#stock-wrapper .second-level .content .data .stock-data-description {
	position: absolute;
	
	left: 10px;
	top: 485px;
	
	width: 560px;
	height: 160px;
	
	overflow-x: hidden;
	overflow-y: auto;
	
	/*background: red;*/
}

#stock-wrapper .second-level .content .data .stock-data-description p {
	text-align: justify;
}

#stock-wrapper .second-level .content .data .stock-data-description .header {
	color: #fff;
	text-shadow: none;
	
	font-weight: bold;
	font-size: 16px;
	
	margin: 30px 5px 10px 5px;
}

#stock-wrapper .second-level .content .data .stock-data-description .header:first-child {
	margin-top: 5px;
}

#stock-wrapper .second-level .content .data .stock-data-description .text {
	color: #fff;
	text-shadow: none;
	
	font-weight: normal;
	font-size: 14px;
	
	margin: 5px;
}

#stock-wrapper .second-level .content .data .stock-data-description .text:last-child {
	margin-bottom: 10px;
}

#stock-wrapper .second-level .content .data .stock-data-chart {
	position: absolute;
	left: 10px;
	top: 175px;
	
	width: 967px;
	height: 300px;
	
	text-shadow: none;
	color: #fff !important;
	
	/*background: red;*/
}

#stock-wrapper .second-level .content .data #stock-data-chart-temp {
	display: none;
}

#stock-wrapper .second-level .content .data .stock-data-pie-chart {
	position: absolute;
	left: 815px;
	top: 5px;
	
	width: 160px;
	height: 160px;
	
	text-shadow: none;
	color: #fff !important;
	
	/*background: red;*/
}

#stock-wrapper .second-level .content .data #stock-data-pie-chart-temp {
	display: none;
}

/****************************************************************************************
	Stock - small screen version - iPhone
****************************************************************************************/
#stock-small-screen {
	display: none;
}

/****************************************************************************************
	Stock - filter
****************************************************************************************/
#menu-right-wrapper .menu-right-content.stock .selector.type-selector {
	display: none;
}

#menu-right-wrapper .menu-right-content.stock .selector.direction-selector {
	display: none;
}