html {
    font-size: 82%;
}

input, select, textarea {
    font-size: 1em;
}

div.item label {
    white-space: nowrap;
}

/* @deprecated */
.nowrap {
    white-space: nowrap;
}
div.nowrap {
    margin: 0;
    padding: 0;
}


form {
    margin: 0;
    padding: 0;
    display: inline;
}

a img {
    border: 0;
}


/* server privileges */
#tableuserrights td,
#tablespecificuserrights td,
#tabledatabases td {
    vertical-align: middle;
}
/* END server privileges */


/* leave some space between icons and text */
.icon {
    vertical-align: middle;
    margin-right: 0.3em;
    margin-left: 0.3em;
}
/* no extra space in table cells */
td .icon {
    margin: 0;
}

.selectallarrow {
    margin-right: 0.3em;
    margin-left: 0.6em;
}

div#tablestatistics {
    border-bottom: 0.1em solid #669999;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}

div#tablestatistics table {
    float: left;
    margin-bottom: 0.5em;
    margin-right: 0.5em;
}

div#tablestatistics table caption {
    margin-right: 0.5em;
}


/* left frame content */
body#body_leftFrame {
    background-color: #d9e4f4;
}

div#pmalogo,
div#leftframelinks,
div#databaseList {
    text-align: center;
    border-bottom: 0.1em solid #669999;
    margin-bottom: 0.5em;
    padding-bottom: 0.5em;
}

div#leftframelinks .icon {
    vertical-align: middle;
    padding: 0;
    margin: 0;
}

div#leftframelinks a:hover {
    background-color: #669999;
}

/* leftdatabaselist */
div#left_tableList ul {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
    background-color: #d9e4f4;
}

div#left_tableList li {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}


div#left_tableList img {
    padding: 0;
    vertical-align: middle;
}

div#left_tableList ul ul {
    margin-left: 0em;
    padding-left: 0.1em;
    border-left: 0.1em solid #669999;
    padding-bottom: 0.1em;
    border-bottom: 0.1em solid #669999;
}
/* END left frame content */


/* querywindow */
body#bodyquerywindow {
    margin: 0;
    padding: 0;
}

div#querywindowcontainer {
    margin: 0;
    padding: 0;
    width: 100%;
}

div#querywindowcontainer fieldset {
    margin-top: 0;
}
/* END querywindow */


/* querybox */

/* Gecko bug */
div[class=formelementrow],
div[id=queryfieldscontainer] {
    border: 1px solid transparent;
}

div#sqlquerycontainer {
    float: left;
    width: 69%;
    /* height: 15em; */
}

div#tablefieldscontainer  {
    float: right;
    width: 29%;
    /* height: 15em; */
}

div#tablefieldscontainer select  {
    width: 100%;
    /* height: 12em; */
}

textarea#sqlquery {
    width: 100%;
    /* height: 100%; */
}

div#queryboxcontainer div#bookmarkoptions {
    margin-top: 0.5em;
}
/* end querybox */


fieldset .formelement {
    line-height: 2.4em;
    float: left;
    margin-right: 0.5em;
    /* IE */
    white-space: nowrap;
}
/* revert for Gecko */
fieldset div[class=formelement] {
    white-space: normal;
}

/* IE */
fieldset .formelement input,
fieldset .formelement select {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}
/* revert for Gecko */
fieldset div[class=formelement] input,
fieldset div[class=formelement] select {
    margin-top: auto;
    margin-bottom: auto;
    height: auto;
}

/* Calendar */
table.calendar      { width: 100%; }
table.calendar td   { text-align: center; }
table.calendar td a { display: block; }

table.calendar td a:hover {
    background-color: #000000;
}

table.calendar th {
    background-color: #e5e5e5;
}

table.calendar td.selected {
    background-color: #000000;
}

img.calendar { border: none; }
form.clock   { text-align: center; }
/* end Calendar */


/* Options, eg. on import page */
fieldset {
    background-color: #e6f0ff;
}
fieldset legend {
    background-color: transparent;
}

/* buttons in some browsers (eg. Konqueror) are block elements, this breaks design */
button { display: inline; }

/* Textarea */
textarea { overflow: auto; }


/* topmenu */

/* Gecko 1.7 bug (FF 1.0) */
#topmenucontainer {
    border: 1px solid #ffffff;
}

ul#topmenu {
    font-weight: bold;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

ul#topmenu li {
    float: left;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

#topmenu img {
    vertical-align: middle;
    margin-right: 0.1em;
}

/* default tab styles */
.tab, .tabcaution, .tabactive {
    display: block;
    margin: 0.2em 0.2em 0 0.2em;
    padding: 0.2em 0.2em 0 0.2em;
    white-space: nowrap;
}

/* disabled tabs */
span.tab {
    color: #666666;
}

/* disabled drop/empty tabs */
span.tabcaution {
    color: #ff6666;
}

/* enabled drop/empty tabs */
a.tabcaution {
    color: #FF0000;
}
a.tabcaution:hover {
    color: #FFFFFF;
    background-color: #FF0000;
}

#topmenu {
    margin-top: 0.5em;
    padding: 0.1em 0.3em 0.1em 0.3em;
}

ul#topmenu li {
    border-bottom: 1pt solid black;
}

/* default tab styles */
.tab, .tabcaution, .tabactive {
    background-color: #e6f0ff;
    border: 1pt solid #dbe7f9;
    border-bottom: 0;
    border-top-left-radius: 0.4em;
    border-top-right-radius: 0.4em;
}

/* enabled hover/active tabs */
a.tab:hover, a.tabcaution:hover, .tabactive, .tabactive:hover {
    margin: 0;
    padding: 0.2em 0.4em 0.2em 0.4em;
    text-decoration: none;
}

a.tab:hover, .tabactive {
    background-color: #dbe7f9;
}

/* disabled drop/empty tabs */
span.tab, span.tabcaution {
    cursor: url(./themes/original/img/error.ico), default;
}
/* end topmenu */



/* data tables */
table caption,
table th,
table td {
    padding: 0.1em 0.5em 0.1em 0.5em;
    margin: 0;
    margin: 0.1em;
    vertical-align: top;
}

/* odd table rows 1,3,5,7,... */
table tr.odd th,
table tr.odd {
    background-color: #e6f0ff;
}

/* even table rows 2,4,6,8,... */
table tr.even th,
table tr.even {
    background-color: #dbe7f9;
}

/* marked table rows */
table tr.marked th,
table tr.marked {
    background-color: #000000;
}

/* hovered table rows */
table tr.odd:hover,
table tr.even:hover,
table tr.odd:hover th,
table tr.even:hover th,
table tr.hover th,
table tr.hover {
    background-color: #000000;
}

table .value {
    text-align: right;
    white-space: nowrap;
}
/* IE doesnt handles 'pre' right */
table [class=value] {
    white-space: pre;
}

.value {
    font-family: "Courier New", Courier, monospace;
}
.value .attention {
    color: red;
    font-weight: bold;
}
.value .allfine {
    color: green;
}


/* serverstatus */
div#serverstatus table caption a.top {
    float: right;
}

div#serverstatus div#serverstatusqueriesdetails table,
div#serverstatus table#serverstatustraffic,
div#serverstatus table#serverstatusconnections {
    float: left;
}

#serverstatussection,
.clearfloat {
    clear: both;
}
div#serverstatussection table {
    width: 100%;
    margin-bottom: 1em;
}
div#serverstatussection table .name {
    width: 18em;
}
div#serverstatussection table .value {
    width: 6em;
}

div#serverstatus table tbody td.descr a,
div#serverstatus table .tblFooters a {
    white-space: nowrap;
}
div#serverstatus div#statuslinks a:before,
div#serverstatus div#sectionlinks a:before,
div#serverstatus table tbody td.descr a:before,
div#serverstatus table .tblFooters a:before {
    content: '[';
}
div#serverstatus div#statuslinks a:after,
div#serverstatus div#sectionlinks a:after,
div#serverstatus table tbody td.descr a:after,
div#serverstatus table .tblFooters a:after {
    content: ']';
}
/* end serverstatus */

img.lightbulb {
    cursor: pointer;
}

    
/********************/
/* NEW in PMA 2.7.1 */
/********************/

body.loginform h1,
body.loginform a.logo {
    display: block;
    text-align: center;
}

form.login label {
    float: left;
    width: 10em;
    font-weight: bolder;
}


/* main page */
#maincontainer {
    background-image: url(./themes/original/img/logo_right.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    border-bottom: 1px solid silver;
}

#mysqlmaininformation,
#pmamaininformation {
    float: left;
    width: 49%;
}

#maincontainer ul {
    list-style-image: url(./themes/original/img/item_ltr.png);
    vertical-align: middle;
}

#maincontainer li {
    margin-bottom: 0.3em;
}
/* END main page */


/* iconic view for ul items */
li#li_create_database {
    list-style-image: url(./themes/original/img/b_newdb.png);
}

li#li_select_lang {
    list-style-image: url(./themes/original/img/s_lang.png);
}

li#li_select_mysql_collation,
li#li_select_mysql_charset {
    list-style-image: url(./themes/original/img/s_asci.png);
}

li#li_select_theme{
    list-style-image: url(./themes/original/img/s_theme.png);
}

li#li_server_info{
    list-style-image: url(./themes/original/img/s_host.png);
}

li#li_user_info{
    /* list-style-image: url(./themes/original/img/s_rights.png); */
}

li#li_mysql_status{
    list-style-image: url(./themes/original/img/s_status.png);
}

li#li_mysql_variables{
    list-style-image: url(./themes/original/img/s_vars.png);
}

li#li_mysql_processes{
    list-style-image: url(./themes/original/img/s_process.png);
}

li#li_mysql_collations{
    list-style-image: url(./themes/original/img/s_asci.png);
}

li#li_mysql_engines{
    list-style-image: url(./themes/original/img/b_engine.png);
}

li#li_mysql_binlogs {
    list-style-image: url(./themes/original/img/s_tbl.png);
}

li#li_mysql_databases {
    list-style-image: url(./themes/original/img/s_db.png);
}

li#li_export {
    list-style-image: url(./themes/original/img/b_export.png);
}

li#li_import {
    list-style-image: url(./themes/original/img/b_import.png);
}

li#li_change_password {
    list-style-image: url(./themes/original/img/s_passwd.png);
}

li#li_log_out {
    list-style-image: url(./themes/original/img/s_loggoff.png);
}

li#li_pma_docs {
    list-style-image: url(./themes/original/img/b_docs.png);
}

li#li_phpinfo {
    list-style-image: url(./themes/original/img/php_sym.png);
}

li#li_pma_homepage {
    list-style-image: url(./themes/original/img/b_home.png);
}

li#li_mysql_privilegs{
    list-style-image: url(./themes/original/img/s_rights.png);
}

li#li_switch_dbstats {
    list-style-image: url(./themes/original/img/b_dbstatistics.png);
}

li#li_flush_privileges {
    list-style-image: url(./themes/original/img/s_reload.png);
}
/* END iconic view for ul items */


#body_browse_foreigners {
    background-color:   #d9e4f4;
    margin:             5px 5px 0 5px;
}

#bodyquerywindow {
    background-color:   #d9e4f4;
}

#bodythemes {
    width: 500px;
    margin: auto;
    text-align: center;
}

#bodythemes img {
    border: 0.1em solid black;
}

#bodythemes a:hover img {
    border: 0.1em solid red;
}

#fieldset_select_fields {
    float: left;
}

#selflink {
    clear: both;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    border-top: 0.1em solid silver;
    text-align: right;
}

#table_innodb_bufferpool_usage,
#table_innodb_bufferpool_activity {
    float: left;
}

#div_mysql_charset_collations table {
    float: left;
}

#div_table_order {
    min-width: 48%;
    float: left;
}

#div_table_rename {
    min-width: 48%;
    float: left;
}

#div_table_copy {
    min-width: 48%;
    float: left;
}

#div_table_options {
    clear: both;
    min-width: 48%;
    float: left;
}

#qbe_div_table_list {
    float: left;
}

#qbe_div_sql_query {
    float: left;
}
    
/********************/
/* NEW in PMA 2.9   */
/********************/

/* marked items */
.marked a,
.marked {
    background: #e9c7b4;
    color: #000000;
}

/* odd items 1,3,5,7,... */
.odd {
    background: #e6f0ff;
}

/* even items 2,4,6,8,... */
.even {
    background: #dbe7f9;
}

/* hovered items */
.odd:hover,
.even:hover,
.hover {
    background: #b4cae9;
    color: #000000;
}

/**
 * marks table rows/cells if the db field is in a where condition
 */
tr.condition th,
tr.condition td,
td.condition,
th.condition {
    border: 1px solid #e9c7b4;
}

label.desc {
    width: 30em;
    float: left;
}

body.loginform {
    text-align: center;
}

body.loginform div.container {
    text-align: left;
    width: 30em;
    margin: 0 auto;
}

#body_leftFrame #list_server {
    list-style-image: url(./themes/original/img/s_host.png);
    list-style-position: inside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#body_leftFrame #list_server li {
    margin: 0;
    padding: 0;
    font-size:          80%;
}
    .syntax_comment {color: #808000;}
.syntax_comment_mysql {color: #999999;}
.syntax_comment_ansi {color: #999999;}
.syntax_comment_c {color: #999999;}
.syntax_digit {color: #999999;}
.syntax_digit_hex {color: teal;}
.syntax_digit_integer {color: teal;}
.syntax_digit_float {color: aqua;}
.syntax_punct {color: fuchsia;}
.syntax_alpha {color: #cc0000;}
.syntax_alpha_columnType {color: #ff9900;}
.syntax_alpha_columnAttrib {color: #0000ff;}
.syntax_alpha_reservedWord {color: #990099;}
.syntax_alpha_functionName {color: #FF0000;}
.syntax_alpha_identifier {color: #000000;}
.syntax_alpha_charset {color: #6495ed;}
.syntax_alpha_variable {color: #800000;}
.syntax_quote {color: #008000;}
.syntax_quote_double {}
.syntax_quote_single {}
.syntax_quote_backtick {}
.syntax_indent0 {margin-left: 0em;}
.syntax_indent1 {margin-left: 1em;}
.syntax_indent2 {margin-left: 2em;}
.syntax_indent3 {margin-left: 3em;}
.syntax_indent4 {margin-left: 4em;}
.syntax_indent5 {margin-left: 5em;}
.syntax_indent6 {margin-left: 6em;}
.syntax_indent7 {margin-left: 7em;}
/* BASICS */
html, td, body {
    font-family:             Arial, Helvetica, sans-serif;
    font-size:               10px;
}
body {
    background:              #ffffff;
    background-attachment:   fixed;
    background-image:        url('.././themes/arctic_ocean/img/wbg_right.jpg');
    background-position:     100% 100%;
    background-repeat:       no-repeat;
    color:                   #333333;
    margin:                  55px 5px 5px 5px;
    padding:                 0px 0px 0px 0px;
}
button, img, input, select { vertical-align:  middle; }
textarea, tt, pre, code    { font-family:     'Courier New', Courier, monospace; }

a:link, a:visited, a:active {
    color:                   #696ab5;
    font-weight:             bold;
    text-decoration:         none;
}
a:hover {
    color:                   #585880;
    text-decoration:         none;
}
a img         { border:      none;    }
button        { display:     inline;  }
h1, h2, h3    { font-weight: bold;    }
h1            { font-size:   130%;    }
h2            { font-size:   120%;    }
h3            { font-size:   110%;    }

img.icon {
    margin-left:             2px;
    margin-right:            2px;
}
img.lightbulb  { cursor:     pointer; }
dfn, dfn:hover { font-style: normal; }
dfn:hover      { cursor:     url('.././themes/arctic_ocean/img/b_info.png'), default; }
hr {
    color:                   #585880;
    background:              #585880;
    border:                  1px none #585880;
    height:                  1px;
    margin-bottom:           5px;
    margin-top:              5px;
}

/* TABLES */
table caption, table th, table td {
    padding:                 2px 2px 2px 2px;
    vertical-align:          top;
}
table tr.odd th, table tr.odd td, .odd {
    background:              #e6f0ff;
}
table tr.even th, table tr.even td, .even {
    background:              #dbe7f9;
}
table tr.odd th, table tr.odd td,
table tr.even th, table tr.even td, .even {
    text-align:              left;
}
table tr.marked th, table tr.marked td, .marked {
    background:              #e9c7b4;
    color:                   #000000;
}
.odd:hover, .even:hover, .hover {
    background:              #b4cae9;
    color:                   #000000;
}
table tr.hover th, table tr.hover td, table tr.odd:hover th, table tr.even:hover th, table tr.odd:hover td, table tr.even:hover td {
    background:              #b4cae9;
    color:                   #000000;
}
tr.condition th, tr.condition td, td.condition, th.condition {
    border:                  1px solid #e9c7b4;
}
table [class=value] {
    white-space:             normal;
}
td img.icon, th img.icon { margin: 0px 0px 0px 0px; }
.odd .value, .even .value, .marked .value {
    text-align:              right;
}
th {
    font-weight:             bold;
    color:                   #000000;
    background:              #e5e5e5;
}
table caption.tblHeaders { background-image: url('.././themes/arctic_ocean/img/tbg_th0.png'); }
thead th                 { background-image: url('.././themes/arctic_ocean/img/tbg_th1.png'); }

/* end TABLES */

/* FORMS */
form {
    display:                 inline;
    margin:                  0px 0px 0px 0px;
    padding:                 0px 0px 0px 0px;
}
fieldset {
    background:              transparent;
    border:                  1px solid #585880;
    margin-top:              5px;
    padding:                 5px;

}
fieldset fieldset {
    background:              transparent;
    margin:                  5px;
}
fieldset legend, fieldset fieldset legend {
    background-position:     left top;
    background-repeat:       repeat-x;
    border:                  1px solid #585880;
    color:                   #000000;
    margin-bottom:           5px;
    padding:                 3px 5px 3px 5px;
}
fieldset legend {
    background-color:        #b4cae9;
    background-image:        url('.././themes/arctic_ocean/img/tbg_th0.png');
    color:                   #000000;
}
fieldset fieldset legend {
    background-color:        #e5e5e5;
    background-image:        url('.././themes/arctic_ocean/img/tbg_th1.png');
    color:                   #000000;
}
fieldset legend a:link, fieldset legend a:active, fieldset legend a:visited {
    color:                   #585880;
}
fieldset.tblFooters {
    background-color:        #e5e5e5;
    background-image:        url('.././themes/arctic_ocean/img/tbg_th3.png');
    background-position:     left bottom;
    background-repeat:       repeat-x;
    border-bottom:           1px solid #585880;
    border-left:             1px solid #585880;
    border-right:            1px solid #585880;
    border-top:              none;
    clear:                   both;
    color:                   #000000;
    float:                   none;
    margin-top:              0px;
    margin-bottom:           5px;
    text-align:              center;
}

fieldset .formelement {
    float:                   left;
    margin-right:               15px;
    /* IE */
    white-space:             nowrap;
}
fieldset div[class=formelement] {
    white-space:             normal;
}
fieldset#exportoptions {
    white-space:             nowrap;
    width:                   25%;
}
button.mult_submit {
    background-color:        transparent;
    border:                  none;
}


.value {
    font-family:             Arial, Helvetica, sans-serif;
    white-space:             normal;
}
.value .attention { color: #990000; }
.value .allfine   { color: #006600; }



/* PDF */
.pdflayout {
    background-color:        #ffffff;
    border:                  1px solid #585880;
    clip:                    inherit;
    display:                 none;
    overflow:                hidden;
    position:                relative;
}
.pdflayout_table {
    background:              #e6f0ff;
    border:                  1px dashed #585880;
    clip:                    inherit;
    color:                   #000000;
    cursor:                  move;
    display:                 inline;
    font-size:               80%;
    overflow:                hidden;
    position:                absolute;
    visibility:              inherit;
    z-index:                 2;
}
/* end PDF */

/* PARSER */
.syntax {
    font-size:               80%;
}
.syntax_comment {
    padding-left:            5px;
    padding-right:           5px;
}
.syntax_alpha_columnType, .syntax_alpha_columnAttrib, .syntax_alpha_functionName, .syntax_alpha_reservedWord {
    text-transform:          uppercase;
}
.syntax_alpha_reservedWord {
    font-weight:             bold;
}
.syntax_quote {
    white-space:             pre;
}
/* end PARSER */



.selectallarrow {
    margin-right:           0.3em;
    margin-left:            0.6em;
}

/* MESSAGE BOXES: warning, error, confirmation */
div.error, div.notice, div.warning, h1.error, h1.notice, h1.warning, p.error, p.notice, p.warning {
    margin:                  5px 0px 5px 0px;
        background-repeat:       no-repeat;
            background-position:     5px 5px;
    padding:                 5px 5px 5px 25px;
                text-align:              left;
}
div.notice, h1.notice {
        background-image:        url('.././themes/arctic_ocean/img/s_notice.png');
        border:                  1px solid #ffd700;
}
.notice {
    background-color:        #ffffdd;
    color:                   #000000;
}
.notice h1 {
    border-bottom:           1px solid #ffd700;
    font-weight:             bold;
    margin:                  0px 0px 0px 0px;
    text-align:              left;
}
div.warning, h1.warning, p.warning {
        background-image:        url('.././themes/arctic_ocean/img/s_warn.png');
        border:                  1px solid #990000;
    text-align:              left;
}
.warning {
    background-color:        #fff0f0;
    color:                   #990000;
}
.warning h1 {
    border-bottom:           1px solid #990000;
    font-weight:             bold;
    margin:                  0px 0px 0px 0px;
}
div.error, h1.error {
        background-image:        url('.././themes/arctic_ocean/img/s_error.png');
        border:                  1px solid #990000;
}
.error h1 {
    border-bottom:           1px solid #990000;
    font-weight:             bold;
    margin:                  0px 0px 0px 0px;
}
.error {
    background-color:        #fff0f0;
    color:                   #990000;
}
fieldset.confirmation {
    border:                  1px solid #990000;
}
fieldset.confirmation legend {
    background-color:        #990000;
    border:                  1px solid #990000;
    color:                   #ffffff;
    font-weight:             bold;
        background-image:        url('.././themes/arctic_ocean/img/s_really.png');
    background-repeat:       no-repeat;
            background-position:     5px 50%;
    padding:                 2px 2px 2px 25px;
            }
.confirmation {
    background-color:        #fff0f0;
}
.confirmation hr {
    background:              #990000;
    border:                  1px none #990000;
    color:                   #990000;
    height:                  1px;
    margin-bottom:           5px;
    margin-top:              5px;
}
/* end MESSAGE BOXES */


.tblcomment {
    color:                   #000099;
    font-size:               70%;
    font-weight:             normal;
}

.tblHeaders, th, caption {
    background:              #e5e5e5;
    color:                   #000000;
    font-weight:             bold;
}

.tblFooters {
    background:              #e5e5e5;
    color:                   #000000;
    font-weight:             normal;
}

.tblHeaders a:link, .tblHeaders a:active, .tblHeaders a:visited,
.tblFooters a:link, .tblFooters a:active, .tblFooters a:visited {
    color:                   #696ab5;
}

.tblHeaders a:hover, .tblFooters a:hover {
    color:                   #585880;
}

/* forbidden, no privilegs */
.noPrivileges {
    color:                   #990000;
    font-weight:             bold;
}

/* disabled text */
.disabled, .disabled a:link, .disabled a:active, .disabled a:visited {
    color:                   #666666;
}
.disabled a:hover {
    color:                   #666666;
    text-decoration:         none;
}

tr.disabled td, td.disabled {
    background-color:        #cccccc;
    color:                   #666666;
}

/**
 * login form
 */
body.loginform h1, body.loginform a.logo {
    display:                 block;
    text-align:              center;
}

body.loginform {
    text-align:              center;
}

body.loginform div.container {
    margin:                  0px auto;
    text-align:              left;
    width:                   30em;
}

form.login label {
    float:                   left;
    font-weight:             bolder;
    width:                   10em;
}

/* -- Top-Navi -- */
#serverinfo {
    background-color:        #ffffff;
    border-bottom:           1px solid #585880;
    font-weight:             bold;
    height:                  16px;
    margin-top:              0px;
    padding:                 5px 5px 5px 5px;
    white-space:             nowrap;
    vertical-align:          middle;
}
#serverinfo .item { white-space:     nowrap;          }
#serverinfo img   { margin:          0px 1px 0px 1px; }
ul#topmenu        { list-style-type: none;            }
ul#topmenu li     { vertical-align:  middle;          }
#topmenu img {
    margin-right: 2px;
    vertical-align:          middle;
}
.tab, .tabcaution, .tabactive {
    display:                 block;
    margin:                  0px 0px 0px 0px;
    padding:                 4px 2px 4px 2px;
    white-space:             nowrap;
}
span.tab, span.tabcaution { color: #666666; }
a.tabcaution:link, a.tabcaution:active, a.tabcaution:visited { color: #990000; }
a.tabcaution:hover {
    color:                   #ffffff;
    background-color:        #990000;
}
#serverinfo, #topmenucontainer {
    position:                fixed;
    width:                   100%;
}
#serverinfo {
    top:                     0px;
    left:                    0px;
}
#serverinfo .separator img {
    width:                   9px;
    height:                  11px;
    margin:                  0px 2px 0px 2px;
    vertical-align:          middle;
}
#topmenucontainer {
    background-color:        #ffffff;
    background-image:        url('.././themes/arctic_ocean/img/tbg_nav0.png');
    background-repeat:       repeat-x;
    background-position:     center bottom;
    border-top:              5px solid #ffffff;
    border-right:            none;
    border-bottom:           5px solid #ffffff;
    border-left:             none;
    color:                   #000000;
    font-weight:             bold;
    margin:                  0px 0px 0px 0px;
    padding:                 0px 0px 0px 0px;
    white-space:             nowrap;
    top:                     27px;
    left:                    0px;
}
#topmenu {
    border:                  none;
    float:                   left;
    margin:                  0px 0px 0px 0px;
    padding:                 0px 0px 0px 0px;
}
ul#topmenu li {
    background-color:        #333333;
    background-image:        url('.././themes/arctic_ocean/img/tbg_nav1.png');
    background-repeat:       repeat-x;
    background-position:     center top;
    border-bottom:           none;
    margin:                  0px 0px 0px 0px;
    padding-right:           1px;
}
.tab, .tabcaution, .tabactive {
    background-color:        #e6f0ff;
    background-repeat:       repeat-x;
    background-position:     center top;
    border:                  none;
}
.tab, .tabactive, .tabcaution, a.tab:hover, a.tabactive:hover, a.tabcaution:hover {
    margin:                  0px 0px 0px 0px;
    padding:                 4px 2px 4px 2px;
    text-decoration:         none;
}
.tab, a.tab:link, a.tab:active, a.tab:visited {
    color:                   #000000;
    background-color:        #dbe7f9;
    background-image:        url('.././themes/arctic_ocean/img/tbg_nav0.png');
}
a.tab:hover {
    color:                   #000000;
    background-color:        #666666;
    background-image:        url('.././themes/arctic_ocean/img/tbg_nav4.png');
}
.tabcaution, a.tabcaution:link, a.tabcaution:active, a.tabcaution:visited {
    color:                   #990000;
    background-color:        #dbe7f9;
    background-image:        url('.././themes/arctic_ocean/img/tbg_nav0.png');
}
a.tabcaution:hover {
    color:                   #990000;
    background-color:        #cc9999;
    background-image:        url('.././themes/arctic_ocean/img/tbg_nav3.png');
}
a.tabactive:link, a.tabactive:active, a.tabactive:visited, a.tabactive:hover {
    color:                   #000000;
    background-color:        #ffffff;
    background-image:        url('.././themes/arctic_ocean/img/tbg_nav2.png');
}
span.tab, span.tabcaution { cursor:  url('.././themes/arctic_ocean/img/s_error.png'), default; }
span.tab img, span.tabcaution img {
    -moz-opacity:            0.5;
    opacity:                 0.5;
}
/* -- Top-Navi -- */


/* CALENDAR */
table.calendar {
    width:                   100%;
}
table.calendar td {
    color:                   #333333;
    background-color:        #e6f0ff;
    text-align:              center;
}
table.calendar td a {
    display:                 block;
}

table.calendar td a:hover {
    color:                   #000000;
    background-color:        #b4cae9;
}

table.calendar th {
    color:                   #000000;
    background-color:        #e5e5e5;
}

table.calendar td.selected {
    color:                   #000000;
    background-color:        #e9c7b4;
}
img.calendar {
    border:                  none;
}
#clock_data, form.clock {
    text-align:              center;
}
#clock_data input, form.clock  input {
    text-align:              center;
    width:                   50px;
}
/* end CALENDAR */


/* table stats */
div#tablestatistics {
    border-bottom:           0.1em solid #669999;
    margin-bottom:           0.5em;
    padding-bottom:          0.5em;
}

div#tablestatistics table {
    float:                   left;
    margin-bottom:           0.5em;
    margin-right: 0.5em;
}

div#tablestatistics table caption {
    margin-right: 0.5em;
}
/* END table stats */


/* server privileges */
#tableuserrights td,
#tablespecificuserrights td,
#tabledatabases td {
    vertical-align:          middle;
}
/* END server privileges */



#span_table_comment {
    font-weight:             normal;
    font-style:              italic;
    white-space:             nowrap;
}

#TooltipContainer {
    font-size:               inherit;
    color:                   #ffffff;
    background-color:        #9eb1cc;
    position:                absolute;
    z-index:                 99;
    width:                   25em;
    height:                  auto;
    overflow:                auto;
    visibility:              hidden;
    border:                  1px solid #333333;
    padding:                 0.5em;
    -moz-opacity:            0.95;
    opacity:                 0.95;
}

/* user privileges */
#fieldset_add_user_login div.item {
    border-bottom:           1px solid silver;
    padding-bottom:          0.3em;
    margin-bottom:           0.3em;
}

#fieldset_add_user_login label {
    float:                   left;
    display:                 block;
    width:                   10em;
    max-width:               100%;
    text-align:              right;
    padding-right:      0.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:                   left;
    display:                 block;
    width:                   12em;
    max-width:               100%;
    padding-right: 0.5em;
}

#fieldset_add_user_login input {
    width:                   12em;
    clear:                   right;
    max-width:               100%;
}

#fieldset_add_user_login span.options input {
    width:                   auto;
}

#fieldset_user_priv div.item {
    float:                   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: left;
}
/* END user privileges */


/* serverstatus */
div#serverstatus table caption a.top {
    float: right;
}

div#serverstatus div#serverstatusqueriesdetails table,
div#serverstatus table#serverstatustraffic,
div#serverstatus table#serverstatusconnections {
    float: left;
}

#serverstatussection,
.clearfloat {
    clear: both;
}
div#serverstatussection table {
    width: 100%;
    margin-bottom: 1em;
}
div#serverstatussection table .name {
    width: 18em;
}
div#serverstatussection table .value {
    width: 6em;
}

div#serverstatus table tbody td.descr a,
div#serverstatus table .tblFooters a {
    white-space: nowrap;
}

div#serverstatus div#statuslinks a:before,
div#serverstatus div#sectionlinks a:before,
div#serverstatus table tbody td.descr a:before,
div#serverstatus table .tblFooters a:before {
    content: '';
}
div#serverstatus div#statuslinks a:after,
div#serverstatus div#sectionlinks a:after,
div#serverstatus table tbody td.descr a:after,
div#serverstatus table .tblFooters a:after {
    content: '';
}

/* end serverstatus */

/* querywindow */
body#bodyquerywindow {
    margin: 30px 2px 2px 2px;
    padding: 0;
    background-image: none;
    background-color: transparent;
}

div#querywindowcontainer {
    margin: 0;
    padding: 0;
    width: 100%;
}

div#querywindowcontainer fieldset {
    margin-top: 0;
}
/* END querywindow */


/* querybox */

div#sqlquerycontainer {
    float: left;
    width: 69%;
    /* height: 15em; */
}

div#tablefieldscontainer {
    float: right;
    width: 29%;
    /* height: 15em; */
}

div#tablefieldscontainer select {
    width: 100%;
    /* height: 12em; */
}

textarea#sqlquery {
    width: 100%;
    /* height: 100%; */
}

div#queryboxcontainer div#bookmarkoptions {
    margin-top: 0.5em;
}
/* end querybox */

/* main page */
#maincontainer {
    background-image: none;
    background-position: right bottom;
    background-repeat: no-repeat;
    border-bottom: none;
}

#mysqlmaininformation,
#pmamaininformation {
    float: left;
    width: 49%;
}

#maincontainer ul {
    list-style-image: url('.././themes/arctic_ocean/img/item_ltr.png');
    vertical-align: middle;
}

#maincontainer li {
    margin-bottom:  3px;
    padding-left:   5px;
}
/* END main page */


/* iconic view for ul items */
li#li_create_database        { list-style-image: url('.././themes/arctic_ocean/img/b_newdb.png');        }
li#li_select_lang            { list-style-image: url('.././themes/arctic_ocean/img/s_lang.png');         }
li#li_select_mysql_collation { list-style-image: url('.././themes/arctic_ocean/img/s_asci.png');         }
li#li_select_mysql_charset   { list-style-image: url('.././themes/arctic_ocean/img/s_asci.png');         }
li#li_select_theme           { list-style-image: url('.././themes/arctic_ocean/img/s_theme.png');        }
li#li_server_info            { list-style-image: url('.././themes/arctic_ocean/img/s_host.png');         }
li#li_user_info              { list-style-image: url('.././themes/arctic_ocean/img/b_dbusr.png');        }
li#li_mysql_status           { list-style-image: url('.././themes/arctic_ocean/img/s_status.png');       }
li#li_mysql_variables        { list-style-image: url('.././themes/arctic_ocean/img/s_vars.png');         }
li#li_mysql_processes        { list-style-image: url('.././themes/arctic_ocean/img/s_process.png');      }
li#li_mysql_collations       { list-style-image: url('.././themes/arctic_ocean/img/s_asci.png');         }
li#li_mysql_engines          { list-style-image: url('.././themes/arctic_ocean/img/b_engine.png');       }
li#li_mysql_binlogs          { list-style-image: url('.././themes/arctic_ocean/img/s_tbl.png');          }
li#li_mysql_databases        { list-style-image: url('.././themes/arctic_ocean/img/s_db.png');           }
li#li_export                 { list-style-image: url('.././themes/arctic_ocean/img/b_export.png');       }
li#li_import                 { list-style-image: url('.././themes/arctic_ocean/img/b_import.png');       }
li#li_change_password        { list-style-image: url('.././themes/arctic_ocean/img/s_passwd.png');       }
li#li_log_out                { list-style-image: url('.././themes/arctic_ocean/img/s_loggoff.png');      }
li#li_pma_docs               { list-style-image: url('.././themes/arctic_ocean/img/b_docs.png');         }
li#li_phpinfo                { list-style-image: url('.././themes/arctic_ocean/img/php_sym.png');        }
li#li_pma_homepage           { list-style-image: url('.././themes/arctic_ocean/img/b_home.png');         }
li#li_mysql_privilegs        { list-style-image: url('.././themes/arctic_ocean/img/s_rights.png');       }
li#li_switch_dbstats         { list-style-image: url('.././themes/arctic_ocean/img/b_dbstatistics.png'); }
li#li_flush_privileges       { list-style-image: url('.././themes/arctic_ocean/img/s_reload.png');       }
li#li_mysql_proto            { list-style-image: url('.././themes/arctic_ocean/img/b_dbsock.png');       }
li#li_mysql_client_version   { list-style-image: url('.././themes/arctic_ocean/img/b_dbclient.png');     }
li#li_select_fontsize        { list-style-image: url('.././themes/arctic_ocean/img/b_fontsize.png');     }
li#li_used_php_extension     { list-style-image: url('.././themes/arctic_ocean/img/b_dbphpext.png');     }
/* END iconic view for ul items */


#body_browse_foreigners {
    background:         #d9e4f4;
    margin:             0.5em 0.5em 0 0.5em;
}

#bodyquerywindow {
    background:         #d9e4f4;
}

#bodythemes {
    width: 500px;
    margin: auto;
    text-align: center;
}

#bodythemes img {
    border: 0.1em solid black;
}

#bodythemes a:hover img {
    border: 0.1em solid red;
}

#fieldset_select_fields {
    float: left;
}

#selflink {
    clear: both;
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    width: 100%;
    border-top: 0.1em none silver;
    text-align: left;
}

#table_innodb_bufferpool_usage,
#table_innodb_bufferpool_activity {
    float: left;
}

#div_mysql_charset_collations table {
    float: left;
}

#div_table_order, #div_table_rename, #div_table_copy, #div_table_options {
    clear: both;
    float: none;
    min-width: 48%;
}

#qbe_div_table_list {
    float: left;
}

#qbe_div_sql_query {
    float: left;
}

label.desc {
    width: 30em;
    float: left;
}

#buttonGo, #buttonNo, #buttonYes { font-weight: bold; }
#buttonGo     { color: #585880; }
#buttonNo     { color: #aa0000; }
#buttonYes    { color: #006600; }
#listTable    { width: 260px;}
#textSqlquery { width: 450px; }
#textSQLDUMP {
    background-color:     transparent;
    border:               1px solid #585880;
    color:                #333333;
    font-family:           'Courier New', Courier, monospace;
    font-size:            110%;
    width:                99%;
    height:               99%;
}