body, html {margin:0; padding:0; background:#f4f4f4;}
body {text-align:center; padding:0 0 20px;}
#page {text-align:left; margin:0;}
#header, #content, #main-nav {position:relative;}
#main-nav {z-index:3;}
#header {z-index:2; background:#222 url(bantop.png) repeat-x 0px 0px; border-bottom:1px solid #e4e4e4;}
#content {z-index:1; padding:20px;}

.blue {color:#48D;}

a {text-decoration:none;}

.ajaxloading {background:url(loading.gif) no-repeat center center; height:auto !important; height:150px; min-height:150px;}

#header {padding:5px; position:relative; z-index:999;}
#header div.text {position:absolute; right:12px; top:10px; font-size:0.9em; color:#ccc;}
#header div.text a {text-decoration:none; color:#fff;}
#header div.text a:hover {text-decoration:underline;}

#header div.mini-dashboard {position:absolute; top:5px; left:120px;}
#header div.mini-dashboard ul,
#header div.mini-dashboard li {padding:0; margin:0; list-style-type:none;}
#header div.mini-dashboard li,
#header div.mini-dashboard li a {float:left; display:block; position:relative;}
#header div.mini-dashboard li div.alert-number {
  position:absolute; top:-4px; left:-1px;
  line-height:10px; font-size:11px;
  padding:1px 3px; z-index:3;
  background:#C00; color:#fff;
  display:none;
  }
#header div.mini-dashboard li a {padding:3px; border:1px solid transparent; z-index:2;}
#header div.mini-dashboard li a:hover {background:#444;}
#header div.mini-dashboard li.opened a {border:1px solid #555; background:#f3f3f3; border-bottom:none;}
#header div.mini-dashboard li a img {border:none; width:18px;}

#header div.mini-dashboard li div.mini-content {
  display:none;
  border:1px solid #555; position:absolute; top:26px; left:0px; width:300px; height:auto; z-index:1;
  background:#fafafa;
  }
#header div.mini-dashboard li.opened div.mini-content {
  display:block;
  font-size:0.88em;
  }
#header div.mini-dashboard li.opened div.mini-content div.item,
#header div.mini-dashboard li.opened div.mini-content div.task {
  padding:8px 5px;
  border-top:1px solid #ddd;
  }
#header div.mini-dashboard li.opened div.mini-content div.task {
  cursor:pointer;
  }
#header div.mini-dashboard li.opened div.mini-content div.hovering {background:#eee;}
#header div.mini-dashboard li.opened div.mini-content div.item div.date,
#header div.mini-dashboard li.opened div.mini-content div.task div.project,
#header div.mini-dashboard li.opened div.mini-content div.task div.due {font-size:10px; color:#777;}
#header div.mini-dashboard li.opened div.mini-content div.task-overdue * {color:#C00 !important;}
#header div.mini-dashboard li div.mini-content div.inner {padding:10px 10px 35px;}
#header div.mini-dashboard li div.mini-content a {
  display:inline; float:none; border:none; padding:0; background:none;
  }
#header div.mini-dashboard li div.mini-content a.footlink {
  display:block; position:absolute; bottom:0px; left:0px; width:100%; border-top:1px solid #ddd;
  background:#f1f1f1; text-align:center; line-height:25px; color:#444; font-size:11px; font-weight:bold;
  }
#header div.mini-dashboard li div.mini-content a.footlink:hover {
  background:#e8e8e8;
  }

em {color:#bbb;}

/* Navigation */
ul#main-nav {font:1.05em Arial; letter-spacing:0.005em;}
ul#main-nav, ul#main-nav li, ul#main-nav ul {margin:0; padding:0; list-style-type:none;}
ul#main-nav li, ul#main-nav li a {display:block; float:left; color:#333; text-decoration:none;}
ul#main-nav, ul#main-nav li, ul#main-nav li a {height:33px;}
ul#main-nav li {position:relative;}
ul#main-nav li a {line-height:33px; padding:0 12px;}
ul#main-nav li.menu-state-hover a,
ul#main-nav li a:hover {background:#ccc; color:#333;}
ul#main-nav li ul {background:#ccc;}
ul#main-nav li ul li {border-right:none;}

/* Sub Navigation */
ul#main-nav li ul {width:220px; height:auto; position:absolute; left:0px; top:33px; font:0.85em Arial; display:none; padding:4px;}
ul#main-nav li ul li,
ul#main-nav li ul li a {float:none; height:25px;}
ul#main-nav li ul li {padding:0;}
ul#main-nav li ul li a {line-height:22px; padding:0 8px;}
ul#main-nav li ul li a:hover {background:#C22 url(jquery-ui/images/ui-bg_glass_50_cc0000_1x400.png) 50% 50% repeat-x; color:#fff;}
ul#main-nav li.menu-state-hover ul {display:block;}

form {margin:0; padding:0;}
form input.text,
form textarea,
form select {width:100%; border:1px solid #ccc; padding:2px 1px; color:#555;}


h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,hr {margin-top:0; margin-bottom:15px;}

h1,h2,h3 {color:#555;}

h1 {font-size:1.3em; line-height:1.05em;}
h2 {font-size:1.2em; line-height:1.05em;}
h3 {font-size:1em; line-height:1.05em;}
h4 {font-size:1.1em; line-height:1.05em;}
h5 {font-size:1em; line-height:1.05em;}
h6 {font-size:0.9em; line-height:1.05em;}

div.ui-status {padding:7px; margin:0 0 15px; font-weight:bold;}
ul.ui-autocomplete li.ui-menu-item {text-align:left; color:#333333; font:0.87em Arial;}
ul.ui-autocomplete li.ui-menu-item a {white-space:nowrap; cursor:pointer;}
ul.ui-autocomplete li.ui-menu-item a img {top:2px; position:relative}

div.login-main {margin:70px auto; text-align:left; width:420px; border:1px solid #ddd; padding:15px; background:#fff;}


/* SQL Editor */
table.editsql th {vertical-align:top;}

/* Record List */
div.content-box,
#ListView {background:#fff; padding:15px; border:1px solid #ddd;}
table.dblist {font:0.87em Arial; border:1px solid #eee; border-collapse:collapse; margin:5px 0 0; background:#fff;}
table.dblist tr {}
table.dblist td {padding:2px 5px;}
table.dblist td a {text-decoration:none;}
table.dblist th {padding:8px;}
table.dblist td,table.dblist th {border-bottom:1px solid #eee;}
table.dblist tr.odd {background:#fcfcfc;}

table.dblist tr.checked {background:#fee !important; color:#843;}
table.dblist tr.checked a.main {color:#D20 !important;}
table.dblist tr.checked td,table.dblist tr.checked th {border-bottom:1px solid #fdd;}

table.dblist tr.hover {color:#338 !important; background:#f6f6ff !important;}
table.dblist tr a.main {color:#08D; text-decoration:none;}
table.dblist tr a.main:hover {color:#000;}
em.light {color:#aaa;}

div.withselected select {width:100px;}

div.withselected,
div.pagination {padding:20px 0 0;}
div.withselected {float:right;}
div.pagination {float:left; width:370px;}
div.pagination div.nums {float:left; margin-right:10px;}

div.pagination a,
div.pagination span {
  display:block; float:left; border:1px solid #eee;
  margin:0 4px 0 0; padding:2px 5px;
  text-decoration:none; font:11px Arial; color:#555;
  }
div.pagination a {background:#eee;border-color:#ccc;}
div.pagination a:hover {background:#ccc; color:#222;}
div.pagination a.previous {margin-right:10px;}

div.pagination a.first,
div.pagination a.previous,
div.pagination a.next,
div.pagination a.last {padding:2px 2px;}

div.filters {float:left; position:relative;}
div.filters div.filter, div.filters div.submit {float:left; margin:0 10px 0 0;}
div.filters div.filter select, div.filters div.filter input.text {width:100px;}
div.filters div.submit {position:relative; top:-3px;}
div.recordcount {float:right; font-size:1em;}

form.dblistfilter {margin:0; padding:0;}

button[disabled=disabled] {color:#888888 !important;}