themes/pmahomme/css/theme_right.css.php

   1 <?php
   2 /* vim: set expandtab sw=4 ts=4 sts=4: */
   3 /**
   4  * main css file from theme Original
   5  *
   6  * @package phpMyAdmin-theme
   7  * @subpackage pmahomme
   8  */
   9
  10 // unplanned execution path
  11 if (!defined('PMA_MINIMUM_COMMON')) {
  12     exit();
  13 }
  14
  15 function PMA_ieFilter($start_color, $end_color)
  16 {
  17     return PMA_USR_BROWSER_AGENT == 'IE' && PMA_USR_BROWSER_VER >= 6 && PMA_USR_BROWSER_VER <= 8
  18         ? 'filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr="' . $start_color . '", endColorstr="' . $end_color . '");'
  19         : '';
  20 }
  21 function PMA_ieClearFilter() {
  22     return PMA_USR_BROWSER_AGENT == 'IE' && PMA_USR_BROWSER_VER >= 6 && PMA_USR_BROWSER_VER <= 8
  23         ? 'filter: none'
  24         : '';
  25 }
  26 ?>
  27 /******************************************************************************/
  28
  29 /* general tags */
  30 html {
  31     font-size: <?php echo (null !== $GLOBALS['PMA_Config']->get('fontsize') ? $GLOBALS['PMA_Config']->get('fontsize') : (
  32         isset($_COOKIE['pma_fontsize']) ? $_COOKIE['pma_fontsize'] : '82%'));?>;
  33 }
  34
  35 input, select, textarea {
  36     font-size: 1em;
  37 }
  38
  39
  40 body {
  41 <?php if (! empty($GLOBALS['cfg']['FontFamily'])) { ?>
  42     font-family:        <?php echo $GLOBALS['cfg']['FontFamily']; ?>;
  43 <?php } ?>
  44     padding:            0;
  45     margin:             0.5em;
  46     color:              #444;
  47     background:         #fff;
  48 }
  49
  50 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
  51 textarea, tt, pre, code {
  52     font-family:        <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
  53 }
  54 <?php } ?>
  55 h1 {
  56     font-size:          140%;
  57     font-weight:        bold;
  58 }
  59
  60 h2 {
  61     font-size:          2em;
  62     font-weight:        normal;
  63     text-shadow:        0 1px 0 #fff;
  64     padding:            10px 0 10px 3px;
  65     color:              #777;
  66 }
  67
  68 /* Hiding icons in the page titles */
  69 h2 img{display:none;}
  70 h2 a img{display:inline;}
  71
  72
  73 .data{
  74     margin: 0 0 12px 0;
  75 }
  76
  77 h3 {
  78     font-weight:        bold;
  79 }
  80
  81 a, a:link,
  82 a:visited,
  83 a:active {
  84     text-decoration:    none;
  85     color:              #235a81;
  86     cursor:             pointer;
  87     outline: none;
  88
  89 }
  90
  91 a:hover {
  92     text-decoration:    underline;
  93     color:              #235a81;
  94 }
  95
  96 #initials_table {
  97     background:#f3f3f3;
  98     border:1px solid #aaa;
  99     margin-bottom:10px;
 100     -moz-border-radius:5px;
 101     -webkit-border-radius:5px;
 102     border-radius:5px;
 103 }
 104
 105 #initials_table td{padding:8px !important}
 106
 107 #initials_table a {
 108     border:1px solid #aaa;
 109     background:#fff;
 110     padding:4px 8px;
 111     -moz-border-radius:5px;
 112     -webkit-border-radius:5px;
 113     border-radius:5px;
 114     background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
 115     background-size: 100% 100%;
 116     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
 117     background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
 118     background: -o-linear-gradient(top,  #ffffff,  #cccccc);
 119     <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
 120 }
 121
 122 dfn {
 123     font-style:         normal;
 124 }
 125
 126 dfn:hover {
 127     font-style:         normal;
 128     cursor:             help;
 129 }
 130
 131 th {
 132     font-weight:        bold;
 133     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 134     background:         #f3f3f3;
 135     background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
 136     background-size: 100% 100%;
 137     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
 138     background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
 139     background: -o-linear-gradient(top,  #ffffff,  #cccccc);
 140     <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
 141 }
 142
 143 a img {
 144     border:             0;
 145 }
 146
 147 hr {
 148     color:              <?php echo $GLOBALS['cfg']['MainColor']; ?>;
 149     background-color:   <?php echo $GLOBALS['cfg']['MainColor']; ?>;
 150     border:             0;
 151     height:             1px;
 152 }
 153
 154 form {
 155     padding:            0;
 156     margin:             0;
 157     display:            inline;
 158 }
 159
 160 input[type=text]{
 161     border-radius:2px;
 162     -moz-border-radius:2px;
 163     -webkit-border-radius:2px;
 164
 165     box-shadow:0 1px 2px #ddd;
 166     -moz-box-shadow:0 1px 2px #ddd;
 167     -webkit-box-shadow:0 1px 2px #ddd;
 168
 169     background:url(./themes/pmahomme/img/input_bg.gif);
 170     border:1px solid #aaa;
 171     color:#555555;
 172     padding:4px;
 173     margin:6px;
 174
 175 }
 176
 177 input[type=password]{
 178     border-radius:2px;
 179     -moz-border-radius:2px;
 180     -webkit-border-radius:2px;
 181
 182     box-shadow:0 1px 2px #ddd;
 183     -moz-box-shadow:0 1px 2px #ddd;
 184     -webkit-box-shadow:0 1px 2px #ddd;
 185
 186     background:url(./themes/pmahomme/img/input_bg.gif);
 187     border:1px solid #aaa;
 188     color:#555555;
 189     padding:4px;
 190     margin:6px;
 191
 192 }
 193
 194 input[type=submit]{
 195     font-weight:bold;
 196     margin-left:14px;
 197     border: 1px solid #aaa;
 198     padding: 3px 7px;
 199     color: #111;
 200     text-decoration: none;
 201     background: #ddd;
 202
 203     border-radius: 12px;
 204     -webkit-border-radius: 12px;
 205     -moz-border-radius: 12px;
 206
 207     text-shadow: 0 1px 0 #fff;
 208
 209     background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
 210     background-size: 100% 100%;
 211     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
 212     background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
 213     background: -o-linear-gradient(top,  #ffffff,  #cccccc);
 214     <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
 215 }
 216
 217 input[type=submit]:hover{position: relative;
 218     background-image: url(./themes/svg_gradient.php?from=cccccc&to=dddddd);
 219     background-size: 100% 100%;
 220     background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
 221     background: -moz-linear-gradient(top,  #cccccc,  #dddddd);
 222     background: -o-linear-gradient(top,  #cccccc,  #dddddd);
 223     <?php echo PMA_ieFilter('#cccccc', '#dddddd'); ?>
 224     cursor:pointer;
 225 }
 226
 227 input[type=submit]:active{position: relative;
 228     top: 1px;
 229     left: 1px;
 230 }
 231 textarea {
 232     overflow:           visible;
 233     height:             <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
 234 }
 235
 236 fieldset {
 237     margin-top:         1em;
 238     border-radius:4px 4px 0 0;
 239     -moz-border-radius:4px 4px 0 0;
 240     -webkit-border-radius:4px 4px 0 0;
 241     padding:5px;
 242     border:             #aaa solid 1px;
 243     padding:            1.5em;
 244     background:         #eee;
 245     text-shadow:0 1px 0 #fff;
 246     -moz-box-shadow: 1px 1px 2px #fff inset;
 247     -webkit-box-shadow: 1px 1px 2px #fff inset;
 248     box-shadow: 1px 1px 2px #fff inset;
 249 }
 250
 251 fieldset fieldset {
 252     margin:             0.8em;
 253     background:#fff;
 254     border:1px solid #aaa;
 255     background:none repeat scroll 0 0 #E8E8E8;
 256
 257 }
 258
 259 fieldset legend {
 260     font-weight:        bold;
 261     color:              #444;
 262     padding:5px 10px;
 263     border-radius:2px;
 264     -moz-border-radius:2px;
 265     -webkit-border-radius:2px;
 266     border:1px solid #aaa;
 267     background-color:   #fff;
 268     -moz-box-shadow:3px 3px 15px #bbb;
 269     -webkit-box-shadow:3px 3px 15px #bbb;
 270     box-shadow:3px 3px 15px #bbb;
 271 }
 272
 273 /* buttons in some browsers (eg. Konqueror) are block elements,
 274    this breaks design */
 275 button {
 276     display:            inline;
 277 }
 278
 279 table caption,
 280 table th,
 281 table td {
 282     padding:            0.3em;
 283     margin:             0.1em;
 284     vertical-align:     top;
 285     text-shadow:0 1px 0 #FFFFFF;
 286 }
 287
 288 /* 3.4 */
 289 table{border-collapse:collapse;}
 290 th{border-right:1px solid #fff; text-align:left;}
 291
 292
 293 img, button {
 294     vertical-align:     middle;
 295 }
 296
 297 input[type="checkbox"],input[type="radio"] {
 298     vertical-align: -11%;
 299 }
 300
 301
 302 select{
 303     -moz-border-radius:2px;
 304     -webkit-border-radius:2px;
 305     border-radius:2px;
 306
 307     -moz-box-shadow:0 1px 2px #ddd;
 308     -webkit-box-shadow:0 1px 2px #ddd;
 309     box-shadow:0 1px 2px #ddd;
 310
 311     border:1px solid #aaa;
 312     color:#333333;
 313     padding:3px;
 314     background:url(./themes/pmahomme/img/input_bg.gif)
 315 }
 316
 317 select[multiple] {
 318     background: #fff;
 319     background: -webkit-gradient(linear, center top, center bottom, from(#fff), color-stop(0.8, #f1f1f1), to(#fbfbfb));
 320     background: -webkit-linear-gradient(#fff, #f1f1f1 80%, #fbfbfb);
 321     background: -moz-linear-gradient(#fff, #f1f1f1 80%, #fbfbfb);
 322     /* none for Opera 11.10 as <option>s always have solid white background */
 323     filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f2f2f2");
 324 }
 325
 326 /* Icon sprites */
 327
 328 .icon, .footnotemarker {
 329     vertical-align: -3px;
 330     margin-right:       0.3em;
 331     margin-left:        0.3em;
 332     width:16px;
 333     height:16px;
 334     background: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>iconsprites.png) no-repeat top left;
 335 }
 336
 337 .ic_asc_order, .ic_s_desc { background-position: 0 0; }
 338 .ic_b_bookmark { background-position: -17px 0; }
 339 .ic_b_browse, .ic_b_sbrowse { background-position: -34px 0; }
 340 .ic_b_calendar { background-position: -51px 0; }
 341 .ic_b_chart, .ic_b_dbstatistics { background-position: -68px 0; }
 342 .ic_b_close { background-position: -85px 0; }
 343 .ic_b_comment { background-position: -102px 0; }
 344 .ic_b_deltbl { background-position: -119px 0; }
 345 .ic_b_docs { background-position: -136px 0; }
 346 .ic_b_docsql { background-position: -153px 0; }
 347 .ic_b_drop { background-position: -170px 0; }
 348 .ic_b_edit { background-position: -187px 0; }
 349 .ic_b_empty { background-position: -204px 0; }
 350 .ic_b_engine { background-position: -221px 0; }
 351 .ic_b_event_add { background-position: -238px 0; }
 352 .ic_b_events { background-position: -255px 0; }
 353 .ic_b_export, .ic_b_tblexport { background-position: -272px 0; }
 354 .ic_b_firstpage { background-position: -289px 0; }
 355 .ic_b_ftext { background-position: -306px 0; }
 356 .ic_b_globe { background-position: -323px 0; }
 357 .ic_b_help { background-position: -340px 0; }
 358 .ic_b_help_s { background-position: -340px 0; }
 359 .ic_b_home { background-position: -357px 0; }
 360 .ic_b_import, .ic_b_tblimport { background-position: -374px 0; }
 361 .ic_b_index { background-position: -391px 0; }
 362 .ic_b_info { background-position: -408px 0; width: 11px; height: 11px; }
 363 .ic_b_inline_edit { background-position: -420px 0; }
 364 .ic_b_insrow { background-position: -437px 0; }
 365 .ic_b_lastpage { background-position: -454px 0; }
 366 .ic_b_minus { background-position: -471px 0; }
 367 .ic_b_more, .ic_col_drop { background-position: -488px 0; }
 368 .ic_b_newdb { background-position: -505px 0; }
 369 .ic_b_newtbl { background-position: -522px 0; }
 370 .ic_b_nextpage, .ic_play { background-position: -539px 0; }
 371 .ic_b_pdfdoc { background-position: -556px 0; }
 372 .ic_b_plus { background-position: -573px 0; }
 373 .ic_b_prevpage { background-position: -590px 0; }
 374 .ic_b_primary { background-position: -607px 0; }
 375 .ic_b_print { background-position: -624px 0; }
 376 .ic_b_props { background-position: -641px 0; }
 377 .ic_b_relations { background-position: -658px 0; }
 378 .ic_b_routine_add { background-position: -675px 0; }
 379 .ic_b_routines { background-position: -692px 0; }
 380 .ic_b_save { background-position: -709px 0; }
 381 .ic_b_sdb { background-position: -726px 0; width: 10px; height: 10px; }
 382 .ic_b_search { background-position: -737px 0; }
 383 .ic_b_selboard { background-position: -754px 0; }
 384 .ic_b_select { background-position: -771px 0; }
 385 .ic_b_snewtbl { background-position: -788px 0; }
 386 .ic_b_spatial { background-position: -805px 0; }
 387 .ic_b_sql { background-position: -822px 0; }
 388 .ic_b_sqldoc { background-position: -839px 0; }
 389 .ic_b_sqlhelp { background-position: -856px 0; }
 390 .ic_b_tblanalyse { background-position: -873px 0; }
 391 .ic_b_tblops { background-position: -890px 0; }
 392 .ic_b_tbloptimize { background-position: -907px 0; }
 393 .ic_b_tipp { background-position: -924px 0; }
 394 .ic_b_trigger_add { background-position: -941px 0; }
 395 .ic_b_triggers { background-position: -958px 0; }
 396 .ic_b_unique { background-position: -975px 0; }
 397 .ic_b_usradd { background-position: -992px 0; }
 398 .ic_b_usrcheck { background-position: -1009px 0; }
 399 .ic_b_usrdrop { background-position: -1026px 0; }
 400 .ic_b_usredit { background-position: -1043px 0; }
 401 .ic_b_usrlist { background-position: -1060px 0; }
 402 .ic_b_view { background-position: -1077px 0; }
 403 .ic_b_views, .ic_s_views { background-position: -1094px 0; }
 404 .ic_bd_browse { background-position: -1111px 0; }
 405 .ic_bd_deltbl { background-position: -1128px 0; }
 406 .ic_bd_drop { background-position: -1145px 0; }
 407 .ic_bd_edit { background-position: -1162px 0; }
 408 .ic_bd_empty { background-position: -1179px 0; }
 409 .ic_bd_export { background-position: -1196px 0; }
 410 .ic_bd_firstpage { background-position: -1213px 0; width: 16px; height: 13px; }
 411 .ic_bd_ftext { background-position: -1230px 0; }
 412 .ic_bd_index { background-position: -1247px 0; }
 413 .ic_bd_insrow { background-position: -1264px 0; }
 414 .ic_bd_lastpage { background-position: -1281px 0; width: 16px; height: 13px; }
 415 .ic_bd_nextpage { background-position: -1298px 0; width: 8px; height: 13px; }
 416 .ic_bd_prevpage { background-position: -1307px 0; width: 8px; height: 13px; }
 417 .ic_bd_primary { background-position: -1316px 0; }
 418 .ic_bd_sbrowse { background-position: -1333px 0; width: 10px; height: 10px; }
 419 .ic_bd_select { background-position: -1344px 0; }
 420 .ic_bd_spatial { background-position: -1361px 0; }
 421 .ic_bd_unique { background-position: -1378px 0; }
 422 .ic_database, .ic_s_db { background-position: -1395px 0; }
 423 .ic_eye { background-position: -1412px 0; }
 424 .ic_eye_grey { background-position: -1429px 0; }
 425 .ic_item { background-position: -1446px 0; width: 9px; height: 9px; }
 426 .ic_item_ltr { background-position: -1456px 0; width: 5px; height: 9px; }
 427 .ic_item_rtl { background-position: -1462px 0; width: 5px; height: 9px; }
 428 .ic_more { background-position: -1468px 0; width: 13px; height: 8px; }
 429 .ic_pause { background-position: -1482px 0; }
 430 .ic_php_sym { background-position: -1499px 0; }
 431 .ic_s_asc { background-position: -1516px 0; }
 432 .ic_s_asci { background-position: -1533px 0; }
 433 .ic_s_attention, .ic_s_notice { background-position: -1550px 0; }
 434 .ic_s_cancel { background-position: -1567px 0; }
 435 .ic_s_cancel2 { background-position: -1584px 0; }
 436 .ic_s_cog { background-position: -1601px 0; }
 437 .ic_s_error { background-position: -1618px 0; }
 438 .ic_s_error2 { background-position: -1635px 0; width: 11px; height: 11px; }
 439 .ic_s_host { background-position: -1647px 0; }
 440 .ic_s_info { background-position: -1664px 0; }
 441 .ic_s_lang { background-position: -1681px 0; }
 442 .ic_s_loggoff { background-position: -1698px 0; }
 443 .ic_s_okay { background-position: -1715px 0; }
 444 .ic_s_passwd { background-position: -1732px 0; }
 445 .ic_s_really { background-position: -1749px 0; width: 11px; height: 11px; }
 446 .ic_s_reload { background-position: -1761px 0; }
 447 .ic_s_replication { background-position: -1778px 0; }
 448 .ic_s_rights { background-position: -1795px 0; }
 449 .ic_s_sortable { background-position: -1812px 0; }
 450 .ic_s_status { background-position: -1829px 0; }
 451 .ic_s_success { background-position: -1846px 0; }
 452 .ic_s_sync { background-position: -1863px 0; }
 453 .ic_s_tbl { background-position: -1880px 0; }
 454 .ic_s_theme { background-position: -1897px 0; }
 455 .ic_s_vars { background-position: -1914px 0; }
 456 .ic_window-new { background-position: -1931px 0; }
 457
 458 /* Same as ic_b_help, but applied to place where width=11, height=11 attributes were used */
 459 .ic_b_help_s { background-position: -340px 0; }
 460
 461 /* Same as ic_s_sortable */
 462 img.sortableIcon { background-position: -1812px 0; }
 463
 464 /* Same as s_asc */
 465 th.headerSortUp img.sortableIcon { background-position: 0 0; }
 466
 467 /* Same as s_desc */
 468 th.headerSortDown img.sortableIcon { background-position: -1516px 0; }
 469
 470 /* Fix position */
 471 .ic_more { vertical-align: middle; }
 472
 473 /******************************************************************************/
 474 /* classes */
 475 .clearfloat {
 476     clear: both;
 477 }
 478
 479 .floatleft {
 480     float: <?php echo $left; ?>;
 481     margin-<?php echo $right; ?>: 1em;
 482 }
 483
 484 .paddingtop {
 485     padding-top: 1em;
 486 }
 487
 488 div.tools {
 489    /* border: 1px solid #000000; */
 490     padding: 0.2em;
 491 }
 492
 493 div.tools a{color:#3a7ead !important;}
 494
 495 div.tools,
 496 fieldset.tblFooters {
 497     margin-top:         0;
 498     margin-bottom:      0.5em;
 499     /* avoid a thick line since this should be used under another fieldset */
 500     border-top:         0;
 501     text-align:         <?php echo $right; ?>;
 502     float:              none;
 503     clear:              both;
 504     -webkit-border-radius:0 0 4px 4px;
 505     -moz-border-radius:0 0 4px 4px;
 506     border-radius: 0 0 4px 5px;
 507 }
 508
 509 div.null_div {
 510     height: 20px;
 511     text-align: center;
 512     font-style:normal;
 513     min-width:50px;
 514 }
 515
 516 fieldset .formelement {
 517     float:              <?php echo $left; ?>;
 518     margin-<?php echo $right; ?>:       0.5em;
 519     /* IE */
 520     white-space:        nowrap;
 521 }
 522
 523 /* revert for Gecko */
 524 fieldset div[class=formelement] {
 525     white-space:        normal;
 526 }
 527
 528 button.mult_submit {
 529     border:             none;
 530     background-color:   transparent;
 531 }
 532
 533 /* odd items 1,3,5,7,... */
 534 table tr.odd th,
 535 .odd {
 536     background: #fff;
 537     <?php echo PMA_ieClearFilter(); ?>
 538 }
 539
 540 /* even items 2,4,6,8,... */
 541 table tr.even th,
 542 .even {
 543     background: #f3f3f3;
 544     <?php echo PMA_ieClearFilter(); ?>
 545 }
 546
 547 /* odd table rows 1,3,5,7,... */
 548 table tr.odd th,
 549 table tr.odd,
 550 table tr.even th,
 551 table tr.even {
 552     text-align:         <?php echo $left; ?>;
 553 }
 554
 555 <?php if ($GLOBALS['cfg']['BrowseMarkerEnable']) { ?>
 556 /* marked table rows */
 557 td.marked,
 558 table tr.marked td,
 559 table tr.marked th,
 560 table tr.marked {
 561     background:  url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7;
 562     color:   <?php echo $GLOBALS['cfg']['BrowseMarkerColor']; ?>;
 563 }
 564 <?php } ?>
 565
 566 <?php if ($GLOBALS['cfg']['BrowsePointerEnable']) { ?>
 567 /* hovered items */
 568 .odd:hover,
 569 .even:hover,
 570 .hover,
 571 .structure_actions_dropdown {
 572     background:  url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7; /* 3.4 */
 573     color: <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 574 }
 575
 576 /* hovered table rows */
 577 table tr.odd:hover th,
 578 table tr.even:hover th,
 579 table tr.hover th {
 580     background:  url(./themes/pmahomme/img/marked_bg.png) repeat-x #b6c6d7; /* 3.4 */
 581     color:   <?php echo $GLOBALS['cfg']['BrowsePointerColor']; ?>;
 582 }
 583 <?php } ?>
 584
 585 /**
 586  * marks table rows/cells if the db field is in a where condition
 587  */
 588 tr.condition th,
 589 tr.condition td,
 590 td.condition,
 591 th.condition {
 592     border: 1px solid <?php echo $GLOBALS['cfg']['BrowseMarkerBackground']; ?>;
 593 }
 594
 595 /**
 596  * cells with the value NULL
 597  */
 598 td.null {
 599     font-style: italic;
 600     text-align: <?php echo $right; ?>;
 601 }
 602
 603 table .valueHeader {
 604     text-align:         <?php echo $right; ?>;
 605     white-space:        normal;
 606 }
 607 table .value {
 608     text-align:         <?php echo $right; ?>;
 609     white-space:        normal;
 610 }
 611 /* IE doesnt handles 'pre' right */
 612 table [class=value] {
 613     white-space:        normal;
 614 }
 615
 616
 617 <?php if (! empty($GLOBALS['cfg']['FontFamilyFixed'])) { ?>
 618 .value {
 619     font-family:        <?php echo $GLOBALS['cfg']['FontFamilyFixed']; ?>;
 620 }
 621 <?php } ?>
 622 .attention {
 623     color:              red;
 624     font-weight:        bold;
 625 }
 626 .value .allfine {
 627     color:              green;
 628 }
 629
 630
 631 img.lightbulb {
 632     cursor:             pointer;
 633 }
 634
 635 .pdflayout {
 636     overflow:           hidden;
 637     clip:               inherit;
 638     background-color:   #FFFFFF;
 639     display:            none;
 640     border:             1px solid #000000;
 641     position:           relative;
 642 }
 643
 644 .pdflayout_table {
 645     background:         #D3DCE3;
 646     color:              #000000;
 647     overflow:           hidden;
 648     clip:               inherit;
 649     z-index:            2;
 650     display:            inline;
 651     visibility:         inherit;
 652     cursor:             move;
 653     position:           absolute;
 654     font-size:          80%;
 655     border:             1px dashed #000000;
 656 }
 657
 658 /* MySQL Parser */
 659 .syntax {
 660     font-family: Verdan, Arial, Tahoma;
 661     font-size:          110%;
 662 }
 663
 664 .syntax a {
 665     text-decoration: none;
 666     border-bottom:1px dotted black;
 667 }
 668
 669 .syntax_comment {
 670     padding-left:       4pt;
 671     padding-right:      4pt;
 672 }
 673
 674 .syntax_digit {
 675 }
 676
 677 .syntax_digit_hex {
 678 }
 679
 680 .syntax_digit_integer {
 681 }
 682
 683 .syntax_digit_float {
 684 }
 685
 686 .syntax_punct {
 687 }
 688
 689 .syntax_alpha {
 690 }
 691
 692 .syntax_alpha_columnType {
 693     text-transform:     uppercase;
 694 }
 695
 696 .syntax_alpha_columnAttrib {
 697     text-transform:     uppercase;
 698 }
 699
 700 .syntax_alpha_reservedWord {
 701     text-transform:     uppercase;
 702     font-weight:        bold;
 703 }
 704
 705 .syntax_alpha_functionName {
 706     text-transform:     uppercase;
 707 }
 708
 709 .syntax_alpha_identifier {
 710 }
 711
 712 .syntax_alpha_charset {
 713 }
 714
 715 .syntax_alpha_variable {
 716 }
 717
 718 .syntax_quote {
 719     white-space:        pre;
 720 }
 721
 722 .syntax_quote_backtick {
 723 }
 724
 725 /* leave some space between icons and text */
 726 img.footnotemarker {
 727     display: none;
 728 }
 729
 730 /* no extra space in table cells */
 731 td .icon {
 732     margin: 0;
 733 }
 734
 735 .selectallarrow {
 736     margin-<?php echo $right; ?>: 0.3em;
 737     margin-<?php echo $left; ?>: 0.6em;
 738 }
 739
 740 /* message boxes: error, confirmation */
 741 .success h1,
 742 .notice h1,
 743 div.error h1 {
 744     border-bottom:      2px solid;
 745     font-weight:        bold;
 746     text-align:         <?php echo $left; ?>;
 747     margin:             0 0 0.2em 0;
 748 }
 749
 750 div.success,
 751 div.notice,
 752 div.error,
 753 div.footnotes {
 754     margin:             0.5em 0 1.3em 0;
 755     border:             1px solid;
 756     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 757     background-repeat:  no-repeat;
 758         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 759     background-position: 10px 50%;
 760     padding:            10px 10px 10px 25px;
 761         <?php } else { ?>
 762     background-position: 99% 50%;
 763     padding:            25px 10px 10px 10px
 764         <?php } ?>
 765     <?php } else { ?>
 766     padding:            0.3em;
 767     <?php } ?>
 768
 769     -moz-border-radius:5px;
 770     -webkit-border-radius:5px;
 771     border-radius:5px;
 772
 773     -moz-box-shadow: 0 1px 1px #fff inset;
 774     -webkit-box-shadow: 0 1px 1px #fff inset;
 775     box-shadow:  0 1px 1px #fff inset;
 776 }
 777
 778 .success  a{text-decoration:underline;}
 779 .notice a{text-decoration:underline;}
 780 .error a{text-decoration:underline;}
 781 .footnotes a{text-decoration:underline;}
 782
 783 .success {
 784     color:              #000000;
 785     background-color:   #ebf8a4;
 786 }
 787
 788 h1.success, div.success {
 789     border-color:       #a2d246;
 790     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 791     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_success.png);
 792     background-repeat:  no-repeat;
 793         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 794     background-position: 5px 50%;
 795         <?php } else { ?>
 796     background-position: 97% 50%;
 797         <?php } ?>
 798     <?php } ?>
 799 }
 800 .success h1 {
 801     border-color:       #00FF00;
 802 }
 803
 804 .notice, .footnotes {
 805     color:              #000;
 806     background-color:   #e8eef1;
 807 }
 808
 809 h1.notice,
 810 div.notice,
 811 div.footnotes {
 812     border-color:       #3a6c7e;
 813     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 814     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_notice.png);
 815     background-repeat:  no-repeat;
 816         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 817     background-position: 5px 50%;
 818         <?php } else { ?>
 819     background-position: 97% 50%;
 820         <?php } ?>
 821     <?php } ?>
 822 }
 823
 824 .notice h1 {
 825     border-color:       #ffb10a;
 826 }
 827
 828 .error {
 829     border:1px solid maroon !important;
 830     color: #000;
 831     background:pink;
 832 }
 833
 834 h1.error,
 835 div.error {
 836     border-color:       #333;
 837     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
 838     background-image:   url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_error.png);
 839     background-repeat:  no-repeat;
 840         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
 841     background-position: 5px 50%;
 842         <?php } else { ?>
 843     background-position: 97% 50%;
 844         <?php } ?>
 845     <?php } ?>
 846 }
 847
 848 div.error h1 {
 849     border-color:       #ff0000;
 850 }
 851
 852 .confirmation {
 853     color:              #000000;
 854     background-color:   pink;
 855 }
 856
 857 fieldset.confirmation {
 858 }
 859
 860 fieldset.confirmation legend {
 861 }
 862
 863 /* end messageboxes */
 864
 865 .tblcomment {
 866     font-size:          70%;
 867     font-weight:        normal;
 868     color:              #000099;
 869 }
 870
 871 .tblHeaders {
 872     font-weight:        bold;
 873     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 874     background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 875 }
 876
 877 div.tools,
 878 .tblFooters {
 879     font-weight:        normal;
 880     color:              <?php echo $GLOBALS['cfg']['ThColor']; ?>;
 881     background:         <?php echo $GLOBALS['cfg']['ThBackground']; ?>;
 882 }
 883
 884 .tblHeaders a:link,
 885 .tblHeaders a:active,
 886 .tblHeaders a:visited,
 887 div.tools a:link,
 888 div.tools a:visited,
 889 div.tools a:active,
 890 .tblFooters a:link,
 891 .tblFooters a:active,
 892 .tblFooters a:visited {
 893     color:              #0000FF;
 894 }
 895
 896 .tblHeaders a:hover,
 897 div.tools a:hover,
 898 .tblFooters a:hover {
 899     color:              #FF0000;
 900 }
 901
 902 /* forbidden, no privilegs */
 903 .noPrivileges {
 904     color:              #FF0000;
 905     font-weight:        bold;
 906 }
 907
 908 /* disabled text */
 909 .disabled,
 910 .disabled a:link,
 911 .disabled a:active,
 912 .disabled a:visited {
 913     color:              #666666;
 914 }
 915
 916 .disabled a:hover {
 917     color:              #666666;
 918     text-decoration:    none;
 919 }
 920
 921 tr.disabled td,
 922 td.disabled {
 923     background-color:   #f3f3f3;
 924     color:#aaa;
 925 }
 926
 927 .nowrap {
 928     white-space:        nowrap;
 929 }
 930
 931 /**
 932  * login form
 933  */
 934 body.loginform h1,
 935 body.loginform a.logo {
 936     display: block;
 937     text-align: center;
 938 }
 939
 940 body.loginform {
 941     text-align: center;
 942 }
 943
 944 body.loginform div.container {
 945     text-align: <?php echo $left; ?>;
 946     width: 30em;
 947     margin: 0 auto;
 948 }
 949
 950 form.login label {
 951     float: <?php echo $left; ?>;
 952     width: 10em;
 953     font-weight: bolder;
 954 }
 955
 956 .commented_column {
 957     border-bottom: 1px dashed black;
 958 }
 959
 960 .column_attribute {
 961     font-size: 70%;
 962 }
 963
 964 /******************************************************************************/
 965 /* specific elements */
 966
 967 /* topmenu */
 968 #topmenu a {
 969     text-shadow: 0 1px 0 #fff;
 970 }
 971
 972 #topmenu .error {
 973     background:#eee;border: 0 !important;color:#aaa;
 974 }
 975
 976 ul#topmenu, ul#topmenu2, ul.tabs {
 977     font-weight:        bold;
 978     list-style-type:    none;
 979     margin:             0;
 980     padding:            0;
 981
 982 }
 983
 984 ul#topmenu2 {
 985     margin: 0.25em 0.5em 0;
 986     height: 2em;
 987     clear: both;
 988 }
 989
 990 ul#topmenu li, ul#topmenu2 li {
 991     float:              <?php echo $left; ?>;
 992     margin:             0;
 993     vertical-align:     middle;
 994 }
 995
 996 #topmenu img, #topmenu2 img {
 997     margin-right:0.5em;
 998     vertical-align:-3px;
 999 }
1000
1001 #topmenucontainer{
1002     background:url(./themes/pmahomme/img/tab_bg.png) repeat-x;
1003     border-top:1px solid #aaa;
1004 }
1005
1006 /* default tab styles */
1007 .tabactive {
1008     background:#fff !important;
1009 }
1010
1011 ul#topmenu a, ul#topmenu span {
1012     display:            block;
1013     margin:             0;
1014     padding:            0;
1015     white-space:        nowrap;
1016 }
1017
1018 ul#topmenu ul a {
1019     margin:             0;
1020
1021 }
1022
1023 ul#topmenu .submenu {
1024     display:           none;
1025     position:          relative;
1026 }
1027
1028 ul#topmenu .shown {
1029     display:            inline-block;
1030 }
1031
1032 ul#topmenu ul {
1033     margin:             0;
1034     padding:            0;
1035     position:           absolute;
1036     right:              0;
1037     list-style-type:    none;
1038     display:            none;
1039     border:             1px #ddd solid;
1040     z-index:            2;
1041 }
1042
1043 ul#topmenu li:hover {
1044     background:url(./themes/pmahomme/img/tab_hover_bg.png) repeat-x 50% 0%!important;
1045 }
1046
1047 ul#topmenu li:hover ul, ul#topmenu .submenuhover ul {
1048     display:            block;
1049     font-weight:3em;
1050     background:#fff;
1051 }
1052
1053 ul#topmenu ul li {
1054     width:              100%;
1055 }
1056
1057 ul#topmenu2 a {
1058     display:            block;
1059     margin:             7px 6px 7px 0;
1060     padding:            4px 10px;
1061     white-space:        nowrap;
1062     border:1px solid #ddd;
1063     border-radius: 20px;
1064     -moz-border-radius: 20px;
1065     -webkit-border-radius: 20px;
1066     background:#f2f2f2;
1067
1068 }
1069
1070 /* disabled tabs */
1071 ul#topmenu span.tab {
1072     color:              #666666;
1073 }
1074
1075 fieldset.caution a {
1076     color:              #FF0000;
1077 }
1078 fieldset.caution a:hover {
1079     color:              #ffffff;
1080     background-color:   #FF0000;
1081 }
1082
1083 <?php if ($GLOBALS['cfg']['LightTabs']) { ?>
1084 /* active tab */
1085 ul#topmenu a.tabactive, ul#topmenu2 a.tabactive {
1086     color:              black;
1087 }
1088
1089 ul#topmenu ul {
1090     background:         <?php echo $GLOBALS['cfg']['MainBackground']; ?>;
1091 }
1092 <?php } else { ?>
1093 #topmenu {
1094     margin-top:         0.5em;
1095     padding:            0.1em 0.3em 0.1em 0.3em;
1096 }
1097
1098 ul#topmenu ul {
1099     -moz-box-shadow:    1px 1px 6px #ddd;
1100     -webkit-box-shadow: 2px 2px 3px #666;
1101     box-shadow:         2px 2px 3px #666;
1102 }
1103
1104 ul#topmenu > li {
1105     border-right: 1px solid #fff;
1106     border-left: 1px solid #ccc;
1107 }
1108
1109 /* default tab styles */
1110 ul#topmenu a, ul#topmenu span {
1111     padding:10px;
1112 }
1113
1114 ul#topmenu ul a {
1115     border-width:       1pt 0 0 0;
1116     -moz-border-radius: 0;
1117     -webkit-border-radius: 0;
1118     border-radius:      0;
1119 }
1120
1121 ul#topmenu ul li:first-child a {
1122     border-width:       0;
1123 }
1124
1125 /* enabled hover/active tabs */
1126 ul#topmenu > li > a:hover,
1127 ul#topmenu > li > .tabactive {
1128     text-decoration:    none;
1129 }
1130
1131 ul#topmenu ul a:hover,
1132 ul#topmenu ul .tabactive {
1133     text-decoration:    none;
1134 }
1135
1136 ul#topmenu a.tab:hover,
1137 ul#topmenu .tabactive {
1138     /* background-color:   <?php echo $GLOBALS['cfg']['MainBackground']; ?>;  */
1139 }
1140
1141 ul#topmenu2 a.tab:hover,
1142 ul#topmenu2 a.tabactive {
1143     background-color:   <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1144     border-radius:      0.3em;
1145     -moz-border-radius: 0.3em;
1146     -webkit-border-radius: 0.3em;
1147     text-decoration:    none;
1148 }
1149
1150 /* to be able to cancel the bottom border, use <li class="active"> */
1151 ul#topmenu > li.active {
1152     /* border-bottom:      0pt solid <?php echo $GLOBALS['cfg']['MainBackground']; ?>; */
1153     border-right: 0;
1154 }
1155
1156 /* disabled tabs */
1157 ul#topmenu span.tab,
1158 a.error {
1159     cursor:             url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>error.ico), default;
1160     color:#ccc;
1161 }
1162 <?php } ?>
1163 /* end topmenu */
1164
1165
1166 /* Calendar */
1167 table.calendar {
1168     width:              100%;
1169 }
1170 table.calendar td {
1171     text-align:         center;
1172 }
1173 table.calendar td a {
1174     display:            block;
1175 }
1176
1177 table.calendar td a:hover {
1178     background-color:   #CCFFCC;
1179 }
1180
1181 table.calendar th {
1182     background-color:   #D3DCE3;
1183 }
1184
1185 table.calendar td.selected {
1186     background-color:   #FFCC99;
1187 }
1188
1189 img.calendar {
1190     border:             none;
1191 }
1192 form.clock {
1193     text-align:         center;
1194 }
1195 /* end Calendar */
1196
1197
1198 /* table stats */
1199 div#tablestatistics table {
1200     float: <?php echo $left; ?>;
1201     margin-bottom: 0.5em;
1202     margin-<?php echo $right; ?>: 1.5em;
1203     margin-top: 0.5em;
1204 }
1205
1206 /* END table stats */
1207
1208
1209 /* server privileges */
1210 #tableuserrights td,
1211 #tablespecificuserrights td,
1212 #tabledatabases td {
1213     vertical-align: middle;
1214 }
1215 /* END server privileges */
1216
1217
1218 /* Heading */
1219 #serverinfo {
1220     border-bottom:1px solid #fff;
1221     -moz-border-radius: 4px 4px 0 0;
1222     -webkit-border-radius: 4px 4px 0 0;
1223     border-radius:4px 4px 0 0;
1224     background:#888;
1225     padding:10px;
1226     text-shadow:0 1px 0 #000000;
1227 }
1228
1229 #serverinfo .item {
1230     white-space:        nowrap;
1231     color:#fff;
1232 }
1233
1234 #span_table_comment {
1235     font-weight:        normal;
1236     font-style:         italic;
1237     white-space:        nowrap;
1238 }
1239
1240 #serverinfo img {
1241     margin:             0 0.1em 0 0.2em;
1242 }
1243
1244
1245 #textSQLDUMP {
1246     width:              95%;
1247     height:             95%;
1248     font-family:        "Courier New", Courier, mono;
1249     font-size:          110%;
1250 }
1251
1252 #TooltipContainer {
1253     position:           absolute;
1254     z-index:            99;
1255     width:              20em;
1256     height:             auto;
1257     overflow:           visible;
1258     visibility:         hidden;
1259     background-color:   #ffffcc;
1260     color:              #006600;
1261     border:             0.1em solid #000000;
1262     padding:            0.5em;
1263 }
1264
1265 /* user privileges */
1266 #fieldset_add_user_login div.item {
1267     border-bottom:      1px solid silver;
1268     padding-bottom:     0.3em;
1269     margin-bottom:      0.3em;
1270 }
1271
1272 #fieldset_add_user_login label {
1273     float:              <?php echo $left; ?>;
1274     display:            block;
1275     width:              10em;
1276     max-width:          100%;
1277     text-align:         <?php echo $right; ?>;
1278     padding-<?php echo $right; ?>:      0.5em;
1279 }
1280
1281 #fieldset_add_user_login span.options #select_pred_username,
1282 #fieldset_add_user_login span.options #select_pred_hostname,
1283 #fieldset_add_user_login span.options #select_pred_password {
1284     width:              100%;
1285     max-width:          100%;
1286 }
1287
1288 #fieldset_add_user_login span.options {
1289     float: <?php echo $left; ?>;
1290     display: block;
1291     width: 12em;
1292     max-width: 100%;
1293     padding-<?php echo $right; ?>: 0.5em;
1294 }
1295
1296 #fieldset_add_user_login input {
1297     width: 12em;
1298     clear: <?php echo $right; ?>;
1299     max-width: 100%;
1300 }
1301
1302 #fieldset_add_user_login span.options input {
1303     width: auto;
1304 }
1305
1306 #fieldset_user_priv div.item {
1307     float: <?php echo $left; ?>;
1308     width: 9em;
1309     max-width: 100%;
1310 }
1311
1312 #fieldset_user_priv div.item div.item {
1313     float: none;
1314 }
1315
1316 #fieldset_user_priv div.item label {
1317     white-space: nowrap;
1318 }
1319
1320 #fieldset_user_priv div.item select {
1321     width: 100%;
1322 }
1323
1324 #fieldset_user_global_rights fieldset {
1325     float: <?php echo $left; ?>;
1326 }
1327 /* END user privileges */
1328
1329
1330 /* serverstatus */
1331
1332 .linkElem:hover {
1333     text-decoration:    underline;
1334     color:              #235a81;
1335     cursor: pointer;
1336 }
1337
1338 h3#serverstatusqueries span {
1339     font-size:60%;
1340     display:inline;
1341 }
1342
1343 img.sortableIcon {
1344     float:right;
1345     background-repeat:no-repeat;
1346     margin:0;
1347 }
1348
1349 .buttonlinks {
1350     float: <?php echo $right; ?>;
1351     white-space: nowrap;
1352 }
1353
1354 .jsfeature {
1355     display: none; /* Made visible with js */
1356 }
1357
1358 /* Also used for the variables page */
1359 fieldset#tableFilter {
1360     margin-bottom:1em;
1361 }
1362
1363 div#serverStatusTabs {
1364     margin-top:1em;
1365 }
1366
1367 caption a.top {
1368     float: <?php echo $right; ?>;
1369 }
1370
1371 div#serverstatusquerieschart {
1372     float:<?php echo $left; ?>;
1373     width:500px;
1374     height:350px;
1375     padding-<?php echo $left; ?>: 30px;
1376 }
1377
1378 table#serverstatusqueriesdetails, table#serverstatustraffic {
1379     float: <?php echo $left; ?>;
1380 }
1381
1382 table#serverstatusqueriesdetails th {
1383     min-width: 35px;
1384 }
1385
1386 table#serverstatusvariables {
1387     width: 100%;
1388     margin-bottom: 1em;
1389 }
1390 table#serverstatusvariables .name {
1391     width: 18em;
1392     white-space:nowrap;
1393 }
1394 table#serverstatusvariables .value {
1395     width: 6em;
1396 }
1397 table#serverstatusconnections {
1398     float: <?php echo $left; ?>;
1399     margin-<?php echo $left; ?>: 30px;
1400 }
1401
1402 div#serverstatus table tbody td.descr a,
1403 div#serverstatus table .tblFooters a {
1404     white-space: nowrap;
1405 }
1406
1407 div.liveChart {
1408     clear:both;
1409     min-width:500px;
1410     height:400px;
1411     padding-bottom:80px;
1412 }
1413
1414 #addChartDialog input[type="text"] {
1415     margin: 0;
1416     padding: 3px;
1417 }
1418
1419 div#chartVariableSettings {
1420     border:1px solid #ddd;
1421     background-color:#E6E6E6;
1422     margin-left:10px;
1423 }
1424
1425 table#chartGrid div.monitorChart {
1426     background: #EBEBEB;
1427 }
1428
1429 div#serverstatus div.tabLinks {
1430     float:<?php echo $left; ?>;
1431     padding-bottom: 10px;
1432 }
1433
1434 .popupContent {
1435     display: none;
1436     position: absolute;
1437     border: 1px solid #CCC;
1438     margin:0;
1439     padding:3px;
1440     -moz-box-shadow:    1px 1px 6px #ddd;
1441     -webkit-box-shadow: 2px 2px 3px #666;
1442     box-shadow:         2px 2px 3px #666;
1443     background-color:white;
1444     z-index: 2;
1445 }
1446
1447 div#logTable {
1448     padding-top: 10px;
1449     clear: both;
1450 }
1451
1452 div#logTable table {
1453     width:100%;
1454 }
1455
1456 div#queryAnalyzerDialog {
1457     min-width: 700px;
1458 }
1459
1460 div#queryAnalyzerDialog div.CodeMirror-scroll {
1461     height:auto;
1462 }
1463
1464 div#queryAnalyzerDialog div#queryProfiling {
1465     height: 250px;
1466 }
1467
1468 div#queryAnalyzerDialog td.explain {
1469     width: 250px;
1470 }
1471
1472 div#queryAnalyzerDialog table.queryNums {
1473     display: none;
1474     border:0;
1475     text-align:left;
1476 }
1477
1478 .smallIndent {
1479     padding-left: 7px;
1480 }
1481
1482
1483 /* end serverstatus */
1484
1485 /* server variables */
1486
1487 a.editLink {
1488     float: <?php echo $left; ?>;
1489     font-family:sans-serif;
1490 }
1491
1492 table.serverVariableEditTable {
1493     border:0;
1494     margin:0;
1495     padding:0;
1496     width:100%;
1497 }
1498 table.serverVariableEditTable td {
1499     border:0;
1500     margin:0;
1501     padding:0;
1502 }
1503 table.serverVariableEditTable td:first-child {
1504     white-space:nowrap;
1505     vertical-align:middle;
1506 }
1507
1508 table.serverVariableEditTable input {
1509     width:95%;
1510 }
1511
1512 table#serverVariables td {
1513     height:18px;
1514 }
1515
1516 /* end server variables */
1517
1518
1519 p.notice {
1520     margin:             1.5em 0;
1521     border:             1px solid #000;
1522     <?php if ($GLOBALS['cfg']['ErrorIconic']) { ?>
1523     background-repeat:  no-repeat;
1524         <?php if ($GLOBALS['text_dir'] === 'ltr') { ?>
1525     background-position: 10px 50%;
1526     padding:            10px 10px 10px 25px;
1527         <?php } else { ?>
1528     background-position: 99% 50%;
1529     padding:            25px 10px 10px 10px
1530         <?php } ?>
1531     <?php } else { ?>
1532     padding:            0.3em;
1533     <?php } ?>
1534     -moz-border-radius:5px;
1535     -webkit-border-radius:5px;
1536     border-radius:5px;
1537     -moz-box-shadow: 0 1px 2px #fff inset;
1538     -webkit-box-shadow: 0 1px 2px #fff inset;
1539     box-shadow: 0 1px 2px #fff; inset;
1540     background:#555;
1541     color:#d4fb6a;
1542 }
1543
1544 p.notice a {
1545     color:#fff;
1546     text-decoration:underline;
1547 }
1548
1549 /* querywindow */
1550 body#bodyquerywindow {
1551     margin: 0;
1552     padding: 0;
1553     background-image: none;
1554     background-color: #F5F5F5;
1555 }
1556
1557 div#querywindowcontainer {
1558     margin: 0;
1559     padding: 0;
1560     width: 100%;
1561 }
1562
1563 div#querywindowcontainer fieldset {
1564     margin-top: 0;
1565 }
1566 /* END querywindow */
1567
1568 /* profiling */
1569
1570 div#profilingchart {
1571     width:550px;
1572     height:370px;
1573     float:left;
1574 }
1575
1576 /* END profiling */
1577
1578 /* table charting */
1579
1580 #resizer {
1581     border: 1px solid silver;
1582 }
1583 #inner-resizer { /* make room for the resize handle */
1584     padding: 10px;
1585 }
1586
1587 /* END table charting */
1588
1589 /* querybox */
1590
1591 #togglequerybox{margin:0 10px}
1592
1593 #serverstatus h3
1594 {
1595     margin: 15px 0;
1596     font-weight:normal;
1597     color:#999;
1598     font-size:1.7em;
1599 }
1600 #sectionlinks{
1601     padding:16px;
1602     background:#f3f3f3;
1603     border:1px solid #aaa;
1604     border-radius:5px;
1605     -webkit-border-radius:5px;
1606     -moz-border-radius:5px;
1607     box-shadow: 0 1px 1px #fff inset;
1608     -webkit-box-shadow: 0 1px 1px #fff inset;
1609     -moz-box-shadow: 0 1px 1px #fff inset;
1610 }
1611 #sectionlinks a, .buttonlinks a, a.button {
1612     font-size:0.88em;
1613     font-weight:bold;
1614     text-shadow: 0 1px 0 #fff;
1615     line-height:35px;
1616     margin-left:7px;
1617     border: 1px solid #aaa;
1618     padding: 5px 10px;
1619     color: #111;
1620     text-decoration: none;
1621     background: #ddd;
1622     white-space: nowrap;
1623     border-radius: 20px;
1624     -webkit-border-radius: 20px;
1625     -moz-border-radius: 20px;
1626     box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1627     /*
1628     -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1629     -moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);
1630     text-shadow: #fff 0 1px 0;
1631     */
1632     background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
1633     background-size: 100% 100%;
1634     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
1635     background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
1636     background: -o-linear-gradient(top,  #ffffff,  #cccccc);
1637     <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
1638 }
1639 #sectionlinks a:hover, .buttonlinks a:hover, a.button:hover {
1640     background-image: url(./themes/svg_gradient.php?from=cccccc&to=dddddd);
1641     background-size: 100% 100%;
1642     background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
1643     background: -moz-linear-gradient(top,  #cccccc,  #dddddd);
1644     background: -o-linear-gradient(top,  #cccccc,  #dddddd);
1645     <?php echo PMA_ieFilter('#cccccc', '#dddddd'); ?>
1646 }
1647
1648 div#sqlquerycontainer {
1649     float: <?php echo $left; ?>;
1650     width: 69%;
1651     /* height: 15em; */
1652 }
1653
1654 div#tablefieldscontainer {
1655     float: <?php echo $right; ?>;
1656     width: 29%;
1657     /* height: 15em; */
1658 }
1659
1660 div#tablefieldscontainer select {
1661     width: 100%;
1662     background:#fff;
1663     /* height: 12em; */
1664 }
1665
1666 textarea#sqlquery {
1667     width: 100%;
1668     /* height: 100%; */
1669     -moz-border-radius:4px;
1670     -webkit-border-radius:4px;
1671     border-raduis:4px
1672     border:1px solid #aaa;
1673     padding:5px;
1674     font-family:inherit;
1675 }
1676 textarea#sql_query_edit{
1677     height:7em;
1678     width: 95%;
1679     display:block;
1680 }
1681 div#queryboxcontainer div#bookmarkoptions {
1682     margin-top: 0.5em;
1683 }
1684 /* end querybox */
1685
1686 /* main page */
1687 #maincontainer {
1688     /* background-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>logo_right.png); */
1689     /* background-position: <?php echo $right; ?> bottom; */
1690     /* background-repeat: no-repeat; */
1691 }
1692
1693 #mysqlmaininformation,
1694 #pmamaininformation {
1695     float: <?php echo $left; ?>;
1696     width: 49%;
1697 }
1698
1699 #maincontainer ul {
1700     list-style-type: disc;
1701     vertical-align: middle;
1702 }
1703
1704 #maincontainer li {
1705     margin-bottom:  0.3em;
1706 }
1707 /* END main page */
1708
1709
1710 <?php if ($GLOBALS['cfg']['MainPageIconic']) { ?>
1711 /* iconic view for ul items */
1712 li#li_create_database {
1713     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_newdb.png);
1714 }
1715
1716 li#li_select_lang {
1717     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_lang.png);
1718 }
1719
1720 li#li_select_mysql_collation {
1721     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1722 }
1723
1724 li#li_select_theme{
1725     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_theme.png);
1726 }
1727
1728 li#li_user_info{
1729     /* list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png); */
1730 }
1731
1732 li#li_mysql_status{
1733     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_status.png);
1734 }
1735
1736 li#li_mysql_variables{
1737     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_vars.png);
1738 }
1739
1740 li#li_mysql_processes{
1741     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_process.png);
1742 }
1743
1744 li#li_mysql_collations{
1745     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_asci.png);
1746 }
1747
1748 li#li_mysql_engines{
1749     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_engine.png);
1750 }
1751
1752 li#li_mysql_binlogs {
1753     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_tbl.png);
1754 }
1755
1756 li#li_mysql_databases {
1757     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_db.png);
1758 }
1759
1760 li#li_export {
1761     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_export.png);
1762 }
1763
1764 li#li_import {
1765     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_import.png);
1766 }
1767
1768 li#li_change_password {
1769     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_passwd.png);
1770 }
1771
1772 li#li_log_out {
1773     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_loggoff.png);
1774 }
1775
1776 li#li_mysql_privilegs{
1777     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_rights.png);
1778 }
1779
1780 li#li_switch_dbstats {
1781     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_dbstatistics.png);
1782 }
1783
1784 li#li_flush_privileges {
1785     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_reload.png);
1786 }
1787
1788 li#li_user_preferences {
1789     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>b_tblops.png);
1790 }
1791 /* END iconic view for ul items */
1792 <?php } /* end if $GLOBALS['cfg']['MainPageIconic'] */ ?>
1793
1794
1795 #body_browse_foreigners {
1796     background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1797     margin:             0.5em 0.5em 0 0.5em;
1798 }
1799
1800 #bodyquerywindow {
1801     background:         <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1802 }
1803
1804 #bodythemes {
1805     width: 500px;
1806     margin: auto;
1807     text-align: center;
1808 }
1809
1810 #bodythemes img {
1811     border: 0.1em solid black;
1812 }
1813
1814 #bodythemes a:hover img {
1815     border: 0.1em solid red;
1816 }
1817
1818 #fieldset_select_fields {
1819     float: <?php echo $left; ?>;
1820 }
1821
1822 #selflink {
1823     clear: both;
1824     display: block;
1825     margin-top: 1em;
1826     margin-bottom: 1em;
1827     background:#f3f3f3;
1828     width: 100%;
1829     border-top: 0.1em solid silver;
1830     text-align: <?php echo $right; ?>;
1831
1832
1833 }
1834
1835 #table_innodb_bufferpool_usage,
1836 #table_innodb_bufferpool_activity {
1837     float: <?php echo $left; ?>;
1838 }
1839
1840 #div_mysql_charset_collations table {
1841     float: <?php echo $left; ?>;
1842 }
1843
1844 .operations_half_width {
1845     width: 48%;
1846     float: <?php echo $left; ?>;
1847 }
1848
1849 .operations_full_width {
1850     width: 100%;
1851     clear: both;
1852 }
1853
1854 #qbe_div_table_list {
1855     float: <?php echo $left; ?>;
1856 }
1857
1858 #qbe_div_sql_query {
1859     float: <?php echo $left; ?>;
1860 }
1861
1862 label.desc {
1863     width: 30em;
1864     float: <?php echo $left; ?>;
1865 }
1866
1867 label.desc sup {
1868     position: absolute;
1869 }
1870
1871 code.sql, div.sqlvalidate {
1872     display:            block;
1873     padding:            1em;
1874     margin-top:         0;
1875     margin-bottom:      0;
1876     border-top:         0;
1877     border-bottom:      0;
1878     max-height:         10em;
1879     overflow:           auto;
1880     background:         <?php echo $GLOBALS['cfg']['BgOne']; ?>;
1881 }
1882
1883 #main_pane_left {
1884     width:              60%;
1885     float:              <?php echo $left; ?>;
1886     padding-top:        1em;
1887 }
1888
1889 #main_pane_right {
1890     margin-<?php echo $left; ?>: 60%;
1891     padding-top: 1em;
1892     padding-<?php echo $left; ?>: 1em;
1893 }
1894
1895 .group {
1896
1897     border:1px solid #999;
1898     background:#f3f3f3;
1899     -moz-border-radius:4px;
1900     -webkit-border-radius:4px;
1901     border-radius:4px;
1902     -moz-box-shadow:2px 2px 5px #ccc;
1903     -webkit-box-shadow:2px 2px 5px #ccc;
1904     box-shadow:3px 3px 10px #ddd;
1905     margin-bottom:      1em;
1906     padding-bottom: 1em;
1907 }
1908
1909 .group h2 {
1910     background-color:   #bbb;
1911     padding:            0.1em 0.3em;
1912     margin-top:         0;
1913     color:#fff;
1914     font-size:1.6em;
1915     font-weight:normal;
1916     text-shadow:0 1px 0 #777;
1917     -moz-box-shadow: 1px 1px 15px  #999 inset;
1918     -webkit-box-shadow: 1px 1px 15px  #999 inset;
1919     box-shadow: 1px 1px 15px  #999 inset;
1920 }
1921
1922 .group-cnt {
1923     padding: 0 0 0 0.5em;
1924     display: inline-block;
1925     width: 98%;
1926 }
1927
1928 textarea#partitiondefinition {
1929     height:3em;
1930 }
1931
1932 /* for elements that should be revealed only via js */
1933 .hide {
1934     display:            none;
1935 }
1936
1937 #li_select_server {
1938     list-style-image: url(<?php echo $_SESSION['PMA_Theme']->getImgPath(); ?>s_host.png);
1939 }
1940
1941 #list_server {
1942     list-style-image: none;
1943 }
1944
1945 /**
1946   *  Progress bar styles
1947   */
1948 div.upload_progress_bar_outer
1949 {
1950     border: 1px solid black;
1951     width: 202px;
1952 }
1953
1954 div.upload_progress_bar_inner
1955 {
1956     background-color: <?php echo $GLOBALS['cfg']['NaviBackground']; ?>;
1957     width: 0;
1958     height: 12px;
1959     margin: 1px;
1960 }
1961
1962 table#serverconnection_src_remote,
1963 table#serverconnection_trg_remote,
1964 table#serverconnection_src_local,
1965 table#serverconnection_trg_local  {
1966   float:left;
1967 }
1968 /**
1969   *  Validation error message styles
1970   */
1971 input[type=text].invalid_value,
1972 .invalid_value {
1973     background:#FFCCCC;
1974 }
1975
1976 /**
1977   *  Ajax notification styling
1978   */
1979  .ajax_notification {
1980     top: 0;           /** The notification needs to be shown on the top of the page */
1981     position: fixed;
1982     margin-top: 0;
1983     margin-right: auto;
1984     margin-bottom: 0;
1985     margin-left: auto;
1986     padding: 5px;   /** Keep a little space on the sides of the text */
1987     width: 350px;
1988
1989     z-index: 1100;      /** If this is not kept at a high z-index, the jQueryUI modal dialogs (z-index:1000) might hide this */
1990     text-align: center;
1991     display: inline;
1992     left: 0;
1993     right: 0;
1994     background-image: url(./themes/pmahomme/img/ajax_clock_small.gif);
1995     background-repeat: no-repeat;
1996     background-position: 2%;
1997     border:1px solid #e2b709;
1998  }
1999
2000 /* additional styles */
2001 .ajax_notification{
2002     margin-top:200px;background:#ffe57e;
2003     border-radius:5px;
2004     -moz-border-radius:5px;
2005     -webkit-border-radius:5px;
2006     box-shadow: 0 5px 90px #888;
2007     -moz-box-shadow: 0 5px 90px #888;
2008     -webkit-box-shadow: 0 5px 90px #888;
2009 }
2010
2011 #loading_parent {
2012     /** Need this parent to properly center the notification division */
2013     position: relative;
2014     width: 100%;
2015  }
2016 /**
2017   * Export and Import styles
2018   */
2019
2020 .exportoptions h3, .importoptions h3 {
2021     border-bottom: 1px #999999 solid;
2022     font-size: 110%;
2023 }
2024
2025 .exportoptions ul, .importoptions ul, .format_specific_options ul {
2026     list-style-type: none;
2027     margin-bottom: 15px;
2028 }
2029
2030 .exportoptions li, .importoptions li {
2031     margin: 7px;
2032 }
2033 .exportoptions label, .importoptions label, .exportoptions p, .importoptions p {
2034     margin: 5px;
2035     float: none;
2036 }
2037
2038 #csv_options label.desc, #ldi_options label.desc, #latex_options label.desc, #output label.desc{
2039     float: left;
2040     width: 15em;
2041 }
2042
2043 .exportoptions, .importoptions {
2044     margin: 20px 30px 30px 10px
2045 }
2046
2047 .exportoptions #buttonGo, .importoptions #buttonGo {
2048     font-weight:bold;
2049     margin-left:14px;
2050     border: 1px solid #aaa;
2051     padding: 5px 12px;
2052     color: #111;
2053     text-decoration: none;
2054     background: #ddd;
2055
2056     border-radius: 12px;
2057     -webkit-border-radius: 12px;
2058     -moz-border-radius: 12px;
2059
2060     text-shadow: 0 1px 0 #fff;
2061
2062     background-image: url(./themes/svg_gradient.php?from=ffffff&to=cccccc);
2063     background-size: 100% 100%;
2064     background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
2065     background: -moz-linear-gradient(top,  #ffffff,  #cccccc);
2066     background: -o-linear-gradient(top,  #ffffff,  #cccccc);
2067     <?php echo PMA_ieFilter('#ffffff', '#cccccc'); ?>
2068     cursor: pointer;
2069 }
2070 #buttonGo:hover{
2071     background-image: url(./themes/svg_gradient.php?from=cccccc&to=dddddd);
2072     background-size: 100% 100%;
2073     background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#dddddd));
2074     background: -moz-linear-gradient(top,  #cccccc,  #dddddd);
2075     background: -o-linear-gradient(top,  #cccccc,  #dddddd);
2076     <?php echo PMA_ieFilter('#cccccc', '#dddddd'); ?>
2077 }
2078
2079 .format_specific_options h3 {
2080     margin: 10px 0 0 10px;
2081     border: 0;
2082 }
2083
2084 .format_specific_options {
2085     border: 1px solid #999999;
2086     margin: 7px 0;
2087     padding: 3px;
2088 }
2089
2090 p.desc {
2091     margin: 5px;
2092 }
2093
2094 /**
2095   * Export styles only
2096   */
2097 select#db_select, select#table_select {
2098     width: 400px;
2099 }
2100
2101 .export_sub_options {
2102     margin: 20px 0 0 30px;
2103 }
2104
2105 .export_sub_options h4 {
2106     border-bottom: 1px #999999 solid;
2107 }
2108
2109 .export_sub_options li.subgroup {
2110     display: inline-block;
2111     margin-top: 0;
2112 }
2113
2114 .export_sub_options li {
2115     margin-bottom: 0;
2116 }
2117
2118 #quick_or_custom, #output_quick_export {
2119     display: none;
2120 }
2121 /**
2122  * Import styles only
2123  */
2124
2125 .importoptions #import_notification {
2126     margin: 10px 0;
2127     font-style: italic;
2128 }
2129
2130 input#input_import_file {
2131     margin: 5px;
2132 }
2133
2134 .formelementrow {
2135     margin: 5px 0 5px 0;
2136 }
2137
2138 /**
2139  * GIS data editor styles
2140  */
2141 a.close_gis_editor {
2142     float: right;
2143 }
2144
2145 #gis_editor {
2146     display: none;
2147     position: fixed;
2148     _position: absolute; /* hack for IE */
2149     z-index: 101;
2150     overflow-y: auto;
2151     overflow-x: hidden;
2152 }
2153
2154 #gis_data {
2155     min-height: 230px;
2156 }
2157
2158 #gis_data_textarea {
2159     height: 6em;
2160 }
2161
2162 #gis_data_editor {
2163     background: #D0DCE0;
2164     padding: 15px;
2165     min-height: 500px;
2166 }
2167
2168 #gis_data_editor .choice {
2169     display: none;
2170 }
2171
2172 #gis_data_editor input[type="text"] {
2173     width: 75px;
2174 }
2175
2176 /**
2177  * ENUM/SET editor styles
2178  */
2179 p.enum_notice {
2180     margin: 5px 2px;
2181     font-size: 80%;
2182 }
2183
2184 #enum_editor {
2185     display: none;
2186     position: fixed;
2187     _position: absolute; /* hack for IE */
2188     z-index: 101;
2189     overflow-y: auto;
2190     overflow-x: hidden;
2191 }
2192
2193 #enum_editor_no_js {
2194    margin: auto auto;
2195 }
2196
2197 #enum_editor, #enum_editor_no_js {
2198     background: #D0DCE0;
2199     padding: 15px;
2200 }
2201
2202 #popup_background {
2203     display: none;
2204     position: fixed;
2205     _position: absolute; /* hack for IE6 */
2206     width: 100%;
2207     height: 100%;
2208     top: 0;
2209     left: 0;
2210     background: #000;
2211     z-index: 100;
2212     overflow: hidden;
2213 }
2214
2215 a.close_enum_editor {
2216     float: right;
2217 }
2218
2219 #enum_editor #values, #enum_editor_no_js #values {
2220     margin: 15px 0;
2221     width: 100%;
2222 }
2223
2224 #enum_editor #values input, #enum_editor_no_js #values input {
2225     margin: 5px 0;
2226     float: top;
2227     width: 100%;
2228 }
2229
2230 }
2231
2232 #enum_editor_output {
2233     margin-top: 50px;
2234 }
2235
2236 /**
2237  * Table structure styles
2238  */
2239 .structure_actions_dropdown {
2240     position: absolute;
2241     padding: 3px;
2242     display: none;
2243     z-index: 100;
2244     background:#fff;
2245     line-height:24px;
2246     border:1px solid #aaa;
2247     -moz-box-shadow: 0 3px 3px #ddd;
2248 }
2249 .structure_actions_dropdown span{display:block;}
2250 .structure_actions_dropdown span:hover{background:#ddd;}
2251
2252 td.more_opts {
2253     white-space: nowrap;
2254 }
2255
2256 iframe.IE_hack {
2257     z-index: 1;
2258     position: absolute;
2259     display: none;
2260     border: 0;
2261     filter: alpha(opacity=0);
2262 }
2263
2264 /* config forms */
2265 .config-form ul.tabs {
2266     margin:      1.1em 0.2em 0;
2267     padding:     0 0 0.3em 0;
2268     list-style:  none;
2269     font-weight: bold;
2270 }
2271
2272 .config-form ul.tabs li {
2273     float: <?php echo $left; ?>;
2274 }
2275
2276 .config-form ul.tabs li a {
2277     display:          block;
2278     margin:           0.1em 0.2em 0;
2279     white-space:      nowrap;
2280     text-decoration:  none;
2281     border:           1px solid <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
2282     border-bottom:    none;
2283 }
2284
2285 .config-form ul.tabs li a {
2286     padding:7px 10px;
2287     -moz-border-radius:5px 5px 0 0;
2288     -webkit-border-radius:5px 5px 0 0;
2289     border-radius:5px 5px 0 0;
2290     background:#f2f2f2;
2291     color:#555;
2292     text-shadow: 0 1px 0 #fff;
2293 }
2294
2295 .config-form ul.tabs li a:hover,
2296 .config-form ul.tabs li a:active {
2297     background:#e5e5e5;
2298 }
2299
2300 .config-form ul.tabs li a.active {
2301     background-color: #fff;
2302     margin-top:1px;
2303     color:#000;
2304     text-shadow: none;
2305 }
2306
2307 .config-form fieldset {
2308     margin-top:   0;
2309     padding:      0;
2310     clear:        both;
2311     /*border-color: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;*/
2312 }
2313
2314 .config-form legend {
2315     display: none;
2316 }
2317
2318 .config-form fieldset p {
2319     margin:    0;
2320     padding:   0.5em;
2321     background: #fff;
2322     border-top: 0;
2323 }
2324
2325 .config-form fieldset .errors { /* form error list */
2326     margin:       0 -2px 1em -2px;
2327     padding:      0.5em 1.5em;
2328     background:   #FBEAD9;
2329     border:       0 #C83838 solid;
2330     border-width: 1px 0;
2331     list-style:   none;
2332     font-family:  sans-serif;
2333     font-size:    small;
2334 }
2335
2336 .config-form fieldset .inline_errors { /* field error list */
2337     margin:     0.3em 0.3em 0.3em 0;
2338     padding:    0;
2339     list-style: none;
2340     color:      #9A0000;
2341     font-size:  small;
2342 }
2343
2344 .config-form fieldset th {
2345     padding:        0.3em 0.3em 0.3em 0.5em;
2346     text-align:     left;
2347     vertical-align: top;
2348     width:          40%;
2349     background:     transparent;
2350 }
2351
2352 .config-form fieldset .doc, .config-form fieldset .disabled-notice {
2353     margin-left: 1em;
2354 }
2355
2356 .config-form fieldset .disabled-notice {
2357     font-size: 80%;
2358     text-transform: uppercase;
2359     color: #E00;
2360     cursor: help;
2361 }
2362
2363 .config-form fieldset td {
2364     padding-top:    0.3em;
2365     padding-bottom: 0.3em;
2366     vertical-align: top;
2367 }
2368
2369 .config-form fieldset th small {
2370     display:     block;
2371     font-weight: normal;
2372     font-family: sans-serif;
2373     font-size:   x-small;
2374     color:       #444;
2375 }
2376
2377 .config-form fieldset th, .config-form fieldset td {
2378     border-top: 1px <?php echo $GLOBALS['cfg']['BgTwo']; ?> solid;
2379     border-right: none;
2380 }
2381
2382 fieldset .group-header th {
2383     background: <?php echo $GLOBALS['cfg']['BgTwo']; ?>;
2384 }
2385
2386 fieldset .group-header + tr th {
2387     padding-top: 0.6em;
2388 }
2389
2390 fieldset .group-field-1 th, fieldset .group-header-2 th {
2391     padding-left: 1.5em;
2392 }
2393
2394 fieldset .group-field-2 th, fieldset .group-header-3 th {
2395     padding-left: 3em;
2396 }
2397
2398 fieldset .group-field-3 th {
2399     padding-left: 4.5em;
2400 }
2401
2402 fieldset .disabled-field th,
2403 fieldset .disabled-field th small,
2404 fieldset .disabled-field td {
2405     color: #666;
2406     background-color: #ddd;
2407 }
2408
2409 .config-form .lastrow {
2410     border-top: 1px #000 solid;
2411 }
2412
2413 .config-form .lastrow {
2414     background: <?php echo $GLOBALS['cfg']['ThBackground']; ?>;;
2415     padding:    0.5em;
2416     text-align: center;
2417 }
2418
2419 .config-form .lastrow input {
2420     font-weight: bold;
2421 }
2422
2423 /* form elements */
2424
2425 .config-form span.checkbox {
2426     padding: 2px;
2427     display: inline-block;
2428 }
2429
2430 .config-form .custom { /* customized field */
2431     background: #FFC;
2432 }
2433
2434 .config-form span.checkbox.custom {
2435     padding:    1px;
2436     border:     1px #EDEC90 solid;
2437     background: #FFC;
2438 }
2439
2440 .config-form .field-error {
2441     border-color: #A11 !important;
2442 }
2443
2444 .config-form input[type="text"],
2445 .config-form select,
2446 .config-form textarea {
2447     border: 1px #A7A6AA solid;
2448     height: auto;
2449 }
2450
2451 .config-form input[type="text"]:focus,
2452 .config-form select:focus,
2453 .config-form textarea:focus {
2454     border:     1px #6676FF solid;
2455     background: #F7FBFF;
2456 }
2457
2458 .config-form .field-comment-mark {
2459     font-family: serif;
2460     color: #007;
2461     cursor: help;
2462     padding: 0 0.2em;
2463     font-weight: bold;
2464     font-style: italic;
2465 }
2466
2467 .config-form .field-comment-warning {
2468     color: #A00;
2469 }
2470
2471 /* error list */
2472 .config-form dd {
2473     margin-left: 0.5em;
2474 }
2475
2476 .config-form dd:before {
2477     content: "\25B8  ";
2478 }
2479
2480 .click-hide-message {
2481     cursor: pointer;
2482 }
2483
2484 .prefsmanage_opts {
2485     margin-<?php echo $left; ?>: 2em;
2486 }
2487
2488 #prefs_autoload {
2489     margin-bottom: 0.5em;
2490 }
2491
2492 .rte_table td {
2493     vertical-align:     middle;
2494 }
2495
2496 .rte_table tr td:nth-child(1) {
2497     font-weight:        bold;
2498 }
2499
2500 .rte_table input, .rte_table select, .rte_table textarea {
2501     width:              100%;
2502     margin:             0;
2503     box-sizing:         border-box;
2504     -ms-box-sizing:     border-box;
2505     -moz-box-sizing:    border-box;
2506     -webkit-box-sizing: border-box;
2507 }
2508
2509 .rte_table .routine_params_table {
2510     width:              100%;
2511 }
2512
2513 #placeholder .button {
2514     position: absolute;
2515     cursor: pointer;
2516 }
2517
2518 #placeholder div.button {
2519     font-size: smaller;
2520     color: #999;
2521     background-color: #eee;
2522     padding: 2px;
2523 }
2524
2525 .wrapper {
2526     float: <?php echo $left; ?>;
2527     margin-bottom: 1.5em;
2528 }
2529 .toggleButton {
2530     position: relative;
2531     cursor: pointer;
2532     font-size: 0.8em;
2533     text-align: center;
2534     line-height: 1.55em;
2535     height: 1.55em;
2536     overflow: hidden;
2537     border-right: 0.1em solid #888;
2538     border-left: 0.1em solid #888;
2539     -webkit-border-radius: 0.3em;
2540     -moz-border-radius: 0.3em;
2541     border-radius: 0.3em;
2542 }
2543 .toggleButton table,
2544 .toggleButton td,
2545 .toggleButton img {
2546     padding: 0;
2547     position: relative;
2548 }
2549 .toggleButton .container {
2550     position: absolute;
2551 }
2552 .toggleButton .toggleOn {
2553     color: white;
2554     padding: 0 1em;
2555     text-shadow: 0 0 0.2em #000;
2556 }
2557 .toggleButton .toggleOff {
2558     padding: 0 1em;
2559 }
2560
2561 .doubleFieldset fieldset {
2562     width: 48%;
2563     float: <?php echo $left; ?>;
2564     padding: 0;
2565 }
2566 .doubleFieldset fieldset.left {
2567     margin-<?php echo $right; ?>: 1%;
2568 }
2569 .doubleFieldset fieldset.right {
2570     margin-<?php echo $left; ?>: 1%;
2571 }
2572 .doubleFieldset legend {
2573     margin-<?php echo $left; ?>: 1.5em;
2574 }
2575 .doubleFieldset div.wrap {
2576     padding: 1.5em;
2577 }
2578
2579 #table_columns input, #table_columns select {
2580     width:              14em;
2581     box-sizing:         border-box;
2582     -ms-box-sizing:     border-box;
2583     -moz-box-sizing:    border-box;
2584     -webkit-box-sizing: border-box;
2585 }
2586
2587 #table_columns select {
2588     margin:             0 6px;
2589 }
2590
2591 #placeholder {
2592     position: relative;
2593     border: 1px solid #aaa;
2594     float: right;
2595     overflow: hidden;
2596 }
2597
2598 .placeholderDrag {
2599     cursor: move;
2600 }
2601
2602 #placeholder .button {
2603     position: absolute;
2604 }
2605
2606 #left_arrow {
2607     left:8px;
2608     top:26px;
2609 }
2610
2611 #right_arrow {
2612     left:26px;
2613     top:26px;
2614 }
2615
2616 #up_arrow {
2617     left:17px;
2618     top:8px;
2619 }
2620
2621 #down_arrow {
2622     left:17px;
2623     top:44px;
2624 }
2625
2626 #zoom_in {
2627     left:17px;
2628     top:67px;
2629 }
2630
2631 #zoom_world {
2632     left:17px;
2633     top:85px;
2634 }
2635
2636 #zoom_out {
2637     left:17px;
2638     top:103px;
2639 }
2640
2641 .gis_table td {
2642     vertical-align: middle;
2643 }
2644
2645 .gis_table select {
2646     min-width: 160px;
2647     margin: 6px;
2648 }
2649
2650 .gis_table .save {
2651     color: #111;
2652     font-weight: bold;
2653     vertical-align: bottom;
2654     height: 100px;
2655 }
2656
2657 .gis_table .button {
2658    text-align: <?php echo $right; ?>;
2659 }
2660
2661 .gis_table .choice {
2662     display: none;
2663 }
2664
2665 .CodeMirror {
2666   line-height: 1em;
2667   font-family: monospace;
2668   background: white;
2669   border: 1px solid black;
2670 }
2671
2672 .CodeMirror-scroll {
2673   overflow: auto;
2674   height:             <?php echo ceil($GLOBALS['cfg']['TextareaRows'] * 1.2); ?>em;
2675 }
2676
2677 .CodeMirror-gutter {
2678   position: absolute; left: 0; top: 0;
2679   background-color: #f7f7f7;
2680   border-right: 1px solid #eee;
2681   min-width: 2em;
2682   height: 100%;
2683 }
2684 .CodeMirror-gutter-text {
2685   color: #aaa;
2686   text-align: right;
2687   padding: .4em .2em .4em .4em;
2688 }
2689 .CodeMirror-lines {
2690   padding: .4em;
2691 }
2692
2693 .CodeMirror pre {
2694   -moz-border-radius: 0;
2695   -webkit-border-radius: 0;
2696   -o-border-radius: 0;
2697   border-radius: 0;
2698   border-width: 0; margin: 0; padding: 0; background: transparent;
2699   font-family: inherit;
2700   font-size: inherit;
2701   padding: 0; margin: 0;
2702 }
2703
2704 .CodeMirror textarea {
2705   font-family: inherit !important;
2706   font-size: inherit !important;
2707 }
2708
2709 .CodeMirror-cursor {
2710   z-index: 10;
2711   position: absolute;
2712   visibility: hidden;
2713   border-left: 1px solid black !important;
2714 }
2715 .CodeMirror-focused .CodeMirror-cursor {
2716   visibility: visible;
2717 }
2718
2719 span.CodeMirror-selected {
2720   background: #ccc !important;
2721   color: HighlightText !important;
2722 }
2723 .CodeMirror-focused span.CodeMirror-selected {
2724   background: Highlight !important;
2725 }
2726
2727 .CodeMirror-matchingbracket {color: #0f0 !important;}
2728 .CodeMirror-nonmatchingbracket {color: #f22 !important;}
2729
2730 span.cm-keyword, span.cm-statement-verb {
2731     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['alpha_reservedWord']; ?>;
2732 }
2733 span.cm-variable {
2734     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['alpha_identifier']; ?>;
2735 }
2736 span.cm-comment {
2737     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['comment']; ?>;
2738 }
2739 span.cm-mysql-string {
2740     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['quote']; ?>;
2741 }
2742 span.cm-operator {
2743     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['punct']; ?>;
2744 }
2745 span.cm-mysql-word {
2746     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['alpha']; ?>;
2747 }
2748 span.cm-builtin {
2749     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['alpha_functionName']; ?>;
2750 }
2751 span.cm-variable-2 {
2752     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['alpha_columnType']; ?>;
2753 }
2754 span.cm-variable-3 {
2755     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['alpha_columnAttrib']; ?>;
2756 }
2757 span.cm-separator {
2758     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['punct']; ?>;
2759 }
2760 span.cm-number {
2761     color: <?php echo $GLOBALS['cfg']['SQP']['fmtColor']['digit_integer']; ?>;
2762 }
2763
2764 .colborder {
2765     border-right: 1px solid #FFF;
2766     cursor: col-resize;
2767     height: 100%;
2768     margin-left: -6px;
2769     position: absolute;
2770     width: 5px;
2771 }
2772
2773 .pma_table td {
2774     position: static;
2775 }
2776
2777 .pma_table th.draggable span, .pma_table tbody td span {
2778     display: block;
2779     overflow: hidden;
2780 }
2781
2782 .cRsz {
2783     position: absolute;
2784 }
2785
2786 .cCpy {
2787     background: #333;
2788     color: #FFF;
2789     font-weight: bold;
2790     margin: 0.1em;
2791     padding: 0.3em;
2792     position: absolute;
2793     text-shadow: -1px -1px #000;
2794
2795     -moz-box-shadow: 0 0 0.7em #000;
2796     -webkit-box-shadow: 0 0 0.7em #000;
2797     box-shadow: 0 0 0.7em #000;
2798     -moz-border-radius: 0.3em;
2799     -webkit-border-radius: 0.3em;
2800     border-radius: 0.3em;
2801 }
2802
2803 .cPointer {
2804     background: url(./themes/pmahomme/img/col_pointer.png);
2805     height: 20px;
2806     margin-left: -5px;  /* must be minus half of its width */
2807     margin-top: -10px;
2808     position: absolute;
2809     width: 10px;
2810 }
2811
2812 .normalqTip {
2813     background: #333 !important;
2814     opacity: 0.8 !important;
2815     border:1px solid #000 !important;
2816     -moz-border-radius: 0.3em !important;
2817     -webkit-border-radius: 0.3em !important;
2818     border-radius: 0.3em !important;
2819     text-shadow: -1px -1px #000 !important;
2820     font-size: 0.8em !important;
2821     font-weight: bold !important;
2822 }
2823
2824 .normalqTip * {
2825     background: none !important;
2826     color: #FFF !important;
2827 }
2828
2829 .normalqTipContent {
2830     padding: 1px 3px !important;
2831 }
2832
2833 .cHide {
2834     background: #EEE url(./themes/pmahomme/img/col_hide.png);
2835     color: #CCC;
2836     cursor: pointer;
2837     height: 16px;
2838     margin-left: -10px;
2839     margin-top: 0.3em;
2840     position: absolute;
2841     width: 16px;
2842 }
2843
2844 .cHide:hover {
2845     background-color: #AAA;
2846 }
2847
2848 .cDrop {
2849     left: 0;
2850     position: absolute;
2851     top: 0;
2852 }
2853
2854 .coldrop {
2855     background: url(./themes/pmahomme/img/col_drop.png);
2856     cursor: pointer;
2857     height: 16px;
2858     margin-left: 0.3em;
2859     margin-top: 0.3em;
2860     position: absolute;
2861     width: 16px;
2862 }
2863
2864 .coldrop:hover, .coldrop-hover {
2865     background-color: #999;
2866 }
2867
2868 .cList {
2869     background: #EEE;
2870     border: solid 1px #999;
2871     position: absolute;
2872     -moz-box-shadow: 0 0.2em 0.5em #333;
2873     -webkit-box-shadow: 0 0.2em 0.5em #333;
2874     box-shadow: 0 0.2em 0.5em #333;
2875 }
2876
2877 .cList .lDiv div {
2878     padding: 0.2em 0.5em 0.2em 0.2em;
2879 }
2880
2881 .cList .lDiv div:hover {
2882     background: #DDD;
2883     cursor: pointer;
2884 }
2885
2886 .cList .lDiv div input {
2887     cursor: pointer;
2888 }
2889
2890 .showAllColBtn {
2891     border-bottom: solid 1px #999;
2892     border-top: solid 1px #999;
2893     cursor: pointer;
2894     font-size: 0.9em;
2895     font-weight: bold;
2896     padding: 0.35em 1em;
2897     text-align: center;
2898 }
2899
2900 .showAllColBtn:hover {
2901     background: #DDD;
2902 }
2903
2904 .navigation {
2905     margin: 0.8em 0;
2906
2907     border-radius: 5px;
2908     -webkit-border-radius: 5px;
2909     -moz-border-radius: 5px;
2910
2911     background-image: url(./themes/svg_gradient.php?from=eeeeee&to=cccccc);
2912     background-size: 100% 100%;
2913     background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#cccccc));
2914     background: -moz-linear-gradient(top,  #eeeeee,  #cccccc);
2915     background: -o-linear-gradient(top,  #eeeeee,  #cccccc);
2916     <?php echo PMA_ieFilter('#eeeeee', '#cccccc'); ?>
2917 }
2918
2919 .navigation td {
2920     margin: 0;
2921     padding: 0;
2922     vertical-align: middle;
2923     white-space: nowrap;
2924 }
2925
2926 .navigation_separator {
2927     color: #999;
2928     display: inline-block;
2929     font-size: 1.5em;
2930     text-align: center;
2931     height: 1.4em;
2932     width: 1.2em;
2933     text-shadow: 1px 0 #FFF;
2934 }
2935
2936 .navigation input[type=submit] {
2937     background: none;
2938     border: 0;
2939     filter: none;
2940     margin: 0;
2941     padding: 0.8em 0.5em;
2942
2943     border-radius: 0;
2944     -webkit-border-radius: 0;
2945     -moz-border-radius: 0;
2946 }
2947
2948 .navigation input[type=submit]:hover, .navigation input.edit_mode_active {
2949     color: white;
2950     cursor: pointer;
2951     text-shadow: none;
2952
2953     background-image: url(./themes/svg_gradient.php?from=333333&to=555555);
2954     background-size: 100% 100%;
2955     background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#555555));
2956     background: -moz-linear-gradient(top,  #333333,  #555555);
2957     background: -o-linear-gradient(top,  #333333,  #555555);
2958     <?php echo PMA_ieFilter('#333333', '#555555'); ?>
2959 }
2960
2961 .navigation select {
2962     margin: 0 0.8em;
2963 }
2964
2965 .cEdit {
2966     margin: 0;
2967     padding: 0;
2968     position: absolute;
2969 }
2970
2971 .cEdit input[type=text] {
2972     background: #FFF;
2973     height: 100%;
2974     margin: 0;
2975     padding: 0;
2976 }
2977
2978 .cEdit .edit_area {
2979     background: #FFF;
2980     border: 1px solid #999;
2981     min-width: 10em;
2982     padding: 0.3em 0.5em;
2983 }
2984
2985 .cEdit .edit_area select, .cEdit .edit_area textarea {
2986     width: 97%;
2987 }
2988
2989 .cEdit .cell_edit_hint {
2990     color: #555;
2991     font-size: 0.8em;
2992     margin: 0.3em 0.2em;
2993 }
2994
2995 .cEdit .edit_box {
2996     overflow: hidden;
2997     padding: 0;
2998 }
2999
3000 .cEdit .edit_box_posting {
3001     background: #FFF url(./themes/pmahomme/img/ajax_clock_small.gif) no-repeat right center;
3002     padding-right: 1.5em;
3003 }
3004
3005 .cEdit .edit_area_loading {
3006     background: #FFF url(./themes/pmahomme/img/ajax_clock_small.gif) no-repeat center;
3007     height: 10em;
3008 }
3009
3010 .cEdit .goto_link {
3011     background: #EEE;
3012     color: #555;
3013     padding: 0.2em 0.3em;
3014 }
3015
3016 .saving_edited_data {
3017     background: url(./themes/pmahomme/img/ajax_clock_small.gif) no-repeat left;
3018     padding-left: 20px;
3019 }
3020
3021 /* css for timepicker */
3022 .ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
3023 .ui-timepicker-div dl{ text-align: left; }
3024 .ui-timepicker-div dl dt{ height: 25px; }
3025 .ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
3026 .ui-timepicker-div td { font-size: 90%; }
3027
3028 /* Designer */
3029 .input_tab {
3030     background-color: #A6C7E1;
3031     color: #000000;
3032 }
3033
3034 #canvas {
3035     background-color: #FFFFFF;
3036     color: #000000;
3037 }
3038
3039 canvas.pmd {
3040     display: inline-block;
3041     overflow: hidden;
3042     text-align: left;
3043 }
3044
3045 canvas.pmd * {
3046     behavior: url(#default#VML);
3047 }
3048
3049 .pmd_tab {
3050     background-color: #FFFFFF;
3051     color: #000000;
3052     border-collapse: collapse;
3053     border: 1px solid #AAAAAA;
3054     z-index: 1;
3055     -moz-user-select: none;
3056 }
3057
3058 .tab_zag {
3059     background-image: url(images/Header.png);
3060     background-repeat: repeat-x;
3061     text-align: center;
3062     cursor: move;
3063     padding: 1px;
3064     font-weight: bold;
3065 }
3066
3067 .tab_zag_2 {
3068     background-image: url(images/Header_Linked.png);
3069     background-repeat: repeat-x;
3070     text-align: center;
3071     cursor: move;
3072     padding: 1px;
3073     font-weight: bold;
3074 }
3075
3076 .tab_field {
3077     background: #FFFFFF;
3078     color: #000000;
3079     cursor: default;
3080 }
3081
3082 .tab_field_2 {
3083     background-color: #CCFFCC;
3084     color: #000000;
3085     background-repeat: repeat-x;
3086     cursor: default;
3087 }
3088
3089 .tab_field_3 {
3090     background-color: #FFE6E6; /*#DDEEFF*/
3091     color: #000000;
3092     cursor: default;
3093 }
3094
3095 #pmd_hint {
3096     white-space: nowrap;
3097     position: absolute;
3098     background-color: #99FF99;
3099     color: #000000;
3100     left: 200px;
3101     top: 50px;
3102     z-index: 3;
3103     border: #00CC66 solid 1px;
3104     display: none;
3105 }
3106
3107 .scroll_tab {
3108     overflow: auto;
3109     width: 100%;
3110     height: 500px;
3111 }
3112
3113 .pmd_Tabs {
3114     cursor: default;
3115     color: #0055bb;
3116     white-space: nowrap;
3117     text-decoration: none;
3118     text-indent: 3px;
3119     font-weight: bold;
3120     margin-left: 2px;
3121     text-align: left;
3122     background-color: #FFFFFF;
3123     background-image: url(images/left_panel_butt.png);
3124     border: #CCCCCC solid 1px;
3125 }
3126
3127 .pmd_Tabs2 {
3128     cursor: default;
3129     color: #0055bb;
3130     background: #FFEE99;
3131     text-indent: 3px;
3132     font-weight: bold;
3133     white-space: nowrap;
3134     text-decoration: none;
3135     border: #9999FF solid 1px;
3136     text-align: left;
3137 }
3138
3139 .owner {
3140     font-weight: normal;
3141     color: #888888;
3142 }
3143
3144 .option_tab {
3145     padding-left: 2px;
3146     padding-right: 2px;
3147     width: 5px;
3148 }
3149
3150 .select_all {
3151     vertical-align: top;
3152     padding-left: 2px;
3153     padding-right: 2px;
3154     cursor: default;
3155     width: 1px;
3156     color: #000000;
3157     background-image: url(images/Header.png);
3158     background-repeat: repeat-x;
3159 }
3160
3161 .small_tab {
3162     vertical-align: top;
3163     background-color: #0064ea;
3164     color: #FFFFFF;
3165     background-image: url(images/small_tab.png);
3166     cursor: default;
3167     text-align: center;
3168     font-weight: bold;
3169     padding-left: 2px;
3170     padding-right: 2px;
3171     width: 1px;
3172     text-decoration: none;
3173 }
3174
3175 .small_tab2 {
3176     vertical-align: top;
3177     color: #FFFFFF;
3178     background-color: #FF9966;
3179     cursor: default;
3180     padding-left: 2px;
3181     padding-right: 2px;
3182     text-align: center;
3183     font-weight: bold;
3184     width: 1px;
3185     text-decoration: none;
3186 }
3187
3188 .small_tab_pref {
3189     background-image: url(images/Header.png);
3190     background-repeat: repeat-x;
3191     text-align: center;
3192     width: 1px;
3193 }
3194
3195 .small_tab_pref2 {
3196     vertical-align: top;
3197     color: #FFFFFF;
3198     background-color: #FF9966;
3199     cursor: default;
3200     text-align: center;
3201     font-weight: bold;
3202     width: 1px;
3203     text-decoration: none;
3204 }
3205
3206 .butt {
3207     border: #4477aa solid 1px;
3208     font-weight: bold;
3209     height: 19px;
3210     width: 70px;
3211     background-color: #FFFFFF;
3212     color: #000000;
3213     vertical-align: baseline;
3214 }
3215
3216 .L_butt2_1 {
3217     padding: 1px;
3218     text-decoration: none;
3219     background-color: #ffffff;
3220     color: #000000;
3221     vertical-align: middle;
3222     cursor: default;
3223 }
3224
3225 .L_butt2_2 {
3226     padding: 0;
3227     border: #0099CC solid 1px;
3228     background: #FFEE99;
3229     text-decoration: none;
3230     color: #000000;
3231     cursor: default;
3232 }
3233
3234 /* ---------------------------------------------------------------------------*/
3235 .bor {
3236     width: 10px;
3237     height: 10px;
3238 }
3239
3240 .frams1 {
3241     background: url(images/1.png) no-repeat right bottom;
3242 }
3243
3244 .frams2 {
3245     background: url(images/2.png) no-repeat left bottom;
3246 }
3247
3248 .frams3 {
3249     background: url(images/3.png) no-repeat left top;
3250 }
3251
3252 .frams4 {
3253     background: url(images/4.png) no-repeat right top;
3254 }
3255
3256 .frams5 {
3257     background: url(images/5.png) repeat-x center bottom;
3258 }
3259
3260 .frams6 {
3261     background: url(images/6.png) repeat-y left;
3262 }
3263
3264 .frams7 {
3265     background: url(images/7.png) repeat-x top;
3266 }
3267
3268 .frams8 {
3269     background: url(images/8.png) repeat-y right;
3270 }
3271
3272 #osn_tab {
3273     background-color: #FFFFFF;
3274     color: #000000;
3275     border: #A9A9A9 solid 1px;
3276 }
3277
3278 .header {
3279     background-color: #EAEEF0;
3280     color: #000000;
3281     text-align: center;
3282     font-weight: bold;
3283     margin: 0;
3284     padding: 0;
3285     background-image: url(images/top_panel.png);
3286     background-position: top;
3287     background-repeat: repeat-x;
3288     border-right: #999999 solid 1px;
3289     border-left: #999999 solid 1px;
3290     height: 28px;
3291 }
3292
3293 .header a {
3294     display: block;
3295     float: left;
3296     margin: 3px 1px 4px 1px;
3297     height: 20px;
3298     border: 1px dotted #ffffff;
3299 }
3300
3301 .header .M_bord {
3302     display: block;
3303     float: left;
3304     margin: 4px;
3305     height: 20px;
3306     width: 2px;
3307 }
3308
3309 .header a.first {
3310     margin-right: 1em;
3311 }
3312
3313 .header a.last {
3314     margin-left: 1em;
3315 }
3316
3317 a.M_butt_Selected_down_IE,
3318 a.M_butt_Selected_down {
3319     border: 1px solid #C0C0BB;
3320     background-color: #99FF99;
3321     color: #000000;
3322 }
3323
3324 a.M_butt_Selected_down_IE:hover,
3325 a.M_butt_Selected_down:hover,
3326 a.M_butt:hover {
3327     border: 1px solid #0099CC;
3328     background-color: #FFEE99;
3329     color: #000000;
3330 }
3331
3332 #layer_menu {
3333     z-index: 1000;
3334     position: absolute;
3335     left: 0;
3336     background-color: #EAEEF0;
3337     border: #999999 solid 1px;
3338 }
3339
3340 #layer_action {
3341     position: absolute;
3342     left: 638px;
3343     top: 52px;
3344     z-index: 1000;
3345     background-color: #CCFF99;
3346     padding: 3px;
3347     border: #009933 solid 1px;
3348     white-space: nowrap;
3349     font-weight: bold;
3350 }
3351
3352 #layer_upd_relation {
3353     position: absolute;
3354     left: 637px;
3355     top: 224px;
3356     z-index: 1000;
3357 }
3358
3359 #layer_new_relation {
3360     position: absolute;
3361     left: 636px;
3362     top: 85px;
3363     z-index: 1000;
3364     width: 153px;
3365 }
3366
3367 #pmd_optionse {
3368     position: absolute;
3369     left: 636px;
3370     top: 85px;
3371     z-index: 1000;
3372     width: 153px;
3373 }
3374
3375 #layer_menu_sizer {
3376     background-image: url(../../images/resize.png);
3377     cursor: nw-resize;
3378     width: 16px;
3379     height: 16px;
3380 }
3381
3382 .panel {
3383     position: fixed;
3384     top: 50px;
3385     right: 0;
3386     display: none;
3387     background: #FFF;
3388     border:1px solid #F5F5F5;
3389     width: 350 px;
3390     height: auto;
3391     padding: 30px 170px 30px 30px;
3392     color:#FFF;
3393     z-index:99;
3394 }
3395
3396 a.trigger{
3397     position: fixed;
3398     text-decoration: none;
3399     top: 60px; right: 0;
3400     color:#fff;
3401     padding: 10px 40px 10px 15px;
3402     background:#333333 url(images/plus.png) 85% 55% no-repeat;
3403     border:1px solid #444444;
3404     display: block;
3405 }
3406
3407 a.trigger:hover{
3408     position: fixed;
3409     text-decoration: none;
3410     top: 60px; right: 0;
3411     color:#080808;
3412     padding: 10px 40px 10px 15px;
3413     background:#fff696 url(images/plus.png) 85% 55% no-repeat;
3414     border:1px solid #999;
3415     display: block;
3416 }
3417
3418 a.active.trigger {
3419     background:#222222 url(images/minus.png) 85% 55% no-repeat;
3420     z-index:999;
3421 }
3422
3423 a.active.trigger:hover {
3424     background:#fff696 url(images/minus.png) 85% 55% no-repeat;
3425     z-index:999;
3426 }
3427
3428 h2.tiger{
3429     background-repeat: repeat-x;
3430     padding: 1px;
3431     font-weight: bold;
3432     padding: 50 20 50 20px;
3433     margin: 0 0 5px 0;
3434     width: 250px;
3435     float: left;
3436     color : #333;
3437     text-align: center;
3438 }
3439
3440 h2.tiger a {
3441     background-image: url(images/Header.png);
3442     text-align: center;
3443     text-decoration: none;
3444     color : #333;
3445     display: block;
3446 }
3447
3448 h2.tiger a:hover {
3449     color: #000;
3450     background-image: url(images/Header_Linked.png);
3451 }
3452
3453 h2.active {
3454     background-image: url(images/Header.png);
3455     background-repeat: repeat-x;
3456     padding: 1px;
3457     background-position: left bottom;
3458 }
3459
3460 .toggle_container {
3461     margin: 0 0 5px;
3462     padding: 0;
3463     border-top: 1px solid #d6d6d6;
3464     background: #FFF ;
3465     width: 250px;
3466     overflow: hidden;
3467     font-size: 1.2em;
3468     clear: both;
3469 }
3470
3471 .toggle_container .block {
3472     background-color: #DBE4E8;
3473     padding:40 15 40 15px; /*--Padding of Container--*/
3474     border:1px solid #999;
3475     color:#000;
3476 }
3477
3478 .history_table {
3479     text-align: center;
3480     background-color: #9999CC;
3481 }
3482
3483 .history_table2 {
3484     text-align: center;
3485     background-color: #DBE4E8;
3486 }
3487
3488 #filter {
3489     display: none;
3490     position: absolute;
3491     top: 0%;
3492     left: 0%;
3493     width: 100%;
3494     height: 100%;
3495     background-color: #CCA;
3496     z-index:10;
3497     opacity:0.5;
3498     filter: alpha(opacity=50);
3499 }
3500
3501 #box {
3502     display: none;
3503     position: absolute;
3504     top: 20%;
3505     left: 30%;
3506     width: 500px;
3507     height: 220px;
3508     padding: 48px;
3509     margin:0;
3510     border: 1px solid black;
3511     background-color: white;
3512     z-index:101;
3513     overflow: visible;
3514 }
3515
3516 #boxtitle {
3517     position:absolute;
3518     float:center;
3519     top:0;
3520     left:0;
3521     width:593px;
3522     height:20px;
3523     padding:0;
3524     padding-top:4px;
3525     left-padding:8px;
3526     margin:0;
3527     border-bottom:4px solid #3CF;
3528     background-color: #D0DCE0;
3529     color:black;
3530     font-weight:bold;
3531     padding-left: 2px;
3532     text-align:left;
3533 }
3534
3535 #tblfooter {
3536     background-color: #D3DCE3;
3537     float: right;
3538     padding-top:10px;
3539     color: black;
3540     font-weight: normal;
3541 }
3542
3543 input.btn {
3544     color:#333;
3545     background-color: #D0DCE0;
3546 }