simpletool 0.0.1 → 0.0.2

data/lib/support/phpmyadmin/phpmyadmin/themes/pmahomme/css/common.css.php

@@ -0,0 +1,3401 @@
+<?php
+/* vim: set expandtab sw=4 ts=4 sts=4: */
+/**
+ * Common styles for the pmahomme theme
+ *
+ * @package    PhpMyAdmin-theme
+ * @subpackage PMAHomme
+ */
+
+// unplanned execution path
+if (! defined('PMA_MINIMUM_COMMON') && ! defined('TESTSUITE')) {
+    exit();
+}
+?>
+/******************************************************************************/
+
+/* general tags */
+html {
+    font-size: <?php echo $_SESSION['PMA_Theme']->getFontSize(); ?>
+}
+
+input,
+select,
+textarea {
+    font-size: 1em;
+}
+
+
+body {
+<?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
+    font-family: <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
+    <?php
+} ?>
+    padding: 0;
+    margin: 0;
+    margin-<?php echo $left; ?>: 240px;
+    color: #444;
+    background: #fff;
+}
+
+body#loginform {
+    margin: 0;
+}
+
+#page_content, #session_debug {
+    margin: 0 .5em;
+}
+
+<?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
+    textarea,
+    tt,
+    pre,
+    code {
+    font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
+    }
+    <?php
+} ?>
+
+
+h1 {
+    font-size: 140%;
+    font-weight: bold;
+}
+
+h2 {
+    font-size: 2em;
+    font-weight: normal;
+    text-shadow: 0 1px 0 #fff;
+    padding: 10px 0 10px;
+    padding-<?php echo $left; ?>: 3px;
+    color: #777;
+}
+
+/* Hiding icons in the page titles */
+h2 img {
+    display: none;
+}
+
+h2 a img {
+    display: inline;
+}
+
+.data,
+.data_full_width {
+    margin: 0 0 12px;
+}
+
+.data_full_width {
+    width: 100%;
+}
+
+h3 {
+    font-weight: bold;
+}
+
+a,
+a:link,
+a:visited,
+a:active,
+button.mult_submit,
+.checkall_box+label {
+    text-decoration: none;
+    color: #235a81;
+    cursor: pointer;
+    outline: none;
+
+}
+
+a:hover,
+button.mult_submit:hover,
+button.mult_submit:focus,
+.checkall_box+label:hover {
+    text-decoration: underline;
+    color: #235a81;
+}
+
+#initials_table {
+    background: #f3f3f3;
+    border: 1px solid #aaa;
+    margin-bottom: 10px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+}
+
+#initials_table td {
+    padding: 8px !important;
+}
+
+#initials_table a {
+    border: 1px solid #aaa;
+    background: #fff;
+    padding: 4px 8px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'e0e0e0'); ?>
+}
+
+#initials_table a.active {
+    border: 1px solid #666;
+    box-shadow: 0 0 2px #999;
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('bbbbbb', 'ffffff'); ?>
+}
+
+dfn {
+    font-style: normal;
+}
+
+dfn:hover {
+    font-style: normal;
+    cursor: help;
+}
+
+th {
+    font-weight: bold;
+    color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
+    background: #f3f3f3;
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
+}
+
+a img {
+    border: 0;
+}
+
+hr {
+    color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
+    background-color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
+    border: 0;
+    height: 1px;
+}
+
+form {
+    padding: 0;
+    margin: 0;
+    display: inline;
+}
+
+
+input,
+select {
+    /* Fix outline in Chrome: */
+    outline: none;
+}
+
+input[type=text],
+input[type=password],
+input[type=number],
+input[type=date] {
+    border-radius: 2px;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+
+
+    background: white;
+    border: 1px solid #aaa;
+    color: #555;
+    padding: 4px;
+}
+
+input[type=text],
+input[type=password],
+input[type=number],
+input[type=date],
+input[type=checkbox],
+select {
+    margin: 6px;
+}
+
+input[type=number] {
+    width: 50px;
+}
+
+input[type=text],
+input[type=password],
+input[type=number],
+input[type=date],
+select {
+    transition: all 0.2s;
+    -ms-transition: all 0.2s;
+    -webkit-transition: all 0.2s;
+    -moz-transition: all 0.2s;
+}
+
+input[type=text][disabled],
+input[type=text][disabled]:hover,
+input[type=password][disabled],
+input[type=password][disabled]:hover,
+input[type=number][disabled],
+input[type=number][disabled]:hover,
+input[type=date][disabled],
+input[type=date][disabled]:hover,
+select[disabled],
+select[disabled]:hover {
+    background: #e8e8e8;
+    box-shadow: none;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+}
+
+input[type=text]:hover,
+input[type=text]:focus,
+input[type=password]:hover,
+input[type=password]:focus,
+input[type=number]:hover,
+input[type=number]:focus,
+input[type=date]:hover,
+input[type=date]:focus,
+select:focus {
+    border: 1px solid #7c7c7c;
+    background: #fff;
+}
+
+input[type=text]:hover,
+input[type=password]:hover,
+input[type=number]:hover,
+input[type=date]:hover {
+    box-shadow: 0 1px 3px #aaa;
+    -webkit-box-shadow: 0 1px 3px #aaa;
+    -moz-box-shadow: 0 1px 3px #aaa;
+}
+
+input[type=submit],
+input[type=button],
+button[type=submit]:not(.mult_submit) {
+    font-weight: bold !important;
+}
+
+input[type=submit],
+input[type=button],
+button[type=submit]:not(.mult_submit),
+input[type=reset],
+input[name=submit_reset],
+input.button {
+    margin: 6px 14px;
+    border: 1px solid #aaa;
+    padding: 3px 7px;
+    color: #111;
+    text-decoration: none;
+    background: #ddd;
+
+    border-radius: 12px;
+    -webkit-border-radius: 12px;
+    -moz-border-radius: 12px;
+
+    text-shadow: 0 1px 0 #fff;
+
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('f8f8f8', 'd8d8d8'); ?>
+}
+
+input[type=submit]:hover,
+input[type=button]:hover,
+button[type=submit]:not(.mult_submit):hover,
+input[type=reset]:hover,
+input[name=submit_reset]:hover,
+input.button:hover {
+    position: relative;
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('fff', 'ddd'); ?>
+    cursor: pointer;
+}
+
+input[type=submit]:active,
+input[type=button]:active,
+button[type=submit]:not(.mult_submit):active,
+input[type=reset]:active,
+input[name=submit_reset]:active,
+input.button:active {
+    position: relative;
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('eee', 'ddd'); ?>
+    box-shadow: 0 1px 6px -2px #333 inset;
+    text-shadow: none;
+}
+
+input[type=submit]:disabled,
+input[type=button]:disabled,
+button[type=submit]:not(.mult_submit):disabled,
+input[type=reset]:disabled,
+input[name=submit_reset]:disabled,
+input.button:disabled {
+    background: #ccc;
+    color: #666;
+    text-shadow: none;
+}
+
+textarea {
+    overflow: visible;
+    margin: 6px;
+    height: <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
+}
+
+textarea.char {
+    margin: 6px;
+    height: <?php echo ceil($GLOBALS['cfg']['CharTextareaRows'] * 1.2); ?>em;
+}
+
+fieldset, .preview_sql {
+    margin-top: 1em;
+    border-radius: 4px 4px 0 0;
+    -moz-border-radius: 4px 4px 0 0;
+    -webkit-border-radius: 4px 4px 0 0;
+    border: #aaa solid 1px;
+    padding: 1.5em;
+    background: #eee;
+    text-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
+    -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
+    -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
+    box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px #fff inset;
+}
+
+fieldset fieldset {
+    margin: .8em;
+    background: #fff;
+    border: 1px solid #aaa;
+    background: #E8E8E8;
+
+}
+
+fieldset legend {
+    font-weight: bold;
+    color: #444;
+    padding: 5px 10px;
+    border-radius: 2px;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border: 1px solid #aaa;
+    background-color: #fff;
+    -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>3px 3px 15px #bbb;
+    -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>3px 3px 15px #bbb;
+    box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>3px 3px 15px #bbb;
+    max-width: 100%;
+}
+
+.some-margin {
+    margin: 1.5em;
+}
+
+/* buttons in some browsers (eg. Konqueror) are block elements,
+   this breaks design */
+button {
+    display: inline;
+}
+
+table caption,
+table th,
+table td {
+    padding: .3em;
+    margin: .1em;
+    vertical-align: top;
+    text-shadow: 0 1px 0 #fff;
+}
+
+/* 3.4 */
+table {
+    border-collapse: collapse;
+}
+
+thead th {
+    border-right: 1px solid #fff;
+}
+
+th {
+    text-align: left;
+}
+
+
+img,
+button {
+    vertical-align: middle;
+}
+
+input[type="checkbox"],
+input[type="radio"] {
+    vertical-align: -11%;
+}
+
+
+select {
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+
+    border: 1px solid #bbb;
+    color: #333;
+    padding: 3px;
+    background: white;
+    margin:6px;
+}
+
+select[multiple] {
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'f2f2f2'); ?>
+}
+
+/******************************************************************************/
+/* classes */
+.clearfloat {
+    clear: both;
+}
+
+.floatleft {
+    float: <?php echo $left; ?>;
+    margin-<?php echo $right; ?>: 1em;
+}
+
+.floatright {
+    float: <?php echo $right; ?>;
+}
+
+.center {
+    text-align: center;
+}
+
+.displayblock {
+    display: block;
+}
+
+table.nospacing {
+    border-spacing: 0;
+}
+
+table.nopadding tr th, table.nopadding tr td {
+    padding: 0;
+}
+
+th.left, td.left {
+    text-align: left;
+}
+
+th.center, td.center {
+    text-align: center;
+}
+
+th.right, td.right {
+    text-align: right;
+}
+
+tr.vtop th, tr.vtop td, th.vtop, td.vtop {
+    vertical-align: top;
+}
+
+tr.vmiddle th, tr.vmiddle td, th.vmiddle, td.vmiddle {
+    vertical-align: middle;
+}
+
+tr.vbottom th, tr.vbottom td, th.vbottom, td.vbottom {
+    vertical-align: bottom;
+}
+
+.paddingtop {
+    padding-top: 1em;
+}
+
+.separator {
+    color: #fff;
+    text-shadow: 0 1px 0 #000;
+}
+
+div.tools {
+    /* border: 1px solid #000; */
+    padding: .2em;
+}
+
+div.tools a {
+    color: #3a7ead !important;
+}
+
+div.tools,
+fieldset.tblFooters {
+    margin-top: 0;
+    margin-bottom: .5em;
+    /* avoid a thick line since this should be used under another fieldset */
+    border-top: 0;
+    text-align: <?php echo $right; ?>;
+    float: none;
+    clear: both;
+    -webkit-border-radius: 0 0 4px 4px;
+    -moz-border-radius: 0 0 4px 4px;
+    border-radius: 0 0 4px 5px;
+}
+
+div.null_div {
+    height: 20px;
+    text-align: center;
+    font-style: normal;
+    min-width: 50px;
+}
+
+fieldset .formelement {
+    float: <?php echo $left; ?>;
+    margin-<?php echo $right; ?>: .5em;
+    /* IE */
+    white-space: nowrap;
+}
+
+/* revert for Gecko */
+fieldset div[class=formelement] {
+    white-space: normal;
+}
+
+button.mult_submit {
+    border: none;
+    background-color: transparent;
+}
+
+/* odd items 1,3,5,7,... */
+table tr.odd th,
+.odd {
+    background: #fff;
+    <?php echo $_SESSION['PMA_Theme']->getCssIEClearFilter(); ?>
+}
+
+/* even items 2,4,6,8,... */
+/* (tested on CRTs and ACLs) */
+table tr.even th,
+.even {
+    background: #DFDFDF;
+    <?php echo $_SESSION['PMA_Theme']->getCssIEClearFilter(); ?>
+}
+
+/* odd table rows 1,3,5,7,... */
+table tr.odd th,
+table tr.odd,
+table tr.even th,
+table tr.even {
+    text-align: <?php echo $left; ?>;
+}
+
+/* marked table rows */
+td.marked:not(.nomarker),
+table tr.marked:not(.nomarker) td,
+table tr.marked:not(.nomarker) th,
+table tr.marked:not(.nomarker) {
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('ced6df', 'b6c6d7'); ?>
+    color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
+}
+
+/* hovered items */
+.odd:not(.nopointer):hover,
+.even:not(.nopointer):hover,
+.hover:not(.nopointer) {
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('ced6df', 'b6c6d7'); ?>
+    color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
+}
+
+/* hovered table rows */
+table tr.odd:not(.nopointer):hover th,
+table tr.even:not(.nopointer):hover th,
+table tr.hover:not(.nopointer) th {
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('ced6df', 'b6c6d7'); ?>
+    color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
+}
+
+/**
+ * marks table rows/cells if the db field is in a where condition
+ */
+.condition {
+    border-color: <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?> !important;
+}
+
+th.condition {
+    border-width: 1px 1px 0 1px;
+    border-style: solid;
+}
+
+td.condition {
+    border-width: 0 1px 0 1px;
+    border-style: solid;
+}
+
+tr:last-child td.condition {
+    border-width: 0 1px 1px 1px;
+}
+
+<?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
+    /* for first th which must have right border set (ltr only) */
+    .before-condition {
+    border-right: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
+    }
+    <?php
+} ?>
+
+/**
+ * cells with the value NULL
+ */
+td.null {
+    font-style: italic;
+    text-align: <?php echo $right; ?>;
+}
+
+table .valueHeader {
+    text-align: <?php echo $right; ?>;
+    white-space: normal;
+}
+table .value {
+    text-align: <?php echo $right; ?>;
+    white-space: normal;
+}
+/* IE doesnt handles 'pre' right */
+table [class=value] {
+    white-space: normal;
+}
+
+
+<?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
+    .value {
+    font-family: <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
+    }
+    <?php
+} ?>
+.attention {
+    color: red;
+    font-weight: bold;
+}
+.allfine {
+    color: green;
+}
+
+
+img.lightbulb {
+    cursor: pointer;
+}
+
+.pdflayout {
+    overflow: hidden;
+    clip: inherit;
+    background-color: #fff;
+    display: none;
+    border: 1px solid #000;
+    position: relative;
+}
+
+.pdflayout_table {
+    background: #D3DCE3;
+    color: #000;
+    overflow: hidden;
+    clip: inherit;
+    z-index: 2;
+    display: inline;
+    visibility: inherit;
+    cursor: move;
+    position: absolute;
+    font-size: 80%;
+    border: 1px dashed #000;
+}
+
+/* Doc links in SQL */
+.cm-sql-doc {
+    text-decoration: none;
+    border-bottom: 1px dotted #000;
+    color: inherit !important;
+}
+
+/* no extra space in table cells */
+td .icon {
+    margin: 0;
+}
+
+.selectallarrow {
+    margin-<?php echo $right; ?>: .3em;
+    margin-<?php echo $left; ?>: .6em;
+}
+
+/* message boxes: error, confirmation */
+#pma_errors, #pma_demo, #pma_footer {
+    padding: 0 0.5em;
+}
+
+.success h1,
+.notice h1,
+div.error h1 {
+    border-bottom: 2px solid;
+    font-weight: bold;
+    text-align: <?php echo $left; ?>;
+    margin: 0 0 .2em 0;
+}
+
+div.success,
+div.notice,
+div.error {
+    margin: .5em 0 0.5em;
+    border: 1px solid;
+    background-repeat: no-repeat;
+    <?php
+    if ($GLOBALS['text_dir'] === 'ltr') { ?>
+        background-position: 10px 50%;
+        padding: 10px 10px 10px 10px;
+        <?php
+    } else { ?>
+        background-position: 99% 50%;
+        padding: 10px 35px 10px 10px;
+        <?php
+    } ?>
+
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+
+    -moz-box-shadow: 0 1px 1px #fff inset;
+    -webkit-box-shadow: 0 1px 1px #fff inset;
+    box-shadow: 0 1px 1px #fff inset;
+}
+
+.success a,
+.notice a,
+.error a {
+    text-decoration: underline;
+}
+
+.success {
+    color: #000;
+    background-color: #ebf8a4;
+}
+
+h1.success,
+div.success {
+    border-color: #a2d246;
+}
+.success h1 {
+    border-color: #00FF00;
+}
+
+.notice {
+    color: #000;
+    background-color: #e8eef1;
+}
+
+h1.notice,
+div.notice {
+    border-color: #3a6c7e;
+}
+
+.notice h1 {
+    border-color: #ffb10a;
+}
+
+.error {
+    border: 1px solid maroon !important;
+    color: #000;
+    background: pink;
+}
+
+h1.error,
+div.error {
+    border-color: #333;
+}
+
+div.error h1 {
+    border-color: #ff0000;
+}
+
+.confirmation {
+    color: #000;
+    background-color: pink;
+}
+
+fieldset.confirmation {
+}
+
+fieldset.confirmation legend {
+}
+
+/* end messageboxes */
+
+.tblcomment {
+    font-size: 70%;
+    font-weight: normal;
+    color: #000099;
+}
+
+.tblHeaders {
+    font-weight: bold;
+    color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
+    background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
+}
+
+div.tools,
+.tblFooters {
+    font-weight: normal;
+    color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
+    background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
+}
+
+.tblHeaders a:link,
+.tblHeaders a:active,
+.tblHeaders a:visited,
+div.tools a:link,
+div.tools a:visited,
+div.tools a:active,
+.tblFooters a:link,
+.tblFooters a:active,
+.tblFooters a:visited {
+    color: #0000FF;
+}
+
+.tblHeaders a:hover,
+div.tools a:hover,
+.tblFooters a:hover {
+    color: #FF0000;
+}
+
+/* forbidden, no privileges */
+.noPrivileges {
+    color: #FF0000;
+    font-weight: bold;
+}
+
+/* disabled text */
+.disabled,
+.disabled a:link,
+.disabled a:active,
+.disabled a:visited {
+    color: #666;
+}
+
+.disabled a:hover {
+    color: #666;
+    text-decoration: none;
+}
+
+tr.disabled td,
+td.disabled {
+    background-color: #f3f3f3;
+    color: #aaa;
+}
+
+.nowrap {
+    white-space: nowrap;
+}
+
+/**
+ * login form
+ */
+body#loginform h1,
+body#loginform a.logo {
+    display: block;
+    text-align: center;
+}
+
+body#loginform {
+    margin-top: 1em;
+    text-align: center;
+}
+
+body#loginform div.container {
+    text-align: <?php echo $left; ?>;
+    width: 30em;
+    margin: 0 auto;
+}
+
+form.login label {
+    float: <?php echo $left; ?>;
+    width: 10em;
+    font-weight: bolder;
+}
+
+form.login input[type=text],
+form.login input[type=password],
+form.login select {
+    width: 14em;
+}
+
+.commented_column {
+    border-bottom: 1px dashed #000;
+}
+
+.column_attribute {
+    font-size: 70%;
+}
+
+/******************************************************************************/
+/* specific elements */
+
+/* topmenu */
+#topmenu a {
+    text-shadow: 0 1px 0 #fff;
+}
+
+#topmenu .error {
+    background: #eee;border: 0 !important;color: #aaa;
+}
+
+ul#topmenu,
+ul#topmenu2,
+ul.tabs {
+    font-weight: bold;
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+
+}
+
+ul#topmenu2 {
+    margin: .25em .5em 0;
+    height: 2em;
+    clear: both;
+}
+
+ul#topmenu li,
+ul#topmenu2 li {
+    float: <?php echo $left; ?>;
+    margin: 0;
+    vertical-align: middle;
+}
+
+#topmenu img,
+#topmenu2 img {
+    margin-right: .5em;
+    vertical-align: -3px;
+}
+
+.menucontainer {
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'dcdcdc'); ?>
+    border-top: 1px solid #aaa;
+}
+
+/* default tab styles */
+.tabactive {
+    background: #fff !important;
+}
+
+ul#topmenu2 a {
+    display: block;
+    margin: 7px 6px 7px;
+    margin-<?php echo $left; ?>: 0;
+    padding: 4px 10px;
+    white-space: nowrap;
+    border: 1px solid #ddd;
+    border-radius: 20px;
+    -moz-border-radius: 20px;
+    -webkit-border-radius: 20px;
+    background: #f2f2f2;
+
+}
+
+fieldset.caution a {
+    color: #FF0000;
+}
+fieldset.caution a:hover {
+    color: #fff;
+    background-color: #FF0000;
+}
+
+#topmenu {
+    margin-top: .5em;
+    padding: .1em .3em;
+}
+
+ul#topmenu ul {
+    -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 6px #ddd;
+    -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
+    box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
+}
+
+ul#topmenu ul.only {
+    <?php echo $left; ?>: 0;
+}
+
+ul#topmenu > li {
+    border-right: 1px solid #fff;
+    border-left: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+}
+
+ul#topmenu > li:first-child {
+    border-left: 0;
+}
+
+/* default tab styles */
+ul#topmenu a,
+ul#topmenu span {
+    padding: .6em;
+}
+
+ul#topmenu ul a {
+    border-width: 1pt 0 0 0;
+    -moz-border-radius: 0;
+    -webkit-border-radius: 0;
+    border-radius: 0;
+}
+
+ul#topmenu ul li:first-child a {
+    border-width: 0;
+}
+
+/* enabled hover/active tabs */
+ul#topmenu > li > a:hover,
+ul#topmenu > li > .tabactive {
+    text-decoration: none;
+}
+
+ul#topmenu ul a:hover,
+ul#topmenu ul .tabactive {
+    text-decoration: none;
+}
+
+ul#topmenu a.tab:hover,
+ul#topmenu .tabactive {
+    /* background-color: <?php echo $GLOBALS['cfg']['MainBackground']; ?>;  */
+}
+
+ul#topmenu2 a.tab:hover,
+ul#topmenu2 a.tabactive {
+    background-color: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
+    border-radius: .3em;
+    -moz-border-radius: .3em;
+    -webkit-border-radius: .3em;
+    text-decoration: none;
+}
+
+/* to be able to cancel the bottom border, use <li class="active"> */
+ul#topmenu > li.active {
+    /* border-bottom: 0pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
+    border-right: 0;
+    border-bottom-color: #fff;
+}
+/* end topmenu */
+
+/* zoom search */
+div#dataDisplay input,
+div#dataDisplay select {
+    margin: 0;
+    margin-<?php echo $right; ?>: .5em;
+}
+div#dataDisplay th {
+    line-height: 2em;
+}
+table#tableFieldsId {
+    width: 100%;
+}
+
+/* Calendar */
+table.calendar {
+    width: 100%;
+}
+table.calendar td {
+    text-align: center;
+}
+table.calendar td a {
+    display: block;
+}
+
+table.calendar td a:hover {
+    background-color: #CCFFCC;
+}
+
+table.calendar th {
+    background-color: #D3DCE3;
+}
+
+table.calendar td.selected {
+    background-color: #FFCC99;
+}
+
+img.calendar {
+    border: none;
+}
+form.clock {
+    text-align: center;
+}
+/* end Calendar */
+
+
+/* table stats */
+div#tablestatistics table {
+    float: <?php echo $left; ?>;
+    margin-bottom: .5em;
+    margin-<?php echo $right; ?>: 1.5em;
+    margin-top: .5em;
+    min-width: 16em;
+}
+
+/* end table stats */
+
+
+/* server privileges */
+#tableuserrights td,
+#tablespecificuserrights td,
+#tabledatabases td {
+    vertical-align: middle;
+}
+/* end server privileges */
+
+
+/* Heading */
+#topmenucontainer {
+    padding-<?php echo $right; ?>: 1em;
+    width: 100%;
+}
+
+#serverinfo {
+    background: #888;
+    padding: .3em .9em;
+    padding-<?php echo $left; ?>: 2.2em;
+    text-shadow: 0 1px 0 #000;
+    width: 10000px;
+    overflow: hidden;
+}
+
+#serverinfo .item {
+    white-space: nowrap;
+    color: #fff;
+}
+
+#goto_pagetop, #lock_page_icon {
+    position: fixed;
+    padding: .25em .25em .2em;
+    top: 0;
+    z-index: 99;
+    background: #888;
+}
+
+#goto_pagetop {
+    <?php echo $right; ?>: 0;
+}
+
+#lock_page_icon {
+    <?php echo $right; ?>: 2em;
+}
+
+#span_table_comment {
+    font-weight: bold;
+    font-style: italic;
+    white-space: nowrap;
+    margin-left: 10px;
+    color: #D6D6D6;
+    text-shadow: none;
+}
+
+#serverinfo img {
+    margin: 0 .1em 0;
+    margin-<?php echo $left; ?>: .2em;
+}
+
+
+#textSQLDUMP {
+    width: 95%;
+    height: 95%;
+    font-family: Consolas, "Courier New", Courier, mono;
+    font-size: 110%;
+}
+
+#TooltipContainer {
+    position: absolute;
+    z-index: 99;
+    width: 20em;
+    height: auto;
+    overflow: visible;
+    visibility: hidden;
+    background-color: #ffffcc;
+    color: #006600;
+    border: .1em solid #000;
+    padding: .5em;
+}
+
+/* user privileges */
+#fieldset_add_user_login div.item {
+    border-bottom: 1px solid silver;
+    padding-bottom: .3em;
+    margin-bottom: .3em;
+}
+
+#fieldset_add_user_login label {
+    float: <?php echo $left; ?>;
+    display: block;
+    width: 10em;
+    max-width: 100%;
+    text-align: <?php echo $right; ?>;
+    padding-<?php echo $right; ?>: .5em;
+}
+
+#fieldset_add_user_login span.options #select_pred_username,
+#fieldset_add_user_login span.options #select_pred_hostname,
+#fieldset_add_user_login span.options #select_pred_password {
+    width: 100%;
+    max-width: 100%;
+}
+
+#fieldset_add_user_login span.options {
+    float: <?php echo $left; ?>;
+    display: block;
+    width: 12em;
+    max-width: 100%;
+    padding-<?php echo $right; ?>: .5em;
+}
+
+#fieldset_add_user_login input {
+    width: 12em;
+    clear: <?php echo $right; ?>;
+    max-width: 100%;
+}
+
+#fieldset_add_user_login span.options input {
+    width: auto;
+}
+
+#fieldset_user_priv div.item {
+    float: <?php echo $left; ?>;
+    width: 9em;
+    max-width: 100%;
+}
+
+#fieldset_user_priv div.item div.item {
+    float: none;
+}
+
+#fieldset_user_priv div.item label {
+    white-space: nowrap;
+}
+
+#fieldset_user_priv div.item select {
+    width: 100%;
+}
+
+#fieldset_user_global_rights fieldset {
+    float: <?php echo $left; ?>;
+}
+
+#fieldset_user_group_rights fieldset {
+    float: <?php echo $left; ?>;
+}
+
+#fieldset_user_global_rights>legend input {
+    margin-<?php echo $left; ?>: 2em;
+}
+/* end user privileges */
+
+
+/* serverstatus */
+
+.linkElem:hover {
+    text-decoration: underline;
+    color: #235a81;
+    cursor: pointer;
+}
+
+h3#serverstatusqueries span {
+    font-size: 60%;
+    display: inline;
+}
+
+.buttonlinks {
+    float: <?php echo $right; ?>;
+    white-space: nowrap;
+}
+
+/* Also used for the variables page */
+fieldset#tableFilter {
+    margin-bottom: 1em;
+}
+
+div#serverStatusTabs {
+    margin-top: 1em;
+}
+
+caption a.top {
+    float: <?php echo $right; ?>;
+}
+
+div#serverstatusquerieschart {
+    float: <?php echo $left; ?>;
+    width: 500px;
+    height: 350px;
+    padding-<?php echo $left; ?>: 30px;
+}
+
+table#serverstatusqueriesdetails,
+table#serverstatustraffic {
+    float: <?php echo $left; ?>;
+}
+
+table#serverstatusqueriesdetails th {
+    min-width: 35px;
+}
+
+table#serverstatusvariables {
+    width: 100%;
+    margin-bottom: 1em;
+}
+table#serverstatusvariables .name {
+    width: 18em;
+    white-space: nowrap;
+}
+table#serverstatusvariables .value {
+    width: 6em;
+}
+table#serverstatusconnections {
+    float: <?php echo $left; ?>;
+    margin-<?php echo $left; ?>: 30px;
+}
+
+div#serverstatus table tbody td.descr a,
+div#serverstatus table .tblFooters a {
+    white-space: nowrap;
+}
+
+div.liveChart {
+    clear: both;
+    min-width: 500px;
+    height: 400px;
+    padding-bottom: 80px;
+}
+
+#addChartDialog input[type="text"] {
+    margin: 0;
+    padding: 3px;
+}
+
+div#chartVariableSettings {
+    border: 1px solid #ddd;
+    background-color: #E6E6E6;
+    margin-left: 10px;
+}
+
+table#chartGrid td {
+    padding: 3px;
+    margin: 0;
+}
+
+table#chartGrid div.monitorChart {
+    background: #EBEBEB;
+    overflow: hidden;
+    border: none;
+}
+
+div.tabLinks {
+    margin-left: 0.3em;
+    float: <?php echo $left; ?>;
+    padding: 5px 0px;
+}
+
+div.tabLinks a, div.tabLinks label {
+    margin-right: 7px;
+}
+
+div.tabLinks .icon {
+    margin: -0.2em 0.3em 0px 0px;
+}
+
+.popupContent {
+    display: none;
+    position: absolute;
+    border: 1px solid #CCC;
+    margin: 0;
+    padding: 3px;
+    -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
+    -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
+    box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 3px #666;
+    background-color: #fff;
+    z-index: 2;
+}
+
+div#logTable {
+    padding-top: 10px;
+    clear: both;
+}
+
+div#logTable table {
+    width: 100%;
+}
+
+div#queryAnalyzerDialog {
+    min-width: 700px;
+}
+
+div#queryAnalyzerDialog div.CodeMirror-scroll {
+    height: auto;
+}
+
+div#queryAnalyzerDialog div#queryProfiling {
+    height: 300px;
+}
+
+div#queryAnalyzerDialog td.explain {
+    width: 250px;
+}
+
+div#queryAnalyzerDialog table.queryNums {
+    display: none;
+    border: 0;
+    text-align: left;
+}
+
+.smallIndent {
+    padding-<?php echo $left; ?>: 7px;
+}
+
+/* end serverstatus */
+
+/* server variables */
+#serverVariables {
+    table-layout: fixed;
+    width: 100%;
+}
+#serverVariables .var-row > td {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    line-height: 2em;
+}
+#serverVariables .var-header {
+    color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
+    background: #f3f3f3;
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
+    font-weight: bold;
+}
+#serverVariables .var-header {
+    text-align: <?php echo $left; ?>;
+}
+#serverVariables .var-row {
+    padding: 0.5em;
+    min-height: 18px;
+}
+#serverVariables .var-action {
+    width: 120px;
+}
+#serverVariables .var-name {
+    float: <?php echo $left; ?>;
+    font-weight: bold;
+}
+#serverVariables .var-name.session {
+    font-weight: normal;
+    font-style: italic;
+}
+#serverVariables .var-value {
+    width: 50%;
+    float: <?php echo $right; ?>;
+    text-align: <?php echo $right; ?>;
+}
+#serverVariables .var-doc {
+    overflow:visible;
+    float: <?php echo $right; ?>;
+}
+
+/* server variables editor */
+#serverVariables .editLink {
+    padding-<?php echo $right; ?>: 1em;
+    float: <?php echo $left; ?>;
+    font-family: sans-serif;
+}
+#serverVariables .serverVariableEditor {
+    width: 100%;
+    overflow: hidden;
+}
+#serverVariables .serverVariableEditor input {
+    width: 100%;
+    margin: 0 0.5em;
+    box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    height: 2.2em;
+}
+#serverVariables .serverVariableEditor div {
+    display: block;
+    overflow: hidden;
+    padding-<?php echo $right; ?>: 1em;
+}
+#serverVariables .serverVariableEditor a {
+    float: <?php echo $right; ?>;
+    margin: 0 0.5em;
+    line-height: 2em;
+}
+/* end server variables */
+
+
+p.notice {
+    margin: 1.5em 0;
+    border: 1px solid #000;
+    background-repeat: no-repeat;
+    <?php
+    if ($GLOBALS['text_dir'] === 'ltr') { ?>
+        background-position: 10px 50%;
+        padding: 10px 10px 10px 25px;
+        <?php
+    } else { ?>
+        background-position: 99% 50%;
+        padding: 25px 10px 10px 10px
+        <?php
+    } ?>
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    -moz-box-shadow: 0 1px 2px #fff inset;
+    -webkit-box-shadow: 0 1px 2px #fff inset;
+    box-shadow: 0 1px 2px #fff inset;
+    background: #555;
+    color: #d4fb6a;
+}
+
+p.notice a {
+    color: #fff;
+    text-decoration: underline;
+}
+
+/* profiling */
+
+div#profilingchart {
+    width: 850px;
+    height: 370px;
+    float: <?php echo $left; ?>;
+}
+
+#profilingchart .jqplot-highlighter-tooltip{
+    top: auto !important;
+    left: 11px;
+    bottom:24px;
+}
+/* end profiling */
+
+/* table charting */
+
+#resizer {
+    border: 1px solid silver;
+}
+#inner-resizer { /* make room for the resize handle */
+    padding: 10px;
+}
+
+/* end table charting */
+
+/* querybox */
+
+#togglequerybox {
+    margin: 0 10px;
+}
+
+#serverstatus h3
+{
+    margin: 15px 0;
+    font-weight: normal;
+    color: #999;
+    font-size: 1.7em;
+}
+#sectionlinks {
+    padding: 16px;
+    background: #f3f3f3;
+    border: 1px solid #aaa;
+    border-radius: 5px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+    box-shadow: 0 1px 1px #fff inset;
+    -webkit-box-shadow: 0 1px 1px #fff inset;
+    -moz-box-shadow: 0 1px 1px #fff inset;
+}
+#sectionlinks a,
+.buttonlinks a,
+a.button {
+    font-size: .88em;
+    font-weight: bold;
+    text-shadow: 0 1px 0 #fff;
+    line-height: 35px;
+    margin-<?php echo $left; ?>: 7px;
+    border: 1px solid #aaa;
+    padding: 5px 10px;
+    color: #111;
+    text-decoration: none;
+    background: #ddd;
+    white-space: nowrap;
+    border-radius: 20px;
+    -webkit-border-radius: 20px;
+    -moz-border-radius: 20px;
+    box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px rgba(0,0,0,.5);
+    /*
+    -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px rgba(0,0,0,.5);
+    -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 2px rgba(0,0,0,.5);
+    text-shadow: #fff 0 1px 0;
+    */
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
+}
+#sectionlinks a:hover,
+.buttonlinks a:hover,
+a.button:hover {
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('cccccc', 'dddddd'); ?>
+}
+
+div#sqlquerycontainer {
+    float: <?php echo $left; ?>;
+    width: 69%;
+    /* height: 15em; */
+}
+
+div#tablefieldscontainer {
+    float: <?php echo $right; ?>;
+    width: 29%;
+    /* height: 15em; */
+}
+
+div#tablefieldscontainer select {
+    width: 100%;
+    background: #fff;
+    /* height: 12em; */
+}
+
+textarea#sqlquery {
+    width: 100%;
+    /* height: 100%; */
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    border: 1px solid #aaa;
+    padding: 5px;
+    font-family: inherit;
+}
+textarea#sql_query_edit {
+    height: 7em;
+    width: 95%;
+    display: block;
+}
+div#queryboxcontainer div#bookmarkoptions {
+    margin-top: .5em;
+}
+/* end querybox */
+
+/* main page */
+#maincontainer {
+    /* background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('logo_right.png');?>); */
+    /* background-position: <?php echo $right; ?> bottom; */
+    /* background-repeat: no-repeat; */
+}
+
+#mysqlmaininformation,
+#pmamaininformation {
+    float: <?php echo $left; ?>;
+    width: 49%;
+}
+
+#maincontainer ul {
+    list-style-type: disc;
+    vertical-align: middle;
+}
+
+#maincontainer li {
+    margin-bottom: .3em;
+}
+
+#full_name_layer {
+    position: absolute;
+    padding: 2px;
+    margin-top: -3px;
+    z-index: 801;
+
+    border-radius: 3px;
+    border: solid 1px #888;
+    background: #fff;
+
+}
+/* end main page */
+
+
+/* iconic view for ul items */
+
+li.no_bullets {
+    list-style-type:none !important;
+    margin-left: -25px !important;      //align with other list items which have bullets
+}
+
+/* end iconic view for ul items */
+
+#body_browse_foreigners {
+    background: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
+    margin: .5em .5em 0 .5em;
+}
+
+#bodythemes {
+    width: 500px;
+    margin: auto;
+    text-align: center;
+}
+
+#bodythemes img {
+    border: .1em solid #000;
+}
+
+#bodythemes a:hover img {
+    border: .1em solid red;
+}
+
+#fieldset_select_fields {
+    float: <?php echo $left; ?>;
+}
+
+#selflink {
+    clear: both;
+    display: block;
+    margin-top: 1em;
+    margin-bottom: 1em;
+    width: 98%;
+    margin-<?php echo $left; ?>: 1%;
+    border-top: .1em solid silver;
+    text-align: <?php echo $right; ?>;
+}
+
+#table_innodb_bufferpool_usage,
+#table_innodb_bufferpool_activity {
+    float: <?php echo $left; ?>;
+}
+
+#div_mysql_charset_collations table {
+    float: <?php echo $left; ?>;
+}
+
+#div_mysql_charset_collations table th,
+#div_mysql_charset_collations table td {
+    padding: 0.4em;
+}
+
+#div_mysql_charset_collations table th#collationHeader {
+    width: 35%;
+}
+
+.operations_half_width {
+    width: 48%;
+    float: <?php echo $left; ?>;
+}
+.operations_half_width input[type=text],
+.operations_half_width input[type=password],
+.operations_half_width input[type=number],
+.operations_half_width select {
+    width: 95%;
+}
+.operations_half_width input[type=text].halfWidth,
+.operations_half_width input[type=password].halfWidth,
+.operations_half_width input[type=number].halfWidth,
+.operations_half_width select.halfWidth {
+    width: 40%;
+}
+.operations_half_width ul {
+    list-style-type: none;
+    padding: 0;
+}
+.operations_full_width {
+    width: 100%;
+    clear: both;
+}
+
+#qbe_div_table_list {
+    float: <?php echo $left; ?>;
+}
+
+#qbe_div_sql_query {
+    float: <?php echo $left; ?>;
+}
+
+label.desc {
+    width: 30em;
+    float: <?php echo $left; ?>;
+}
+
+label.desc sup {
+    position: absolute;
+}
+
+code.sql,
+div.sqlvalidate {
+    display: block;
+    padding: 1em;
+    margin-top: 0;
+    margin-bottom: 0;
+    max-height: 10em;
+    overflow: auto;
+}
+
+.result_query div.sqlOuter {
+    background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
+    padding: 1em;
+}
+
+#PMA_slidingMessage code.sql,
+div.sqlvalidate {
+    background: <?php echo $GLOBALS['cfg']['BgOne']; ?>;
+}
+
+#main_pane_left {
+    width: 60%;
+    min-width: 260px;
+    float: <?php echo $left; ?>;
+    padding-top: 1em;
+}
+
+#main_pane_right {
+    overflow: hidden;
+    min-width: 160px;
+    padding-top: 1em;
+    padding-<?php echo $left; ?>: 1em;
+    padding-<?php echo $right; ?>: .5em;
+}
+
+.group {
+
+    border: 1px solid #999;
+    background: #f3f3f3;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 5px #ccc;
+    -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 5px #ccc;
+    box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 5px #ccc;
+    margin-bottom: 1em;
+    padding-bottom: 1em;
+}
+
+.group h2 {
+    background-color: #bbb;
+    padding: .1em .3em;
+    margin-top: 0;
+    color: #fff;
+    font-size: 1.6em;
+    font-weight: normal;
+    text-shadow: 0 1px 0 #777;
+    -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 15px #999 inset;
+    -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 15px #999 inset;
+    box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 15px #999 inset;
+}
+
+.group-cnt {
+    padding: 0;
+    padding-<?php echo $left; ?>: .5em;
+    display: inline-block;
+    width: 98%;
+}
+
+textarea#partitiondefinition {
+    height: 3em;
+}
+
+
+/* for elements that should be revealed only via js */
+.hide {
+    display: none;
+}
+
+#list_server {
+    list-style-type: none;
+    padding: 0;
+}
+
+/**
+  *  Progress bar styles
+  */
+div.upload_progress
+{
+    width: 400px;
+    margin: 3em auto;
+    text-align: center;
+}
+
+div.upload_progress_bar_outer
+{
+    border: 1px solid #000;
+    width: 202px;
+    position: relative;
+    margin: 0 auto 1em;
+    color: <?php echo $GLOBALS['cfg']['MainColor']; ?>;
+}
+
+div.upload_progress_bar_inner
+{
+    background-color: <?php echo $GLOBALS['cfg']['NaviPointerBackground']; ?>;
+    width: 0;
+    height: 12px;
+    margin: 1px;
+    overflow: hidden;
+    color: <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
+    position: relative;
+}
+
+div.upload_progress_bar_outer div.percentage
+{
+    position: absolute;
+    top: 0;
+    <?php echo $left; ?>: 0;
+    width: 202px;
+}
+
+div.upload_progress_bar_inner div.percentage
+{
+    top: -1px;
+    <?php echo $left; ?>: -1px;
+}
+
+div#statustext {
+    margin-top: .5em;
+}
+
+table#serverconnection_src_remote,
+table#serverconnection_trg_remote,
+table#serverconnection_src_local,
+table#serverconnection_trg_local  {
+  float: <?php echo $left; ?>;
+}
+/**
+  *  Validation error message styles
+  */
+input[type=text].invalid_value,
+input[type=password].invalid_value,
+input[type=number].invalid_value,
+input[type=date].invalid_value,
+select.invalid_value,
+.invalid_value {
+    background: #FFCCCC;
+}
+
+/**
+  *  Ajax notification styling
+  */
+ .ajax_notification {
+    top: 0;           /** The notification needs to be shown on the top of the page */
+    position: fixed;
+    margin-top: 0;
+    margin-right: auto;
+    margin-bottom: 0;
+    margin-<?php echo $left; ?>: auto;
+    padding: 5px;   /** Keep a little space on the sides of the text */
+    width: 350px;
+
+    z-index: 1100;      /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index: 1000) might hide this */
+    text-align: center;
+    display: inline;
+    left: 0;
+    right: 0;
+    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>);
+    background-repeat: no-repeat;
+    background-position: 2%;
+    border: 1px solid #e2b709;
+ }
+
+/* additional styles */
+.ajax_notification {
+    margin-top: 200px;
+    background: #ffe57e;
+    border-radius: 5px;
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    box-shadow: 0 5px 90px #888;
+    -moz-box-shadow: 0 5px 90px #888;
+    -webkit-box-shadow: 0 5px 90px #888;
+}
+
+#loading_parent {
+    /** Need this parent to properly center the notification division */
+    position: relative;
+    width: 100%;
+ }
+/**
+  * Export and Import styles
+  */
+
+.exportoptions h3,
+.importoptions h3 {
+    border-bottom: 1px #999 solid;
+    font-size: 110%;
+}
+
+.exportoptions ul,
+.importoptions ul,
+.format_specific_options ul {
+    list-style-type: none;
+    margin-bottom: 15px;
+}
+
+.exportoptions li,
+.importoptions li {
+    margin: 7px;
+}
+.exportoptions label,
+.importoptions label,
+.exportoptions p,
+.importoptions p {
+    margin: 5px;
+    float: none;
+}
+
+#csv_options label.desc,
+#ldi_options label.desc,
+#latex_options label.desc,
+#output label.desc {
+    float: <?php echo $left; ?>;
+    width: 15em;
+}
+
+.exportoptions,
+.importoptions {
+    margin: 20px 30px 30px;
+    margin-<?php echo $left; ?>: 10px;
+}
+
+.exportoptions #buttonGo,
+.importoptions #buttonGo {
+    font-weight: bold;
+    margin-<?php echo $left; ?>: 14px;
+    border: 1px solid #aaa;
+    padding: 5px 12px;
+    color: #111;
+    text-decoration: none;
+
+    border-radius: 12px;
+    -webkit-border-radius: 12px;
+    -moz-border-radius: 12px;
+
+    text-shadow: 0 1px 0 #fff;
+
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('ffffff', 'cccccc'); ?>
+    cursor: pointer;
+}
+
+.format_specific_options h3 {
+    margin: 10px 0 0;
+    margin-<?php echo $left; ?>: 10px;
+    border: 0;
+}
+
+.format_specific_options {
+    border: 1px solid #999;
+    margin: 7px 0;
+    padding: 3px;
+}
+
+p.desc {
+    margin: 5px;
+}
+
+/**
+  * Export styles only
+  */
+select#db_select,
+select#table_select {
+    width: 400px;
+}
+
+.export_sub_options {
+    margin: 20px 0 0;
+    margin-<?php echo $left; ?>: 30px;
+}
+
+.export_sub_options h4 {
+    border-bottom: 1px #999 solid;
+}
+
+.export_sub_options li.subgroup {
+    display: inline-block;
+    margin-top: 0;
+}
+
+.export_sub_options li {
+    margin-bottom: 0;
+}
+
+#output_quick_export {
+    display: none;
+}
+/**
+ * Import styles only
+ */
+
+.importoptions #import_notification {
+    margin: 10px 0;
+    font-style: italic;
+}
+
+input#input_import_file {
+    margin: 5px;
+}
+
+.formelementrow {
+    margin: 5px 0 5px 0;
+}
+
+#popup_background {
+    display: none;
+    position: fixed;
+    _position: absolute; /* hack for IE6 */
+    width: 100%;
+    height: 100%;
+    top: 0;
+    <?php echo $left; ?>: 0;
+    background: #000;
+    z-index: 1000;
+    overflow: hidden;
+}
+
+/**
+ * Table structure styles
+ */
+#fieldsForm ul.table-structure-actions {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+#fieldsForm ul.table-structure-actions li {
+    float: <?php echo $left; ?>;
+    margin-<?php echo $right; ?>: 0.3em; /* same as padding of "table td" */
+}
+#fieldsForm ul.table-structure-actions .submenu li {
+    padding: 0;
+    margin: 0;
+}
+#fieldsForm ul.table-structure-actions .submenu li span {
+    padding: 0.3em;
+    margin: 0.1em;
+}
+#structure-action-links a {
+    margin-<?php echo $right; ?>: 1em;
+}
+#addColumns input[type="radio"] {
+    margin: 3px 0 0;
+    margin-<?php echo $left; ?>: 1em;
+}
+/**
+ * Indexes
+ */
+#index_frm .index_info input,
+#index_frm .index_info select {
+    width: 14em;
+    margin: 0;
+    box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+}
+
+#index_frm .index_info div {
+    padding: .2em 0;
+}
+
+#index_frm .index_info .label {
+    float: <?php echo $left; ?>;
+    min-width: 12em;
+}
+
+#index_frm .slider {
+    width: 10em;
+    margin: .6em;
+    float: <?php echo $left; ?>;
+}
+
+#index_frm .add_fields {
+    float: <?php echo $left; ?>;
+}
+
+#index_frm .add_fields input {
+    margin-<?php echo $left; ?>: 1em;
+}
+
+#index_frm input {
+    margin: 0;
+}
+
+#index_frm td {
+    vertical-align: middle;
+}
+
+table#index_columns {
+    width: 100%;
+}
+
+table#index_columns select {
+    width: 85%;
+    float: right;
+}
+
+#move_columns_dialog div {
+    padding: 1em;
+}
+
+#move_columns_dialog ul {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+}
+
+#move_columns_dialog li {
+    background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
+    border: 1px solid #aaa;
+    color: <?php echo $GLOBALS['cfg']['ThColor']; ?>;
+    font-weight: bold;
+    margin: .4em;
+    padding: .2em;
+    -webkit-border-radius: 2px;
+    -moz-border-radius: 2px;
+    border-radius: 2px;
+}
+
+/* config forms */
+.config-form ul.tabs {
+    margin: 1.1em .2em 0;
+    padding: 0 0 .3em 0;
+    list-style: none;
+    font-weight: bold;
+}
+
+.config-form ul.tabs li {
+    float: <?php echo $left; ?>;
+    margin-bottom: -1px;
+}
+
+.config-form ul.tabs li a {
+    display: block;
+    margin: .1em .2em 0;
+    white-space: nowrap;
+    text-decoration: none;
+    border: 1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
+    border-bottom: 1px solid #aaa;
+}
+
+.config-form ul.tabs li a {
+    padding: 7px 10px;
+    -webkit-border-radius: 5px 5px 0 0;
+    -moz-border-radius: 5px 5px 0 0;
+    border-radius: 5px 5px 0 0;
+    background: #f2f2f2;
+    color: #555;
+    text-shadow: 0 1px 0 #fff;
+}
+
+.config-form ul.tabs li a:hover,
+.config-form ul.tabs li a:active {
+    background: #e5e5e5;
+}
+
+.config-form ul.tabs li.active a {
+    background-color: #fff;
+    margin-top: 1px;
+    color: #000;
+    text-shadow: none;
+    border-color: #aaa;
+    border-bottom: 1px solid #fff;
+}
+
+.config-form fieldset {
+    margin-top: 0;
+    padding: 0;
+    clear: both;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    border-radius: 0;
+}
+
+.config-form legend {
+    display: none;
+}
+
+.config-form fieldset p {
+    margin: 0;
+    padding: .5em;
+    background: #fff;
+    border-top: 0;
+}
+
+.config-form fieldset .errors { /* form error list */
+    margin: 0 -2px 1em;
+    padding: .5em 1.5em;
+    background: #FBEAD9;
+    border: 0 #C83838 solid;
+    border-width: 1px 0;
+    list-style: none;
+    font-family: sans-serif;
+    font-size: small;
+}
+
+.config-form fieldset .inline_errors { /* field error list */
+    margin: .3em .3em .3em;
+    margin-<?php echo $left; ?>: 0;
+    padding: 0;
+    list-style: none;
+    color: #9A0000;
+    font-size: small;
+}
+
+.config-form fieldset th {
+    padding: .3em .3em .3em;
+    padding-<?php echo $left; ?>: .5em;
+    text-align: <?php echo $left; ?>;
+    vertical-align: top;
+    width: 40%;
+    background: transparent;
+    filter: none;
+}
+
+.config-form fieldset .doc,
+.config-form fieldset .disabled-notice {
+    margin-<?php echo $left; ?>: 1em;
+}
+
+.config-form fieldset .disabled-notice {
+    font-size: 80%;
+    text-transform: uppercase;
+    color: #E00;
+    cursor: help;
+}
+
+.config-form fieldset td {
+    padding-top: .3em;
+    padding-bottom: .3em;
+    vertical-align: top;
+}
+
+.config-form fieldset th small {
+    display: block;
+    font-weight: normal;
+    font-family: sans-serif;
+    font-size: x-small;
+    color: #444;
+}
+
+.config-form fieldset th,
+.config-form fieldset td {
+    border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
+    border-<?php echo $right; ?>: none;
+}
+
+fieldset .group-header th {
+    background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
+}
+
+fieldset .group-header + tr th {
+    padding-top: .6em;
+}
+
+fieldset .group-field-1 th,
+fieldset .group-header-2 th {
+    padding-<?php echo $left; ?>: 1.5em;
+}
+
+fieldset .group-field-2 th,
+fieldset .group-header-3 th {
+    padding-<?php echo $left; ?>: 3em;
+}
+
+fieldset .group-field-3 th {
+    padding-<?php echo $left; ?>: 4.5em;
+}
+
+fieldset .disabled-field th,
+fieldset .disabled-field th small,
+fieldset .disabled-field td {
+    color: #666;
+    background-color: #ddd;
+}
+
+.config-form .lastrow {
+    border-top: 1px #000 solid;
+}
+
+.config-form .lastrow {
+    background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
+    padding: .5em;
+    text-align: center;
+}
+
+.config-form .lastrow input {
+    font-weight: bold;
+}
+
+/* form elements */
+
+.config-form span.checkbox {
+    padding: 2px;
+    display: inline-block;
+}
+
+.config-form .custom { /* customized field */
+    background: #FFC;
+}
+
+.config-form span.checkbox.custom {
+    padding: 1px;
+    border: 1px #EDEC90 solid;
+    background: #FFC;
+}
+
+.config-form .field-error {
+    border-color: #A11 !important;
+}
+
+.config-form input[type="text"],
+.config-form input[type="password"],
+.config-form input[type="number"],
+.config-form select,
+.config-form textarea {
+    border: 1px #A7A6AA solid;
+    height: auto;
+}
+
+.config-form input[type="text"]:focus,
+.config-form input[type="password"]:focus,
+.config-form input[type="number"]:focus,
+.config-form select:focus,
+.config-form textarea:focus {
+    border: 1px #6676FF solid;
+    background: #F7FBFF;
+}
+
+.config-form .field-comment-mark {
+    font-family: serif;
+    color: #007;
+    cursor: help;
+    padding: 0 .2em;
+    font-weight: bold;
+    font-style: italic;
+}
+
+.config-form .field-comment-warning {
+    color: #A00;
+}
+
+/* error list */
+.config-form dd {
+    margin-<?php echo $left; ?>: .5em;
+}
+
+.config-form dd:before {
+    content: "\25B8  ";
+}
+
+.click-hide-message {
+    cursor: pointer;
+}
+
+.prefsmanage_opts {
+    margin-<?php echo $left; ?>: 2em;
+}
+
+#prefs_autoload {
+    margin-bottom: .5em;
+}
+
+#placeholder .button {
+    position: absolute;
+    cursor: pointer;
+}
+
+#placeholder div.button {
+    font-size: smaller;
+    color: #999;
+    background-color: #eee;
+    padding: 2px;
+}
+
+.wrapper {
+    float: <?php echo $left; ?>;
+    margin-bottom: 1.5em;
+}
+.toggleButton {
+    position: relative;
+    cursor: pointer;
+    font-size: .8em;
+    text-align: center;
+    line-height: 1.4em;
+    height: 1.55em;
+    overflow: hidden;
+    border-right: .1em solid #888;
+    border-left: .1em solid #888;
+    -webkit-border-radius: .3em;
+    -moz-border-radius: .3em;
+    border-radius: .3em;
+}
+.toggleButton table,
+.toggleButton td,
+.toggleButton img {
+    padding: 0;
+    position: relative;
+}
+.toggleButton .container {
+    position: absolute;
+}
+.toggleButton .container td {
+    background-image: none;
+    background: none;
+}
+.toggleButton .toggleOn {
+    color: #fff;
+    padding: 0 1em;
+    text-shadow: 0 0 .2em #000;
+}
+.toggleButton .toggleOff {
+    padding: 0 1em;
+}
+
+.doubleFieldset fieldset {
+    width: 48%;
+    float: <?php echo $left; ?>;
+    padding: 0;
+}
+.doubleFieldset fieldset.left {
+    margin-<?php echo $right; ?>: 1%;
+}
+.doubleFieldset fieldset.right {
+    margin-<?php echo $left; ?>: 1%;
+}
+.doubleFieldset legend {
+    margin-<?php echo $left; ?>: 1.5em;
+}
+.doubleFieldset div.wrap {
+    padding: 1.5em;
+}
+
+#table_columns input[type="text"],
+#table_columns input[type="password"],
+#table_columns input[type="number"],
+#table_columns select {
+    width: 10em;
+    box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+}
+
+#placeholder {
+    position: relative;
+    border: 1px solid #aaa;
+    float: <?php echo $right; ?>;
+    overflow: hidden;
+}
+
+.placeholderDrag {
+    cursor: move;
+}
+
+#placeholder .button {
+    position: absolute;
+}
+
+#left_arrow {
+    left: 8px;
+    top: 26px;
+}
+
+#right_arrow {
+    left: 26px;
+    top: 26px;
+}
+
+#up_arrow {
+    left: 17px;
+    top: 8px;
+}
+
+#down_arrow {
+    left: 17px;
+    top: 44px;
+}
+
+#zoom_in {
+    left: 17px;
+    top: 67px;
+}
+
+#zoom_world {
+    left: 17px;
+    top: 85px;
+}
+
+#zoom_out {
+    left: 17px;
+    top: 103px;
+}
+
+.colborder {
+    cursor: col-resize;
+    height: 100%;
+    margin-<?php echo $left; ?>: -6px;
+    position: absolute;
+    width: 5px;
+}
+
+.colborder_active {
+    border-<?php echo $right; ?>: 2px solid #a44;
+}
+
+.pma_table td {
+    position: static;
+}
+
+.pma_table th.draggable span,
+.pma_table tbody td span {
+    display: block;
+    overflow: hidden;
+}
+
+.pma_table tbody td span code span {
+    display: inline;
+}
+
+.pma_table th.draggable.right span {
+    margin-<?php echo $right; ?>: 0px;
+}
+
+.pma_table th.draggable span {
+    margin-<?php echo $right; ?>: 10px;
+}
+
+.modal-copy input {
+    display: block;
+    width: 100%;
+    margin-top: 1.5em;
+    padding: .3em 0;
+}
+
+.cRsz {
+    position: absolute;
+}
+
+.cCpy {
+    background: #333;
+    color: #FFF;
+    font-weight: bold;
+    margin: .1em;
+    padding: .3em;
+    position: absolute;
+    text-shadow: -1px -1px #000;
+
+    -moz-box-shadow: 0 0 .7em #000;
+    -webkit-box-shadow: 0 0 .7em #000;
+    box-shadow: 0 0 .7em #000;
+    -moz-border-radius: .3em;
+    -webkit-border-radius: .3em;
+    border-radius: .3em;
+}
+
+.cPointer {
+    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('col_pointer.png');?>);
+    height: 20px;
+    margin-<?php echo $left; ?>: -5px;  /* must be minus half of its width */
+    margin-top: -10px;
+    position: absolute;
+    width: 10px;
+}
+
+.tooltip {
+    background: #333 !important;
+    opacity: .8 !important;
+    border: 1px solid #000 !important;
+    -moz-border-radius: .3em !important;
+    -webkit-border-radius: .3em !important;
+    border-radius: .3em !important;
+    text-shadow: -1px -1px #000 !important;
+    font-size: .8em !important;
+    font-weight: bold !important;
+    padding: 1px 3px !important;
+}
+
+.tooltip * {
+    background: none !important;
+    color: #FFF !important;
+}
+
+.cDrop {
+    left: 0;
+    position: absolute;
+    top: 0;
+}
+
+.coldrop {
+    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('col_drop.png');?>);
+    cursor: pointer;
+    height: 16px;
+    margin-<?php echo $left; ?>: .3em;
+    margin-top: .3em;
+    position: absolute;
+    width: 16px;
+}
+
+.coldrop:hover,
+.coldrop-hover {
+    background-color: #999;
+}
+
+.cList {
+    background: #EEE;
+    border: solid 1px #999;
+    position: absolute;
+    -moz-box-shadow: 0 .2em .5em #333;
+    -webkit-box-shadow: 0 .2em .5em #333;
+    box-shadow: 0 .2em .5em #333;
+}
+
+.cList .lDiv div {
+    padding: .2em .5em .2em;
+    padding-<?php echo $left; ?>: .2em;
+}
+
+.cList .lDiv div:hover {
+    background: #DDD;
+    cursor: pointer;
+}
+
+.cList .lDiv div input {
+    cursor: pointer;
+}
+
+.showAllColBtn {
+    border-bottom: solid 1px #999;
+    border-top: solid 1px #999;
+    cursor: pointer;
+    font-size: .9em;
+    font-weight: bold;
+    padding: .35em 1em;
+    text-align: center;
+}
+
+.showAllColBtn:hover {
+    background: #DDD;
+}
+
+.turnOffSelect {
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  -webkit-user-select: none;
+  user-select: none;
+}
+
+#page_content {
+    background-color: white;
+}
+
+.navigation {
+    margin: .8em 0;
+
+    border-radius: 5px;
+    -webkit-border-radius: 5px;
+    -moz-border-radius: 5px;
+
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('eeeeee', 'cccccc'); ?>
+}
+
+.navigation td {
+    margin: 0;
+    padding: 0;
+    vertical-align: middle;
+    white-space: nowrap;
+}
+
+.navigation_separator {
+    color: #999;
+    display: inline-block;
+    font-size: 1.5em;
+    text-align: center;
+    height: 1.4em;
+    width: 1.2em;
+    text-shadow: 1px 0 #FFF;
+}
+
+.navigation input[type=submit] {
+    background: none;
+    border: 0;
+    filter: none;
+    margin: 0;
+    padding: .8em .5em;
+
+    border-radius: 0;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+}
+
+.navigation input[type=submit]:hover,
+.navigation input.edit_mode_active {
+    color: #fff;
+    cursor: pointer;
+    text-shadow: none;
+
+    <?php echo $_SESSION['PMA_Theme']->getCssGradient('333333', '555555'); ?>
+}
+
+.navigation select {
+    margin: 0 .8em;
+}
+
+.cEdit {
+    margin: 0;
+    padding: 0;
+    position: absolute;
+}
+
+.cEdit input[type=text] {
+    background: #FFF;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
+
+.cEdit .edit_area {
+    background: #FFF;
+    border: 1px solid #999;
+    min-width: 10em;
+    padding: .3em .5em;
+}
+
+.cEdit .edit_area select,
+.cEdit .edit_area textarea {
+    width: 97%;
+}
+
+.cEdit .cell_edit_hint {
+    color: #555;
+    font-size: .8em;
+    margin: .3em .2em;
+}
+
+.cEdit .edit_box {
+    overflow: hidden;
+    padding: 0;
+    margin: 0;
+}
+
+.cEdit .edit_box_posting {
+    background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat right center;
+    padding-<?php echo $right; ?>: 1.5em;
+}
+
+.cEdit .edit_area_loading {
+    background: #FFF url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat center;
+    height: 10em;
+}
+
+.cEdit .goto_link {
+    background: #EEE;
+    color: #555;
+    padding: .2em .3em;
+}
+
+.saving_edited_data {
+    background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('ajax_clock_small.gif');?>) no-repeat left;
+    padding-<?php echo $left; ?>: 20px;
+}
+
+.relationalTable select {
+    width: 125px;
+    margin-right: 5px;
+}
+
+/* css for timepicker */
+.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
+.ui-timepicker-div dl { text-align: <?php echo $left; ?>; }
+.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
+.ui-timepicker-div dl dd { margin: 0 10px 10px 85px; }
+.ui-timepicker-div td { font-size: 90%; }
+.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }
+.ui-timepicker-rtl { direction: rtl; }
+.ui-timepicker-rtl dl { text-align: right; }
+.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }
+
+input.btn {
+    color: #333;
+    background-color: #D0DCE0;
+}
+
+body .ui-widget {
+    font-size: 1em;
+}
+
+.ui-dialog fieldset legend a {
+    color: #235A81;
+}
+
+/* over-riding jqplot-yaxis class */
+.jqplot-yaxis {
+    left:0px !important;
+    min-width:25px;
+    width:auto;
+}
+.jqplot-axis {
+    overflow:hidden;
+}
+
+.report-data {
+    height:13em;
+    overflow:scroll;
+    width:570px;
+    border: solid 1px;
+    background: white;
+    padding: 2px;
+}
+
+.report-description {
+    height:10em;
+    width:570px;
+}
+
+div#page_content div#tableslistcontainer table.data {
+    border-top: 0.1px solid #EEEEEE;
+}
+
+div#page_content form#db_search_form.ajax fieldset {
+    margin-top: -0.3em;
+}
+
+div#page_content div#tableslistcontainer, div#page_content div.notice, div#page_content div.result_query {
+    margin-top: 1em;
+}
+
+table.show_create {
+    margin-top: 1em;
+}
+
+table.show_create td {
+    border-right: 1px solid #bbb;
+}
+
+#alias_modal table th {
+    vertical-align: middle;
+    padding-left: 1em;
+}
+
+#alias_modal label.col-2 {
+    min-width: 20%;
+    display: inline-block;
+}
+
+#alias_modal select {
+    width: 25%;
+    margin-right: 2em;
+}
+
+#alias_modal label {
+    font-weight: bold;
+}
+
+.ui-dialog {
+    position: fixed;
+}
+
+
+.small_font {
+    font-size: smaller;
+}
+
+/* Console styles */
+#pma_console_container {
+    width: 100%;
+    position: fixed;
+    bottom: 0;
+    <?php echo $left; ?>: 0;
+    z-index: 100;
+}
+#pma_console {
+    position: relative;
+    margin-<?php echo $left; ?>: 240px;
+}
+#pma_console>.templates {
+    display: none;
+}
+#pma_console .mid_text,
+#pma_console .toolbar span {
+    vertical-align: middle;
+}
+#pma_console .toolbar {
+    position: relative;
+    background: #ccc;
+    border-top: solid 1px #aaa;
+    cursor: n-resize;
+}
+#pma_console .toolbar.collapsed:not(:hover) {
+    display: inline-block;
+    border-top-<?php echo $right; ?>-radius: 3px;
+    border-<?php echo $right; ?>: solid 1px #aaa;
+}
+#pma_console .toolbar.collapsed {
+    cursor: default;
+}
+#pma_console .toolbar.collapsed>.button {
+    display: none;
+}
+#pma_console .message span.text,
+#pma_console .message span.action,
+#pma_console .toolbar .button,
+#pma_console .switch_button {
+    padding: 0 3px;
+    display: inline-block;
+}
+#pma_console .message span.action,
+#pma_console .toolbar .button,
+#pma_console .switch_button {
+    cursor: pointer;
+}
+#pma_console .message span.action:hover,
+#pma_console .toolbar .button:hover,
+#pma_console .switch_button:hover {
+    background: #ddd;
+}
+#pma_console .toolbar .button {
+    margin-<?php echo $right; ?>: .4em;
+}
+#pma_console .toolbar .button {
+    float: <?php echo $right; ?>;
+}
+#pma_console .content {
+    overflow-x: hidden;
+    overflow-y: auto;
+    margin-bottom: -65px;
+    border-top: solid 1px #aaa;
+    background: #fff;
+    padding-top: .4em;
+}
+#pma_console .message,
+#pma_console .query_input {
+    position: relative;
+    font-family: Monaco, Consolas, monospace;
+    cursor: text;
+    margin: 0 10px .2em 1.4em;
+}
+#pma_console .message {
+    border-bottom: solid 1px #ccc;
+    padding-bottom: .2em;
+}
+#pma_console .message.expanded .action_content {
+    position: relative;
+}
+#pma_console .message:before,
+#pma_console .query_input:before {
+    left: -0.7em;
+    position: absolute;
+    content: ">";
+}
+#pma_console .query_input:before {
+    top: -2px;
+}
+#pma_console .query_input textarea {
+    width: 100%;
+    height: 4em;
+    resize: vertical;
+}
+#pma_console .message:hover:before {
+    color: #7cf;
+    font-weight: bold;
+}
+#pma_console .message.expanded:before {
+    content: "]";
+}
+#pma_console .message.welcome:before {
+    display: none;
+}
+#pma_console .message.failed:before,
+#pma_console .message.failed.expanded:before,
+#pma_console .message.failed:hover:before {
+    content: "=";
+    color: #944;
+}
+#pma_console .message.pending:before {
+    opacity: .3;
+}
+#pma_console .message.collapsed>.query {
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    overflow: hidden;
+}
+#pma_console .message.expanded>.query {
+    display: block;
+    white-space: pre;
+    word-wrap: break-word;
+}
+#pma_console .message .text.targetdb,
+#pma_console .message.collapsed .action.collapse,
+#pma_console .message.expanded .action.expand,
+#pma_console .message .action.requery,
+#pma_console .message .action.profiling,
+#pma_console .message .action.explain,
+#pma_console .message .action.bookmark {
+    display: none;
+}
+#pma_console .message.select .action.profiling,
+#pma_console .message.select .action.explain,
+#pma_console .message.history .text.targetdb,
+#pma_console .message.successed .text.targetdb,
+#pma_console .message.history .action.requery,
+#pma_console .message.history .action.bookmark,
+#pma_console .message.bookmark .action.requery,
+#pma_console .message.bookmark .action.bookmark,
+#pma_console .message.successed .action.requery,
+#pma_console .message.successed .action.bookmark {
+    display: inline-block;
+}
+#pma_console .message .action_content {
+    position: absolute;
+    bottom: 100%;
+    background: #ccc;
+    border: solid 1px #aaa;
+    border-top-<?php echo $left; ?>-radius: 3px;
+}
+html.ie8 #pma_console .message .action_content {
+    position: relative!important;
+}
+#pma_console .message.bookmark .text.targetdb,
+#pma_console .message .text.query_time {
+    margin: 0;
+    display: inline-block;
+}
+#pma_console .message.failed .text.query_time,
+#pma_console .message .text.failed {
+    display: none;
+}
+#pma_console .message.failed .text.failed {
+    display: inline-block;
+}
+#pma_console .message .text {
+    background: #fff;
+}
+#pma_console .message.collapsed:not(:hover) .action_content {
+    display: none;
+}
+#pma_console .message .bookmark_label {
+    padding: 0 4px;
+    top: 0;
+    background: #369;
+    color: #fff;
+    border-radius: 3px;
+}
+#pma_console .message .bookmark_label.shared {
+    background: #396;
+}
+#pma_console .message.expanded .bookmark_label {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+}
+#pma_console .query_input {
+    position: relative;
+}
+#pma_console .mid_layer {
+    height: 100%;
+    width: 100%;
+    position: absolute;
+    top: 0;
+    /* For support IE8, this layer doesn't use filter:opacity or opacity,
+    js code will fade this layer opacity to 0.18(using animation) */
+    background: #666;
+    display: none;
+    cursor: pointer;
+    z-index: 200;
+}
+#pma_console .card {
+    position: absolute;
+    width: 94%;
+    height: 100%;
+    min-height: 48px;
+    <?php echo $left; ?>: 100%;
+    top: 0;
+    border-<?php echo $left; ?>: solid 1px #999;
+    z-index: 300;
+    transition: <?php echo $left; ?> 0.2s;
+    -ms-transition: <?php echo $left; ?> 0.2s;
+    -webkit-transition: <?php echo $left; ?> 0.2s;
+    -moz-transition: <?php echo $left; ?> 0.2s;
+}
+#pma_console .card.show {
+    <?php echo $left; ?>: 6%;
+    box-shadow: -2px 1px 4px -1px #999;
+}
+
+html.ie7 #pma_console .query_input {
+    display: none;
+}
+
+#pma_bookmarks .content.add_bookmark,
+#pma_console_options .content {
+    padding: 4px 6px;
+}
+#pma_bookmarks .content.add_bookmark .options {
+    margin-<?php echo $left; ?>: 1.4em;
+    padding-bottom: .4em;
+    margin-bottom: .4em;
+    border-bottom: solid 1px #ccc;
+}
+#pma_bookmarks .content.add_bookmark .options button {
+    margin: 0 7px;
+    vertical-align: bottom;
+}
+#pma_bookmarks .content.add_bookmark input[type=text] {
+    margin: 0;
+    padding: 2px 4px;
+}
+
+/* Code mirror console style*/
+
+.cm-s-pma .CodeMirror-code pre,
+.cm-s-pma .CodeMirror-code {
+    font-family: Monaco, Consolas, monospace;
+}
+.cm-s-pma .CodeMirror-measure>pre,
+.cm-s-pma .CodeMirror-code>pre,
+.cm-s-pma .CodeMirror-lines {
+    padding: 0;
+}
+.cm-s-pma.CodeMirror {
+    resize: none;
+    height: auto;
+    width: 100%;
+    min-height: initial;
+    max-height: initial;
+}
+.firefox .cm-s-pma.CodeMirror {
+    font-size: 120%;
+}
+.cm-s-pma .CodeMirror-scroll {
+    padding-bottom: 2em;
+    cursor: text;
+}
+
+/* PMA drop-improt style */
+
+.pma_drop_handler {
+    display: none;
+    position: fixed;
+    top: 0px;
+    left: 0px;
+    width: 100%;
+    background: rgba(0, 0, 0, 0.6);
+    height: 100%;
+    z-index: 999;
+    color: white;
+    font-size: 30pt;
+    text-align: center;
+    padding-top: 20%;
+}
+
+.pma_sql_import_status {
+    display: none;
+    position: fixed;
+    bottom: 0px;
+    right: 25px;
+    width: 400px;
+    border: 1px solid #999;
+    background: #f3f3f3;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border-radius: 4px;
+    -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 5px #ccc;
+    -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 5px #ccc;
+    box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>2px 2px 5px #ccc;
+}
+
+.pma_sql_import_status h2,
+.pma_drop_result h2 {
+    background-color: #bbb;
+    padding: .1em .3em;
+    margin-top: 0;
+    margin-bottom: 0;
+    color: #fff;
+    font-size: 1.6em;
+    font-weight: normal;
+    text-shadow: 0 1px 0 #777;
+    -moz-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 15px #999 inset;
+    -webkit-box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 15px #999 inset;
+    box-shadow: <?php echo $GLOBALS['text_dir'] === 'rtl' ? '-' : ''; ?>1px 1px 15px #999 inset;
+}
+
+.pma_sql_import_status div {
+    height: 270px;
+    overflow-y:auto;
+    overflow-x:hidden;
+    list-style-type: none;
+}
+
+.pma_sql_import_status div li {
+    padding: 8px 10px;
+    border-bottom: 1px solid #bbb;
+    color: rgb(148, 14, 14);
+    background: white;
+}
+
+.pma_sql_import_status div li .filesize {
+    float: right;
+}
+
+.pma_sql_import_status h2 .minimize {
+    float: right;
+    margin-right: 5px;
+    padding: 0px 10px;
+}
+
+.pma_sql_import_status h2 .close {
+    float: right;
+    margin-right: 5px;
+    padding: 0px 10px;
+    display: none;
+}
+
+.pma_sql_import_status h2 .minimize:hover,
+.pma_sql_import_status h2 .close:hover,
+.pma_drop_result h2 .close:hover {
+    background: rgba(155, 149, 149, 0.78);
+    cursor: pointer;
+}
+
+.pma_drop_file_status {
+    color: #235a81;
+}
+
+.pma_drop_file_status span.underline:hover {
+    cursor: pointer;
+    text-decoration: underline;
+}
+
+.pma_drop_result {
+    position: fixed;
+    top: 10%;
+    left: 20%;
+    width: 60%;
+    background: white;
+    min-height: 300px;
+    z-index: 800;
+    -webkit-box-shadow: 0px 0px 15px #999;
+    border-radius: 10px;
+    cursor: move;
+}
+
+.pma_drop_result h2 .close {
+    float: right;
+    margin-right: 5px;
+    padding: 0px 10px;
+}
+
+.dependencies_box {
+    background-color: white;
+    border: 3px ridge black;
+}
+
+#composite_index_list {
+    list-style-type: none;
+    list-style-position: inside;
+}
+
+span.drag_icon {
+    display: inline-block;
+    background-image: url('<?php echo $_SESSION['PMA_Theme']->getImgPath('s_sortable.png');?>');
+    background-position: center center;
+    background-repeat: no-repeat;
+    width: 1em;
+    height: 3em;
+    cursor: move;
+}
+
+.topmargin {
+    margin-top: 1em;
+}
+
+/* styles for sortable tables created with tablesorter jquery plugin */
+th.header {
+    cursor: pointer;
+    color: #235a81;
+}
+
+th.header:hover {
+    text-decoration: underline;
+}
+
+th.header .sorticon {
+    width: 16px;
+    height: 16px;
+    background-repeat: no-repeat;
+    background-position: right center;
+    display: inline-table;
+    vertical-align: middle;
+    float: right;
+}
+
+th.headerSortUp .sorticon, th.headerSortDown:hover .sorticon {
+    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('s_desc.png');?>);
+}
+
+th.headerSortDown .sorticon, th.headerSortUp:hover .sorticon {
+    background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath('s_asc.png');?>);
+}
+/* end of styles of sortable tables */