/*
	Akeeba User Interface CSS
	Copyright (c)2009-2010 Nicholas K. Dionysopoulos <nicholas@dionysopoulos.me>
	Released under the GNU General Public License, version 3 or later
*/

/*
 * UI Icons - 32x32
 */
.ak-icon { display: block; width: 32px; height: 32px; text-indent: -99999px; overflow: hidden; background: transparent url(../icons/akeeba-ui-32.png) top left no-repeat; margin: 4px auto 6px; }
.ak-icon-profiles { background-position: 0 0; }
.ak-icon-configuration { background-position: -32px 0; }
.ak-icon-backup { background-position: -64px 0; }
.ak-icon-adminfiles { background-position: -96px 0; }
.ak-icon-viewlog { background-position: -128px 0; }
.ak-icon-fsfilter { background-position: -160px 0; }
.ak-icon-dbfilter { background-position: -192px 0; }
.ak-icon-extradirs { background-position: -224px 0; }
.ak-icon-multidb { background-position: -256px 0; }
.ak-icon-fsrx { background-position: -288px 0; }
.ak-icon-dbrx { background-position: -320px 0; }
.ak-icon-extfilter { background-position: -352px 0; }
.ak-icon-restore { background-position: -384px 0; }
.ak-icon-view { background-position: -416px 0; }
.ak-icon-cancel { background-position: -448px 0; }
.ak-icon-warning { background-position: -480px 0; }
.ak-icon-ok { background-position: -512px 0; }
.ak-icon-update { background-position: -544px 0; }

/*
 * Tooltip support
 */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: thin solid #aed0ea;
	background-color: #f2f5f7;
	padding: 5px;
	opacity: 0.85;
	font-size: small !important;
}
#tooltip h3, #tooltip div { margin: 0; }
#tooltip div.ui-icon { float: left; margin-top: 0.2em; margin-right: 0.3em; }
#tooltip h3 { margin: 0px; padding: 0px; font-size: medium !important; }

/**
 * Custom checkboxes
 */
.jquery-safari-checkbox {display: inline; font-size: 16px; line-height: 16px; cursor: pointer; cursor: hand;}
.jquery-safari-checkbox .mark {display: inline;}

.jquery-safari-checkbox img {vertical-align: middle; width: 16px; height: 16px;}
.jquery-safari-checkbox img{background: transparent url(images/safari-checkbox.png) no-repeat;}

.jquery-safari-checkbox img{
	background-position: 0px 0px;
}
.jquery-safari-checkbox-hover img{
	background-position: -16px 0px;
}
.jquery-safari-checkbox-checked img{
	background-position: 0px -16px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-hover img {
	background-position: -16px -16px;
}

.jquery-safari-checkbox-disabled img{
	background-position: 0px -32px;
}
.jquery-safari-checkbox-checked .jquery-safari-checkbox-disabled img{
	background-position: 0px -48px;
}

/*
 * Akeeba Buttons
 */
.akbutton {
	display: block;
	width: 250px;
	height: 32px;
	text-decoration: none;
	padding: 3px;
	margin: 0.5em;
}

.akbutton:hover {
	background-color: #ffffee;
	text-decoration: none;
	border: thin solid #3333ff;
}

div.akbutton div.icon {
	float: left !important;
	top: 0px !important;
	margin: 0 !important;
	font-size: 9pt !important;
}

.akbutton div.text {
	display: block;
	width: 210px;
	height: 20px;
	font-size: 14px;
	text-align: center;
	margin: 0px;
	float: right;
	position: relative;
	top: -24px;
}

/*
 * Control Panel
 */
#nojquerywarning {
	display: block;
	border: thick solid red;
	background: #ffffdd;
	color: #330000;
	margin: 1em;
	padding: 1em;
	text-align: justify;
	font-size: large;
}

p.akwarningtitle {
	font-weight: bold;
	font-size: xx-large;
	text-align: center;
	margin: 0.5em;
	color: #cc3333;
}

div.toprowcontainer {
	width: 100%;
	height: 65px;
}

div.activeprofile {
	float: left;
	width: 60%;
	margin-left: 4%;
	margin-bottom: 1em;
	text-align: center;
}

div.feedrotator {
	float: left;
	left: 5%;
	width: 235px;
	height: 60px;
}

div.updateservice {
	display:block;
	float: right;
	right: 5px;
	width: 100px;
	height: 60px;
	font-size: 7pt !important;
	border: thin solid silver;
	text-align: center;
}

div.updateservice:hover {
	background-color: #ffffff;
}

div.updateservice .ak-icon {
	margin: 2px auto 0px;
}

div.updateservice a, div.updateservice a:hover {
	text-decoration: none;
}

div.ak_clr_left {
	clear: left;
}

div.ak_clr {
	clear: both;
}

div.ak_cpanel_main_container {
	width: 59%;
	padding: 3px;
}

div.ak_cpanel_header {
	font-size: larger;
	padding: 2px 5px 5px;
}

div.ak_cpanel_icons {
	padding: 4px;
	margin-bottom: 4px;
}

div.ak_cpanel_modules {
	float: right;
	width: 39%;
}

#ak_cpanel_modules h3 {
	font-size: larger;
	padding: 2px 5px 2px 28px;
}

div.ak_cpanel_icons div.icon {
	text-align: center;
	float: left !important;
	font-size: 8pt !important;
	font-weight: normal !important;
	color: #000000 !important;	
	background-color: #f0f0f0 !important;
	border: 1px solid #E5E5E5 !important;
}

div.ak_cpanel_icons div.icon span {
	font-family: "Segoe UI", "Arial", Helvetica, sans;
	font-weight: bold !important;
	font-size: 8pt !important;
}

div.ak_cpanel_status_cell p {
	text-align: center;
	font-size: larger;
	font-weight: bold;
	padding: 10px 10px 10px 25px;
}

div.ak_cpanel_status_cell p.ak_version {
	font-weight: normal;
	font-size: 9pt;
	color: #333333;
	font-family: Consolas, "Courier New", Courier, monospace;
	padding: 0px;
}

p.ok {
	border: thin solid #008000;
	background: #aaeeaa;
	background-image: url(../icons/ok_small.png) !important;
	background-position: 5px 10px !important;
	background-repeat: no-repeat !important;
	padding: 10px 10px 10px 25px;
}

p.statuswarning {
	background-image: url(../icons/ok_small.png) !important;
	background-position: 5px 10px !important;
	background-repeat: no-repeat !important;
	padding: 10px 10px 10px 25px;
}

p.notok {
	background-image: url(../icons/error_small.png) !important;
	background-position: 5px 12px !important;
	background-repeat: no-repeat !important;
	padding: 10px 10px 10px 25px;
}

h4.ui-widget-header {
	padding: 2px;
	margin: 0px;
}

div.ak_cpanel_status_cell ul {
	padding: 0px;
	margin: 2px;
	list-style: none;
}

div.ak_cpanel_status_cell ul li {
	margin: 0px;
	padding: 0px;
}

div.ak_cpanel_status_cell ul li a {
	display: block;
	width: 95%;
	padding: 4px;
	margin: 4px 2px;
	border: thin solid #cccccc;
	background: #faf9f9;
}

div.ak_cpanel_status_cell ul a:hover {
	background: #fffff9;
}

a.severity-low {
	color: #333333;
	font-style: italic;
}

a.severity-medium {
	color: #cc8833 !important;
}

a.severity-high {
	color: red;
	font-weight: bold;
}

/*
 * Configuration page
 */

div.activeprofile2 {
	width: 60%;
	height: 3em;
	margin: 0.2em auto;
	text-align: center;
}

div.akeeba-ui-config-header {
	margin: 5px 0px !important;
}

fieldset {
	display: block;
	width: 90%;
	margin: 5px auto;
}

div.akeeba-ui-optionrow {
	display: block;
	width: 100%;
	height: 23px;
	margin: 4px 0;
}

fieldset div.akeeba-ui-optionrow label {
	display: block;
	float: left;
	width: 50%;
}

div.akeeba-ui-slider {
	display: block;
	width: 40%;
	margin-left: 50%;
}

div.akeeba-ui-slider-label {
	float: right;
	width: 8%;
	height: 1.2em;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	text-align: center;
	color: black;
	font-weight: bold;
	font-size: 8pt;
}

/**
 * Backup Now page
 */
#backup-start {
	display: block;
	width: 200px;
	height: 100px;
}

.backup-start-text {
	display: block;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	width: 200px;
	height: 30px;
	padding: 0px;
	float:left;
	position:relative;
	top: 40px;
}

/**
 * Backup progress
 */
#backup-progress-header {
	font-size: large;
	padding: 0.1em;
}

#backup-steps {
	border: thin solid #333333;
	padding: 2px;
	background-color: #f0f0f0;
	margin: 0.5em;
}

#backup-steps div {
	padding: 2px 2px 2px 20px;
	border-bottom: thin dotted #cccccc;
	font-size: 14px;
	height: 17px;
}

.step-pending {
	background: #e0e0e0;
	color: #333333;
	font-style: italic;
}

.step-active {
	background: #f9f966 url(../icons/arrow_small.png) 1px 3px no-repeat;
}

.step-complete {
	background: #ccf9cc url(../icons/ok_small.png) 1px 3px no-repeat;
}

#backup-status {
	border: thin solid #333333;
	padding: 2px;
	background-color: #f0f0f0;
	margin: 0.5em;	
}

#backup-status div {
	height: 18px;
	margin: 0 0.3em;
	color: #000000;
	font-size: 14px;
}

#backup-step {
	font-weight: bold;
	border-bottom: thin dotted #333333;
}

#backup-substep {
	font-style: italic;
	color: #000066 !important;
}

#response-timer {
	display: block;
	height: 25px;
	margin: 0.2em 0.5em;
	border: thin solid #0080c0;
}

#response-timer div.color-overlay {
	display: block;
	height: 25px;
	width: 1px;
	background-color: #009900;
	margin: 0;
	padding: 0;
}

.text {
	display: block;
	width: 100%;
	height: 18px;
	float: left;
	position: relative;
	top: -22px;
	font-size: 14px;
	background-color: transparent;
	text-align: center;
}

/**
 * Backup warnings pane
 */
#backup-warnings-panel {
	margin: 0.5em 0;
}

#backup-warnings-panel h2 {
	font-size: large;
	font-weight: bold;
	margin: 0;
	padding: 0.1em;
}

#warnings-list {
	background: #ffffee;
	height: 180px;
	overflow-y: scroll;
}

#warnings-list div {
	background: #ffffcc;
	border-bottom: thin dotted gray;
	padding: 2px 0;
}

/**
 * Backup error pane
 */
#backup-error-message {
	padding: 1em;
	margin: 0.5em 1em;
	font-family: Consolas, "Courier New", Courier, monospace;
}

/**
 * Backup files administration page
 */
.bufa-ok {
	color: green;
	font-weight: bold;
}

.bufa-obsolete {
	color: black;
	font-style: italic;
}

.bufa-fail {
	color: red;
	font-weight: bold;
}

.bufa-pending {
	color: #666600;
	font-style: italic;
}

/**
 * Filesystem filters
 */
span.actionbutton { padding: 0.25em 0.5em; margin: 0 1em 0 0; }
#ak_top_container, #ak_main_container { padding: 4px; }
#ak_top_container div { text-align: center; }
#ak_roots_container { border-bottom: thin dashed #666666; padding: 2px 0px 6px 0px; }
#ak_crumbs_container { padding: 6px 0px 2px 0px; }
#ak_crumbs_label, #ak_crumbs { display: inline; }
#ak_crumbs { color: #999; }
#ak_crumbs span { padding: 1px 3px; cursor: pointer; }
#ak_main_container { height: 322px; }
#ak_folder_header, #ak_files_header { height: 18px; }
#ak_folder_container, #ak_files_container { display: block; width: 49.5%; position: relative; }
#ak_folder_container { float: left; }
#ak_files_container { float: right; }
#folders, #files { height: 300px; overflow-y: auto; }
#ak_clr { clear: all; }

.folder-container { background-color: white; height: 18px; padding: 1px; color: #333333; font-weight: normal; border-bottom: 1px solid #d0d0ff; }
.folder-container span.folder-padding { float: left; cursor: pointer; border: none; margin-right: 4px; width: 16px; height: 16px; display: block; }
.folder-container span.folder-up span.ui-icon { float: left; }
.folder-container span.folder-icon-container { float: left; cursor: pointer; border: none; margin-right: 4px; }
.folder-container span.ui-state-error { cursor: default; }
.folder-container span.folder-name { padding-left: 4px; cursor: pointer; }
.folder-container span.folder-name:hover { font-weight: bold; color: #333399; }

.file-container { background-color: white; height: 18px; padding: 1px; color: #333333; font-weight: normal; border-bottom: 1px solid #d0d0ff; }
.file-container span.file-icon-container { float: left; cursor: pointer; border: none; margin-right: 4px; }
.file-container span.ui-state-error { cursor: default; }
.file-container span.file-name { padding-left: 4px; }
.file-container span.file-size { display: block; float: right; }

#ak_list_container { padding: 4px; }
.ak_filter_type { font-weight: bold; }
.ak_filter_row span.ui-icon { float: left; cursor: pointer; border: none; margin-right: 4px; }

/**
 * Database tables filters
 */
#ak_databases_container { padding: 2px 0px 6px 0px; }
#ak_tables_header { height: 18px; }
#ak_tables_container { display: block; width: 100%; position: relative; }
#tables { height: 300px; overflow-y: auto; }

.table-container { background-color: white; height: 18px; padding: 1px; color: #333333; font-weight: normal; border-bottom: 1px solid #d0d0ff; }
.table-container span.table-icon-container { float: left; cursor: pointer; border: none; margin-right: 4px; }
.table-container span.ui-state-error { cursor: default; }
.table-container span.table-name { padding-left: 4px; }
.table-container span.table-icon-noclick { cursor: default; }
.table-container span.table-icon-small { margin-right: 0px; }

/*
 * Multiple databases definitions
 */
#ak_editor_notifier { display: block; margin: 0.5em; padding: 5px; border: thin solid #666666; background: #ffffff; color: #0080cc; font-weight: bold }
#ak_editor_notifier span.ui-icon { float: left; margin-right: 6px; }
#ak_editor_notifier img { margin-right: 8px; }

/*
 * Joomla! 1.6 compatibility
 */
#akeebagui input, #akeebagui select { float: none; }
