/* -------------------------------------  Generalized Elements CSS ----------------------------------------  */
body {
      font-family: Verdana, Arial, Helvetica;
      font-size: 11px;
      background-color:#FFFFFF;
      margin: 0 auto;
      padding: 0 ;
      /*overflow:hidden;*/
      -ms-content-zooming: none;
}

#office_frame {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      margin: 0;
      border: none;
      display: block;
}

table {
      border-collapse: separate;
}
/* -- anchor links -- */
a {
      text-decoration: none;
}
/*a:unknown {
      color: #f90;
      text-decoration:underline;
}
a:unknown {
      COLOR: #69c;
      TEXT-DECORATION: none
}*/
a:link, a:visited, a:active {
      color: #222222;
      text-decoration: none;
      font-weight: bold;
}

a:hover {
      color:#222222;
      text-decoration: underline;
}

/* --form elements-- */
input {
      font-size:11px;
}
select {
      font-size:11px;
      cursor:pointer;
}

/*--ckeditor -- */
.ckfont  
{
      font-size:15px;
}

/*-- tables -- */
td {
	  color: #333; 
      font-family: Verdana, Arial, Helvetica;
      font-size: 11px;
}
tr.header td a {
      color: #222222;
      text-decoration: none;
      font-weight: bold;
      font-size: 10px;
}

td.button{
      font-weight: bold;
      text-decoration: none;
      color: #000000;
      vertical-align: top;
      font-family: Helvetica, Verdana;
      font-size: 8pt;
      background-color: LightGrey;
      padding: 1px 5px 1px 5px;
      border-style: outset;
      border-color: white;
      border-width: 2px;
      height: 22px;
}
img 
{
      border:0;
}
/* -------------------------------------  Specialized Elements CSS ----------------------------------------  */
.abutton_woimage {
      display: /*-moz-inline-stack,*/ inline-block;
      height: 22px;  
      background-color:#eaeaea;
      /*-moz-border-radius:30px;*/
      /*-webkit-border-radius:30px;*/
      border-radius:28px;
      border:1px solid #a7a7a7; 
      cursor: default;
      color: #000000; 
      /*align: center;*/
      vertical-align: middle;
      text-align: center;
      float: center;
      font-family: Calibri;
      font-size: 1.1em;  
      font-weight: normal;
      font-style: normal;
      white-space: nowrap;
} 
.abutton_woimage:hover {
      text-decoration: none !important;
      color: #000000; 
      white-space: nowrap;
}
button#selector {
      font-weight: bold;
      text-decoration: none;
      color: #000000;
      font-family: Helvetica, Verdana;
      font-size: 8pt;
      height:22px;
      vertical-align: top;
      padding: 0px 0px 0px 0px;
}
button#selector img
{
    vertical-align: middle;
}
a.button.button.button {
      font-weight: bold;
      text-decoration: none;
      color: #333333;
      vertical-align: middle;
      font-family: Tahoma;
      font-size: 8pt;
      background-color: LightGrey;
      padding: 5px;
      border-style: outset;
      border-color: white;
      border-width: 2px;
      height: 20px;
      white-space: nowrap;
/* apply style to button panel
      background-image: url(  'javascript:var links = document.getElementsByTagName("a");  for(var i = 0; i<links.length; i++){ if (links[i].className == "button") links[i].parentNode.parentNode.parentNode.parentNode.className = "buttonPanel" ;}   '   )
*/
}
a.buttonblock {
      font-weight: bold;
      text-decoration: none;
      color: #333333;
      vertical-align: middle;
      font-family: Tahoma;
      font-size: 8pt;
      background-color: LightGrey;
      padding: 0px 5px 0px 5px;
      border-style: outset;
      border-color: white;
      border-width: 2px;
      height: 20px;
      white-space: nowrap;
/* apply style to button panel
      background-image: url(  'javascript:var links = document.getElementsByTagName("a");  for(var i = 0; i<links.length; i++){ if (links[i].className == "button") links[i].parentNode.parentNode.parentNode.parentNode.className = "buttonPanel" ;}   '   )
*/
}
div.button{
      cursor:pointer;
     font-weight: bold;
     text-decoration: none;
     color: #000000;
      vertical-align: top;
     font-family: Helvetica, Verdana;
     font-size: 8pt;
      background-color :LightGrey ;
      border-style : outset ;
      border-color :white ;
      border-width : 2px;
      width :100%;
      padding :3px;
      margin: 0 auto;
      white-space: nowrap;
}
div.buttonHover{
      cursor:pointer;
      color: #DDDDDD;
    font-weight: bold;
      background-color: gray;
      border-style: inset;
     font-family: Helvetica, Verdana;
     font-size: 8pt;
      border-color: LightGrey;
      border-width: 2px;
    padding : 3px;
    margin: 0 auto;
    white-space: nowrap;
}

div.button-disable
{
     cursor:pointer;
     font-weight: bold;
     text-decoration: none;
     color: #000000;
     vertical-align: top;
     font-family: Helvetica, Verdana;
     font-size: 8pt;
     background-color :LightGrey ;
     border-style : outset ;
     border-color :white ;
     border-width : 2px;
     width :100%;
     padding :3px;
     margin: 0 auto;
     white-space: nowrap;
     opacity: 0.5;
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year 
{
	width: 50%;
	display: inline !important;
}

#ui-datepicker-div ,.ui-datepicker
{
	z-index: 1000000 !important;
	width: 12%;
	min-width: 176px;
}

a.button.button.button:hover {
      color: #DDDDDD;
      text-decoration: none;
      background-color: gray;
      border-style: inset;
      border-color: LightGrey;
      border-width: 2px;
      height: 20px;
      white-space: nowrap;
}
a.buttonblock:hover {
      color: #DDDDDD;
      text-decoration: none;
      background-color: gray;
      border-style: inset;
      border-color: LightGrey;
      border-width: 2px;
      height: 20px;
      white-space: nowrap;
}
a.button img {
      vertical-align: middle;
      white-space: nowrap;
}
a.buttonblock img {
      vertical-align: middle;
      white-space: nowrap;
}
a.button_highlight1 {
/*    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    vertical-align: middle;
    font-family: Tahoma;
    font-size: 8pt;
    background-color: #D3D3D3;
    padding: 0px 5px 0px 5px;
    border-style: outset;
    border-color: white;
    border-width: 2px;
    height: 25px;
    width: 400px;
    white-space: nowrap;*/
      
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    vertical-align: middle;
    font-family: Tahoma;
    font-size: 8pt;
    background-color: #D3D3D3;
    border-style: outset;
    border-color: white;
    border-width: 2px;
    height: 25px;
    width: 438px;
    white-space: nowrap;
    padding: 8px 3px 0px 4px;
      
}
a.button_highlight1:hover {
    display: block;
    font-weight: bold;
    text-decoration: none;
    color: #000000;
    vertical-align: middle;
    font-family: Tahoma;
    font-size: 8pt;
    background-color: #D3D3D3;
    /*padding: 0px 5px 0px 5px;*/
    border-style: inset;
    border-color: LightGrey;
    border-width: 2px;
    /*      height: 25px;
    width: 400px;
    white-space: nowrap;*/
    width: 438px;
    white-space: nowrap;
    padding: 8px 3px 0px 4px;
      
}
a.button_highlight1 img {
/*      vertical-align: middle;
      white-space: nowrap;*/      
    vertical-align: middle;
    white-space: nowrap;
    padding: 0px 2px; 
}
a.button_highlight2 {
	  display: block;
      font-weight: bold;
      text-decoration: none;
      color: #000000;
      vertical-align: middle;
      font-family: Tahoma;
      font-size: 8pt;
      background-color: #D3D3D3;
      padding:1px;
      border-style: outset;
      border-color: white;
      border-width: 2px;
      height: 25px;
      width: 250px;
      white-space: nowrap;
}
a.button_highlight2:hover {
	  display: block;
      font-weight: bold;
      text-decoration: none;
      color: #000000;
      vertical-align: middle;
      font-family: Tahoma;
      font-size: 8pt;
      background-color: #D3D3D3;
      padding: 1px;
      border-style: inset;
      border-color: LightGrey;
      border-width: 2px;
      height: 25px;
      width: 250px;
      white-space: nowrap;
}
a.button_highlight2 img {
      vertical-align: middle;
      white-space: nowrap;
}

a.button_highlight3 {
	  display: block;
      font-weight: bold;
      text-decoration: none;
      color: #000000;
      vertical-align: middle;
      text-align: left;
      font-family: Tahoma;
      font-size: 8pt;
      background-color: #D3D3D3;
      padding:1px;
      border-style: outset;
      border-color: white;
      border-width: 2px;
      height: 25px;
      width: 200px;
      white-space: nowrap;
}
a.button_highlight3:hover {
	  display: block;
      font-weight: bold;
      text-decoration: none;
      color: #000000;
      vertical-align: middle;
      text-align: left;
      font-family: Tahoma;
      font-size: 8pt;
      background-color: #D3D3D3;
      padding: 1px;
      border-style: inset;
      border-color: LightGrey;
      border-width: 2px;
      height: 25px;
      width: 200px;
      white-space: nowrap;
}
a.button_highlight3 img {
      vertical-align: middle;
      text-align: left;
      white-space: nowrap;
}


a.back_button {
      font-family:Verdana, Arial, Helvetica, sans-serif;
      color: #ffffff;
      text-decoration: none;
      font-size: 14px;
      font-weight: bold;
      vertical-align: middle;
      padding: 5px 10px;
      height: 30px;
      white-space: nowrap;
      cursor: pointer;
}

a.back_button:hover {
}
a.back_button img {
      vertical-align: middle;
      margin-bottom:3px;
      white-space: nowrap;
}

/*SELECT#250 {
      width: 250px;
}*/

div.info {
      position: absolute;
      visibility: hidden;
      background-color: #FFFFFF;
      border-width: 2px;
      border-style: solid;
      border-color: #000000;
}

TD#ThreeD_blue {
      background-color: #D2E9FF;
      border-bottom-style: solid;
      border-bottom-color: #5A79A5;
      border-bottom-width: 2px;
      border-right-width: 2px;
      border-right-color: #5A79A5;
      border-right-style: solid;
      border-top-style: solid;
      border-top-color: #FFFFFF;
      border-top-width: 2px;
      border-left-width: 2px;
      border-left-color: #FFFFFF    ;
      border-left-style: solid;
      text-align: right;
      color: #525252;
}

TD#row_box {
      background-color: #F0F0F0;
      border-bottom-style: solid;
      border-bottom-color: #5A79A5;
      border-bottom-width: 1px;
      border-right-width: 1px;
      border-right-color: #5A79A5;
      border-right-style: solid;
      border-top-style: solid;
      border-top-color: #5A79A5;
      border-top-width: 1px;
      border-left-width: 1px;
      border-left-color: #5A79A5    ;
      border-left-style: solid;
      margin-bottom: 10px;
}

TD#ThreeD_gray {
      background-color: #E0E0E0;
/*
      border-bottom-style: solid;
      border-bottom-color: #828282;
      border-bottom-width: 2px;
      border-right-width: 2px;
      border-right-color: #828282;
      border-right-style: solid;
      border-top-style: solid;
      border-top-color: #FFFFFF;
      border-top-width: 2px;
      border-left-width: 2px;
      border-left-color: #FFFFFF    ;
      border-left-style: solid;
*/

      text-align: right;
      color: #525252;
}

TD#Menu {
      background-color: #E0E0E0;
      border-bottom-style:  solid;
      border-bottom-color: #828282;
      border-bottom-width: 2px;
      border-right-width: 2px;
      border-right-color: #828282;
      border-right-style: solid;
      border-top-style:  solid;
      border-top-color: #FFFFFF;
      border-top-width: 2px;
      border-left-width: 2px;
      border-left-color: #FFFFFF    ;
      text-align: left;
      font-family: "Trebuchet MS";
      font-size: 11px;
      font-weight: bold;
      color: black;
      width: 194px;
      height: 30px;
}

TD.tbl_strb{
      background-color: #EFEFEF;
}



.t {background: url('../images/dot.gif') repeat-x 0 0; width: 100%;}
.l {background: url('../images/dot.gif') repeat-y 0 0; }
.bl {background: url('../images/bl.gif') no-repeat 0 100%; }
.br {background: url('../images/br.gif') no-repeat 100% 100%; }
.tl {background: url('../images/tl.gif') no-repeat 0 0; }
.tr {background: url('../images/tr.gif') no-repeat 100% 0; padding:10px;}

.smalltext {
      FONT-FAMILY: Verdana, Arial, Helvetica; 
      FONT-SIZE: 10px;
}
.whitesmalltext {
      COLOR: #FFFFFF; 
      FONT-FAMILY: Verdana, Arial, Helvetica; 
      FONT-SIZE: 10px;
}
.whiteboldtext {
      COLOR: #FFFFFF;
      FONT-FAMILY: Verdana, Arial, Helvetica; 
      FONT-SIZE: 10px; 
      FONT-WEIGHT: bold
}
.blackboldtext {
      COLOR: #000000; 
      FONT-FAMILY: Verdana, Arial, Helvetica; 
      FONT-SIZE: 10px; 
      FONT-WEIGHT: bold;
}
.blacktext {
      COLOR: #000000; 
      FONT-FAMILY: Verdana, Arial, Helvetica; 
      FONT-SIZE: 10px;
}
.bannertext {
      FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 14px; FONT-WEIGHT: bold;
}
.sectiontext {
      FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 14px; FONT-WEIGHT: bold;
}
.questiontext {
      FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 11px; FONT-WEIGHT: bold;
}
.tdbold {
      FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 11px; FONT-WEIGHT: bold;
}

.default {
      FONT-FAMILY: Verdana, Arial, Helvetica; FONT-SIZE: 11px; TEXT-ALIGN: left;
}

.tablehdg td {
      color:#222222; text-decoration: none; font-weight: bold; font-size:10px;
}

.smallprint {
      FONT-FAMILY: Arial, Helvetica; FONT-SIZE: 10px;
}

.instruction {
      BORDER-COLOR: #A3BDED;
      BORDER-STYLE: solid;
      BORDER-WIDTH: 1pt;
      PADDING-LEFT: 3px;
      PADDING-TOP: 3px;
      PADDING-RIGHT: 3px;
      PADDING-BOTTOM: 3px;
      display: inline-block;
}

.grayBoxFilled {
      border:1px solid #cccccc; padding:3px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
      FONT-SIZE: 11px;
      FONT-WEIGHT: bold;
    text-align:right;
    /*verticle-align:top;*/
      BACKGROUND-COLOR: #eeeeee;
    padding:7px;

}
.tabpadbar{ background: #3d77cb ; height:4px;}
div.tabs {
	display: block;
}
a.tab {
	/*flex-grow: 1;*/
	/*flex: 1 1 50px;*/
	white-space: nowrap;
	
	color: #E4E4E4;
	display: block;
	float:left;
	padding:4px 15px 4px 15px;
	text-align:center;
	background-color: #047D7D;
	border: 1px 1px 1px 1px;
	border-color: #035858;
	margin-bottom: -1px;
	text-decoration: none;
	cursor: pointer;
}
a.tab:hover {
	color: white;
}
a.tab.selected {
	color: white;
	background-color: #035858
}
.tabselected {
    background: #3d77cb;
    cursor: pointer;
    border:1px solid #3d77cb;
}


.tabhidden {
      cursor: pointer;
      vertical-align:bottom;
      background: #eceef1;
      text-align:left;
      border:1px solid #AAAAAA;
}

.tabselected, .tabhidden {
	padding: 4px 15px 4px 15px;
}

span.tabselected, span.tabhidden,
a.tabselected, a.tabhidden {
	display: block;
	float: left;
	height: auto !important;
	margin-bottom: -1px;
	margin-left: -1px;
}
td.tabselected {
	height: 2px;
}
.tabhidden a {

    padding: 0;

}
.tabbarshort {
	display: none;
    vertical-align:bottom;
      width:1px;
      background: #AAAAAA;

}
.tabbartall {
	display: none;
    vertical-align:bottom;
      width:1px;
      background: #3d77cb;
}

.tabselected a:visited{color:#FFFFFF;text-decoration:none;}
.tabselected a:link{color:#FFFFFF; text-decoration:none;}
.tabselected a:active{color:#FFFFFF;text-decoration:none;}
.tabhidden a:visited{padding:0;color:#204785;  text-decoration:none;}
.tabhidden a:link{padding:0;  color:#204785;   text-decoration:none;}
.tabhidden a:active{padding:0;      color:#204785;   text-decoration:none;}

.tabhidden a:hover {
      color:#95b3de;
    /*BACKGROUND:#95b3de;*/
      CURSOR: pointer;
}


.seltab {
      BORDER-RIGHT: #666666 1pt solid;
      BORDER-TOP: #666666 1pt solid;
      FONT-WEIGHT: bold;
      FONT-SIZE: 8pt;
      BACKGROUND: white;
      BORDER-LEFT: #666666 1pt solid;
      CURSOR: pointer;
      PADDING-TOP: 3px;
      TEXT-DECORATION: none;
}
.hiddentab {
      BACKGROUND: white; COLOR: white; BORDER-BOTTOM: #666666 1pt solid;
}


.tab {
      BORDER-RIGHT: #666666 1pt solid;
      BORDER-TOP: #666666 1pt solid;
      FONT-WEIGHT: normal;
      FONT-SIZE: 8pt;
      BACKGROUND: #C6BEB8;
      BORDER-LEFT: #666666 1pt solid;
      CURSOR: pointer;
      PADDING-TOP: 3px;
      BORDER-BOTTOM: #666666 1pt solid;
      /*FONT-FAMILY: <%=FontName%>;*/
      TEXT-DECORATION: none
}
.tabbodynew {
      PADDING-TOP: 4pt;
      PADDING-BOTTOM: 4pt;
      PADDING-RIGHT: 4pt;
      PADDING-LEFT: 4pt;
      BORDER-RIGHT: #666666 1pt solid;
      BORDER-LEFT: #666666 1pt solid;
      BORDER-BOTTOM: #666666 1pt solid;
      BACKGROUND: white;
}

.submission-tabs {
	border-radius: 15px 15px 0 0;
	margin-left: 5px !important;
	margin-top: 5px !important;
}

.errormessage{
      font-family:Verdana, Arial, Helvetica;    color:#D60027;    font-size:12pt;   font-weight:normal;
}

table.tableCellBorderBk, table.tableCellBorder, table.tableCellBorderGr, table.thickTableCellBorderGr
{
      border-collapse: collapse;
}
table.tableCellBorder>tbody>tr>td, table.tableCellBorder>tbody>tr>th, table.tableCellBorder>thead>tr>th, table.tableCellBorder>thead>tr>td
{
      border:1px solid #CCCCCC;
}
table.tableCellBorderBk>tbody>tr>td, table.tableCellBorderBk>tbody>tr>th, table.tableCellBorderBk>thead>tr>th, table.tableCellBorderBk>thead>tr>td
{
      border:1px solid #000000;
}
table.tableCellBorderGr>tbody>tr>td, table.tableCellBorderGr>tbody>tr>th, table.tableCellBorderGr>thead>tr>th
{
      border:1px solid #999999;
}

table.thickTableCellBorderGr>tbody>tr>td, table.thickTableCellBorderGr>tbody>tr>th, table.thickTableCellBorderGr>thead>tr>th
{
      border:2px solid #999999;     
}

table.NoBorder, table.NoBorder>tbody>tr>td, table.NoBorder>tbody>tr>th, table.NoBorder>thead>tr>th
{
      border:0;
      border-collapse:collapse;
}

table.TdPadding1px>tbody>tr>td, table.TdPadding1px>tbody>tr>th, table.TdPadding1px>thead>tr>th
{
      padding:1px;
}
table.TdPadding2px>tbody>tr>td, table.TdPadding2px>tbody>tr>th, table.TdPadding2px>thead>tr>th
{
      padding:2px;
}
table.TdPadding3px>tbody>tr>td, table.TdPadding3px>tbody>tr>th, table.TdPadding3px>thead>tr>th
{
      padding:3px;
}
table.TdPadding4px>tbody>tr>td, table.TdPadding4px>tbody>tr>th, table.TdPadding4px>thead>tr>th
{
      padding:4px;
}
table.TdPadding5px>tbody>tr>td, table.TdPadding5px>tbody>tr>th, table.TdPadding5px>thead>tr>th
{
      padding:5px;
}
table.TdPadding6px>tbody>tr>td, table.TdPadding6px>tbody>tr>th, table.TdPadding6px>thead>tr>th
{
      padding:6px;
}
table.TdPadding7px>tbody>tr>td, table.TdPadding7px>tbody>tr>th, table.TdPadding7px>thead>tr>th
{
      padding:7px;
}
table.TdPadding8px>tbody>tr>td, table.TdPadding8px>tbody>tr>th, table.TdPadding8px>thead>tr>th
{
      padding:8px;
}
table.TdPadding9px>tbody>tr>td, table.TdPadding9px>tbody>tr>th, table.TdPadding9px>thead>tr>th
{
      padding:9px;
}
table.TdPadding10px>tbody>tr>td, table.TdPadding10px>tbody>tr>th, table.TdPadding10px>thead>tr>th
{
      padding:10px;
}
table.TdPadding15px>tbody>tr>td, table.TdPadding15px>tbody>tr>th, table.TdPadding15px>thead>tr>th
{
      padding:15px;
}

table.WhiteSpaceNoWrap td, table.WhiteSpaceNoWrap th
{
      white-space:nowrap;
}


/* LOCK TABLE  */
table#lockable {
table-layout: auto;
/*border-radius:20px ! important;
border-spacing:0px ! important;
border-collapse: collapse;*/
}

table#lockable thead th, table#lockable thead th.locked     {
position:relative;
cursor: default;
}
table#lockable thead th {
z-index: 20;
}
table#lockable thead th.locked {z-index: 30;}
table#lockable td.locked,  table#lockable th.locked{
background-color: #ffeaff;
font-weight: bold;
border-right: 1px solid silver;
position: relative;
z-index: 10;
}

/*
      LOCK table 2
*/


div#tbl-container2 {
padding:2px;
overflow: auto;
}

table#lockable2 {
border-collapse: collapse;
}


table#lockable2 thead th, table#lockable2 thead th.locked   {
position:relative;
cursor: default;

}


table#lockable2 thead th {
z-index: 20;
}

table#lockable2 thead th.locked {z-index: 30;}

table#lockable2 td.locked,  table#lockable2 th.locked{
background-color: #ffeaff;
font-weight: bold;
border-right: 1px solid silver;
position: relative;
z-index: 10;
}

/*
      LOCK table 3
*/


div#tbl-container3 {
padding:2px;
overflow: auto;
}

table#lockable3 {
border-collapse: collapse;
}


table#lockable3 thead th, table#lockable2 thead th.locked   {
position:relative;
cursor: default;
}


table#lockable3 thead th {
z-index: 20;
}

table#lockable3 thead th.locked {z-index: 30;}

table#lockable3 td.locked,  table#lockable3 th.locked{
background-color: #ffeaff;
font-weight: bold;
border-right: 1px solid silver;
position: relative;
z-index: 10;
}

.sig  {
color:#6633ff;
font-style: italic;
letter-spacing: 2px;
}
/*  END LOCK TABLE  */


/* ------------------------------
    Patient Demographics
   ------------------------------ */
td.box_label {
      text-align: left;
      font-weight: bold;
      background-color: #EFEFEF;
}

td.info_label {
      text-align: right;
      font-weight: bold;
      background-color: #EFEFEF;
}

td.info_input {
      text-align: left;
      background-color: #FFFFFF;
}

table.info_section {
      border: 2px solid #A3BDED;
      background-color: #FFFFFF;
}

span.star {
      color: #CC0000;
}
/* ------------------------------
    font bold
   ------------------------------ */
b.nobg {
      background:none;
}
/* ------------------------------
    Grants
   ------------------------------ */
table.grtgroup_table 
{
      border: 1px solid rgb(102, 102, 102);      
}

td.grtgroup_label 
{
      text-align: left;
      font-weight: bold;
      background-color: #EFEFEF;
}
/* ------------------------------
    INC_RB_Meeting1
   ------------------------------ */

td.meeting_label_cell {
      background-color: #EFEFEF;
      white-space: nowrap;
}

td.meeting_member_cell {
      font-weight: bold;
      text-align: left;
      vertical-align: top;
      white-space: nowrap;
}

span.meeting_label_text {
      font-family: Verdana;
      font-size: xx-small;
      font-weight: bold;
}

input.time {
      text-align: right;
}

@media screen
{
      #selector {position:relative;visibility:visible;display:block;z-index:100;overflow:visible!important;}
      #main {position:relative;visibility:visible;display:block;border-style:solid;border-width:0px;overflow:auto;height:768px;}
      #tbl-container {padding:2px;overflow: auto;}
}

@media print
{
      #selector {overflow:visible;height:auto;}
      #main {border-style:solid;border-width:0px;overflow:visible;height:auto;}
      #tbl-container {border-style:solid;border-width:0px;overflow:visible;height:auto;}

}
.subm_type_label, .subm_type_label a:visited, .subm_type_label a:link, .subm_type_label  a:active
{
color:#000000;background-color:#F2E0AB;
}

.banner, .banner a:visited, .banner a:link, .banner  a:active, .banner  a:hover
{
font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#047D7D;color:#FFFFFF;font-size:14px;font-weight:bold;
}

.questiontext, .questiontext a:visited, .questiontext a:link, .questiontext  a:active
{
font-family:Verdana,Arial,Helvetica;font-size:11px;font-weight:bold;background-color:#F2E0AB;color:#382D0A;
}
.sectiontext, .sectiontext a:visited, .sectiontext a:link, .sectiontext  a:active
{
font-family:Verdana,Arial,Helvetica;font-size:14px;font-weight:bold;background-color:#035858;color:#FFFFFF;
}
.form_promt
{
color:#000000;background-color:#bfbfbf;font-size:10px
}
.tab, .tab a:visited, .tab a:link, .tab  a:active, .banner  a:hover
{
color:#000000;background-color:#C6BEB8;
}
.seltab
{
color:#000000;font-size:11px;font-weight:bold;background-color:#FFFFFF;text-decoration:none;
}
.main_menu_clicked
{
font-family:Verdana, Arial, Helvetica, sans-serif;color:white;font-size:11px;font-weight:bold;background-color:#014E82;
}
.main_menu_normal
{
font-family:Verdana, Arial, Helvetica, sans-serif;color:white;font-size:11px;font-weight:bold;background-color:#014E82;
}
.main_menu_rollovered
{
font-family:Verdana, Arial, Helvetica, sans-serif;color:white;font-size:11px;font-weight:bold;background-color:#014E82;
}
.main_menu_border
{
border-color:#A5B1BC;
}
.main_menu_item_background
{
background-color:#A5B1BC;
}
.main_menu_item_background_rollovered
{
background-color:silver;
}
.main_menu_item_font
{
font-family:Tahoma;color:#222222;font-size:11px;font-weight:bold;
}
.clsCMTopOn
{
color:black;background-color:#CBDAF4;
}
.clsCMTopOver
{
color:white;background-color:#B6BDD2;
}
.clsCMTopOnHelp
{
color:darkblue;background-color:#FFFFFF;height:100%;width:100%;line-height:20px;vertical-align: top;
}
.clsCMTopOverHelp
{
color:#888888;background-color:#FFFFFF;height:100%;line-height:20px;vertical-align: top;
}
.screen_header, .screen_header td, .screen_header a:visited, .screen_header  a:active
{
background-color:#E9E9E9;color:#000000;
}
.header_value, .header_value td, .header_value a:visited, .header_value  a:active
{
color:#000000;
}
.mod_header, .mod_header td, .mod_header a:visited, .mod_header a:link, .mod_header a:active
{
background-color:#4086f6;color:#ffffff;
}
.tabhidden, .tabhidden a:visited, .tabhidden a:link, .tabhidden  a:active
{
color:#E4E4E4;background-color:#047D7D;border-color:#035858;
}
.tabhidden a:hover
{
color:#FFFFFF;
}
.tabselected, .tabselected a:visited, .tabselected a:link, .tabselected  a:active
{
color:#FFFFFF;background-color:#035858;border-color:#035858;
}
.table_border
{
border: 2px solid #047D7D;
}
.table_header th, td.table_header, .table_header td, .table_header a:visited, .table_header a:link, .table_header  a:active
{
    color:#FFFFFF;
    font-size:10px;
    font-weight:bold;
    text-decoration:none;background-clip: padding-box;
    background-color:#047D7D;
}

.sectionHeader
{
height:30px;color:#000000;font-size:11px;font-weight:bold;background-color:#FFFF99;text-decoration:none;
}RB_Letter_To_Post.jsp
table.table_border_black
{
border: 2px solid #000000;
}
table.table_border_grey
{
border: 1px solid #cccccc;
}
.table_title
{
	color:#000000;background-color:#047D7D;text-decoration:none;font-weight:bold;font-size:10;
}

/* ------------------------------
    Print Friendly
   ------------------------------ */

.print_table
{
    border-collapse:collapse;
      border-width: 1px;
      border-color: #A3BDED;
      border-style: solid;
}

.print_table th
{
    color:#000000;font-size:10px;font-weight:bold;background-color:#D2E9FF;text-decoration:none;
      border-width: 1px;
    /*border-bottom-width: 0px;*/
      border-color: #A3BDED;
      border-style: solid;
}

.print_table td
{
      border-width: 1px;
    border-collapse:collapse;
      border-color: #A3BDED;
      border-style: solid;
}

.print_table_noborder, .print_table_noborder td
{
    border-width: 0px;
}

.login_table, .login_table td
{
font-size:15px;color:#A02926;font-weight:bold;text-decoration:none;
}
.login_table_bottom, .login_table_bottom td, .login_table_bottom a:link
{
font-family:Arial, Helvetica;font-size:13px;color:#FFFFFF;font-weight:bold;background-color:#006DA9;text-decoration:none;
}


/*************  New home page division ***************/

.HP_task_table{
      border:solid 1px #ABABAB;
            
}

td.showDragHandle 
{
      background-image: url('../images/arrows_blue.png');
      background-repeat: no-repeat;
      background-position: center center;
      cursor: move;
}


.clsCMOn {
      font-weight: bold;
      font-family: "Trebuchet MS";
      font-size: 11px;
      color: black;
      padding: 3px 3px 8px 3px;
}

.clsCMOver {
      font-weight: bold;
      font-family: "Trebuchet MS";
      font-size: 11px;
      color: white;
      padding: 3px 3px 8px 3px;
}

.tooltip
{
        display: inline;
        text-decoration: none;
        color:black;
        cursor:help;                
}

.fill 
{
		/*-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;*/
		box-sizing: border-box;
		width:100%;
}


/**********  Study Page Header  ***************/

span.dropt 
{
	display: block;
}

span.dropt:hover 
{
	text-decoration: none; 
	background: #ffffff;  
	z-index: 6; 
	display: block;
}

span.dropt span 
{
	position: absolute; 
	left: -9999px; 
	margin: auto;
	padding: 10px 10px 10px 10px;
	border-style:solid; 
	border-color:black; 
	border-width:0px; 
	background-color:#D2E9FF;
	z-index: 6;
	display: block;
}

span.dropt:hover span 
{
	left:auto;
	top:auto;
	background: #ffffff; 
	display: block;
} 

span.dropt span 
{
	position: absolute;
	left: -9999px; 
  	margin: auto;
  	padding: 10px 10px 10px 10px; 
	border-style:solid; 
	border-color:black; 
	border-width:0px;
	background-color:#D2E9FF;
	display: block;
}

span.dropt:hover span 
{
	margin-top:20px;
	margin-left:auto;
	background: #D2E9FF;  
	z-index:6;
	display: block;
} 
/**********  Project Page Header  ***************/


.project-title-banner:hover span 
{
	left:auto;
	top:auto;
	margin-top:20px;
	margin-left:auto;
	background: #D2E9FF; 
	display: block;
} 

.project-title-banner span 
{
	position: absolute; 
	left: -9999px; 
	margin: auto;
	padding: 10px 10px 10px 10px;
	border-style:solid; 
	border-color:black; 
	border-width:0px; 
	background-color:#D2E9FF;
	z-index: 6;
	display: block;
}


/********************************/
/*******Module Navigator********/
/********************************/
.navbar .navbar-fixed-top > li > a
{
    color: #595959;
    background-color:#D2E9FF;
    border-color: #000000;
}
#navbar-second,
#secondary-navbar-ul-row-1
{
    color: #b3b3b3;
   /* background-color:#e6e6e6 ;*/
  
}

.navbar-default .navbar-nav .navbar .brand
{
color:#595959;border-color:#000000;
}

.navbar-default .navbar-nav .navbar .brand
{
    background-color: #b3daff;
    color:#000000;
}

/********************************/
/*******Welcome Header********/
/********************************/

.well {
    background-color : #FFFFFF;
    color:#000000;
    border:none;
    box-shadow:none;
    
}


/********************************/
/*******Panel Header********/
/********************************/

.panel-default>.panel-heading, .control-label, .panel>.panel-heading>div table td a.btn
{
   color:#FFFFFF;
   background-color:#035858;
}
.panel-body .table_header, .panel-body .table_header th, .panel-body .table_header td, .panel-body .table_header a:visited, .panel-body .table_header a:link, .panel-body .table_header  a:active
{
	color:#FFFFFF;
    background-clip: padding-box;
}

/********************************/
/*******Widget Buttons********/
/********************************/

.icon_background {
      color: #F2E0AB;   
}

.icon_foreground {
      color: #333333;   
}



/********************************/
/*******Panel Tab********/
/********************************/
.panel-title
{
	font-weight:bold;
}
.nav-tabs
{
	  background-color : #FFFFFF;
}
.nav-tabs> .nav-item :hover
{
	background-color:#CCFFFF;
}
.navbar .nav > li > a
{
	color:#FFFFFF;
	border-color:#047D7D;
	background-color:#049191;
	border-radius:15px 15px 0 0;
}

.navbar .nav > li > a:hover
{
    background-color:#FFFFFF;
    color:#035858;
    border-color:#047D7D;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus
{
	background-color:#035858;
	color:#FFFFFF;
	border-color:#047D7D;
}

/********************************/
/*******Panel Button ********/
/********************************/


.btn-primary, .btn-primary.btn-w-number:focus
{
  background-color : #F2E0AB;
     color: #382D0A;
     border-color:#E3BE4F;
 }
 
 .btn-primary.focus, .btn-primary:focus,
 .open>.dropdown-toggle.btn-primary:focus,
.btn-primary:hover,.btn-primary:active:focus
{
   background-color:#FFFFFF;
   color:#382D0A;
   border-color:#E3BE4F;
}


.btn.btn-primary.btn-block:hover
{
	font-weight:bold;
}


/********************************/
/*******My Profile Menu & Setting Menu********/
/********************************/
.dropdown-menu, 
.dropdown-menu> li> .dropdown-item,
.btn-group>.dropdown-menu
{
	background-color:#b3b3b3;
    color:#000000;
}
.dropdown-menu> li> .dropdown-item > a ,
.btn-group>.dropdown-menu> li>a
{
	background-color:#b3b3b3;
    color:#000000;
}
 .dropdown-menu> .dropdown-item,
 .btn-group>.dropdown-menu> li:first-child> a
{
	background-color:#999999 ;
    color:#000000;
}
 .dropdown-menu> li> .dropdown-item:hover,
.btn-group>.dropdown-menu> li >a:hover
{
	background-color:#CCFFFF;
    color:#000000;
}
.dropdown-menu> .dropdown-item :hover,
.btn-group>.dropdown-menu> li:first-child> a:hover
{
	background-color:#999999;
    color:#000000;
}

/********************************/
/*******Logout Button********/
/********************************/

.btn-info
{
	background-color:#bfbfbf;
    border-color: #000000;
    color:#000000;
    white-space: nowrap;
}
.btn-info:hover
{
	
   background-color: #999999;
   border-color: #000000;
   font-style: italic;
   cursor: pointer;
}
.btn-info:disabled,
.btn-info[disabled],
.btn-info:disabled:hover,
.btn-info[disabled]:hover
{
   color: white;
   background-color: #d1d1d1;
   border-color: #a1a1a1;
   font-style: normal;
   cursor: auto;
}
/********************************/
/*******Setting Button********/
/********************************/

.btn-group> .dropdown-toggle
{
    color:#035858;
    background-color:#FFFFFF;
    border-color:#047D7D;
}
.btn-group> .dropdown-toggle:hover
{
	color:#333333;
	background-color:#F2E0AB;
	border-color:#E3BE4F;
}


/*******************************/
/*****round tables**************/
/*******************************/
/*
#lockable thead th:first-child {
    border-radius: 15px 0 0 0;
}
#lockable thead th:last-child {
    border-radius:  0 15px 0 0;
}
#lockable tbody  tr:nth-last-child(3) td:first-child {
    border-radius: 0 0 0 15px;
}
#lockable tbody  tr:nth-last-child(2) td:last-child {
    border-radius: 0 0 15px 0;
}
*/
.panel-body> .dropdown-menu
{
  position:absolute;
  top:auto;
  left:auto;
  min-width:350px;
}

hr {
   display: block;
   position: relative;
   padding: 0;
   margin: 8px auto;
   height: 0;
   width: 100%;
   max-height: 0;
   font-size: 1px;
   line-height: 0;
   clear: both;
   border: none;
   border-top: 1px solid #aaaaaa;
   border-bottom: 1px solid #ffffff;
}
/*******************************/
/*****MY profile **************/
/*******************************/
#my_profile_td:hover .myprofile 
{
	   display: block;
	   visibility:visible;
	   transition-delay:0s;
}
.myprofile a 
{
    display: block;
}
.myprofile 
{
    display: block;
    visibility:hidden;
    transition-delay:1s;
}
#my_dept_customlinks{
	position:fixed;
	right:300px;
	left:auto !important;
}
#my_profile_customlinks{
	position:fixed;
	right:300px;
	left:auto !important;
}
#my_profile_div
{
	display: block;
    background-color:transparent;
	border:none;
	visibility:hidden;
	width:100%;
	overflow:auto;
	box-shadow:none;
	transition-delay:1s;
}
/*******************************/
/*****MY workspaces **************/
/*******************************/
/* .myworkspaces_dropdown_content a 
{
    display: block;
} */ 
.myworkspaces_dropdown_content 
{
    display: block;
    background-color:transparent;
	border:none;
	visibility:hidden;
}
.myworkspaces_dropdown a:hover  .myworkspaces_dropdown_content
{
	visibility:visible;
}
#first_level>li
{
padding:5px;
}
#first_level>li.heading
{
padding:5px;
background-color:#999999;
}

/*
#first_level>li>span>a
{
font-size:14px;
font-family: Verdana,Arial,Helvetica;
font-weight:400;
}
*/

#first_level>li> a
{
font-size:14px;
font-family: Verdana,Arial,Helvetica;
font-weight:400;
}


#first_level>li.divider
{
height:1px;
margin:9px 0;
overflow:hidden;
background-color:#e5e5e5;
padding:0px;
}

#first_level
{
padding:0px;
width:400px;
background:#b3b3b3;
z-index: 1500; 
margin:0px;
}
#first_level>li>ul
{
	background:#b3b3b3;
}

#first_level > li.current {
    padding: 0;
}

#first_level > li.current > a {
/*     width: 100%; */
    display: block;
    padding: 5px 15px;
}

#first_level li.current:hover, #first_level li.current a:hover
{
background-color: #CCFFFF !important;
text-decoration:none;
}

#first_level>li>.dropdown-menu.pull-right
{
 position:fixed;
 width:400px;
 left:400px;
 top:auto;
}
#first_level>li>.dropdown-menu.pull-right>li>.ul_adjust_top_3rd_level
{
 width:400px;
 left:800px;
 position:fixed;
}
#third_level
{
background:#b3b3b3;
display:none;
}
/* #first_level>li>.dropdown-menu.pull-right>li:hover #third_level
{
display:block;	
}
 */
#my_profile_td>ul
{
	background:#b3b3b3;
}


.table_border_highlight tr:hover {
    background-color: #DBDBDB !important;
    font-weight: bold !important;
    cursor: pointer;
}

.table_border_highlight_role_mat tr:hover * {
    background-color: #DBDBDB !important;
    font-weight: bold !important;
    cursor: pointer;
}

.has-email-tooltip {
  display: inline;
}

.email-tooltip-wrapper {
  position: absolute;
  visibility: hidden;
}

.has-email-tooltip:hover .email-tooltip-wrapper {
  visibility: visible;
  opacity: 0.8;
  cursor: pointer;
}

.email-tooltip{
  display: block;
  position: relative;  
  width: auto;
  max-width: 500px;
  height: auto;
  max-height: 65px;
  content: attr(data-title);
  color: #fff;
  background: #000000; 
  border-radius: 8px;
  box-shadow: 4px 3px 10px #047D7D;   
  word-wrap: break-word; 
  padding: 5px 15px;   
  
}

.email-tooltip:after {
  content: '';
  display: inline-block;
  position: absolute;
  bottom: 100%;
  left: 50%;
  margin-left: -8px;
  width: 0;
  height: 0;
}

/*******************************/
/***** Post Award **************/
/*******************************/
	
.post_award_menu_header
{
    color: #FFFFFF;
    background-color: #047D7D;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 6px;
}

.post_award_menu_section
{
	padding: 1px;
}

.post_award_menu_section > div
{
	border: 0.1px solid #999999;
	cursor: pointer;
}

div.post_award_menu_link
{
	border: 0.1px solid #999999;
	border-top: none;
	cursor: pointer;
}

.post_award_menu_normal
{
    color: #FFFFFF;
    background-color: #047D7D;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 6px;
}
.post_award_menu_rollovered
{
    color: #FFFFFF;
    background-color: #047D7D;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 6px;
}
.post_award_menu_border
{
border-color:#A5B1BC;
}
.post_award_menu_item_background
{
background-color:#FFFFFF;
}
.post_award_menu_item_background_rollovered
{
background-color:silver;
}
.post_award_menu_item_font
{
font-family:Tahoma;color:#222222;font-size:11px;font-weight:bold;
}

.post_award_menu_link
{
	height: 24px;
    padding-top: 6px;
    padding-bottom: 6px;
    cursor: pointer;
}

/*******************************/
/***** General Menu Style **************/
/*******************************/
/*check Study_Management_New.jsp RB_Study1_Management.jsp for example*/

/*
CLASS STRUCTURE:
-menu_main
	-menu_section
		-menu_header
		-menu_all_links
			-menu_link
			-menu_link
			-menu_link
				-menu_link_text
	-menu_section
	-menu_section
	-menu_section

*/

.menu_main 
{
}

.menu_main .menu_section
{
	padding: 1px;
}

.menu_main .menu_section > div /* including menu_header and menu_all_links*/
{
	border: 0.1px solid #999999;
	cursor: pointer;
}

.menu_main .menu_section .menu_header
{
	color: #FFFFFF;
    background-color: #047D7D;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 6px;
    border-radius: 8px 8px 0px 0px;
}

.menu_main .menu_section .menu_all_links
{
	
}

.menu_main .menu_section .menu_all_links .menu_link
{
	border: 0.1px solid #999999;
    border-top: none;
    cursor: pointer;
    height: 24px;
    padding-top: 6px;
    padding-bottom: 6px;
    background-color:#FFFFFF;
}

.menu_main .menu_section .menu_all_links .menu_link:hover /* no need to use .main_menu_item_background_rollovered and js function*/
{
	background:silver;
}

.menu_main .menu_section .menu_all_links .highlight /* clicked menu_link*/
{
	background: #E9E9E9;
}

.menu_main .menu_section .menu_all_links .menu_link .menu_link_text /*text div inside menu_link*/
{
	font-family:Tahoma;color:#222222;font-size:11px;font-weight:bold; /*originally main_menu_item_font*/
	padding-left: 1.8em;
	padding-top:5px;
}


/*******************************/
/***** Inventory **************/
/*******************************/
	
.inventory_menu_header
{
    color: #FFFFFF;
    background-color: #047D7D;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 6px;
}

.inventory_menu_section
{
	padding: 1px;
}

.inventory_menu_section > div
{
	border: 0.1px solid #999999;
	cursor: pointer;
}

.inventory_menu_normal
{
    color: #FFFFFF;
    background-color: #047D7D;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 6px;
}
.inventory_menu_rollovered
{
    color: #FFFFFF;
    background-color: #047D7D;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 6px;
}
.inventory_menu_border
{
border-color:#A5B1BC;
}
.inventory_menu_item_background
{
background-color: #047D7D;
}
.inventory_menu_item_background_rollovered
{
background-color:#CCFFFF; font-family:Tahoma;color:#222222;font-size:11px;font-weight:bold;
}
.inventory_menu_item_font
{
font-family:Tahoma;color:#222222;font-size:11px;font-weight:bold;
}

/*******************************/
/***** PAM **************/
/*******************************/
	
.pam_menu_header
{
    color: #FFFFFF;
    background-color: #047D7D;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 6px;
}

.pam_menu_section
{
	padding: 1px;
}

.pam_menu_section > div
{
	border: 0.1px solid #999999;
	cursor: pointer;
}

.pam_menu_normal
{
    color: #FFFFFF;
    background-color: #047D7D;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 6px;
}
.pam_menu_rollovered
{
    color: #FFFFFF;
    background-color: #047D7D;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 14px;
    padding-bottom: 14px;
    padding-left: 6px;
}
.pam_menu_border
{
border-color:#A5B1BC;
}
.pam_menu_item_background
{
background-color: #047D7D;
}
.pam_menu_item_background_rollovered
{
background-color:#CCFFFF; font-family:Tahoma;color:#222222;font-size:11px;font-weight:bold;
}
.pam_menu_item_font
{
font-family:Tahoma;color:#222222;font-size:11px;font-weight:bold;
}



/* javascript:resizeDiv is causing height to be bigger than it needs to be inside aAjaxBox */


/*
.dynamicAjaxBox #tbl-container,
.dynamicAjaxBox #tbl-container2,
dynamicAjaxBox #tbl-container3,
.dynamicAjaxBox #tbl-container_1
{
      height: auto !important;
      max-height: 300px;
}*/

.dynamicAjaxBox #tbl-container:not(.old_container)
{
      height: auto !important;
      max-height: 400px;
}


#WAITING_DIV {
      position: absolute;
      left: 0 !important;
      right: 0 !important;
      margin-left: auto  !important;
      margin-right: auto  !important;
}


/**********  Submission History Diagram  ***************/

span.dropt1 
{
	display: block;
}

span.dropt1:hover 
{
	text-decoration: none; 
	background: #ffffff;  
	z-index: 6; 
	display: block;
}

span.dropt1 span 
{
	position: absolute; 
	left: -9999px; 
	margin: auto;
	border-style:solid; 
	border-color:black; 
	border-width:0px; 
	background-color:#E9E9E9;
	z-index: 6;
	display: block;
}

span.dropt1:hover span 
{
	left:auto;
	top:auto;
	background: #ffffff; 
	display: block;
} 

span.dropt1 span 
{
	position: absolute;
	left: -9999px; 
  	margin: auto;
	border-style:solid; 
	border-color:black; 
	border-width:0px;
	display: block;
}

span.dropt1:hover span 
{
	margin-top:-1.8%;
	margin-left:auto;
	background:#E9E9E9;  
	z-index:6;
	display: block;
}


#node-table
{
    overflow-x: scroll;
    display: block;
}

fieldset#submission_history {
    min-width: -webkit-min-content;
    min-width: 0;
}


fieldset#submission_history #node-table {
    min-width: 100%;
}

#aAjaxBox .Tasks_scroll_id {
    overflow: auto;
    padding: 0px;
    height: auto;
    padding: 0;
    max-height: 400px;
}
#aAjaxBox .Tasks_scroll_id #lockable .table_header {

    pointer-events: none;

}

#aAjaxBox .Tasks_scroll_id #lockable .table_header th img {
    display: none;
}

#aAjaxBox .Tasks_scroll_id .priority-marks {
    pointer-events: none;
}
#aAjaxBox .Tasks_scroll_id th,
#aAjaxBox .Tasks_scroll_id td {
    border-radius: initial !important;
}
.priority-marks-v1,
.priority-marks-v2
{
    display: none;
}

.priority-marks-v3
{
    text-align: center;
    padding: 4px;
    cursor: pointer;
}

.priority-marks-v3 .popout-menu
{
    display: none;
}
.priority-marks-v3 span.priority-mark
{
    height: 24px;
    width: 26px;
    display: inline-block;
    background-size: contain;
}

.priority-marks-v3.no-priority span.priority-mark
{
    background-image: url("../images/flag_no_priority.png");
}
.priority-marks-v3.low-priority span.priority-mark
{
    background-image: url("../images/flag_yellow.png");
}
.priority-marks-v3.medium-priority span.priority-mark
{
    background-image: url("../images/flag_orange.png");
}
.priority-marks-v3.high-priority span.priority-mark
{
    background-image: url("../images/flag_red.png");
}
.priority-marks-v3::after
{
    font-weight: bold;
}

.priority-marks-v3.no-priority .priority-marks-button::after
{
    content: "No Priority";
    display: block;
}
.priority-marks-v3.low-priority .priority-marks-button::after
{
    content: "Low";
    display: block;
}

.priority-marks-v3.medium-priority .priority-marks-button::after
{
    content: "Medium";
    display: block;
}

.priority-marks-v3.high-priority .priority-marks-button::after
{
    content: "High";
    display: block;
}

.priority-marks-v3 .flag-option
{
    text-align: left;
    list-style: none;
    white-space: nowrap;
    clear: both;
    height: 20px;
    line-height: 20px;
    font-size: 10px;
    margin: 2px;
}
.priority-marks-v3 .flag-option:hover {
    background-color: #dbdbdb;
}
.priority-marks-v3 .flag-option > span {
    padding-left: 2px;
}

.priority-marks-v3 .flag-option > span > i {
    height: 20px;
    width: 20px;
    float: left;
    margin-right: 2px;
}

.priority-marks-v3 .flag-option:nth-child(4) > span > i {
    background-color: #666; /* grey */
}
.priority-marks-v3 .flag-option:nth-child(1) > span > i {
    background-color: #fcd64b; /* yellow */
}
.priority-marks-v3 .flag-option:nth-child(2) > span > i {
    background-color: #e67e21; /* orange */
}
.priority-marks-v3 .flag-option:nth-child(3) > span > i {
    background-color: #f11e1e;
}

.priority-marks-v3.task-completed {
    pointer-events: none;
}
.priority-marks-v3.task-completed .priority-mark::after {
    display: none !important;
}
span.task-completed .task-due-clear {
    pointer-events: none;
    opacity: 0.5;
}
span.task-completed .ui-datepicker-trigger {
    pointer-events: none;
    opacity: 0.5;
}

.priority-marks-button {
    margin: 0 auto;
    display: inline-block;
    border: 1px solid transparent;
    padding: 4px;
    min-width: 80px;
    position: relative;
    background-color: transparent;
}

.priority-marks-button:hover,
.priority-marks-button:focus,
.priority-marks-button:active {
    border-color: #999;
}

.priority-marks-button:focus
{
    background-color: #cecece;
    box-shadow: inset 2px 2px 3px #bbb;
}

.priority-marks-button:focus + .popout-menu
{
    display: inline;
    position: absolute;
    z-index: 200;
}
.priority-marks-button > .priority-mark::after {
    content: "";
    background: transparent url(../images/right-arrow-1.png) no-repeat;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    right: 2px;
    background-size: contain;
    top: 50%;
    transform: translateY(-50%);
}

.priority-marks-v1 .priority-marks span
{
    background-image: url("../images/excl-gray-1.png");
    background-size: contain;
    cursor: pointer;
    float:left;
}

.priority-marks-v1 span.priority-marks:hover > span.priority-mark
{
    background-image: url("../images/excl-red-1.png");
    opacity: 0.6;
}

.priority-marks-v1 span.priority-marks > span.priority-mark.priority-mark-highlighted
{
    opacity: 1.0;
}

.priority-marks-v1 .priority-marks span
{
    background-image: url("../images/excl-red-1.png");
    opacity: 1.0;

}

.priority-marks-v1 .priority-mark-selected ~ span,
.priority-marks-v1 span.priority-marks > span.priority-mark:hover ~ span
{
    background-image: url("../images/excl-gray-1.png");
    opacity: 1.0;
}

.priority-marks-v1 span.priority-marks > span.priority-mark:hover ~ span.priority-mark-highlighted
{
    background-image: url("../images/excl-red-1.png");
    opacity: 0.2;
}

.priority-marks-v1 .priority-mark:first-of-type
{
    background: rgba(0,0,0,0.0) !important;
}

.priority-marks-v2 .priority-marks
{
    display: block;
    text-align: center;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.priority-marks-v2 .priority-mark:first-of-type
{
    display: none;
}

.priority-marks-v2 .priority-mark
{
    display: inline-block;
    background-size: contain;
    background-image: url("../images/excl-gray-1.png");

}

.priority-marks-v2 .priority-mark.priority-mark-highlighted
{
    background-image: url("../images/excl-red-1.png");
}

.task-due-clear {
    cursor: pointer;
}

.ui-tooltip {
    padding: 10px 18px;
    color: black;
    font: 12px Verdana, Sans-Serif;
    background: #ffffe0;
    border: 1px solid #ffad33;
    border-radius: 5px 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    box-shadow: 5px 5px 5px #dbdbdb;
    -webkit-box-shadow: 5px 5px #dbdbdb;
    -moz-box-shadow: 5px 5px #dbdbdb;
}

/********************** back to top button ****************************/
.back-to-top
{
	bottom: 0;
    height: auto;
    opacity: 0.8;
    overflow: hidden;
    position: fixed;
    right: 2em;
    text-align: right;
    z-index: 1000;
}
.back-to-top:after {
    content: "";
    display: table;
    clear: both;
}
.back-to-top a 
{
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
    height: 35px;
    padding-left: 1em;
    padding-top: 0.4em;
   	padding-right: 1em;
    width: auto;
    background-color: #666666;
    border: none;
    color: #fff;
    display: inline-block;
    position: relative;
   	text-decoration: none;
	margin-bottom: 0;
   }
.back-to-top a:hover
{
	background-color: #999999;
}
.back-to-top a .text 
{
	opacity: 1;    
	font-family: Verdana, Arial, Helvetica;
    font-size: 11px;
}
.back-to-top a .icon-arrow-up 
{
    background: transparent url(../images/back-top.gif) no-repeat center left;
    display: block;
    height: 27px;
    width: 24px;
    opacity: 0.5;
    float: left;
    margin-right: 0.4em;
}

.fc-deadline-node
{
    background-color: #5f9ea0;
}

.fc-priority-low
{
    background-color: #6ca05f;
}

.fc-priority-medium
{
    background-color: #e4811b;
}

.fc-priority-high
{
    background-color: #de2d1b;
}


/* Fix issue on small screens where panels leave parent ajax box */
#aAjaxBox #study_find_dlg_select_main > .panel {
    display: table;
    height:100%;
}


#aAjaxBox #study_find_dlg_select_main > .panel > .panel-heading,
#aAjaxBox #study_find_dlg_select_main > .panel > .panel-body
{
    display: table-row;

}
#aAjaxBox #study_find_dlg_select_main > .panel > .panel-body {
    height: 100%;
}
#app_main_menu ul#first_level > li.current {
    padding: 0;
}

#app_main_menu ul#first_level > li.current > a {
/*     width: 100%; */
    display: block;
    padding: 5px 15px;
}