/*
# ------------------------------------------------------------------------
# JA Purity II - Beta version - Version 1.0 - Licence Owner JA0
# ------------------------------------------------------------------------
# Copyright (C) 2004-2009 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.
# ------------------------------------------------------------------------
*/

body {
	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.5;
	color: #999;
}

/* TITLES
-----------------------------------------------------------------*/
/*
#ja-current-content h1, #ja-current-content h2, #ja-current-content h3, #ja-current-content h4, #ja-current-content h5, #ja-current-content h6 {

.ja-content-main h1, .ja-content-main h2, .ja-content-main h3, .ja-content-main h4, .ja-content-main h5, .ja-content-main h6 {
.ja-content-main h1, .ja-content-main h2, .ja-content-main h3 {
*/

h1, h2, h3, h4, h5, h6, 
.article-content h1, .article-content h2, .article-content h3, .article-content h4, .article-content h5, .article-content h6 {
	background: #fff;
	border-bottom: 1px solid #00adef;
	margin: 0 0 0 0 !important;
	padding: 6px 0 6px 0 !important;
	color: #00adef;
	font-weight: normal;
}

.article-content h1, .article-content h2, .article-content h3 {
	letter-spacing: -1px;
}

h2.contentheading,
h1.componentheading,
.ja-content-main h3 {
	border-bottom: 1px solid #ccc;
	font-size: 150% !important;
	color: #666;
	padding: 5px 0 8px 0 !important;
	letter-spacing: -1px;
	font-weight: normal;
}

/* FIX MODULE HEADERS ------------------------------------------*/
.ja-module h3, .module h3 {
/*
	border-bottom: 1px solid #ccc;
	color: #333;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1px;
*/
	background: none;
	margin: 0 -15px 10px !important;
	padding: 8px 15px !important;
}

/*
	border-bottom: 1px solid #ccc;
	color: #333;
	font-weight: bold;
	text-transform: capitalize;
	letter-spacing: -1px;
	background: none;
*/
.ja-module h4 {
	margin: 0 !important;
	padding: 0 !important;
}

.module_black .ja-module h4 { color: #fff; }
.module_blue .ja-module h4 { color: #333; }
.module_red .ja-module h4 { color: #fff; }

.blog_more h2 {
	padding: 6px 10px !important;
}

/* SPECIAL CONTENT
-----------------------------------------------------------------*/
/* Pre, Code ---*/
pre, .code {
	background: #eaf9ff;
	border-left: 5px solid #00adef;
	font: 1em/1.5 Monaco, Consolas, "Courier News", monospace;
	margin: 15px 0;
	padding: 10px 15px !important;
}

/* Dropcap ---*/
.dropcap {
	color: #333;
	display: block;
	float: left;
	font: 60px/40px Georgia, Times, serif;
	padding: 7px 8px 0 0;
}

/* Blockquote ---*/
blockquote {
	font-family: Georgia, Times, serif;
	font-size: 115%;
}

blockquote span.open  { background: url(../images/so-q.gif) no-repeat left top; padding: 0 0 0 20px; }

blockquote span.close {	background: url(../images/sc-q.gif) no-repeat bottom right;	padding: 0 20px 0 0; }

/* Inline Words Hilite ---*/
.highlight { background: #bfe0ed; font-weight: bold; padding: 1px 5px; }

/* Tips, Error, Message, Hightlight ---*/

.asterisk { background-image: url(../images/icons/asterisk_yellow.png); }
.calendar { background-image: url(../images/icons/calendar.png); }
.cart { background-image: url(../images/icons/cart.png); }
.comment { background-image: url(../images/icons/comment.png); }
.comments { background-image: url(../images/icons/comments.png); }
.compress { background-image: url(../images/icons/compress.png); }
.date { background-image: url(../images/icons/date.png); }
.disk { background-image: url(../images/icons/disk.png); }
.exclamation { background-image: url(../images/icons/exclamation.png); }
.email { background-image: url(../images/icons/phone.png); }
.error { background-image: url(../images/icons/error.png); }
.fax { background-image: url(../images/icons/printer_empty.png); }
.help { background-image: url(../images/icons/help.png); }
.key { background-image: url(../images/icons/key.png); }
.lock { background-image: url(../images/icons/lock.png); }
.message { background-image: url(../images/icons/information.png); }
.mobi { background-image: url(../images/icons/phone.png); }
.note { background-image: url(../images/icons/note.png); }
.page { background-image: url(../images/icons/docs/page_white_text.png); }
.photo { background-image: url(../images/icons/photo.png); }
.picture { background-image: url(../images/icons/picture.png); }
.printer { background-image: url(../images/icons/printer.png); }
.report { background-image: url(../images/icons/report.png); }
.star { background-image: url(../images/icons/star.png); }
.statuson { background-image: url(../images/icons/status_online.png); }
.statusoff { background-image: url(../images/icons/status_offline.png); }
.tag { background-image: url(../images/icons/tag_blue.png); }
.tel { background-image: url(../images/icons/telephone.png); }
.tick { background-image: url(../images/icons/tick.png); }
.time { background-image: url(../images/icons/time.png); }
.tips { background-image: url(../images/icons/lightbulb.png); }
.user { background-image: url(../images/icons/user.png); }
.world { background-image: url(../images/icons/world.png); }


.asterisk,
.calendar,
.cart,
.comment,
.comments,
.compress,
.date,
.disk,
.exclamation,
.email,
.error,
.fax,
.help,
.key,
.lock,
.message,
.mobi,
.note,
.page,
.photo,
.picture,
.printer,
.report,
.star,
.statuson,
.statusoff,
.tag,
.tel,
.tick,
.time,
.tips,
.user,
.world {
	padding-left: 30px !important;
	position: relative;
	background-repeat: no-repeat;
	background-position: 4px 2px;
}

.error, .exclamation { padding: 10px 10px 10px 35px !important; border: 4px solid #cc0000; background-position: 10px 12px; color: #CC0000; }
.message, .help { padding: 10px 10px 10px 35px !important; border: 4px solid #00adef; background-position: 10px 12px; color: #00adef; }
.tips { padding: 10px 10px 10px 35px !important; border: 4px solid #ff9600; background-position: 10px 12px; color: #ff9600; }

/* Special list style ---*/

ul.bulletarrowblue { list-style: none; }
ul.bulletarrowgreen { list-style: none; }
ul.bulleterror { list-style: none; }
ul.bulletstar { list-style: none; }
ul.bulletstarlarge { list-style: none; }
ul.bullettick { list-style: none; }
ul.bulletblack { list-style: none; }
ul.bulletblue { list-style: none; }
ul.bulletgreen { list-style: none; }
ul.bulletorange { list-style: none; }
ul.bulletred { list-style: none; }

ul.bulletarrowblue li { background-image: url(../images/icons/bullets/bullet_arrow_blue.png); }
ul.bulletarrowgreen li { background-image: url(../images/icons/bullets/bullet_arrow_green.png); }
ul.bulleterror li { background-image: url(../images/icons/bullets/bullet_error.png); }
ul.bulletstar li { background-image: url(../images/icons/bullets/bullet_star.png); }
ul.bulletstarlarge li { background-image: url(../images/icons/star.png); }
ul.bullettick li { background-image: url(../images/icons/tick.png); }
ul.bulletblack li { background-image: url(../images/icons/bullets/bullet_black.png); }
ul.bulletblue li { background-image: url(../images/icons/bullets/bullet_blue.png); }
ul.bulletgreen li { background-image: url(../images/icons/bullets/bullet_green.png); }
ul.bulletorange li { background-image: url(../images/icons/bullets/bullet_orange.png); }
ul.bulletred li { background-image: url(../images/icons/bullets/bullet_red.png); }

ul.bulletarrowblue li, 
ul.bulletarrowgreen li, 
ul.bulleterror li, 
ul.bulletstar li, 
ul.bulletstarlarge li, 
ul.bullettick li, 
ul.bulletblack li, 
ul.bulletblue li, 
ul.bulletgreen li, 
ul.bulletorange li, 
ul.bulletred li {
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0 0 0 10px;
	padding: 0 0 0 24px;
}

/* Big Number ---*/
p.blocknumber {
	position: relative;
	padding: 5px 0 5px 55px !important;
}

.bignumber-1, .bignumber-2, .bignumber-3 {
	background-image: url(../images/numberlist-bg.png);
	background-repeat: no-repeat;
	color: #FFFFFF;
	display: block;
	width: 44px;
	height: 44px;
	line-height: 44px !important;
	position: absolute;
	top: 0;
	left: 0;
	font: bold 20px/normal Arial, sans-serif;
	text-align: center;
}

.bignumber-1 { background-position: left top;}
.bignumber-2 { background-position: left -44px;}
.bignumber-3 { background-position: left -88px;}

/* Talking box. Thinking box. ---*/
div.bubble { position: relative; padding-bottom: 20px; }

div.bubble .box-ct { padding: 16px; position: relative; }

div.bubble .box { position: absolute; height: 16px; width: 16px; }

div.bubble .tl, div.bubble .tr, div.bubble .br, div.bubble .bl {
	background-repeat: no-repeat;
	position: absolute;
}

div.bubble .tl { background-position: left -20px; top: 0; left: 0; }
div.bubble .tr { background-position: right -20px; top: 0; right: 0; }
div.bubble .br { background-position: right bottom; bottom: 0; right: 0; }
div.bubble .bl { background-position: left bottom; bottom: 0; left: 0; }

div.bubble span.arrow {
	width: 13px;
	height: 7px;
	font-weight: bold;
	display: block;
	margin-left: 20px;
}

div.bubble-l1 span.arrow, div.bubble-l2 span.arrow { background: url(../images/bubble-l.png) no-repeat left top }

div.bubble-d1 span.arrow, div.bubble-d2 span.arrow { background: url(../images/bubble-d.png) no-repeat left top; }

div.bubble-hl1 span.arrow, div.bubble-hl2 span.arrow { background: url(../images/bubble-hl.png) no-repeat left top;}

div.bubble span.author {
	background: url(../images/icons/user.png) no-repeat 10px 2px;
	padding-left: 32px;
	display: block;
	font-weight: bold;
	color: #999;
}

/* Bubble light style 1 */
div.bubble-l1 div.box-ct { background: #e6e6e6; }

div.bubble-l1 .tl, div.bubble-l1 .tr, div.bubble-l1 .bl, div.bubble-l1 .br {
	background-image: url(../images/bubble-l.png);
}

/* Bubble light style 2 */
div.bubble-l2 div.box-ct { background: #E0E0E0; }

/* Bubble Dark light style 1 */
div.bubble-d1 div.box-ct { background: #444; color: #fff; }

div.bubble-d1 div.tl, div.bubble-d1 div.tr, div.bubble-d1 div.bl, div.bubble-d1 div.br {
	background-image: url(../images/bubble-d.png);
}

/* Bubble Dark light style 2 */
div.bubble-d2 div.box-ct { background: #444; color: #fff; }

/* Bubble highlight style 1 */
div.bubble-hl1 .box-ct { background: #00adef; color: #fff; }

div.bubble-hl1 div.tl, div.bubble-hl1 div.tr, div.bubble-hl1 div.bl, div.bubble-hl1 div.br {
	background-image: url(../images/bubble-hl.png);
}

/* Bubble highlight style 2 */
div.bubble-hl2 div.box-ct { background: #00adef; color: #fff; }

/* Box style ---*/
.box-sticky, .box-download, .box-grey, .box-hilite, .box-blue, .box-black {
	margin: 15px 0;
	padding: 20px 10px !important;
	border: 2px solid #ddd;
}

.box-sticky {
	background: url(../images/icons/sticky-big.png) no-repeat 10px center #fff;
	padding-left: 50px !important;
	border-color: #ff9600;
}

.box-download {
	background: url(../images/icons/download-big.png) no-repeat 10px center #fff;
	padding-left: 50px !important;
	border-color: #00adef;
}

.box-grey {
	background-color: #f6f6f6;
}

.box-hilite {
	border-color: #e4e4c2;
	background: #f8f8ea;
}

.box-blue {
	background: #00adef;
	border: none;
	color: #fff;
}

.box-black {
	background: #333;
	border: none;
	color: #fff;
}
.box-top {
	border: 1px solid #dddddd;
	padding: 10px 60px 10px 10px !important;
	background-image: url(../images/icons/badge-top.png);
	background-repeat: no-repeat;
	background-position: right 0;
	min-height: 25px;
}

.box-new {
	border: 1px solid #dddddd;
	padding: 10px 60px 10px 10px !important;
	background-image: url(../images/icons/badge-new.png);
	background-repeat: no-repeat;
	background-position: right 0;
	min-height: 25px;
}

.box-hot {
	border: 1px solid #dddddd;
	padding: 10px 60px 10px 10px !important;
	background-image: url(../images/icons/badge-hot.png);
	background-repeat: no-repeat;
	background-position: right 0;
	min-height: 25px;
}

.box-pick {
	border: 1px solid #dddddd;
	padding: 10px 60px 10px 10px !important;
	background-image: url(../images/icons/badge-pick.png);
	background-repeat: no-repeat;
	background-position: right 0;
	min-height: 25px;
}

/* Legend ---*/

.legend {
	border: 1px solid #dddddd;
	margin: 20px 0;
	padding: 0 10px;
	position: relative;
}

.legend h3.legend-title, .legend-hilite h3.legend-title {
	background: #fff;
	position: absolute;
	margin: 0 !important;
	padding: 0 10px !important;
	border: none;
	display: block;
	float: left;
	font-weight: bold;
	left: 10px;
	top: -10px;
	color: #444444;
	letter-spacing: -1px;
}

.legend-hilite h3.legend-title {
	color: #00adef;
}

.legend-hilite {
	border: 1px solid #00adef;
	margin: 20px 0;
	padding: 0 10px;
	position: relative;
}

/* OTHERS
--------------------------------------------------*/
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;
}

/* FIXES
--------------------------------------------------*/
