/*
# ------------------------------------------------------------------------
# JA T3v2 Plugin - Template framework for Joomla 1.5
# ------------------------------------------------------------------------
# Copyright (C) 2004-2010 JoomlArt.com. All Rights Reserved.
# @license - GNU/GPL V2, http://www.gnu.org/licenses/gpl2.html. 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.
# ------------------------------------------------------------------------
*/

/* CPanel ---*/
#ja-cpanel-wrapper {
	position: fixed;
	top: 0;
	right: 30px;
	z-index: 1000;
}

#ja-cpanel {
	position: absolute;
	top: -1000px;
	right: 0;
	width: 265px;
	background: #f7f7f7;
	border: 1px solid #cdcdcd;
	border-top: 0;
}

#ja-cpanel-main {
	text-align: center;
}

#ja-cpanel-main ul {
	width: 265px;
	position: relative;
	display: block;
}

#ja-cpanel-main ul li, #ja-cpanel-main ul li a {
	display: block;
	width: 265px;
	height: 40px;
	cursor: pointer;
}

#ja-cpanel-main ul li a span {
	position: absolute;
	top: -1000px; 
}

/* Toggle BTN */
a#ja-cpanel-toggle {
	display: block;
	height: 26px;
	width: 265px;
	background: url(../images/usertools/user-cpanel-btn.gif) no-repeat top;
	text-indent: -2000px;
}

.open {
	background-position: bottom !important;
}

/* Layout Tool */
#ja-cpanel-main ul.ja-usertools-layout li a {
	background-image: url(../images/usertools/lmr.gif);
	background-position: top center;
	background-repeat: no-repeat;
	border-top: 1px solid #f7f7f7;
}

#ja-cpanel-main ul.ja-usertools-layout li a:hover,
#ja-cpanel-main ul.ja-usertools-layout li a:active,
#ja-cpanel-main ul.ja-usertools-layout li a:focus,
/*Active State*/
#ja-cpanel-main ul.ja-usertools-layout li.layout-default-active a,
#ja-cpanel-main ul.ja-usertools-layout li.layout-default_rounded-active a,
#ja-cpanel-main ul.ja-usertools-layout li.layout-left-right-main-active a,
#ja-cpanel-main ul.ja-usertools-layout li.layout-left-right-main_rounded-active a,
#ja-cpanel-main ul.ja-usertools-layout li.layout-main-left-right-active a,
#ja-cpanel-main ul.ja-usertools-layout li.layout-main-left-right_rounded-active a
{ background-position: bottom center; }

#ja-cpanel-main li.layout-default a,
#ja-cpanel-main li.layout-default-active a {
	background-image: url(../images/usertools/lmr.gif);
}

#ja-cpanel-main li.layout-default_rounded a,
#ja-cpanel-main li.layout-default_rounded-active a {
	background-image: url(../images/usertools/lmr-r.gif);
}

#ja-cpanel-main li.layout-left-right-main a,
#ja-cpanel-main li.layout-left-right-main-active a {
	background-image: url(../images/usertools/lrm.gif);
}

#ja-cpanel-main li.layout-left-right-main_rounded a,
#ja-cpanel-main li.layout-left-right-main_rounded-active a {
	background-image: url(../images/usertools/lrm-r.gif);
}

#ja-cpanel-main li.layout-main-left-right a,
#ja-cpanel-main li.layout-main-left-right-active a {
	background-image: url(../images/usertools/mlr.gif);
}

#ja-cpanel-main li.layout-main-left-right_rounded a,
#ja-cpanel-main li.layout-main-left-right_rounded-active a {
	background-image: url(../images/usertools/mlr-r.gif);
}

/* Themes Tool */
#ja-cpanel-main ul.ja-usertools-theme li a {
	background-image: url(../images/usertools/lmr.gif);
	background-position: top center;
	background-repeat: no-repeat;
	border-top: 1px solid #f7f7f7;
}

/* Font tool */
#ja-cpanel-main ul.ja-usertools-font {
	width: 65px;
	height: 25px;
	background: url(../images/usertools/font-tool.gif) no-repeat center #fff;
	border-top: 1px solid #cdcdcd;
}

#ja-cpanel-main ul.ja-usertools-font li {
	float: left;
	width: 33%;
	height: 25px;
}

#ja-cpanel-main ul.ja-usertools-font li a {
	width: 100%;
	height: 25px;
}

/* Screen Tool */
#ja-cpanel-main ul.ja-usertools-screen {
	background: url(../images/usertools/screen-tool.gif) no-repeat center #fff;
	border-top: 1px solid #cdcdcd;	
}

#ja-cpanel-main ul.ja-usertools-screen li {
}

#ja-cpanel-main ul.ja-usertools-screen li a {
}

#ja-cpanel-main ul.ja-usertools-screen li.screen-reset {
	display: none;
}

/* Color tools */
#ja-cpanel-main ul.ja-usertools-color {
	display: none;
}

/*Extended by Hong98*/
#ja-cpanel {
	border: 1px solid #ccc;
	-moz-box-shadow: 1px 1px 2px #c6c6c6;
}

#ja-cpanel-main ul {
	border-top: 0;
	clear: both;
	padding: 10px 15px;
	width: auto;
}

#ja-cpanel-main ul:first-child {
	border: 0;
}

#ja-cpanel {
	background-color: #fff;
	margin-top: -5px;
}

#ja-cpanel-main ul li {
	float: left;
	width: 45%;
	margin-right: 10px;
}

.ja-cpanel-action {
	clear: both;
}

.ja-cpanel-action a span {
	display: inline-block;
	background: #333;
	border: 1px solid #555;
	padding: 4px 15px;
	color: #fff;
	font-weight: bold;
}

.ja-cpanel-action a {
	display: inline-block;
	border: 1px solid #111;
	margin-right: 5px;
}

.ja-cpanel-action a:hover {
	text-decoration: none;
}

a#ja-cpanel-toggle {
	width: 65px;
	position: absolute;
	right: 0;
	top: 4px;
}

#ja-cpanel-main {
	padding-bottom: 10px;
	color: #333;
	font-size: 90%;
	text-align: left;
}

.ja-cpanel-action  {
	text-align: left;
	padding: 10px 20px 0;
	border-top: 1px dotted #ccc;
}


#ja-cpanel-main ul li, #ja-cpanel-main ul li a {
	line-height: 20px;
	height: 20px;
}

#ja-cpanel-main ul.ja-usertools-font {
	background-position: 10px center;
	width: auto;
	float: left;
	padding-bottom: 10px;
}

#ja-cpanel-main ul.ja-usertools-font li {
	width: 20px;
	margin-right: 0;
}

#ja-cpanel-main ul.ja-usertools-screen {
	background: none;
}

#ja-cpanel-main h3 {
	font-size: 90%;
	clear: both;
	text-transform: uppercase;
	font-family: Helvetica, Arial, sans-serif;
	margin: 0;
	background: #f5f5f5;
	padding: 10px 20px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}

#ja-cpanel-main ul.ja-usertools-screen, #ja-cpanel-main ul.ja-usertools-font {
	border-top: 0;
}

.ja-box-usertools {
	background: #fff;
}

#ja-cpanel-main ul.ja-usertools-font {
	background-color: transparent;
}

.ja-cpanel-tools {
	max-height: 450px;
	overflow-y: scroll;
}