/**
* @package JtouchMobile Template
* @author Nguyen
* @copyright	Copyright (C) 2012 MobileMeWs.com. All rights reserved.
* @license		GNU/GPL, see LICENSE.php
* Joomla! is free software. This version may have been modified pursuant
* to the GNU General Public License, and as distributed it includes or
* is derivative of works licensed under the GNU General Public License or
* other free or open source software licenses.
* See COPYRIGHT.php for copyright notices and details.
*/

/*@group Global setting*/
a{
	text-decoration: none;
}
img{
	max-width: 100% !important;
	height: auto;
}
.clr{
	clear: both;
}
.nodisplay{
	display: none;
	height: 0;
	clear: both;
}
.center{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.ui-content{
	background-color: #fff;
}
.dl-horizontal dt {
    clear: left;
    float: left;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 60px;
}
dt {
    font-weight: bold;
}
dt, dd {
    line-height: 18px;
}
.dl-horizontal dd {
    margin-left: 80px;
}
/*@end*/

/*@group Bootstrap Hacking*/
[data-icon]:before{
	font-family: inherit !important;
	content: none !important;
}
/*@end group Bootstrap Hacking*/

/*@group Header Logo */
.jtouch-extratop .ui-page {
	top: 80px;
}
.jtouch-fixed-header .ui-page{
	top: 0;
}
.jtouch-extratop .ui-header-fixed{
	top: 80px;
}
.jtouch-fixed-header #jtouch-logo{
	top: 0;
	position: fixed;
	left: 0;
	right: 0;
	z-index: 1000;
}
#jtouch-logo{
	height: 80px;
	text-align: center;
	overflow: hidden;
	background-color: #ffffff;
	position: relative;
}
#jtouch-logo img{ margin: 0 auto;}
.jt-header-icon img{
	padding: 10px 5px;
	width: 30px;
	height: 30px;
	display: block;
	display: inline-block;
}
/*@end*/


/*@group Horizal Navigator*/
#jtouch-nav .inner-nav-1{padding-top: 7px;}
#jtouch-nav li span.ui-btn-text{}
#jtouch-nav li img.navitem-image{
	width: 24px;
	padding-right: 5px;
	float: left;
}
#jtouch-nav li a{
	line-height: 24px;
}
#jtouch-nav li.active a, #jtouch-nav li a:hover{
	color: #2489CE;
}
/*@end*/

/*@group Main Menu */
#jtouch-mainmenu{}
#jtouch-mainmenu li .ui-btn-text img{
	width: 44px;
	padding-right: 5px;
	float: left;
}
#jtouch-mainmenu .ui-li-has-thumb .ui-btn-inner a.ui-link-inherit, 
#jtouch-mainmenu .ui-li-static.ui-li-has-thumb{
	min-height: 10px !important;
	padding-left: 50px !important;
}
/*@end*/


/*@group Header Toolbar*/
.main-page-header{
	display: block;
	text-align: center;
	min-height: 2.5em;
}
.main-page-header h1{
	display: none !important;
}
.header-tools-left,
.header-tools-right,
.header-tools-center{
	display: inline; top: 0.15em; margin: 0 auto;	
}
.header-tools-left{
	position:absolute; left:0.2em;
}
.header-tools-right{
	position:absolute; right:0.2em;
}
.header-tools-center{position: relative; display: inline-block;}
.ui-field-contain, fieldset.ui-field-contain{
	padding: 0.4em 0 !important;
	border-width: 0 !important; 
}

.button-no-text{
	padding: 0 10px!important;
	line-height: 36px;
	margin-bottom: 1px;
}
/*@end*/


/*@group Footer*/
#page-footer{
	padding: 5px 5px;
	font-size: 90%;	
	text-align: center;
}
#page-footer p{
	padding: 5px 0;
	margin: 0;
}
.jtouch-copyright{
	padding: 5px 0;
}
.jtouch-copyright a{
	text-shadow: none !important;
	color: #333 !important;
	font-weight: normal !important;
}
/*@end*/


/*@group System Message, Tool Tip*/
#system-message a.close{
	display: none;
}
#system-message h4{
	margin: 0;
	text-align: center;
}
.alert-success{color: #468847;}
.alert-info{color: #3a87ad;}
.alert-warning{color: #c09853;}
.alert-danger{color: #b94a48;}
.error{color: red !important;}
label.error{
	font-size: 90%;
	display: block;
	padding-top: 5px;
}
.tooltip {
	position: absolute;
	z-index: 1030;
	display: block;
	visibility: visible;
	font-size: 11px;
	line-height: 1.4;
	opacity: 0;
	filter: alpha(opacity=0);
}
.tooltip.in {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.tooltip.top {
	margin-top: -3px;
	padding: 5px 0;
}
.tooltip.right {
	margin-left: 3px;
	padding: 0 5px;
}
.tooltip.bottom {
	margin-top: 3px;
	padding: 5px 0;
}
.tooltip.left {
	margin-left: -3px;
	padding: 0 5px;
}
.tooltip-inner {
	max-width: 200px;
	padding: 8px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	background-color: #000;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tooltip-arrow {
	position: absolute;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.tooltip.top .tooltip-arrow {
	bottom: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 5px 5px 0;
	border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
	top: 50%;
	left: 0;
	margin-top: -5px;
	border-width: 5px 5px 5px 0;
	border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
	top: 50%;
	right: 0;
	margin-top: -5px;
	border-width: 5px 0 5px 5px;
	border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
	top: 0;
	left: 50%;
	margin-left: -5px;
	border-width: 0 5px 5px;
	border-bottom-color: #000;
}

/*@end*/

/*@group Page layout */
.icons .dropdown-menu,
.item-page .dropdown-menu{
	display: none;
}
.article-info dt.article-info-term{
	display: none;
}
.article-info dd{
	margin: 0 20px 0 0;
	font-size: 90%;
	font-style: italic;
}

ul.pagenav {
	margin: 5px 0;
	padding: 0;
}
ul.pagenav li{
	list-style-type: none;
	border: 1px solid #ddd;
	border-radius: 15px;
	margin: 5px;
	padding: 5px 10px;
	display: inline-block;
}
.pager li > a, .pager li > span {
	border: none !important;
	padding: 0 !important;
}
/*@end*/

/*@group Component Settings*/
/*Contact form */
.contact .dl-horizontal dt{
	width: 40px;
}
.contact .dl-horizontal dd{
	margin-left: 60px;
}
/* ReCaptcha */
#recaptcha_area{
	background:  transparent;
	border-radius: 5px;
}
#recaptcha_area td{
	background: none !important;
}

/* Google Stuffs */
.googleadgoeshere{
	display: block;
	position: relative;
	margin: 0 auto;
}
.googleadgoeshere::after{
	clear: both;
}
#googleadgoeshere1,
#googleadgoeshere2{
	width: 100%;
	text-align: center;
	display: block;
	margin-left: -14px;
	margin-right: -14px;
	min-height: 55px;
}
#googleadgoeshere1{}
#googleadgoeshere2{
	padding-top: 10px;
}
.youtube-player, .youtube{
	width: 560px;
	height: 315px;
}
/*@end*/

/* @group MEDIA QUERY */
/* Large desktop */
@media (min-width: 1200px) {
.visible-tablet,
.visible-phone,
.hidden-desktop{
	display: none !important;
}

} /* < @media (min-width: 1200px) */
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.visible-desktop,
.visible-phone{
	display: none !important;
}

} /* < @media (min-width: 768px) and (max-width: 979px) */
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.youtube-player, .youtube{
	width: 380px;
	height: 223px;
}

.visible-desktop,
.hidden-desktop,
.visible-tablet,
.hidden-tablet{
	display: none !important;
}


} /* < @media (max-width: 767px) */
 
/* Landscape phones and down */
@media (max-width: 480px) {
.youtube-player, .youtube{
	width: 300px;
	height: 182px;
}

.hidden-phone{
	display: none;
}

} /* < @media (max-width: 480px) */ 

/* @end MEDIA QUERY*/