/* BRE Law Main CSS page */

/* General stuff */
body {
   font-family: Arial, serif;
   margin: 0;
   font-size: .9em;
}

dl {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
}

th {
  font-size: 12px;
  text-decoration: underline;
}

tr {
  font-size: 12px;
}

a {
  color: gray;
  text-decoration:none;
}

a.footerLink {
  color: black;
  text-decoration:none;
}

a:link {
  border:0;
}

a.footerLink:link {
  border:0;
}

a:hover {
  color: #003c79;
  font-weight: bold;
  text-decoration: none;  
}

a.footerLink:hover {
  color: #003c79;
  font-weight: normal;
  text-decoration: none;  
}

a:active {
  color: gray;
  text-decoration: none;
  outline: none;
  -moz-outline: none;
}

a.footerLink:active {
  color: black;
  text-decoration: none;
  outline: none;
  -moz-outline: none;
}

a:visited {
  outline: none;
  -moz-outline: none;
}

a.footerLink:visited {
  outline: none;
  -moz-outline: none;
}

a:focus {
  outline: none;
}

a.footerLink:focus {
  outline: none;
}


ul {
  list-style-type: square;
  color: navy;
}

li {
  padding-top: 5px;
  padding-bottom: 5px;
}

ul a {
  color: black;
}

/* Navbar stuff */

div.navItem {
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
  font-weight: bold;
  color: gray;
  height: 58px;
  width: 110px;
  border-left: 1px solid gray;
  position: relative;
  float: left;
}

div.navTitle {
  position: relative;
  height: 58px;
  width: 300;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 10px;
  position: relative;
  float: left;
}

div.navItem div.navData {
  position: absolute;
  bottom: 0px;
  padding-bottom: 5px;
}

div.navBar {
  width: 798px;
  height: 60px;
  margin-right: auto;
  margin-left: auto;
}

/* Footer */

div.footerSeparator {
  border-bottom: 2px solid navy;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.disclaimer {
  padding-top: 5px;
  padding-bottom: 5px;
  color: grey;
  text-align: center;
  font-size: 10px;
}

div.footer {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

/* Separator bar */

div.dividerLine {
  font-variant: small-caps;
  color: gray;
  border-bottom: 1px solid gray;
  width: 798px;
  padding-top: 15px;
  margin-bottom: 5px;
}

div.colorBar {
  width: 798px;
  margin-right: auto;
  margin-left: auto;
}

div.colorBar div.outlineColor1 {
  background-color: #151B8D;
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  position: relative;
  width: 310px;
  height: 5px;
  float: left;
}

div.colorBar div.outlineColor2 {
  background-color: #2554C7;
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  position: relative;
  width: 120px;
  height: 5px;
  float: left;
}

div.colorBar div.outlineColor3 {
  background-color: #2B60DE;
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  position: relative;
  width: 120px;
  height: 5px;
  float: left;
}

div.colorBar div.outlineColor4 {
  background-color: #2B65EC;
  border-left: 1px solid gray;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  position: relative;
  width: 120px;
  height: 5px;
  float: left;
}

div.colorBar div.outlineColor5 {
  background-color: #306EFF;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  border-top: 1px solid gray;
  border-bottom: 1px solid gray;
  position: relative;
  width: 120px;
  height: 5px;
  float: left;
}

div.colorBar div.shade1 {
  background-color: #6C6B6B;
  border-left: 1px solid gray;
  position: relative;
  width: 310px;
  height: 80px;
  float: left;
}

div.colorBar div.shade2 {
  background-color: #807C7E;
  border-left: 1px solid gray;
  position: relative;
  width: 120px;
  height: 80px;
  float: left;
}

div.colorBar div.shade3 {
  background-color: #8E8E8D;
  border-left: 1px solid gray;
  position: relative;
  width: 120px;
  height: 80px;
  float: left;
}

div.colorBar div.shade4 {
  background-color: #9F9E9E;
  border-left: 1px solid gray;
  position: relative;
  width: 120px;
  height: 80px;
  float: left;
}

div.colorBar div.shade5 {
  background-color: #C9C9C9;
  border-left: 1px solid gray;
  border-right: 1px solid gray;
  position: relative;
  width: 120px;
  height: 80px;
  float: left;
}



/* Columns */

div.leftcolumn {
  width:310px;
  float:left;
  background-color: #eeeeee;
}

div.nodisplay {
  display:none;
}

div.rightcolumn {
  width:485px;
  float:right;
}

div.fullcolumn {
  padding-top: 10px;
  width:796px;
  clear:both;
}

div.wrapper {
  width:798px;
  margin-right: auto;
  margin-left: auto;
}

div.columnData {
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
}

div.columnTitle {
  font-size: 18px;
  text-align: left;
  font-weight: bold;
  border-bottom: 1px solid navy;
  padding-bottom: 5px;
  width: 98%;
  margin-bottom: 5px;
}

#tight {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  cellpadding: 0;
  cellspacing:0;
}


/* Other Stuff */

div.content {
  width: 800px;
}

.smallCaps {
  font-variant: small-caps;
}

.indentItem {
  margin-left: 15px;
}






/* Custom stuff for plugins, etc. */

/**tablesorter jquery plugin**/

table.tablesorter {
   font-family:arial;
   background-color: #CDCDCD;
   margin:10px 0pt 15px;
   font-size: 8pt;
   text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
   background-color: #e6EEEE;
   border: 1px solid #FFF;
   font-size: 8pt;
   padding-right: 16px;
        padding-top: 4px;
        padding-left:4px;
        padding-bottom:4px;
}
table.tablesorter thead tr .header {
   background-image: url(/muportal/common/images/bg.gif);
   background-repeat: no-repeat;
   background-position: center right;
   cursor: pointer;
}
table.tablesorter tbody td {
   color: #3D3D3D;
   padding: 4px;
   background-color: #FFF;
   vertical-align: top;
}
table.tablesorter tbody tr.odd td {
   background-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
   background-image: url(/muportal/common/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
   background-image: url(/muportal/common/images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

/* Main Style Sheet for jQuery UI date picker */
#ui-datepicker-div, .ui-datepicker-inline {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 14px;
   padding: 0;
   margin: 0;
   background: #ddd;
   width: 185px;
}
#ui-datepicker-div {
   display: none;
   border: 1px solid #777;
   z-index: 100; /*must have*/
}
.ui-datepicker-inline {
   float: left;
   display: block;
   border: 0;
}
.ui-datepicker-rtl {
   direction: rtl;
}
.ui-datepicker-dialog {
   padding: 5px !important;
   border: 4px ridge #ddd !important;
}
.ui-datepicker-disabled {
   position: absolute;
   z-index: 100;
   background-color: white;
   opacity: 0.5;
}
button.ui-datepicker-trigger {
   width: 25px;
}
img.ui-datepicker-trigger {
   margin: 2px;
   vertical-align: middle;
}
.ui-datepicker-prompt {
   float: left;
   padding: 2px;
   background: #ddd;
   color: #000;
}
* html .ui-datepicker-prompt {
   width: 185px;
}
.ui-datepicker-control, .ui-datepicker-links, .ui-datepicker-header, .ui-datepicker {
   clear: both;
   float: left;
   width: 100%;
   color: #fff;
}
.ui-datepicker-control {
   background: #400;
   padding: 2px 0px;
}
.ui-datepicker-links {
   background: #000;
   padding: 2px 0px;
}
.ui-datepicker-control, .ui-datepicker-links {
   font-weight: bold;
   font-size: 80%;
}
.ui-datepicker-links label { /* disabled links */
   padding: 2px 5px;
   color: #888;
}
.ui-datepicker-clear, .ui-datepicker-prev {
   float: left;
   width: 34%;
}
.ui-datepicker-rtl .ui-datepicker-clear, .ui-datepicker-rtl .ui-datepicker-prev {
   float: right;
   text-align: right;
}
.ui-datepicker-current {
   float: left;
   width: 30%;
   text-align: center;
}
.ui-datepicker-close, .ui-datepicker-next {
   float: right;
   width: 34%;
   text-align: right;
}
.ui-datepicker-rtl .ui-datepicker-close, .ui-datepicker-rtl .ui-datepicker-next {
   float: left;
   text-align: left;
}
.ui-datepicker-header {
   padding: 1px 0 3px;
   background: #333;
   text-align: center;
   font-weight: bold;
   height: 1.3em;
}
.ui-datepicker-header select {
   background: #333;
   color: #fff;
   border: 0px;
   font-weight: bold;
}
.ui-datepicker {
   background: #ccc;
   text-align: center;
   font-size: 100%;
}
.ui-datepicker a {
   display: block;
   width: 100%;
}
.ui-datepicker-title-row {
   background: #777;
}
.ui-datepicker-days-row {
   background: #eee;
   color: #666;
}
.ui-datepicker-week-col {
   background: #777;
   color: #fff;
}
.ui-datepicker-days-cell {
   color: #000;
   border: 1px solid #ddd;
}
.ui-datepicker-days-cell a{
   display: block;
}
.ui-datepicker-week-end-cell {
   background: #ddd;
}
.ui-datepicker-title-row .ui-datepicker-week-end-cell {
   background: #777;
}
.ui-datepicker-days-cell-over {
   background: #fff;
   border: 1px solid #777;
}
.ui-datepicker-unselectable {
   color: #888;
}
.ui-datepicker-today {
   background: #fcc !important;
}
.ui-datepicker-current-day {
   background: #999 !important;
}
.ui-datepicker-status {
   background: #ddd;
   width: 100%;
   font-size: 80%;
   text-align: center;
}

/* ________ Datepicker Links _______

** Reset link properties and then override them with !important */
#ui-datepicker-div a, .ui-datepicker-inline a {
   cursor: pointer;
   margin: 0;
   padding: 0;
   background: none;
   color: #000;
}
.ui-datepicker-inline .ui-datepicker-links a {
   padding: 0 5px !important;
}
.ui-datepicker-control a, .ui-datepicker-links a {
   padding: 2px 5px !important;
   color: #eee !important;
}
.ui-datepicker-title-row a {
   color: #eee !important;
}
.ui-datepicker-control a:hover {
   background: #fdd !important;
   color: #333 !important;
}
.ui-datepicker-links a:hover, .ui-datepicker-title-row a:hover {
   background: #ddd !important;
   color: #333 !important;
}

/* ___________ MULTIPLE MONTHS _________*/

.ui-datepicker-multi .ui-datepicker {
   border: 1px solid #777;
}
.ui-datepicker-one-month {
   float: left;
   width: 185px;
}
.ui-datepicker-new-row {
   clear: left;
}

/* ___________ IE6 IFRAME FIX ________ */

.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}




/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
}
#jquery-lightbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    z-index: 100;
    text-align: center;
    line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
    position: relative;
    background-color: #fff;
    width: 250px;
    margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
    position: absolute;
    top: 40%;
    left: 0%;
    width: 100%;
    text-align: center;
    line-height: 0;
}
#lightbox-nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 98%;
    z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
    width: 49%;
    display: block;
    zoom: 1;
}
#lightbox-nav-btnPrev { 
    left: 0; 
    float: left;
}
#lightbox-nav-btnNext { 
    right: 0; 
    float: right;
}
#lightbox-container-image-data-box {
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%;
    padding: 0 10px 0;
}
#lightbox-container-image-data {
    padding: 0 10px; 
    color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
    width: 70%; 
    float: left; 
    text-align: left; 
}  
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
    display: block; 
    clear: left; 
    padding-bottom: 1.0em; 
}        
#lightbox-secNav-btnClose {
    width: 66px; 
    float: right;
    padding-bottom: 0.7em; 
}







#ibox_content { background: #fff; border-color: #222; color: #fff; }
#ibox_wrapper { background: #222; border-color: #444; }
#ibox_footer_wrapper { left: 0; right: 0; top: 0; padding: 3px 10px; }
#ibox_footer_wrapper, #ibox_footer_wrapper a { color: #8dd6e2; background: #444; }
#ibox_footer_wrapper a { color: #8dd6e2; font-weight: bold; text-decoration: none; padding: 0 3px; }
#ibox_content { padding: 10px; }
#ibox_wrapper { padding: 25px 0 0 0; }