/*
Colour Swatches
-----------------------------------------------
Div Headers         #E0E2D5
Div Bg            #E9EBE2
Div Bg Light        #F6F6F2
Div Bg Med           #EFF0EA
Div Bg Dark          #B3B5AA
Dark Buttons        #70716A
Button Border        #C9CBBF
Text Red           #750000
Text Dark          #443C32
Text Med          #70716A
Text Light          #999
Text Underlined Links    #039


Font Sizes
-----------------------------------------------
Font Family: Trebuchet

Page Title:   24px
Default:     12px
Smaller:    11px
Div Header:    14px
*/

* {
  margin: 0;
  padding: 0;
}

.edit * {
  padding: 2px;
}

.edit hr {
  padding: 0;
}

body {
  background-position-x: 0px;
  background-color: #70716A;
  background-image: url('/images/background.jpg');
  background-repeat: repeat-x;
  font-family:Trebuchet, Trebuchet MS, Arial, Verdana, sans-serif;
  font-size: 12px;
}

a {
  color: #039;
  font-weight: bold;
}

a:visited {
  color: #70716A;
  font-weight: bold;
}

h1 {
  border-color: white;
  color: #443C32;
  font-size: 24px;
}

h2 {
  color:#F00;
  font-size: 14px;
  float:left;
  width:155px;
  margin-top:3px;
}

div.panelhead h3 {
  font-size: 12px;
  font-weight: normal;
  padding-top:3px;
}

div.page {
  background-color: #FFF;
  width:950px;
  margin: 15px auto 15px auto;
  padding-bottom:5px;
}

em {
  font-weight: bold;
  font-style: normal;
}

input,
select {
  font-size: 12px;
}

input {
  padding-right: 1px;
}

table {
  padding:0px;
  border-collapse: collapse;
}

/*
=================================================
Buttons
=================================================
*/

div.button {
  float:right;
/*  background-color: #FFF;*/
  margin:0 2px;
}

div.buttonl {
  float:left;
/*  background-color: #FFF;*/
  margin:0 2px;
}

div.button2 {
  margin:0 2px;
}

div.button a,
div.buttonl a {
  display: block;
}

div.button a,
div.buttonl a,
div.button2 a {
  _display: inline; /*IE6 hack*/
  height:17px;
  padding: 3px 5px 0 5px;
  text-decoration: none;
}

.button2 a:link,
.button2 a:visited,
div.panelfooter .button a:link,
div.panelfooter .button a:visited,
div.panelfooter .buttonl a:link,
div.panelfooter .buttonl a:visited,
div.panelhead .button a:link,
div.panelhead .button a:visited,
div.panelhead .buttonl a:link,
div.panelhead .buttonl a:visited,
div#messagelog .details .button a:link,
div#messagelog .details .button a:visited,
div#messagelog .messagebody .buttonl a:link,
div#messagelog .messagebody .buttonl a:visited {
  color: #E0E2D5;
  background-color: #70716A;
}

.button2 a:hover,
.button2 a:active,
div.panelfooter .button a:hover,
div.panelfooter .button a:active,
div.panelfooter .buttonl a:hover,
div.panelfooter .buttonl a:active,
div.panelhead .button a:hover,
div.panelhead .button a:active,
div.panelhead .buttonl a:hover,
div.panelhead .buttonl a:active,
div#messagelog .details .button a:hover,
div#messagelog .details .button a:active,
div#messagelog .messagebody .buttonl a:hover,
div#messagelog .messagebody .buttonl a:active {
  color: #70716A;
  background-color: #FFF;
}


div#messagelog .details .button a,
div#messagelog .details .buttonl a {
  margin:0 10px 10px 0;
}

div.hide,
div.show {
  float:right;
    margin-top:3px;
}

div.show a:link,
div.show a:visited,
div.hide a:link,
div.hide a:visited {
  background-position: top right;
  background-repeat: no-repeat;
  width:42px;
  padding-right:15px;
  font-weight: normal;
  text-decoration: none;
  color:#70716A;
}

div.hide a:link,
div.hide a:visited {
  background-image: url('/images/switch_hide.gif');
}

div.show a:link,
div.show a:visited {
  background-image: url('/images/switch_show.gif');
}

div.show a:hover,
div.show a:active,
div.hide a:hover,
div.hide a:active {
  color:#F00;
}

div.show a:hover,
div.show a:active {
  background-image: url('/images/switch_show_over.gif');
}

div.hide a:hover,
div.hide a:active {
  background-image: url('/images/switch_hide_over.gif');
}

div>table {
  text-align: left;
}
/*
=================================================
Page Sections 
=================================================
*/


/*Top Menu*/

div#topmenu {
  padding:10px;
  position:relative;
}

div#submenu {
/*  width:930px;*/
  height:33px;
  position:relative;
}

div#identity p {
  float: left;
  padding-right:30px;
}

div#identity span {
  display:block;
  color: #999;
  font-weight: bold;
}

div#topmenu div.menu,
div#submenu div.menu {
  position: absolute;
  top:10px;
  right:10px;
}

div#topmenu div.menu ul li,
div#submenu div.menu ul li {
  float:left;
  list-style-type: none;
  padding-left:3px;
}

div#topmenu div.menu ul li a:link,
div#topmenu div.menu ul li a:visited,
div#submenu div.menu ul li a:link,
div#submenu div.menu ul li a:visited {
  border: 1px solid #C9CBBF;
  padding:2px 5px;
  color:#70716A;
  font-weight: bold;
  font-size: 11px;
  text-decoration: none;
  display: block;
}

div#topmenu div.menu ul li a:hover,
div#topmenu div.menu ul li a:active,
div#submenu div.menu ul li a:hover,
div#submenu div.menu ul li a:active {
  border: 1px solid #EFF0EA;
  background-color: #EFF0EA;
}


/*Sub Menu*/

div#submenu {
/*  padding-bottom:5px;*/
}

div#submenu div.menu {
  left:10px;
}

div#submenu div.menu ul li {
  padding-right:3px;
  padding-left:0;
}


/* Form*/

form#orderform {
/*  padding:10px;*/
}


/* Logo Page Title*/

div#pagetitle {
    padding:10px;
    border-top: 1px solid #C8C8C8;
}


/*Panel Heads & Footer*/

div.panelhead,
div.panelfooter {
  background-color: #E0E2D5;
  height:23px;
  font-size: 12px;
  padding:5px;
  clear: both;
  }
  
div.panelfooter div.password {
  float:right;
  margin:5px 20px 0 0;
  color:#70716A;  
}  

div.panelfooter div.password span {
  font-weight: bold;
  margin-right:5px;
}  

div#message {
  height:36px;
}

/*General Panel*/

div.panel {
  margin:20px 10px 10px 10px;
  background-color: #E9EBE2;
}

div.panel2 {
  margin:5px 10px 0px 10px;
  background-color: #E9EBE2;
}

/* Progress Bar Area*/

div#progress {
  padding:0 10px 0 10px;
}

div#administrator {
  text-align:right;
}

div#administrator select,
div#administrator input {
  font-size: 12px;
  margin:0 5px 0 0px;
  padding:0 2px;
}

div#administrator select {
  width:130px;
}

div#administrator select#brk_admin_user_id_F {
  margin-right: 20px;
  width: 150px;
}

div#administrator input {
  width:75px;
}

div#administrator input#brk_nxt_rvw_date_F {
  width:60px;
}

div#administrator input#brk_nxt_rvw_text_F {
  width:120px;
}

td.title {
  padding:8px 0 0 10px;
  color: #FFF;
  font-weight: bold;
  background-color: #B3B5AA;
  vertical-align: top;
}


td.trail,
td.docs {
  background-color: #E9EBE2;
  width:810px;
  padding:8px 0;
  } 
  

span.trailtype {
  font-weight: bold;
  float: left;
  width:45px;
}

div.broker {
  padding:0 0 0 10px;
  }

div.dealer {
  padding:0 0 0 10px;
}

td.trail .broker ul {
  padding-bottom: 30px;
}

td.trail ul li {
  float:left;
  list-style-type: none;
  margin-left:2px;
  padding:3px 4px;
  background-color: #FFF;
  color:#000;
  font-size: 11px;
  font-weight: normal;
}

td.trail ul li.completed {
  background-color: #B3B5AA;
  color:#FFF;
  font-weight: bold;
}

td.trail ul li.next {
  color:#F00;
}

td.trail ul li a:link,
td.trail ul li a:visited {
  color:#70716A;
  text-decoration: none;
  font-weight: normal;
}

td.trail ul li a:hover,
td.trail ul li a:active {
  background-color: #EFF0EA;
}

tr#printables td ,
tr#actions td {
  border-top: 2px solid #E0E2D5;
}

td.docs {
  padding-left:10px;
}

td.docs ul {
  padding:5px 0 15px 0;

}

td.docs ul li {
  float:left;
  list-style-type: none;
  margin-right:20px;
  padding:4px 5px 8px 10px;
  color:#000;
  font-weight: normal;
  background-image: url('/images/printdoc.gif');
  background-repeat: no-repeat;
  background-position: 0 7px;
  white-space: nowrap;
}

td.docs ul li a:link,
td.docs ul li a:visited {
  font-weight: normal;
  text-decoration: none;
  color:#443C32;
}

td.docs ul li a:hover,
td.docs ul li a:active {
  color:#F00;
}

tr#actions td.docs ul li {
  background-image: none;
}

div#feestatus p{
  padding: 5px;
  color:#70716A;
}

div#feestatus span {
  font-weight: bold;
  margin-right:5px;
}


/* Common Panel Styles*/

div.panel div.details {
  float:left;
}

div.panel div.formcol {
  float:right;
}

div.panel div.details td.category,
div.panel div.details td.description,
div.panel div.details td.amount {
  vertical-align: top;
  border-top: 1px solid #FFF;
}

div.panel div.details td.first,
div.panel div.details td.first,
div.panel div.details td.first {
  border-style: none;
  
}

div.panel div.details td.category {
  color: #70716A;
  font-weight: bold;
}


div.panel div.details td p,
div.panel div.details th p
 {
  padding:5px 5px 5px 10px;
  line-height:160%;
}

div.panel div.details td.description {
  color: #70716A;
  background-color: #F6F6F2;
}

div.panel div.details td.amount {
  color: #443C32;
  font-weight: bold;
  text-align:right;
  background-color: #F6F6F2;
}

div.panel div.details td.amount span {
  font-weight: normal;
}

div.panel div.formcol td.category {
  color: #70716A;
  font-weight: bold;
  padding: 5px 10px 5px 0;
  text-align: right;
}

div.panel div.formcol table{
  margin:10px 20px;
}

div.panel div.formcol td.inputcol {
  color: #443C32;
  text-align: left;
}

div.panel div.formcol td.inputcol input {
  font-size: 12px;
}


/* Main Menu*/

div#transactions {
  mar