/*------------------------------------------------------------------------

# JA Teline III Stable - Version 1.0 - Licence Owner JA158885

# ------------------------------------------------------------------------

# JA Joomla! Template Framework  - Version: 1.0

# ------------------------------------------------------------------------

# Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved.

# @license - Copyrighted Commercial Software

# Author: J.O.O.M Solutions Co., Ltd

# Websites:  http://www.joomlart.com -  http://www.joomlancers.com

# This file may not be redistributed in whole or significant part.

-------------------------------------------------------------------------*/



pre, .code {

	background: #f7f7f7;

	border-left: 5px solid #ccc;

	font: 1em/1.5 "Courier News", monospace;

	margin: 5px 0 15px;

	padding: 10px 15px !important;

}



blockquote {

	padding: 1em 40px 1em 15px;

}



blockquote span.open {

	background: url(../images/so-q.gif) no-repeat left top;

	padding: 0 0 0 15px;

}



blockquote span.close {

	background: url(../images/sc-q.gif) no-repeat bottom right;

	padding: 0 15px 0 0;

}



blockquote.testimonial {

	padding: 0 0 10px;

	border-bottom: 1px solid #E7E8E6;

}



blockquote.testimonial span.author {

	background: url(../images/icon-author.gif) no-repeat 5px center;

	display: block;

	font-weight: bold;

	margin-top: 5px;

	padding-left: 20px;

}



/* Drropcap --*/

.dropcap {

	color: #333;

	display: block;

	float: left;

	font: 60px/40px Georgia, Times, serif;

	padding: 7px 8px 0 0;

}



/* Tips, Error, Message, Hightlight ---*/

p.error {

	background: url(../images/icon-error.gif) no-repeat top left;

	color: #CC0000;

	padding-left: 25px;

}



p.message {

	background: url(../images/icon-info.gif) no-repeat top left;

	color: #2C79B3;

	padding-left: 25px;

}



p.tips {

	background: url(../images/icon-tips.gif) no-repeat top left;

	color: #E58C00;

	padding-left: 25px;

}



.highlight {

	background: #ffffdd;

	font-weight: bold;

	padding: 1px 5px;

}



/* Note Style ---*/

p.stickynote {

	background: url(../images/icon-sticky.png) no-repeat 10px center #fcfcfc;

	border: 1px solid #ddd;

	padding: 10px 0px 10px 50px;

}



p.download {

	background: url(../images/icon-download.png) no-repeat 10px center #fcfcfc;

	border: 1px solid #ddd;

	padding: 15px 0px 15px 50px;

}



.blocknumber {

	clear: both;

	padding: 5px 15px 10px;

	position: relative;

}



/* Check list style ---*/

ul.checklist {

	list-style: none;

}



ul.checklist li {

	background: url(../images/icon-checklist.gif) no-repeat 0 0px;

	margin-left: 15px;

	padding: 0 0 0 20px;

}



ul.star {

	list-style: none;

}



ul.star li {

	background: url(../images/icon-star.gif) no-repeat 0 0px;

	margin-left: 15px;

	padding: 0 0 0 20px;

}



ul.arrow {

	list-style: none;

}



ul.arrow li {

	background: url(../images/icon-arrow.gif) no-repeat 3px 3px;

	margin-left: 15px;

	padding: 0 0 0 15px;

}



/* Bookmarks list ---*/

ul.bookmark-links li {

	background: url(../images/arrow.png) no-repeat 0px 10px !important;

	border-bottom: 1px dotted #e6e6e6;

	padding: 5px 0 5px 10px !important;

}



/* List video */

a.video {

	background: url(../images/icon-14.png) no-repeat 0px -14px;

	padding: 0 0 0 18px;

	font-size: 92%;

}



a.rss {

	background: url(../images/icon-14.png) no-repeat 0px -42px;

	padding: 0 0 0 18px;

	font-size: 92%;

}



a.comment {

	background: url(../images/icon-14.png) no-repeat 0px -28px;

	padding: 0 0 0 18px;

	font-size: 92%;

}



a.photo {

	background: url(../images/icon-14.png) no-repeat 0px 0px;

	padding: 0 0 0 18px;

	font-size: 92%;

}



/* Big Number ---*/

.bignumber {

	background: url(../images/ol-bg.gif) no-repeat top left;

	color: #FFFFFF;

	display: block;

	float: left;

	font: bold 20px/normal Arial, sans-serif;

	margin-right: 8px;

	padding: 6px 7px;

}



/* Talking box. Thinking box. ---*/

div.bubble1, div.bubble2, div.bubble3, div.bubble4 {

	margin: 15px 0;

}



div.bubble1 span.author,

div.bubble2 span.author,

div.bubble3 span.author,

div.bubble4 span.author {

	font-weight: bold;

	margin-left: 15px;

	padding-left: 15px;

	background: url(../images/icon-author.gif) no-repeat 0px 2px;

}



div.bubble1 div {

	background: url(../images/bub1-br.gif) no-repeat bottom right;

	margin: 0;

	width: 100%;

}



div.bubble1 div div {

	background: url(../images/bub1-bl.gif) no-repeat bottom left;

}



div.bubble1 div div div {

	background: url(../images/bub1-tr.gif) no-repeat top right;

}



div.bubble1 div div div div {

	background: url(../images/bub1-tl.gif) no-repeat top left;

}



div.bubble1 div div div div div {

	margin: 0;

	padding: 10px 15px 20px;

	width: auto;

}



div.bubble2 div {

	background: url(../images/bub2-br.gif) no-repeat bottom right;

	margin: 0;

	width: 100%;

}



div.bubble2 div div {

	background: url(../images/bub2-bl.gif) no-repeat bottom left;

}



div.bubble2 div div div {

	background: url(../images/bub2-tr.gif) no-repeat top right;

}



div.bubble2 div div div div {

	background: url(../images/bub2-tl.gif) no-repeat top left;

}



div.bubble2 div div div div div {

	margin: 0;

	padding: 10px 15px 25px;

	width: auto;

}



div.bubble3 div {

	background: url(../images/bub3-br.gif) no-repeat bottom right;

	margin: 0;

	width: 100%;

}



div.bubble3 div div {

	background: url(../images/bub3-bl.gif) no-repeat bottom left;

}



div.bubble3 div div div {

	background: url(../images/bub3-tr.gif) no-repeat top right;

}



div.bubble3 div div div div {

	background: url(../images/bub3-tl.gif) no-repeat top left;

}



div.bubble3 div div div div div {

	margin: 0;

	padding: 10px 15px 45px;

	width: auto;

}



div.bubble4 div {

	background: url(../images/bub4-br.gif) no-repeat bottom right;

	margin: 0;

	width: 100%;

}



div.bubble4 div div {

	background: url(../images/bub4-bl.gif) no-repeat bottom left;

}



div.bubble4 div div div {

	background: url(../images/bub4-tr.gif) no-repeat top right;

}



div.bubble4 div div div div {

	background: url(../images/bub4-tl.gif) no-repeat top left;

}



div.bubble4 div div div div div {

	margin: 0;

	padding: 10px 15px 45px;

	width: auto;

}



/* Box style ---*/

.box-grey,

.box-hilite {

	background-color: #f7f7f7;

	border: 3px solid #ddd;

	margin: 20px 0 0 0;

	padding: 10px !important;

}



.box-hilite {

	border: 3px solid #d6e9f3;

	background: #fff;

}



/* Legend ---*/

.legend-title {

	background: #FFFFFF;

	display: block;

	float: left;

	font-weight: bold;

	left: 7px;

	margin: 0 !important;

	padding: 0 5px !important;

	position: absolute;

	top: -15px;

}



.legend {

	border: 3px solid #CCCCCC;

	margin: 20px 0;

	padding: 0 10px;

	position: relative;

}



.legend-hilite .legend-title {

	color: #006699;

}



.legend-hilite {

	border: 3px solid #d6e9f3;

	margin: 20px 0;

	padding: 0 10px;

	position: relative;

}



div.ja-adv {

	border: 1px solid #ddd;

	padding: 10px;

}



div.ja-adv span.sponsor {

	color: #999;

	display: block;

	font-size: 92%;

	text-align: right;

}



/* Highslide ---*/

.highslide-header {

	border-bottom: 1px solid #CCCCCC;

}



.highslide-header li {

	background: none;

}



.highslide-body {

	padding: 10px 0 !important;

}



.highslide {

	margin: 0;

}



.highslide img {

	padding: 2px;

	border: 1px solid #CCCCCC;

}



.highslide:hover img {

	border: 1px solid #ABABAB !important;

}



/* Market ---*/

div.marketContainer {

	width: 25%;

	float: left;

	padding: 0 10px;

	border-right: 1px solid #CCCCCC;

	font-size: 92%;

	color: #666666;

}



div.marketLabel {

	text-transform: uppercase;

	font-weight: bold;

}



.negLast, .negChange, .negChangePct {

	color: #CC0000;

}



.negLast {

	color: #FFFFFF;

	background: #006699;

	font-weight: bold;

	padding: 1px 5px;

}



.negUpdate {

	font-size: 92%;

	color: #666666;

	clear: both;

	padding: 5px 0;

}



/* Discussion ---*/

div.discussion-wrap {

	background: url(../images/dis-arrow.gif) no-repeat left bottom;

	padding-bottom: 15px;

}



div.discussion-content {

	border: 5px solid #D6E9F3;

	border-bottom: none;

	padding: 5px;

}



div.discussion-content h4 {

	margin: 0 0 10px !important;

}



div.discussion-content img {

	margin-right: 15px;

}



span.author {

	display: block;

	clear: both;

}



/* IE6 Warning ---*/

#ie6-warning {

	position: absolute;

	top: 0;

	z-index: 999;

	font-size: 110%;

}



#ie6-warning .main {

	background: #ffffef;

	border-bottom: 1px solid #ddd;

	padding: 10px 0;

}



#ie6-warning .main .inner {

	background: url(../images/icon-ie.jpg) no-repeat 10px 0px;

	padding-left: 170px;

}



#ie6-warning .main h1 {

	margin: 10px 0;

}



#ie6-warning .main p.note {

	font-weight: bold;

	color: #cc0000;

	margin: 5px 0;

}



#ie6-warning li {

	display: inline;

	padding: 10px 10px 10px 0;

	float: left;

}



#ie6-warning li a {

	width: 48px;

	height: 48px;

	display: block;

}



#ie6-warning li a.firefox-download {

	background: url(../layouts/blocks/ie6/icon_brwoser.jpg) no-repeat top left;

}



#ie6-warning li a.chrome-download {

	background: url(../layouts/blocks/ie6/icon_brwoser.jpg) no-repeat 50% top;

}



#ie6-warning li a.safari-download {

	background: url(../layouts/blocks/ie6/icon_brwoser.jpg) no-repeat 75% top;

}



#ie6-warning li a.opera-download {

	background: url(../layouts/blocks/ie6/icon_brwoser.jpg) no-repeat 100% top;

}



#ie6-warning li a.ie-download {

	background: url(../layouts/blocks/ie6/icon_brwoser.jpg) no-repeat 25% top;

}



#ie6-warning li a.firefox-download:hover,

#ie6-warning li a.firefox-download:focus,

#ie6-warning li a.firefox-download:active {

	background: url(../layouts/blocks/ie6/icon_brwoser.jpg) no-repeat bottom left;

}



#ie6-warning li a.chrome-download:hover,

#ie6-warning li a.chrome-download:focus,

#ie6-warning li a.chrome-download:active {

	background: url(../layouts/blocks/ie6/icon_brwoser.jpg) no-repeat   50% bottom;

}



#ie6-warning li a.safari-download:hover,

#ie6-warning li a.safari-download:focus,

#ie6-warning li a.safari-download:active {

	background: url(../layouts/blocks/ie6/icon_brwoser.jpg) no-repeat  75% bottom;

}



#ie6-warning li a.opera-download:hover,

#ie6-warning li a.opera-download:focus,

#ie6-warning li a.opera-download:active {

	background: url(../layouts/blocks/ie6/icon_brwoser.jpg) no-repeat  100% bottom;

}



#ie6-warning li a.ie-download:hover,

#ie6-warning li a.ie-download:focus,

#ie6-warning li a.ie-download:active {

	background: url(../layouts/blocks/ie6/icon_brwoser.jpg) no-repeat 25% bottom;

}



#ie6-warning li a:hover,

#ie6-warning li a:focus,

#ie6-warning li a:active {

	text-decoration: none;

}



#ie6-warning .close {

	position: absolute; 

	right: 3px; 

	top: 3px;

}



#ie6-warning .close a {

	background: url(../layouts/blocks/ie6/close.gif) no-repeat;

	width: 21px;

	height: 21px;

	display: block;

}



#ie6-warning .close a:hover,

#ie6-warning .close a:focus,

#ie6-warning .close a:active {

	background: url(../layouts/blocks/ie6/close-hover.gif) no-repeat;

	text-decoration: none;

}



/* Teline Feature */



div.ja-feature {

	

}



div.ja-feature hr{

	border: none;

	border-bottom: 1px dotted #DDDDDD;

	clear: both;

}



div.ja-feature ul {

	padding-left: 20px;

	margin: 20px 0;

}



div.ja-feature li {

	background: url(../images/feature-arrow.gif) no-repeat left top;

	padding-left: 30px;

	line-height: 21px;

	font-size: 125%;

}



div.ja-feature li p {

	color: #797979;

	font-size: 88%;

}



span.feature-number {

	background: #B33333;

	color: #FFFFFF;

	padding: 2px 6px;

	margin-right: 5px;

}



h4.feature-title {

	color: #B33333;

	font-size: 150%;

}