/*
# ------------------------------------------------------------------------
# JA Slideshow II module for Joomla 15
# ------------------------------------------------------------------------
# Copyright (C) 2004-2010 JoomlArt.com. All Rights Reserved.
# @license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,
# bound by Proprietary License of JoomlArt. For details on licensing,
# Please Read Terms of Use at http://www.joomlart.com/terms_of_use.html.
# Author: JoomlArt.com
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# Redistribution, Modification or Re-licensing of this file in part of full,
# is bound by the License applied.
# ------------------------------------------------------------------------
*/

.ja-slidewrap {
	border: 1px solid #191A1B;
	margin: 0;
	padding: 0;
	position: relative;
}

.ja-slide-main-wrap {
	overflow: hidden;
	position: relative;
}

.ja-slide-main {
	position: absolute;
	z-index: 1;
}

.ja-slide-item {
	display: block;
	float: left;
	margin: 0;
	overflow: hidden;
	position: relative;
}

.ja-slide-item img {
	background: #000;
}

.ja-slide-thumbs-wrap {
	clear: both;
	overflow: hidden;
	position: relative;
}

.but_prev, .but_next {
	background: #000;
	position: absolute;
	top: 0;
	z-index: 99;
}

.but_prev {
	background: url("arrow-l.gif"/*tpa=http://www.dichcongchung.vhd.vn/modules/mod_jaslideshow2/assets/arrow-l.gif*/) no-repeat right center;
	left: 0;
}

.but_prev:hover, .but_next:hover {
	cursor: pointer;
}

.but_next {
	background: url("arrow-r.gif"/*tpa=http://www.dichcongchung.vhd.vn/modules/mod_jaslideshow2/assets/arrow-r.gif*/) no-repeat left center;
	right: 0;
}

.maskdesc {
	background: #000;
	cursor: pointer;
	display: block;
	position: absolute;
	z-index: 100;
}

.maskdesc .ja-slide-desc {
	color: #fff;
	font-size: 100%;
	padding: 10px 20px;
}

.maskdesc .ja-slide-desc a,
.maskdesc .ja-slide-desc a:hover,
.maskdesc .ja-slide-desc a:focus,
.maskdesc .ja-slide-desc a:active {
	border: none !important;
	text-decoration: none !important;
}

.maskdesc .ja-slide-desc a span {
	color: #fff;
	font-size: 150%;
	font-weight: bolder;
	text-transform: uppercase;
}

.maskdesc .ja-slide-desc br {
	display: none;
}

.maskdesc .ja-slide-desc h3 {
	margin: 0;
	padding: 0;
}

.maskdesc .ja-slide-desc p a {
	color: #ccc;
}

.maskdesc a.readon {
	background: url("arrow-ri.gif"/*tpa=http://www.dichcongchung.vhd.vn/modules/mod_jaslideshow2/assets/arrow-ri.gif*/) no-repeat right 7px;
	bottom: 2px;
	color: #ccc;
	display: block;
	font-size: 100%;
	font-weight: bold;
	padding: 0 8px 0 0;
	position: absolute;
	right: 20px;
}

.maskdesc a.readon:hover,
.maskdesc a.readon:active,
.maskdesc a.readon:focus {
	background: url("arrow-ri-hover.gif"/*tpa=http://www.dichcongchung.vhd.vn/modules/mod_jaslideshow2/assets/arrow-ri-hover.gif*/) no-repeat right 7px;
	color: #fff;
}

.ja-slide-buttons {
	z-index: 900;
}

.ja-slide-buttons span {
	background: #000;
	color: #fff;
	cursor: pointer;
	display: block;
	float: left;
	margin-right: 5px;
	padding: 2px 5px;
}

/*JA Sideshow [ Topspotlight 1]*/
#ja-slideshow .ja-slidewrap {
	margin: 0;
	padding: 0;
	position: relative;
}

#ja-slideshow .ja-slide-mask {
	background: #ccc;
	bottom: 10px;
	display: none;
	height: 70px;
	position: absolute;
	right: 10px;
	width: 210px;
	z-index: 99;
}

#ja-slideshow .ja-slide-thumbs-wrap {
	background: #ccc;
	bottom: 10px;
	position: absolute;
	right: 10px;
	z-index: 100;
}

#ja-slideshow .ja-slide-buttons {
	bottom: 10px;
	display: block;
	left: 10px;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 101;
}

#ja-slideshow .ja-slide-thumb img {
	background: #CCCCCC;
	border: 1px solid #fff;
	margin: 4px;
}

#ja-slideshow .ja-slide-item img {
	border: none;
	padding: 0;
}

#ja-slideshow .maskdesc {
	background: none;
}

#ja-slideshow .maskdesc .ja-slide-desc {
	color: #fff;
	font-size: 100%;
	padding: 20px 10px;
	position: absolute;
	right: 0;
	top: 0;
	width: 230px;
}

#ja-slideshow .maskdesc .ja-slide-desc h3 {
	color: #ccc;
	text-transform: uppercase;
}

/* SCROLL LEFT
-----------------------------------------*/
/* Horizontal ---*/
.ja-vertical_right {
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 100;
}

/* horizontal ---*/
.ja-vertical_left {
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	z-index: 100;
}

.ja-vertical_right .active {
	background: url("arrow-bg.png"/*tpa=http://www.dichcongchung.vhd.vn/modules/mod_jaslideshow2/assets/arrow-bg.png*/) no-repeat center left;
}

.ja-vertical_left .active {
	background: url("arrow-bg.png"/*tpa=http://www.dichcongchung.vhd.vn/modules/mod_jaslideshow2/assets/arrow-bg.png*/) no-repeat center right;
}

.ja-slide-right {
	margin-left: auto;
	right: 0;
	top: 0;
}

.ja-slide-thumbs, .ja-slide-thumbs-mask, .ja-slide-thumbs-handles {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	width: 5000px;
}
/*
.ja-articles .ja-slide-thumbs-handles {
	background: #fff;
	filter: alpha(opacity=0);
	opacity: 0.00;
} */

.ja-slide-descs {
	display: none;
}

.ja-slide-thumb, .ja-slide-thumbs-handles span {
	cursor: pointer;
	display: block;
	float: left;
	margin: 0;
}

/* horizontal  */
.ja-vertical_right .ja-slide-thumb, .ja-vertical_right .ja-slide-thumbs-handles span{
	float: none!important;
}

.ja-vertical_left .ja-slide-thumb, .ja-vertical_left .ja-slide-thumbs-handles span{
	float: none!important;
}

.ja-slide-thumbs-wrap .active .ja-slide-thumb-inner {
	background: url("grad-bg.gif"/*tpa=http://www.dichcongchung.vhd.vn/modules/mod_jaslideshow2/assets/grad-bg.gif*/) repeat-x top left #57212A;
}

.ja-slide-thumbs-wrap .active .ja-slide-thumb-inner h3 {
	color: #fff !important;
}

.ja-slide-thumbs-handles span {
}

.ja-slide-thumbs-mask-left,
.ja-slide-thumbs-mask-right,
.ja-slide-thumbs-mask-center {
	float: left;
}

.ja-vertical_right .ja-slide-thumbs-mask-left,
.ja-vertical_right .ja-slide-thumbs-mask-right,
.ja-vertical_right .ja-slide-thumbs-mask-center {
	display: block;
	float: none;
}

.ja-vertical_left .ja-slide-thumbs-mask-left,
.ja-vertical_left .ja-slide-thumbs-mask-right,
.ja-vertical_left .ja-slide-thumbs-mask-center {
	display: block;
	float: none;
}

.ja-slide-thumb-inner {
	background: #000;
	border-top: 1px solid #191A1B;
	color: #757575;
	height: 100%;
	margin-left: 19px;
	padding: 0 15px;
}

.ja-vertical_left .ja-slide-thumb-inner {
	margin-left: 0px;
	margin-right: 19px;
}

.ja-slide-thumb-inner img {
	background: #000;
	border: 1px solid #1C1C1C;
	margin: 15px 5px 0 0;
	padding: 3px;
}

.ja-slide-thumb-inner h3 {
	font-size: 11px;
	margin: 0px !important;
	padding: 15px 0 0 !important;
}

.ja-slide-thumb-inner .ja-createdate {
}

.active .ja-slide-thumb-inner {
	border: none;
	color: #fff;
}

.active .ja-slide-thumb-inner img {
	background: #57212A;
	border: 1px solid #67373F;
}

.ja-slide-thumbs-mask-left,
.ja-slide-thumbs-mask-right,
.ja-slide-thumbs-mask-center {
	float: left;
}

.ja-slide-thumbs-mask-left, .ja-slide-thumbs-mask-right {
	background: #000;
}
/* COMMON STYLE
-----------------------------het copy 1---------------------------- */
/*
# ------------------------------------------------------------------------
# JA Thumbnail plugin for Joomla 1.5
# ------------------------------------------------------------------------
# Copyright (C) 2004-2010 JoomlArt.com. All Rights Reserved.
# @license - PHP files are GNU/GPL V2. CSS / JS are Copyrighted Commercial,
# bound by Proprietary License of JoomlArt. For details on licensing,
# Please Read Terms of Use at http://www.joomlart.com/terms_of_use.html.
# Author: JoomlArt.com
# Websites:  http://www.joomlart.com -  http://www.joomlancers.com
# Redistribution, Modification or Re-licensing of this file in part of full,
# is bound by the License applied.
# ------------------------------------------------------------------------
*/

.ja-thumbnailwrap { margin-bottom: 10px; }

.thumb-left { float: left; margin-right: 15px; }
.thumb-right { float: right; margin-left: 15px; }

.ja-thumbnail { position: relative; }

.thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.thumbnail * { float: none !important; margin: 0 !important; }

/* img navigation ---*/
.ja-thumbnailwrap ul.nav {
	font-size: 92%;
	text-transform: uppercase;
	margin: 1px 0 0;
	padding: 0 0 2px;
	background: #f7f7f7;
	color: #999;
	position: relative;
	text-align: center;
}

.ja-thumbnailwrap ul.nav li 		{ margin: 0; padding: 1px 5px; background: none; cursor: pointer; display: inline; }
.ja-thumbnailwrap ul.nav li.next { position: absolute; right:0; top: 0; text-align: right; }
.ja-thumbnailwrap ul.nav li.prev	{ position: absolute; left:0; top: 0;}

.ja-thumbnailwrap ul.nav li.counter {
	margin: 0 !important;
	float: none;
	text-align: center;
	text-transform: lowercase;
	display: inline;
}

.ja-thumbnailwrap ul.nav li.counter span {
	background: none;
	border: none;
	padding: 0;
	color: #666;
}

.ja-thumbnailwrap ul.nav li.next:hover, .ja-thumbnailwrap ul.nav li.prev:hover { color: #000; }

/* COMMON STYLE
-----------------------------het copy 2--------------------------- */
div.ja-retweet-vertical-home, div.ja-retweet-vertical{float: right; margin: 10px 0px 0px 10px;}
div.ja-retweet-horizontal-home, div.ja-retweet-horizontal{margin: 10px 0px 10px 0px;}
div.ja-retweet-none-home, div.ja-retweet-none{margin: 10px 0px 10px 0px;}
/* COMMON STYLE
-----------------------------het copy 3--------------------------- */

/**
 * @version 1.5.3 $Id: style.css
 * @package Joomla 1.5.x
 * @subpackage RS-Monials
 * @copyright (C) 2007RS Web Solutions (http://www.rswebsols.com)
 * @license GNU/GPL http://www.gnu.org/copyleft/gpl.html
 */

/* Success Message Text after submitting a testimonial */
.RSWS_success { color:#009900; font-weight:bold; }

/* Css class for "Submit a Testimonial" Link */
.RSWS_submit_link { text-align:right; }
.RSWS_submit_link a { }
.RSWS_submit_link a:hover { }

/* Testimonial Display Block */
.RSWS_testi_block { display:block; margin: 10px 0; padding:10px; background: #ffffff;
border-radius: 5px;
box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

/* Testimonial Image border */
.RSWS_testi_img { border: 5px solid #CCCCCC; }

/* Manage the image and alignment of both quotation */
.RSWS_left_quote { padding-right:0px; margin-right:5px; }

.RSWS_right_quote { padding-left:0px; margin-left:5px; }

/* Manage Testimonial Text */
.RSWS_testimonial { font-size:12px; font-weight:normal; text-align:justify; }

/* Manage the Subtext of Testimonial, i.e. Date of Posting, Posted By etc. etc. */
.RSWS_testmonial_subtext { text-align:right;text-transform: uppercase; }

/* Manage Text and link of Pagination */
.RSWS_pagination_text { text-align:center; }
.RSWS_pagination_text a { }
.RSWS_pagination_text a:hover { }

/*********************************************************/
/*** Manage the display of Testimonial Submission Form ***/
/*********************************************************/

/* Text "Submit A Testimonial" */
.RSWS_form_heading { font-size:18px; font-weight:bold; border-bottom:1px solid #dedede; padding-bottom:5px; }

/* Manage the Style of main Table */
.RSWS_form_main { width:90%; }

/* Manage the error Text */
.RSWS_form_error { color:#ff0000; }
.RSWS_form_error p { }
.RSWS_form_error div ul li { }

/* Manage the row that is displaying " * fields are mandatory" */
.RSWS_form_mandatory { text-align:right; }

/* Color of the "*" (Star) */
.RSWS_form_star_color { color:#ff0000; }

/* Manage width of the First Column, i.e. the column that is showing text like "Your First Name", "Your Last Name" etc. */
.RSWS_form_first_col { width:25%; }

/* Manage the style of text in the form */
.RSWS_form_text {}

/* Manage Input fields of the form */
.RSWS_form_input { width:100%; }

/* Manage Textarea field of the form */
.RSWS_form_textarea { width:100%; height:150px; }

/* Manage Button field of the form */
.RSWS_form_button { width:auto; }