/* INITIALS AND MINOR HACKS
********************************************************* */

* { margin: 0; padding: 0; }

* html fieldset {
  position: relative;
  padding-top: .5em;
  margin-top: 1em;
}
* html fieldset {
  margin-top: 1em;
  padding-top: 1em;
}
* html legend {
  position: absolute;
  top: -.5em;
  left: .5em;
}

a img, img.icon { border: none; vertical-align: top; }
img.icon { height: 16px; }
table { border-spacing: 0; border-collapse: collapse; }

.nowrap { white-space: nowrap; }
.breaker, .clear { clear: both; font-size: 0; }

.help { cursor: help; }

/* div, table td {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
} */


/* TYPOGRAPHICS
********************************************************* */

body, pre {
  color: #333;
  font-size: 80%;
  font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, Geneva, Sans-Serif;
}
body#login-page { background-color: #ccc; }
h1, h2, h3 { font-family: Geneva, 'Trebuchet MS', Arial, Helvetica, Sans-Serif; }

h1 {}
h2 {
  margin-bottom: 0.2em;
  color: #3f3f3f;
  font-size: 2em;
  font-weight: normal;
}

a { text-decoration: none; }
a.ext, a.external, a.outgoing {
  padding-right: 13px;
  background: url(/images/gui/icons/external.png) center right no-repeat;
  border-bottom: 1px dotted #666;
}

#page-container a:link { color: #900A00; /* #E03F0D */ }
#page-container a:visited { color: #900A00; }
#page-container a:hover, #page-container a:visited:hover { color: #333; }


/* LAYOUT
********************************************************* */

body { background-color: #f8f5f2; }

#wrapper {}
#header { margin-bottom: 2px; }

#page-container {
  margin-bottom: 50px;
  padding: 5px 10px 20px 10px;
}
#page-container h1 { margin-top: 5px; }
#page-container p { margin-bottom: 10px; }

#footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 5px;
  color: #fff;
  background-color: #000;
  border-top: 1px solid #fff;
  z-index: 999;
  clear: both;
}
#footer p {
  float: left;
  margin-left: 10px;
  color: #ccc;
}
#footer img.logo { float: left; margin-right: 10px; }
#footer a { color: white; text-decoration: none; }
#footer ul {
  float: right;
  padding-top: 10px;
  margin-right: 30px;
}
#footer li {
  float: left;
  padding: 0 1em; 
  color: white;
  list-style: none;
}

#login {
  width: 225px;
  padding: 10px;
  margin: 50px auto;
  border: 1px solid #eee;
  background: #aaa;
}
#login h1 { margin-bottom: 20px; }
#login #form { float: right; display: block; }
#login input#username {
  padding: 3px 5px 3px 20px;
  background: #fff url(/images/gui/icons/user.gif) no-repeat 2px center;
}
#login input#password {
  padding: 3px 5px 3px 20px;
  background: #fff url(/images/gui/icons/key.gif) no-repeat 2px center;
}


/* STYLES
********************************************************* */

/* Navigation bars */
#header ul li { display: inline; list-style: none; }

#navigation-bar {
  padding: 5px 20px;
  background: #212224 url(/images/gui/navigation_background.gif) repeat-x;
}
#navigation-bar ul { padding: 0 1em; }
#navigation-bar li { float: left; }
#navigation-bar li a {
  display: block;
  padding: 0.4em 2em 0.4em 0.0em;
  font-size: 1.1em;
  text-decoration: none;
}
#navigation-bar li a:link,
#navigation-bar li a:visited { color: #ffffff; }
#navigation-bar li a:hover,
#navigation-bar li a:visited:hover,
#navigation-bar li a:active { color: #cce4ff; }

#navigation-bar li#dashboard a { background: url(/images/gui/icons/house.png) no-repeat 0 50%; }
#navigation-bar li#user-accounts a { background: url(/images/gui/icons/group.png) no-repeat 0 50%; }
#navigation-bar li#cms a { background: url(/images/gui/icons/application_form_edit.png) no-repeat 0 50%; }
#navigation-bar li#reports a { background: url(/images/gui/icons/report.png) no-repeat 0 50%; }
#navigation-bar li#rake-stats a { background: url(/images/gui/icons/chart_bar.png) no-repeat 0 50%; }

#sub-navigation {
  padding: 0.4em 1em;
  background: #c7c7c7 url(/images/gui/nav_sub_background.gif) repeat-x;
  border-bottom: 1px solid #888;
}
#sub-navigation ul {}
#sub-navigation li { float: left; }
#sub-navigation li a {
  display: block;
  padding-left: 10px;
  margin: 0 4px;
}
#sub-navigation li a:link,
#sub-navigation li a:visited {
  color: #000;
  font-size: 1em;
  text-decoration: none;
}
#sub-navigation li a:hover,
#sub-navigation li a:visited:hover,
#sub-navigation li a:active { color: black; }
#sub-navigation .profile-panel { float: right; }

#system-menu { display: block; }
#system-menu ul { float: right; margin: 0 1em; }
#system-menu ul li {
  float: right;
  display: block;
  margin-left: 5px;
  padding: 2px 0 2px 9px;
  background: url(/images/gui/dd-tab.left.gif) no-repeat left bottom;
}
#system-menu ul li a {
  padding: 2px 5px 2px 5px;
  background: url(/images/gui/dd-tab.center.gif) repeat-x left bottom;
  color: #000;
}
#system-menu ul li span {
  padding: 2px 9px 2px 0;
  background: url(/images/gui/dd-tab.right.gif) no-repeat right bottom;
}

/* Pagination */
#pagination {
  display: block;
  padding: 5px 0px;
  width: 100%;
  text-align: center;
}
#pagination a, #pagination .current {
  padding: 3px 6px;
  margin: 0 1px;
  font-size: 80%;
  text-transform: uppercase;
}
#pagination a:link, 
#pagination a:visited,
#pagination .current {
  color: white;
  border: 1px solid white;
  background-color: #212224;
  background-image: url(/images/gui/pagination_background.gif);
  background-repeat: repeat-x;
  background-position: left bottom;
}
#pagination a:hover, #pagination a:visited:hover {
  color: white;
  border: 1px solid white;
  background: #212224;
}
#pagination a:active { border: 1px solid #000000; }
#pagination .current { text-decoration: underline; }
#pagination .previous, #pagination .next { border: 2px solid white; }
#pagination .result {
  margin-top: 10px;
  color: #888;
  font-size: 90%;
}
#pagination .result strong { color: #666; }

/* Action panel */
.actions-panel {
  padding: 5px;
  color: #7a6149;
  border: 1px solid #dccbb9;
  background-color: #ebe1d6;
}
.actions-panel a { font-weight: bold; }
.actions-panel .left { float: left; }
.actions-panel .right { float: right; }

/* Form box */
.form-box {
  padding: 5px;
  margin: 0 5px 5px 0;
  background: #dccbb9;
  border: 1px solid #b7a492;
}

/* List & form tables */
table.list, table.form {
  border: none;
  margin: 5px 0;
  border-top: 1px solid #999999;
  border-left: 1px solid #999999;
  border-collapse: separate;
  empty-cells: show;
}
table.list td, table.form td {
  padding: 4px;
  border-right: 1px solid #999999;
  border-bottom: 1px solid #999999;
}
table.list thead td, table.list tr.header td, 
table.form thead td, table.form tr.header td {
  border: none;
  color: white;
  font-size: 80%;
  text-transform: uppercase;
  background: #212224;
}
table.list tbody tr td, 
table.form tbody tr td { background: white; }
table.list tbody tr:hover td { background: #ebe698; }

table.form tbody tr td.field { padding: 2px; vertical-align: middle !important; }
table.form tbody tr td.field input { padding: 3px; }

table.list tr.row td { background: white; }
table.list tr.row-alt td { background: #F2F2F2; }
table.list tr.status_translate td{ background: white;}
table.list tr.status_updated td{ background: #FFBFCD;}

table.list tr.row-hover td { background: #FFFFE8; }
table.list tr.message td, table.form tr.message td {
  padding: 10px;
  text-align: center;
}
table.list tr.message td span, table.form tr.message td span {
  padding-left: 20px;
  background: url(/images/gui/icons/information.gif) 0 50% no-repeat;
}
table.list tr.message td span.exclamation, table.form tr.message td span.exclamation {
  color: red;
  background-image: url(/images/gui/icons/exclamation.png);
}
table.form tfoot tr.actions td {
  text-align: right;
  vertical-align: top;
  background-color: white;
}
table.list tr.sum td {
  text-align: right;
  vertical-align: top;
  font-weight: bold;
  background-color: #f4fbfd;
  border-top: 1px solid #999;
  white-space: nowrap;
}
table.list tbody td, table.list tr.sum td {
  vertical-align: top;
  font-family: Verdana, Arial;
}

/* Row markers */
.list tr.paid td { background-color: #CDDFFF !important; }
.list tr.pushed td { background-color: #FFCD8D !important; }
.list tr.untracked td {
  color: #797979;
  font-style: italic;
  background-color: #FBFBFB;
}

/* table.list error-levels rows
 ************************************/
.list tr.error td { background-color: #ffefef; }
.list tr.error_highlight td { background-color: #fcdede; }
.list tr.error td.level, .list tr.error_highlight td.level {
  padding-left: 25px;
  background-image: url(/images/gui/icons/exclamation.gif);
  background-repeat: no-repeat;
  background-position: 4px 50%;
  text-transform: uppercase;
}

.list tr.failure td { background-color: #fffbdd; }
.list tr.failure_highlight td { background-color: #fcf6cd; }
.list tr.failure td.level, .list tr.failure_highlight td.level {
  padding-left: 25px;
  background-image: url(/images/gui/icons/error.gif);
  background-repeat: no-repeat;
  background-position: 4px 50%;
  text-transform: uppercase;
}

.list tr.notice td { background-color: #f9fbff; }
.list tr.notice_highlight td { background-color: #eff4fe; }
.list tr.notice td.level, .list tr.notice_highlight td.level {
  padding-left: 25px;
  background-image: url(/images/gui/icons/comment.gif);
  background-repeat: no-repeat;
  background-position: 4px 50%;
  text-transform: uppercase;
}




option.paid { background-color: #CDDFFF; }
option.pushed { background-color: #FFCD8D; }

/* TABLE FORM 
table.form tr > td:first-child { font-weight: bold; }
table.form td {
  padding: 4px;
}

table.form tr.header td {
  background: orange;
}
table.form tr.footer td {
  text-align: right;
  background: orange;
}*/

.boxed {
  width: auto;
  padding: 5px;
  display: block;
  background: #ccc;
  border: 1px dotted #888;
}
h3.panel-heading {
  padding: 0px 4px;
  color: #fff;
  font-size: .9em;
  text-transform: uppercase;
  background-color: #645b51;
  border: 1px solid #645b51;
}
.panel-box {
  width: auto;
  padding: 5px;
  margin: 0 0 5px 0;
  display: block;
  background-color: #d8cfc5;
  border: 1px solid #645b51;

/* BLUE
  background-color: #c5dbeb;
  border: 1px solid #03426f;
*/
/* GREEN
  background-color: #d4dba1;
  border: 1px solid #394103;
*/
}

div.list-wrapper {
  margin: 0 10px 10px 0;
  padding: 0 10px 5px 10px;
  display: block;
}
div.list-wrapper h2 { font-size: 110%; }

#dashboard div.list-wrapper { float: left; }


/* LINK CLASSES
********************************************************* */
a.disabled:link, a.disabled:visited { color: #aaaaaa !important; text-decoration: none; }
a.disabled:hover, a.disabled:visited:hover { text-decoration: line-through; }


/* MINIR SHORTCUT CLASSES
********************************************************* */

.left { text-align: left; }
.center { text-align: center; }
.right, .int { text-align: right; }

.red { color: red; }
.yellow { color: orange; }
.green { color: green; }


.list tr td a.DESC, .list tr td a.DESC:link, .list tr td a.DESC:hover, .list tr td a.DESC:visited
{
  background-image: url(/images/gui/sort_desc.gif);
  background-repeat: no-repeat;
  background-position: -1px 50%;
  padding-left:10px;
}

.list tr td a.ASC, .list tr td a.ASC:link, .list tr td a.ASC:hover, .list tr td a.ASC:visited
{
  background-image: url(/images/gui/sort_asc.gif);
  background-repeat: no-repeat;
  background-position: -1px 50%;
  padding-left:10px;
}

.filter_box
{
position:relative;top:-10px;left:17px;	
}

.highlight{
      color:red;
      font-weight: bold;
      cursor: pointer;
    }
    
.legend
{
position:relative;
#color: #fff;
background: #d8cfc5;
#border: 1px solid #781351;
padding: 2px 2px;
top:-12px;
left:-8px;
width:90px;
}