@import url('biotics-theme/jquery-ui-1.8.21.custom.css');
@import url('scrollableTables.css');
@import url('jquery.jgrowl.css');
@import url('jquery.tagsinput.css');
@import url('fg.menu.css');


* {margin:0;padding:0}
p{margin:0 0 1em 0}
html,body{
  margin:0;
  padding:0;
  font-size: 0.9em;
  font-family: Calibri, Helvetica, Arial, sans-serif;
}
body{height:100%;}

hr {
  border-color: #E5BF87;
}
a:hover {
  color: #003d80;
}
a {
  text-decoration: none;
  color: #365700;
  font-weight: bold;
}

a.csh {
  white-space: nowrap;
}

a.disabled {
  cursor:default;
}
a img{
  border:0;
}
.helpText {
  color: #c07200;
}
.ui-widget-content a{
    color: #365700;
}
.roundedCorners {
    -moz-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
    border-style: none;
}


.fullRoundedCorners {
    border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
}

#mainContent{
  overflow:auto;
}

#top{
  white-space:nowrap;
  overflow:hidden;
}

span#inactiveLbl{
  color:red;
  font-size:1.4em;
  font-weight:bold;
  left:185px;
  position:absolute;
  text-transform: uppercase;
  padding-top:2px;
}
span#inprogressLbl{
  color:red;
  font-size:1.4em;
  font-weight:bold;
  right:10px;
  position:absolute;
  text-transform: uppercase;
  padding-top:2px;
}
#top-left{
  width:155px;
  margin: 0px 10px;
  float:left;
  vertical-align:middle;
}
#top-center{
  overflow:hidden;
  left:175px;
}
#pageHeader{
  background-color:#DDE0E4;
  font-size:1.1em;
}

#pageHeader div {
  min-height:50px;
}

#bottom{
  padding: 8px;
  overflow:hidden;
  background-color:#DDE0E4;
}

#bottom-left{
  width:155px;
  margin: 0px 10px;
  float:left;
  vertical-align:middle;
}
#bottom-center{
  float:left;
  left:175px;
}
#recNav{
  float:left;
  margin: 0px 10px;
}

#bottom-right{
  float:right;
  overflow:hidden;
}
#footerNav{
   background-color:#E5BF87;
   display:block;
   clear:both;
   margin:0px;
   padding:5px 0px;
}
#left{
  word-wrap: break-word;
  overflow: auto;
  border:none;
  background-color:#DDE0E4;
}

#top h1{
  text-align: center;
  font-size: 1.2em;
  color: #003D80;
  padding:2px 0px 8px 0px;
}

#top table{
  margin-left:5%;
  margin-right:5%;
  width:90%;
}

#nav {
  background-color: #FFF; /*#C07200;*/
    color:#343536;/*#003d80;*/
    font-size: 1.1em;
    font-weight: bold;
    height:50px;
    width: 100%;
}

#bioticsLogo {
  height: 50px;
  top: 0px;
  left: 10px;
  text-align: top;
}

#navMenu {
  display:inline-block;
  position: absolute;
  left:200px;
  top:0px;
}

#baseMap {
  margin-left:10px;
  width:400px;
  height:400px;
}
h2.section{
  border-width: 5px 1px 1px 1px;
  border-color: #E5BF87;
  border-style:solid;
  background-color: #003d80;
  color:#FFFFFF;
}
h2.section a, h2.section a:hover {
  color:#FFFFFF !important;
}

.section {
  margin-bottom: 10px;
  margin-top: 10px;
  padding-left: 10px;
  font-size: 1.1em;
}

.section-body {
  margin: 10px;
}


.fieldLabel {
  text-align:right;
  vertical-align:middle;
  color: #3C2600;
}
.section-body td {
  vertical-align: top;
}
td.fieldLabel{
  width:150px;
  min-width:100px;
  vertical-align:top !important;
}

td:nth-child(1).fieldLabel {
  text-align:left;
}

.fieldLabel:after {
  content:":";
}

#top .fieldLabel:after {
  content:":\00a0";
}
#recordXOfY {
  padding-left:5px;
}
fieldset {
  display: inline-block;
  padding: 1px 3px;
  margin:5px 2px;
}

fieldset.fs-default {
  display: block;
}

.fieldsetdiv {
  margin-bottom: 15px;
}
legend, .tableLegend {
  color: #003d80;
  font-weight: bold;
  font-size: 1.0em;
  padding: 2px;
}
table
{
  border-collapse:collapse;
}
/*td, th
{
  padding-left: 2px;
  padding-right: 2px;
  height:22px;
}
*/

#mainContent td, #mainContent th, #elementCreateForm td, #searchForm td, #searchResults td, #searchResults th{
  padding-left: 2px;
  padding-right: 2px;
  height:22px;
}
#mainContent td.fieldLabel {
  padding-left: 15px;
  text-indent: -15px;
}
div#searchResults{
  clear:right;
}
div.dialogButtons{
  text-align:right;
  padding:2px;
  width:100%;
}
img.searchSectionCheck{
  float:right;
}
td.gridData {
  vertical-align:top;
  padding-bottom:5px;
}

.wide {
   width: 100%;
}

.otherRecordData {
  border:none;
  background-color: #FDF4D2; /*#DDE0E4 80%; whitesmoke;*/
  margin: 5px 0px 5px 0px;
  width:99%;
}

.otherRecordData-body {
  padding: 0px 5px 0px 50px;
}

.otherRecordData-titlebar {
  background-color: #FDF4D2;
  font-weight: bold;
  font-size: 1.1em;
  cursor:pointer;
  padding: 4px;
}
.otherRecordData-toggle{
  position:absolute;
  right:28px;
}

/* Used to initially hide read-only versions of fields. Used in the proof of concept that deals with toggling between read-only and editable views of data. */
.readView {
  display: none;
}

tr.selectable:hover {
  background-color:#FFE98C;
}
.selectable {
  cursor:pointer;
}

.tableRowDetails {
  display: inline-block;
  margin: 5px 15px 5px 57px;
  padding: 5px;
  position: relative;
  color:#343536;
  min-width: 300px;
  background-color:#FFE98C;
}

.tableRowDetails-arrow{
  position:absolute;
  left:-57px;
  top:0px;
}

.tableRowDetails-help{
  position:absolute;
  right:20px;
}
.tableRowDetails-close{
  position:absolute;
  right:2px;
}

.tableRowDetails-titlebar {
  font-weight: bold;
  font-size: 1.1em;
  padding-left: 5px;
  color:#003D80;
}

.tableRowDetails-actionButtons {
    position:relative;
    height:100%
}

.pagerButtonsDiv {
}

.infoDialog  .ui-widget-header{
  background: #003d80;
  border: 1px solid #003d80;
}



button.button {
  font-weight: bold;
}

.compact.ui-button .ui-button-text { display: block; line-height: 0.8;  }
.compact.ui-button-text-only .ui-button-text { padding: 0.4em 0.4em; }
.compact.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.compact.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0em 0.4em 0em 2.1em; }
.compact.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0em 2.1em 0em 0.4em; }
.compact.ui-button-text-icons .ui-button-text {  padding: 0em 2.1em 0em 2.1em;}


.ui-button.ui-state-default {
  /*padding: 0.4em 0.4em;*/
  background:#608DBF;
    color:#FFFFFF;
    border-color:#608DBF;
}
.ui-button.ui-state-hover {
  /*padding: 0.4em 0.4em;*/
  background:#e5bf87;
    color:#003d80;
    border-color:#c07200;
}

.ui-button.ui-state-active {
  background:#c07200;
    color:#FFFFFF;
}

textarea#workingListDesc {
  resize:none;
  width:400px;
  height:50px;
  margin-left: 2px;
}
input.compact.ui-button { padding: 0.0em 0.4em; }


img.find, img.delete, img.remove, img.ui-datepicker-trigger{
    vertical-align: top;
}

img.add {
  vertical-align: top;
  padding-top: 2px;
}
input, select {
  margin:1px 2px 1px 2px;
}


input.button {
  font-weight: bold;
  margin-left: 2px;
}
label.inputLabel {
  white-space:nowrap; /*make the beginning of label and input has no breaks*/
}
label.inputLabel span{
  white-space:normal;  /*but the text itself can have breaks*/
}
/*
input[type="checkbox"], input[type="radio"]{
  position: relative;
  margin: 5px 5px 5px 2px;
  top: 2px;
}
*/

input[type="button"].find{
  background: url('../img/find.png') no-repeat;
  width:16px;
  border:none;
  cursor:pointer;
}
input[type="button"].delete{
  background: url('../img/Delete.png') no-repeat;
  width:16px;
  border:none;
  cursor:pointer;
}

input[type="button"].add{
  background: url('../img/add.png') no-repeat left center;
  border:none;
  cursor:pointer;
  text-indent: 12px;
}

.navMenuButton {
  cursor:default;
  display: inline-block;
    margin-bottom: 0px;
    color: #003D80;
    border-radius: 3px 3px 0px 0px;
    border-style: solid;
    border-color: transparent;
    border-width: 1px;
    background-color:transparent;
    padding-left: 3px;
    font-size: 1.0em;
}

.button {
  cursor:pointer;
  display: inline-block;
  padding:1px 2px 1px 2px;
  border-radius:3px;
  border-color:transparent;
  border: 1px solid transparent;
}
.button:hover {
  background-color:#E5BF87;
  border: 1px solid #c07200;
}
.button .blockBtnText{
  padding-left:17px;
  color:#003D80;
  display: inline-block;
  vertical-align:middle;
}

.button .btnText{
  vertical-align:top;
  color:#003D80;
  font-weight: normal;
  height:19px;
}

#wlDetailSaveForm-save .btnText{
  padding-left:17px;
}
.tableRowDetails-delete .blockBtnText, .tableRowDetails-update .blockBtnText{
  max-width:45px;
}
.tableRowDetails-previous .blockBtnText{
  max-width:30px;
  padding-right:0px;
}
.tableRowDetails-next .blockBtnText {
  max-width: 30px;
  padding-left:0px;
  padding-right:10px;
}
.ui-icon.leftArrowIcon{
  background: url('../img/arrow_left.png') no-repeat;
}
.ui-icon.rightArrowIcon{
  background: url('../img/arrow_right.png') no-repeat;
}
.ui-icon.editIcon{
  background: url('../img/Edit.png') no-repeat !important;
}
.editIcon {
  background: url('../img/Edit.png') no-repeat left center;
}
.pageStackIcon{
  background: url('../img/page_white_stack.png') no-repeat;
}
.updateIcon {
  background: url('../img/disk.png') no-repeat left center;
}
.removeIcon {
  background: url('../img/remove.png') no-repeat left center;
}
.removeAllIcon {
    background: url('../img/removeAll.png') no-repeat left center;
}
.deleteIcon {
    background: url('../img/Delete.png') no-repeat left center;
}
.upArrowIcon, .ui-icon.upArrowIcon {
  background: url('../img/arrow_up.png') no-repeat left center;
}
.prevRowIcon{
  background: url('../img/Prev.png') no-repeat left center;
}
.nextRowIcon{
  background: url('../img/Next.png') no-repeat right center;
}
.prevRecIcon{
  background: url('../img/resultset_previous.png') no-repeat center;
  vertical-align: middle;
  display:inline-block;
}
.nextRecIcon{
  background: url('../img/resultset_next.png') no-repeat center;
  vertical-align: middle;
  display:inline-block;
}
.firstRecIcon{
  background: url('../img/resultset_first.png') no-repeat center;
  vertical-align: middle;
  display:inline-block;
}
.lastRecIcon{
  background: url('../img/resultset_last.png') no-repeat center;
  vertical-align: middle;
  display:inline-block;
}
.calculatorIcon{
  background: url('../img/calculator.png') no-repeat left center !important;
}
.printIcon, .ui-icon.printIcon {
  background: url('../img/icons/printer.png') no-repeat;
}
.ui-icon {
  padding:0px;
  display:inline-block;
}
.ui-icon.tableExportIcon {
  background: url('../img/table_export.png') no-repeat;
}
.ui-icon.sortIcon {
  background: url('../img/sort_green.png') no-repeat;
}
.ui-icon.updateIcon {
  background: url('../img/disk.png') no-repeat;
}
.ui-icon.pageStackIcon{
  background: url('../img/page_white_stack.png') no-repeat;
}
.ui-icon.searchIcon{
  background: url('../img/find.png') no-repeat;
}
.ui-icon.addIcon{
  background: url('../img/add.png') no-repeat;
}
.ui-icon.removeIcon{
  background: url('../img/remove.png') no-repeat;
}
.ui-icon.removeAllIcon{
    background: url('../img/removeAll.png') no-repeat;
}
.ui-icon.deleteIcon{
    background: url('../img/Delete.png') no-repeat;
}
.ui-icon.selectIcon{
  background: url('../img/ok.gif') no-repeat;
}
.ui-icon.createIcon{
  background: url('../img/add.png') no-repeat;
}
.ui-icon.selAllIcon{
  background: url() no-repeat;
}
.ui-icon.clearSelAllIcon{
  background: url() no-repeat;
}
label.error, span.error, div.error, label[for$='WarningChk']{
  color:red;
  font-style:italic;
  font-weight:normal;
}

.loading-icon {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url('../img/busy.gif');
}

span[class*='cke_editor_'] {
  /*padding-bottom:15px;*/
  padding-top:3px;
  padding-bottom:3px;
}

td.big_ckeditor {
  padding-bottom:5px;
}
/* custom styles for ckeditor*/
.cke {
  margin-bottom:2px !important;
  margin-left: 2px !important;
  border: 1px solid #ABADB3 !important;
}
.cke_top {
  padding: 2px 2px 0px !important;
}

#cke_getRichTextDiagInput {
  height: 98% !important;
}
 
span.info {
  display: inline-block;
  background-image: url('../img/information.png');
  background-repeat:no-repeat;
  width: 16px;
    height: 16px;
}

.ui-widget { font-size: 1.0em !important; }

/* jqgrid */
/*
.ui-jqgrid .ui-pg-table td[id$='_right'] {
  width: 150px;
}
*/
.ui-jqgrid .loading {
  background: url('../img/busy.gif') no-repeat left;
  width:30% !important;
  background-color: white;
  border: 3px solid #AAA;
  padding:0px !important;
  margin:0px !important;
  font-size:2em !important;
  color:black;
}
.ui-jqgrid .ui-jqgrid-htable td,th{
  vertical-align:middle;
}
.ui-jqgrid .ui-jqgrid-btable td,th{
  vertical-align:middle;
}

.ui-jqgrid .ui-jqgrid-btable tr.ui-state-hover span.actionIcon,
.ui-jqgrid .ui-jqgrid-btable tr.ui-state-highlight span.actionIcon,
span.actionIcon.actionMenuVisible {
  display:inline-block;
}

span.actionIcon {
    display:none;
}

tr.ui-search-toolbar input{
  margin: 2px 0px 0px 0px !important;
}
/*
tr.ui-jqgrid-labels input{
  margin: 2px 0px 0px 1px;
}

.ui-jqgrid .ui-jqgrid-btable tr {
    margin-top: 2px !important;
}*/

.ui-jqgrid-bdiv{
  /*overflow-x : hidden !important;*/
}

.ui-jqgrid-titlebar{
  cursor:pointer;
  font-size:1.1em;
}

table.ui-jqgrid-btable {
  border-collapse: separate;
}

table.ui-jqgrid-htable
{
  table-layout:fixed;
}

table.ui-pg-table {
    border-collapse: separate;
}

table.ui-pg-table table.ui-pg-table {
  border-spacing: 2px;
}

.ui-jqgrid td.ui-pg-button.ui-corner-all{
  padding-right:2px !important;
  border: 1px solid transparent;
  border-radius: 3px;
  background-color: #DDE0E4;
  font-size: 13px;
  font-weight: bold;
}

.ui-jqgrid div.ui-jqgrid-toppager, .ui-jqgrid div.ui-jqgrid-pager{
  height: 28px !important;
}

.ui-jqgrid td.ui-pg-button .ui-separator {
  border-left: 1px solid #3d3d3d;
  border-right: 1px solid #3d3d3d;
}

.ui-jqgrid .ui-userdata .button {
  background-color: #DDE0E4;
  margin: 2px;
  padding: 2px;
}
.ui-jqgrid .ui-userdata .button .btnText {
  font-size: 13px;
  font-weight: bold;
}
.ui-jqgrid .ui-userdata {
    height: 28px !important;
}

#workingListGrid_toppager_right {
  width: 25%;
}

/* height and border make it match the dimensions of ui-pg-button so that text will align properly
   when displayed next to a button */
.ui-pg-info {
  border:1px;
  border-color:transparent;
  height:16px;
  color: #c07200;
}

.ui-dialog .ui-dialog-titlebar-help{ position: absolute; right: 42px; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-help span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-help:hover, .ui-dialog .ui-dialog-titlebar-help:focus { padding: 0; }

.ui-dialog .ui-dialog-titlebar-min{ position: absolute; right: 23px; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-min span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-min:hover, .ui-dialog .ui-dialog-titlebar-min:focus { padding: 0; }

.ui-dialog .ui-dialog-titlebar-rest{ position: absolute; right: 23px; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-rest span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-rest:hover, .ui-dialog .ui-dialog-titlebar-rest:focus { padding: 0; }

.minDialog {
  height: 30px !important;
  opacity: 0.6;
  filter: Alpha(Opacity=60);
}

ul#left-menu {
  list-style-type:none;
}

#left-menu li a{
  display: block;
  text-align:center;
  padding: 5px 0px;
}

#left-menu li a:hover{ /*hover state CSS*/
  background-color: #E5BF87;
}

#left-menu li.dynamic-section a {
  font-style: italic;
}

.accordionMenu{
  width: auto;
  min-width:160px;
}

.accordionMenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
color:#003D80;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
margin-right: 10px;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor:default;
}

.accordionMenu .expandable{
  cursor:pointer;
}
.accordionMenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
/*background-image: url(titlebar-active.png);*/
}

.accordionMenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0px 0px 0px 10px;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
}

.accordionMenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
font-size: 90%;
}

.accordionMenu ul li a{
background: /*url(arrowbullet.png)*/ no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 20px; /*link text is indented*/
margin-right:10px;
/*border-bottom: 1px solid #dadada;*/
text-decoration: none;
font-weight: bold;
}

.accordionMenu ul li a:hover{ /*hover state CSS*/
background-color: #E5BF87;
}

#footerNav ul
{
margin: 0;
padding: 0;
text-align: center;
}

#footerNav ul li {
  display: inline;
  padding: .5em .5em;
}

.disabled {
  color:grey !important;
}

.iconWrapper{
  display:inline-block;
}

table.bGrid {
  border-collapse: collapse;
  border: 1px solid #dde0e4;
  -moz-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
}
table.bGrid thead tr {
  color: #003d80;
  font-weight:bold;
}
table.bGrid thead tr:nth-child(1)  {
  background-color: #dde0e4;
  text-align: left;
}
table.bGrid tbody tr:hover {
  background: #e5bf87;
}
table.bGrid td:nth-child(1){
  text-align:left;
}
table.bGrid td {
  text-align:center;
  vertical-align:middle;
  border: 1px solid #dde0e4;
}

#higherClassUnitSearch div.jstree li[rel="leaf_node"] a {
  color:#003d80;
}


.jgrowlMessageContent {
  max-height: 300px;
  overflow: auto;
}

dd {
  margin-left: 20px;
}



/*
 *  JQuery UI Layout Rezsizer Bars
 *  taken from http://layout.jquery-dev.net/lib/css/layout-default-latest.css
 */
.ui-layout-resizer  { /* all 'resizer-bars' */
  background:   #AAA;
  border:     1px solid #AAA;
  border-width: 0;
  }
  .ui-layout-resizer-drag {   /* REAL resizer while resize in progress */
  }
  .ui-layout-resizer-hover  { /* affects both open and closed states */
  }
  /* NOTE: It looks best when 'hover' and 'dragging' are set to the same color,
    otherwise color shifts while dragging when bar can't keep up with mouse */
  .ui-layout-resizer-open-hover , /* hover-color to 'resize' */
  .ui-layout-resizer-dragging { /* resizer beging 'dragging' */
    background: #E5BF87;
  }
  .ui-layout-resizer-dragging { /* CLONED resizer being dragged */
    border:    1px solid #BBB;
  }
  .ui-layout-resizer-north-dragging,
  .ui-layout-resizer-south-dragging {
    border-width: 1px 0;
  }
  .ui-layout-resizer-west-dragging,
  .ui-layout-resizer-east-dragging {
    border-width: 0 1px;
  }
  /* NOTE: Add a 'dragging-limit' color to provide visual feedback when resizer hits min/max size limits */
  .ui-layout-resizer-dragging-limit { /* CLONED resizer at min or max size-limit */
    background: #E1A4A4; /* red */
  }

  .ui-layout-resizer-closed-hover { /* hover-color to 'slide open' */
    background: #EBD5AA;
  }
  .ui-layout-resizer-sliding {  /* resizer when pane is 'slid open' */
    opacity: .10; /* show only a slight shadow */
    filter:  alpha(opacity=10);
    }
    .ui-layout-resizer-sliding-hover {  /* sliding resizer - hover */
      opacity: 1.00; /* on-hover, show the resizer-bar normally */
      filter:  alpha(opacity=100);
    }
    /* sliding resizer - add 'outside-border' to resizer on-hover
     * this sample illustrates how to target specific panes and states */
    .ui-layout-resizer-north-sliding-hover  { border-bottom-width:  1px; }
    .ui-layout-resizer-south-sliding-hover  { border-top-width:   1px; }
    .ui-layout-resizer-west-sliding-hover { border-right-width: 1px; }
    .ui-layout-resizer-east-sliding-hover { border-left-width:  1px; }


 .ui-datepicker-close {
  display: none;
 }

 #searchResultNav_center {
  width: 0px;
 }
 
 #autoCalcSection td.fieldLabel {
  padding-top: 0.45em;
  width: 18.5em;
 }
 
 #storeCalculatedThreatImpactBtn {
  margin:0px 0px 5px 20px;
 }
 
 #elSubnatlThreatsAssesses_iucnThreatScope, #elSubnatlThreatsAssesses_iucnThreatSeverity, #elSubnatlThreatsAssesses_iucnThreatTiming,
 #elNatlThreatsAssesses_iucnThreatScope, #elNatlThreatsAssesses_iucnThreatSeverity, #elNatlThreatsAssesses_iucnThreatTiming,
 #elGlobalThreatsAssesses_iucnThreatScope, #elGlobalThreatsAssesses_iucnThreatSeverity, #elGlobalThreatsAssesses_iucnThreatTiming {
  width: 17em;
 }