/******************************************/
/************** Left-Nav ******************/
/******************************************/

.nav-tabs > li.nav-active, .nav-tabs > li.nav-disabled {
  padding: 8px 12px;
  line-height: 20px;
}
.nav-left > li.nav-active, .nav-left > li.nav-disabled {
  color: #333;
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALBAMAAABWnBpSAAAAJFBMVEUAAAAeHh4wMDA6OjpNTU0pKSkcHBw+Pj4uLi4ZGRkzMzM7OzuLhd4nAAAAAXRSTlMAQObYZgAAADVJREFUCNdj4JzAAAZT2yD0rhUJYJplFVTACyrAvKoRTE9aVQCiOKOWQ/RBuAy7IFwGFggXAGMrDWXVBnRsAAAAAElFTkSuQmCC') /*right_nav.png*/ 95% 50% no-repeat;
  overflow: hidden;
  border-bottom: 2px solid #eee!important;
}
.nav-tabs.nav-stacked > li.nav-active, .nav-tabs.nav-stacked > li.nav-disabled {
  border: 1px solid #ddd;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li.nav-active:first-child, .nav-tabs.nav-stacked > li.nav-disabled:first-child{
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}
.nav-tabs.nav-stacked > li.nav-active:last-child, .nav-tabs.nav-stacked > li.nav-disabled:last-child {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}

.nav-tabs.nav-stacked > li.nav-active {
  background-color: #738A98;
  color: #fff;
}
.nav-tabs.nav-stacked > li.nav-disabled {
  background-color: #b1b1b1;
  /* Theoretically for IE 8 & 9 (more valid) */
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  /* This works in IE 8 & 9 too ... but also 5, 6, 7 */
  filter: alpha(opacity=50);
  /* Modern Browsers */
  opacity: 0.5;
}
.inline-validation-block {
    display:inline-block
}
 span.inline-validation-block span.field-validation-error {
     display:Inline
}


/*ADD TO CORE.CSS*/
.nav-tabs.nav-stacked > li > i.icon-ok {
  position: absolute;
  margin-top: 11px;
  margin-left: 5px;
}
/*ADD TO CORE.CSS*/
.nav-tabs > li > a, .nav-tabs.nav-stacked > li.nav-active, .nav-tabs.nav-stacked > li.nav-disabled {
  padding-right: 25px;
  padding-left: 25px;
}

/******************************************/
/************** End Left-Nav **************/
/******************************************/


/******************************************/
/************ General Styling *************/
/******************************************/

#new-person-body.modal-body, #new-int-person-body.modal-body { max-height: 495px; }
.extra-top { padding-top: 12px; }
.nations-dropdown { width: auto;}
.sig-header { width: 75px; }
.modal-title-split > h3, .modal-title-split > a { display: inline-block; }

.TablePad > tbody > tr > td { padding-left:8px }

select { margin-bottom:1px;}
/******************************************/
/********** End General Styling ***********/
/******************************************/


/******************************************/
/************* Signature Group ************/
/******************************************/

#signature-group { min-height: 75px; }
  #signature-group .input-append { width: 100%;}
  #signature-group ul.form-fields li { margin-top: 0; }
  #signature-group .control-group .checkbox { margin-top: 25px; }
  #signature-group .control-group select { border-radius: 0 4px 4px 0; }

@media (max-width: 767px) {
  #signature-group .control-group select { display: block; width: 100%;} 
}



/******************************************/
/*********** End Signature Group **********/
/******************************************/


/******************************************/
/************* Action Icons ***************/
/******************************************/
.actions-header { width: 70px; }
.action-icons { margin: 0; list-style: none; }
  .action-icons li { display: inline-block; *display: inline; margin: 0 5px;}
  .action-icons li.action-icons-fromJavascript {margin:0px 8px}
  .action-icons a { text-decoration: none; }
  
@media (max-width: 430px) {
  .action-icons li { display: block; text-align: center; }
}
 


/******************************************/
/************* End Action Icons ***********/
/******************************************/


.underline { text-decoration: underline;}
.auto-width { width: auto; }