/* Default CSS for tablemanager */
/* Generated by the CoffeeCup HTML Editor - www.coffeecup.com */
.notSelectable { /*for touch devices to prevent unwanted text selection*/
		-webkit-touch-callout:none;
        -webkit-user-select:none;
        -khtml-user-select:none;
        -moz-user-select:none;
        -ms-user-select:none;
        user-select:none;
        -webkit-tap-highlight-color:rgba(0,0,0,0);
}

.ui-widget { /*adjust menu buttons - enlarged in code for phone*/
   font-size:12px;
}
table {
    background-color:rgb(224,224,224);
    text-align:left;
    border-collapse:collapse;
}
table th {text-align:left; } /*needed for IE*/
table, table th, table td {
    border: 1px solid black;
    padding:2px;
}
.headercell { 
      /*DO NOT USE FOR OTHER THAN COLUMN HEADER CELLS*/
      color:lightgray;
      background-color:black;
}
.cellselected {
    background-color:yellow !important;
}
.cellmandatory {
    background-color:red !important;
}
.editedrow {
    background-color:lightgreen !important;
}
#first_td_val {
    background-color:yellow;
    position:absolute;
}
#TA_edit {
    display:none; 
    position:absolute;
    width:40%;
    height:30%;
    padding-left:3%;
    background-color:lightgray;
}
#TA_edit textarea {
    background-color:yellow;
    width:90%;
    height:60%;
}
    /* Next 2 are for the up/down arrows in column headings */
    /*using '#table1' stops arrows showing on scroll*/
    table thead tr .headerSortUp,
    table thead tr .tablesorter-headerAsc {
        background-image: url(tablesorter_images/white-asc.gif);
        background-repeat: no-repeat;
    	background-position: center top;
    	cursor: pointer;
    }
    table thead tr .headerSortDown,
    table thead tr .tablesorter-headerDesc {
        background-image: url(tablesorter_images/white-desc.gif);
    	background-repeat: no-repeat;
    	background-position: center top;
    	cursor: pointer;
    }
    /*end of up/down arrows*/
    /*right click context menu*/
ul.context-menu
{
   position: absolute;
   z-index: 1000;
   display: none;
   background-color: menu;
   list-style-type: none !important;
   margin: 0 !important;
   padding: 0 !important;
}

ul.context-menu *
{
   color: menutext;
}

ul.context-menu > li
{
   border: 1px solid black;
   margin: 0 !important;
   padding: 2px 5px !important;
}

ul.context-menu > li:hover
{
   background-color: activecaption;
}

ul.context-menu > li a
{
   display: block;
   text-decoration: none;
}
   /*end of right click context menu*/
#newtable {
   position:absolute;
   cursor:move;
   display:none;
}
#newtable table {
   background-color:yellow;
}  
#initmsg {
   position:absolute;
   cursor:move;
   display:none;
   background-color:yellow;
   padding:5px;
   border-radius:3px;
   width:500px;
}
#helpdiv {
   position:absolute;
   cursor:move;
   display:none;
   background-color:yellow;
   padding:5px;
   border-radius:3px;
}   
#filter_div {
    display:none;
    position:absolute;
    cursor:move;
    width:500px;    
    background-color:rgb(153, 153, 153);
    text-align:center;
    z-index:9;
}
#showhide_div {
    display:none;
    position:absolute;
    padding:1%;
    cursor:move;
    width:250px;    
    background-color:lightgreen;
    z-index:10;
}
#showhide_div * {
    margin-left:5%;
}
#showhide_div div {
   text-align:center; 
   font-size:large;
}
body, #tableparent {height:auto; overflow-y:visible;}
@media (max-width:480px) {
  #filter_div {
      cursor:default;
      width:300px;    
  }
  #initmsg {
      width:70%;
  }
}