/*
# ------------------------------------------------------------------------
# JA Teline III - Version 1.3 - Licence Owner jSharing.COM
# ------------------------------------------------------------------------
# Copyright (C) Lifetime Joomla Just for Sharing, Ltd. All Rights Reserved.
# @license - Copyrighted Commercial Software
# Author: Joomla Just for Sharing
# Websites:  http://jsharing.com -  http://jsharing.net
# This file may not be redistributed in whole or significant part.
# ------------------------------------------------------------------------
*/ 

.ja-stock { background: #fff; overflow: hidden; position: relative; }

.stock-alert-on { color: #FF0000; display: block; text-align: center; }

.stock-alert-off { display: none; }

.ja-stock .ja-usersetting-options { margin-bottom: 10px; }

.ja-stock form.ja-usersetting-form { padding-bottom: 10px; padding-top: 10px; }

.ja-stock a.ja-usersetting-loadform { right: 20px; }

.ja-stock .legend {
	background-position: center;
	background-repeat: no-repeat;
	border: none;
	height: 28px;
	width: 10px !important;
	display: block;
	float: left;
	padding: 0;
}

.ja-stock .icon-1 { background: url(images/legend-blue.png) no-repeat center center; }
.ja-stock .icon-2 { background: url(images/legend-red.png) no-repeat center center; }
.ja-stock .icon-3 { background: url(images/legend-yellow.png) no-repeat center center; }
.ja-stock .icon-4 { background: url(images/legend-green.png) no-repeat center center; }
.ja-stock .icon-over { background: url(images/legend-grey.png) no-repeat center center; }

.ja-stock .compare-chart-container { height: 160px; text-align: center; }

.ja-stock .compare-chart-container img {
	background: #fff;
	border: 1px solid #ddd;
	padding: 5px 10px;
}
/* LIST DISPLAY ---- */
.ja-stock .display-list .item-container {
}
.ja-stock .display-list .stock-item {
	background: #fff;
	border-bottom: 1px solid #ddd;
	clear: both;
	color: #333;
	display: block;
	height: 28px;
	line-height: 28px;
}
.ja-stock .display-list .item-first { border-top: 1px solid #ddd; }

.ja-stock .display-list .stock-info { float: left;  margin-left: 15px; width:200px; }
.ja-stock .display-list .stock-info .legend { margin: 0 5px 0 0; }
.ja-stock .display-list .stock-info .stock-code { font-weight: bold; font-size: 120%; cursor: pointer; width:60px; float:left;}
.ja-stock .display-list .stock-info .l_cur { color:#4582E7; padding:1px 2px; display:block; width:80px; float:right; }

.ja-stock .display-list .change-info { margin-right: 15px; margin-left:210px; text-align:right; }
.ja-stock .display-list .change-info .change-fixed { color:#EABB08; }
.ja-stock .display-list .change-info .change-increase { color:#008000; }
.ja-stock .display-list .change-info .change-decrease { color:#AA0033; }
.ja-stock .display-list .change-info .change-percent { font-size: 85%; }
.ja-stock .display-list .stock-item .remove {
	background: url(images/delete.png) no-repeat center center;
	cursor: pointer;
	height: 20px;
	width: 12px;
	margin-left: 5px;
}

/* GRID DISPLAY --- */
.ja-stock .display-grid {
	border: 1px solid #ddd;
	height: 80px;
	width:360px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.ja-stock .display-grid .item-container {
	border: 0;
	height: 80px;
	left: 400px;
	margin: 0;
	padding: 0;
	width: 2000px;
}

.ja-stock .display-grid .stock-item {
	border-right: 1px solid #ddd;
	color: #666666;
	float: left;
	font-size: 92%;
	height: 80px;
	padding: 0;
	width: 120px;
}


.ja-stock .display-grid .stock-info { margin-top: 10px; padding: 0 15px; }
.ja-stock .display-grid .stock-info .legend { height: 20px; margin: 0px 5px 0px 0px; }
.ja-stock .display-grid .stock-info .stock-code { font-weight: bold; font-size: 120%; cursor: pointer; clear: right; height:20px; }
.ja-stock .display-grid .stock-info .l_cur { color:#4582E7; font-weight:bold; clear: both; width:100%; text-align:left;}

.ja-stock .display-grid .change-info { margin: 0; padding: 5px 15px; clear:both; }

.ja-stock .display-grid .change-info .change-fixed { color:#EABB08; }
.ja-stock .display-grid .change-info .change-increase { color:#008000; }
.ja-stock .display-grid .change-info .change-decrease { color:#AA0033; }
.ja-stock .display-grid .change-info .change-percent { font-size: 85%; }

.ja-stock .display-grid .stock-item .remove { 
	background: url(images/delete.png) no-repeat bottom right;
	cursor: pointer;
	height: 12px;
	width: 12px;
	margin-left:5px;
}


/* OTHERS ---*/
.ja-stock .source_of_information {
	clear: left;
	color: #BBBBBB;
	float: left;
	font-size: 11px;
	width: 220px;
}

.ja-stock .last_update { color: #BBBBBB; font-size: 11px; text-align: right; position:relative; }

#ja-stock-nav {
	font-size: 92%;
	position: absolute;
	top: 5px;
	left: 0;
	height:15px;
	z-index: 99;
}

#ja-stock-previous {
	padding-left: 12px;
	padding:0px 5px 0px 0px;
}
#ja-stock-nav .arrow-previous-active {background: url(images/arrow-previous.gif) no-repeat left; cursor:pointer; }
#ja-stock-nav .arrow-previous-disable {background: url(images/arrow-previous-disable.gif) no-repeat left; cursor:auto; }

#ja-stock-next {
	padding:0px 0px 0px 5px;
}
#ja-stock-nav .arrow-next-active {background: url(images/arrow-next.gif) no-repeat left; cursor:pointer; }
#ja-stock-nav .arrow-next-disable {background: url(images/arrow-next-disable.gif) no-repeat left; cursor:auto; }

div.img-loadding {
	height: 320px;
	text-align: center;
	vertical-align: middle;
	width: 380px;
}