/**
* @version $Id: general.css 14401 2010-01-26 14:10:00Z louis $
* @copyright Copyright (C) 2005 - 2010 Open Source Matters. 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.
*/

/**
 * Joomla! 1.5 Admin template main css file
 *
 * @author		Andy Miller <andy.miller@joomla.org>
 * @package		Joomla
 * @since		1.5
 * @version 1.0
 */

/* -- General styles ------------------------------ */

body {
	margin: 5px;
	padding: 0;
	background: #fff;
	border-radius: 10px;
	padding-bottom: 1px;
	font-size: 11px;
}

body, td, th { font-family: Tahoma; }
#container {
	width: 100%;
	margin: 0 auto;
	float: right;
}
#container > div {
	float: right;
	width: 100%;
}

#minwidth { min-width: 960px; }

.clr { clear: both; overflow:hidden; height: 0; }

a, img { padding: 0; margin: 0; }

img { border: 0 none; }

form { margin: 0; padding: 0; }

h1 {
	margin: 0; padding-bottom: 8px;
	color: #0B55C4; font-size: 20px; font-weight: bold;
}

h3 {
	font-size: 13px;
}

a:link { color: #0B55C4; text-decoration: none; }
a:visited { color: #0B55C4; text-decoration: none; }
a:hover { text-decoration: underline; }

fieldset {
	margin-bottom: 10px;
	border: 1px #ccc solid;
	padding: 5px;
	text-align: left;
}

fieldset p { margin: 10px 0px; }

legend {
	color: #0B55C4;
	font-size: 12px;
	font-weight: bold;
}

input, select { font-size: 11px; border: 1px solid silver; font-family:Tahoma }
textarea { font-size: 11px; border: 1px solid silver; }
button { font-size: 10px; }

input.disabled { background-color: #F0F0F0; }

input.button { cursor: pointer; }

input:focus,
select:focus,
textarea:focus { background-color: #ffd }

/* -- overall styles ------------------------------ */

#border-top .title {
	font-size: 16px; font-weight: bold; color: #fff; line-height: 44px;
	padding-left: 180px;
}

#border-top .version {
	display: block; float: right;
	color: #fff;
	padding: 25px 5px 0 0;
}

#header-box {
	height: 102px;
	background: url("../images/head_bg.gif" ) repeat-x center top;
	border-radius: 10px 10px 0 0;
}
#header-box #logo {
	background: url("../images/head_logo.png" ) no-repeat center right;
	width: 300px;
	height: 80px;
	float: right;
	position: absolute;
	top: -5px;
}
#header-nav {
	background: #f0f0f0;
	border-bottom:1px #DDD solid;
	width:100%;
	float: right;
	position: relative;
	top: 50px;
}

#content-box {
	border:1px #DDD solid;
	border-top: none;
	border-radius: 0 0 10px 10px;
}
#content {
	margin: 10px 15px 5px;
 float: right;
	width: calc(100% - 30px);
}
#content .cheader{
	margin-right:10px;
	margin-left:0px;
	padding-right:55px;
	padding-left:0px;
	font-size: 22px;
	font-weight: bold; color: #0B55C4;
	line-height: 48px;
	padding-left: 55px;
	background-position: right center;
	background-repeat: no-repeat;
	margin-left: 10px;
	float: right;
	width: auto;
}

#content .cheader span { color: #666; }

#footer-box .copyright { margin: 10px; text-align: center; }

#toolbar-box { background: #fbfbfb; margin-bottom: 10px; border: 1px #DDD solid; border-radius: 5px;padding: 5px; float: right; width: calc(100% - 15px)}
#element-box { background: #fbfbfb; margin-bottom: 10px; border: 1px #DDD solid; border-radius: 5px;padding: 5px; float: right; width: calc(100% - 15px)}

#submenu-box { background: #f6f6f6; margin-bottom: 10px; }
#submenu-box .padding { padding: 0px;}

#header-box .version {
	color: #FFF;
	float: left;
	padding: 10px 0 0 10px;
}

/* -- status layout */
#module-status { float: right; }
#module-status span { display: block; float: left; line-height: 16px; padding: 4px 10px 0 22px; margin-bottom: 5px; }

/*#module-status { background: url(../images/mini_ico-.png) 3px 5px no-repeat; }*/
.legacy-mode{ color: #c00;}
#module-status .preview { background: url(../images/icon-16-.png) 3px 3px no-repeat; }
#module-status .cache { background: url(../images/clean-16.png) 3px 3px no-repeat; padding: 3px; }
#module-status .cache a { padding: 8px; }
#module-status .cacheStyle { background: url(../images/menu/backup-in.png) 3px 3px no-repeat; padding: 3px; }
#module-status .cacheStyle a { padding: 8px; }
#module-status .unread-messages,
#module-status .no-unread-messages { background: url(../images/icon-160.png) 3px 3px no-repeat; }
#module-status .unread-messages a { font-weight: bold; }
#module-status .loggedin-users { background: url(../images/icon-161.png) 3px 3px no-repeat; }
#module-status .logout { background: url(../images/icon-162.png) 3px 3px no-repeat; }

/* -- various styles -- */
span.note {
	display: block;
	background: #ffd;
	padding: 5px;
	color: #666;
}

/** overlib **/

.ol-foreground {
	background-color: #ffe;
}

.ol-background {
	background-color: #6db03c;
}

.ol-textfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
}

.ol-captionfont {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
}
.ol-captionfont a {
	color: #0b5fc6;
	text-decoration: none;
}

.ol-closefont {}

/** toolbar **/

div.configuration {
	font-size: 14px; font-weight: bold; color: #0B55C4; line-height: 16px;
	padding-left: 30px;
	margin-left: 10px;
	background-image: url(../images/icon-163.png);
	background-repeat: no-repeat;
}

table.toolbar { border-collapse: collapse; padding: 0; margin: 0;	 }
table.toolbar td { padding: 1px 1px 1px 4px; text-align: center; color: #666; height: 48px; }
table.toolbar td.spacer { width: 10px; }
table.toolbar td.divider { border-right: 1px solid #eee; width: 5px; }

table.toolbar span { float: none; width: 32px; height: 32px; margin: 0 auto; display: block; }

table.toolbar a {
 display: block; float: left;
	white-space: nowrap;
	border: 1px solid #fbfbfb;
	padding: 1px 5px;
	cursor: pointer;
}

table.toolbar a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #0B55C4;
}
/**-------------my code----------------**/
.toolbar { float:right;width:100%;padding:0pt;text-align:center; }
.toolbar ul { border-collapse: collapse; padding: 0; margin: 0; list-style:none outside none; }
.toolbar ul li { padding: 1px 1px 1px 4px; text-align: center; color: #666; height: 48px; float:right; background:none repeat scroll 0 0 transparent; }
.toolbar ul li li { padding: 0; text-align: right; height: auto; float: left; }
.toolbar ul li.sub { background:url("../images/j_arrow_.png") no-repeat scroll left 13px transparent;}
.toolbar ul li.spacer { width: 10px; }
.toolbar ul li.divider { border-right: 1px solid #eee; width: 5px; }
.toolbar ul li.element { padding: 14px 5px 0; }
.toolbar ul.left { float: left }

.toolbar ul span { float: none; width: 32px; height: 32px; margin: 0 auto; display: block; background-repeat:no-repeat; position:relative;}
.toolbar ul span.bottonarrow { width: 11px; height:21px; border:1px solid #eee; display:block; position:absolute; top:4px; right: -13px; background: url(../images/sort_desc.png) no-repeat scroll center center #f3f3f5;}

.toolbar ul a.toolbar {
	display: block; /*float: left;*/
	white-space: nowrap;
	border: 1px solid #fbfbfb;
	padding: 1px 5px;
	cursor: pointer;
}

.toolbar ul a.toolbar:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	text-decoration: none;
	color: #0B55C4;
}
.toolbar ul li.element span {
	border: 1px transparent solid;
	float: left;
	margin-top: -6px;
}
.toolbar ul li.element span:hover {
	border: 1px #888 solid;
	cursor: pointer;
}

.ico-pub-active,
.ico-pub-stop {
	background-position: right center;
	background-repeat: no-repeat;
}

.content {
	width: 100%;
	float: right;
}

ul.groupopt {
	display: none;
}

ul.groupopt li {
	width: 100%;
}
ul.groupopt li a {
	padding-right: 20px;
}
/** for massmail component **/
td#mm_pane			{ width: 90%; }
input#mm_subject { width: 200px; }
textarea#mm_message { width: 100%; }

/* pane-sliders */
.pane-sliders .title {
	margin: 0;
	padding: 2px;
	color: #666;
	cursor: pointer;
}

.pane-sliders .panel { border: 1px solid #ccc; margin-bottom: 3px;}

.pane-sliders .panel h3 { background: #f6f6f6; color: #666}

.pane-sliders .content { background: #f6f6f6; }

.pane-sliders .contentList { border: 0 none; }
.pane-sliders .contentList td { border: 0 none; }

.jpane-toggler span { background: transparent url(../images/j_arrow0.png) 5px 50% no-repeat; padding-left: 20px;}
.jpane-toggler-down span { background: transparent url(../images/j_arrow_.png) 5px 50% no-repeat; padding-left: 20px;}

.jpane-toggler-down { border-bottom: 1px solid #ccc; }

/* tabs */

dl.tabs {
	float: left;
	margin: 10px 0 -1px 0;
	z-index: 50;
}

dl.tabs dt {
	float: left;
	padding: 4px 10px;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin-left: 3px;
	background: #f0f0f0;
	color: #666;
}

dl.tabs dt.open {
	background: #F9F9F9;
	border-bottom: 1px solid #F9F9F9;
	z-index: 100;
	color: #000;
}

.innerTab {
	width : 100%;
	height : 315px;
}

.innerTab .tlist {
	float:right;
	width:20%;
	text-align:right;
	border-left:1px #333 dotted;
	min-height:300px;
	overflow:auto;
}

.innerTab .tcontent {
	float:left;
	width:78%;
	direction:rtl;
	height:calc(50vh);
	overflow:auto;
}

.innerTab .tselected {
	float:left;
	width:78%;
	direction:rtl;
	height:calc(50vh);
	overflow:auto;
	border-top: 1px #ddd solid;
	margin-top: 2px;
	background: #EEE !important;
}

.innerTab .tselected ul li:hover {
	background: #FAA !important;
}

.innerTab .timage {
	width:180px;
	height:120px;
	float:right;
	text-align:center;
	padding:5px;
}

.innerTab .timage img {
	max-width: 170px;
	max-height: 90px;
}

div.current {
	clear: both;
	border: 1px solid #ccc;
	padding: 10px 10px;
}

div.current dd {
	padding: 0;
	margin: 0;
}
/** cpanel settings **/

#cpanel div.icon {
	text-align: center;
	margin-right: 5px;
	float: left;
	margin-bottom: 5px;
}

#cpanel div.icon a {
	display: block;
	float: left;
	border: 1px solid #f0f0f0;
	height: 97px;
	width: 108px;
	color: #666;
	vertical-align: middle;
	text-decoration: none;
}

#cpanel div.icon a:hover {
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #f9f9f9;
	color: #0B55C4;
}

#cpanel img { padding: 10px 0; margin: 0 auto; }
#cpanel span { display: block; text-align: center; }

/* standard form style table */
div.col { float: left; }
div.width-45 { width: 45%; }
div.width-55 { width: 55%; }
div.width-50 { width: 50%; }
div.width-70 { width: 70%; }
div.width-30 { width: 30%; }
div.width-60 { width: 60%; }
div.width-40 { width: 40%; }

table.admintable td { padding: 3px; }
table.admintable td.key,
table.admintable td.paramlist_key {
	background-color: #f6f6f6;
	text-align: right;
	width: 140px;
	color: #666;
	font-weight: bold;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}

table.paramlist td.paramlist_description {
	background-color: #f6f6f6;
	text-align: left;
	width: 170px;
	color: #333;
	font-weight: normal;
	border-bottom: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}

table.admintable td.key.vtop { vertical-align: top; }

table.adminform {
	background-color: #f9f9f9;
	border: solid 1px #d5d5d5;
	width: 100%;
	border-collapse: collapse;
	margin: 8px 0 10px 0;
	margin-bottom: 15px;
	width: 100%;
}
table.adminform.nospace { margin-bottom: 0; }
table.adminform tr.row0 { background-color: #f9f9f9; }
table.adminform tr.row1 { background-color: #eeeeee; }

table.adminform th {
	font-size: 11px;
	padding: 6px 2px 4px 4px;
	text-align: left;
	height: 25px;
	color: #000;
	background-repeat: repeat;
}
table.adminform td { padding: 3px; text-align: left; }

table.adminform td.filter{
	text-align: left;
}

table.adminform td.helpMenu{
	text-align: right;
}


fieldset.adminform { border: 1px solid #ccc; margin: 0 10px 10px 10px; }

/** Table styles **/

table.contentList {
	width: 100%;
	border-spacing: 1px;
	background-color: #e7e7e7;
	color: #666;
}

table.contentList td,
table.contentList th { padding: 4px; }

table.contentList thead th {
	text-align: center;
	background: #f0f0f0;
	color: #666;
	border-bottom: 1px solid #999;
	border-left: 1px solid #fff;
}

table.contentList thead a:hover { text-decoration: none; }

table.contentList thead th img { vertical-align: middle; }

table.contentList tbody th { font-weight: bold; }

table.contentList tbody tr			{ background-color: #fff; text-align: left; }
table.contentList tbody tr.row1 { background: #f9f9f9; border-top: 1px solid #fff; }

table.contentList tbody tr.row0:hover > td,
table.contentList tbody tr.row1:hover > td { background-color: #ffd ; }

table.contentList tbody tr > td { height: 25px; background: #fff; border: 1px solid #fff; }
table.contentList tbody tr.row1 > td { background: #f9f9f9; border-top: 1px solid #FFF; }

table.contentList tfoot tr { text-align: center; color: #333; }
table.contentList tfoot td,
table.contentList tfoot th { background-color: #f3f3f3; border-top: 1px solid #999; text-align: center; }

table.contentList td.order { text-align: center; white-space: nowrap; }
table.contentList td.order span { float: left; display: block; width: 20px; text-align: center; }

table.contentList .pagination { display:table; padding:0; margin:0 auto;	 }

.pagination div.limit {
	float: left;
	height: 22px;
	line-height: 22px;
	margin: 0 10px;
}

/** stu nicholls solution for centering divs **/
.container {clear:both; text-decoration:none;}
* html .container {display:inline-block;}

/** table solution for global config **/
table.noshow { width: 100%; border-collapse: collapse; padding: 0; margin: 0; }
table.noshow tr { vertical-align: top; }
table.noshow td { }
table.noshow fieldset { margin: 15px 7px 7px 7px; }

#editor-xtd-buttons { padding: 5px; }

/* -- buttons -> STILL NEED CLEANUP*/

.buttons {
	float: right;
}

.buttons a {
	display: block;
	height: 22px;
	float: left;
	line-height: 22px;
	font-size: 11px;
	color: #333;
	cursor: pointer;
}

.buttons span { cursor: default; color: #999; }

.buttons .page a,
.buttons .page span,
.buttons .blank a,
.buttons .blank span { padding: 0 3px; }

.page span,
.blank span {
	color: #000;
	font-weight: bold;
}

.buttons a:hover { text-decoration: none; color: #0B55C4; }

.buttons a, .buttons span { padding: 0 24px 0 6px; }

.buttons { float:left; margin-left: 5px;padding-top:4px; }

.buttons { }

.buttons .page,
.buttons .blank { background: none; }

.buttons .next { background: url(../images/nava_lef.png) 100% 0 no-repeat; }
.buttons .end { background: url(../images/nava_end.png) 100% 0 no-repeat; }
.buttons .st { background: url(../images/nava_st.png) 100% 0 no-repeat; }
.buttons .prev { background: url(../images/nava_rig.png) 100% 0 no-repeat; }

.buttons .image { background: url(../images/j_buttov.png) 100% 0 no-repeat; }
.buttons .readmore { background: url(../images/j_buttov.png) 100% 0 no-repeat; }
.buttons .pagebreak { background: url(../images/j_buttov.png) 100% 0 no-repeat; }
.buttons .blank	 { background: url(../images/j_buttov.png) 100% 0 no-repeat; }
.buttons .page span:hover {
	background: #EEE;
}

.pagination {
	
}

.pagination ul {
	float: right;
	padding: 3px;
	margin: 0 5px;
	border: 1px #BBB solid;
	background: #DDD;
	border-radius: 5px;
}

.pagination ul li {
	list-style: none;
	float: right;
	width: 20px;
	text-align: center;
	padding: 0 2px;
}
.pagination ul li a {
	font-weight: bold;
}
.pagination ul li.curpage {
	background: #EEE;
	font-weight: normal;
}

.pagination ul.buttons {
	border: none;
	background: none;
}

/* Tooltips */
.tool-tip {
	float: left;
	background: #ffc;
	border: 1px solid #D4D5AA;
	padding: 5px;
	max-width: 200px;
	z-index: 50;
}

.tool-title {
	padding: 0;
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	background: url(../images/selector.png) no-repeat;
}

.tool-text {
	font-size: 100%;
	margin: 0;
}

/* Calendar */
a img.calendar {
	width: 16px;
	height: 16px;
	margin-left: 3px;
	background: url(../images/calendar.png) no-repeat;
	cursor: pointer;
	vertical-align: middle;
}

/* System Standard Messages */
#system-message dd.message ul { background: #C3D2E5 url(../images/notice-i.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../images/notice-a.png) 4px top no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../images/notice-n.png) 4px top no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}


/*--------------my code---------------*/
.sorting {
	margin:0 3px;
}

.guest a {
	display:block;
	width:15px;
	height:15px;
}
.impor a {
	display:block;
	width:10px;
	height:15px;
}

.sep {
	height:10px;
	display:block;
	clear:both;
}

.leftside {
	float:left;
	padding:0pt;
	text-align:left;
}

.rightside {
	float:right;
	padding:0pt;
	text-align:right;
}

.selector {
	background: url(../images/arrow_rt.gif) 12px 0 no-repeat;
	padding:0 8px;
	display:block;
	width:45px;
	height:22px;
}


/*
************************************************************************************************************************************
*/
#border-top.h_green div div{
	background-image: url(../images/j_headeu.png);
}

#border-top.h_green div{
	background-image: url(../images/j_headev.png);
}

#border-top .version{
	float: left;
	padding: 48px 0 0 5px;
}

#border-top .title{
	padding-right: 180px;
	padding-left: 0px;
	float: right;
}

#module-status {
	float:left;
	background-position: right 5px;
}

#module-status span{
	padding: 4px 22px 0pt 10px;
}

#module-status .legacy-mode { background-position: right 5px; }
#module-status .preview { background-position: right 3px; }
#module-status .unread-messages,
#module-status .no-unread-messages { background-position: right 3px; }
#module-status .loggedin-users { background-position: right 3px; }
#module-status .logout { background-position: right 3px; }

table.adminform td{
	text-align: right;
}

#cpanel div.icon{
	margin-right: 0px;
	margin-left: 5px;
}

table.contentList tbody tr{
	text-align: right;
}

table.adminform th{
	text-align: right;
	padding: 6px 4px 4px 2px;
}

fieldset {
	text-align:right;
}

table.adminform td.filter{
	text-align: right;
}

table.adminform td.helpMenu{
	text-align: left;
}

div.col{
	float: right;
}

.main_div{
	float : right;
	width : 80px;
	height : 80px;
	border : 1px #666666 solid;
	text-align : center;
	padding : 5px;
	margin : 5px;
}

.main_div a{
	text-decoration : none;
	font-weight: bold;
	color: #333333;
}

.main_div img{
	padding-bottom: 10px;
}

#sections {
	width: 90%;
	height: 100px;
}

#sections li {
	list-style-type: none;
	line-height: 25px;
	width: 100px;
	float: right;
	border: 1px #333 solid;
	border-radius: 5px;
	padding: 5px;
	margin: 5px;
	background: url("../images/logo.png") no-repeat center center;
}

#sections li .lir {
	width: 80%;
	float: right;
}

#sections li .lil {
	width: 19.9%;
	float: left;
}

#sections li .lil img {
	padding-top: 5px;
}

#tblFilters {
	width: 100%;
	float: right;
}

#tblFilters .fields {
	min-width: 50%;
	max-width: 100%;
	float: right;
}

#tblFilters .fields div {
	min-width: 110px;
	float: right;
	padding-right: 10px;
}

#tblFilters .extra {
	min-width: 0%;
	max-width: 50%;
	float: left;
}

#refreshBut {
	width: 24px;
	height: 24px;
	background: url("../images/p_redate.gif") no-repeat center center;
	float: left;
	padding-top: 20px;
}

.stats {
	width: 100%;
}

.stats tr:nth-child(odd) td {
	background: #FFF;
}

.stats tr:nth-child(even) td {
	background: #FFF2CC;
}

.stats thead td {
	background: #FFC000 !important;
	color: #FFF;
	font-weight: bold;
}

.stats tr td {
	border: none !important;
	height: auto !important;
	width: 15%;
	text-align: center;
}

.stats tr td div {
	width: 50%;
	text-align: center;
	border-bottom: 1px #EED3BB solid;
}

.stats tr td div:nth-child(odd) {
	float: right;
}

.stats tr td div:nth-child(even){
	float: left;
}


.stats tr:hover td {
	background: #ffe3cc !important;
}

.stats tr td:first-child {
	width: 20%;
	background: #fff8cc;
}