/**
 * (c) 2013 Jexcel Plugin | Bossanova UI
 * http://www.github.com/paulhodel/jexcel
 *
 * @author: Paul Hodel <paul.hodel@gmail.com>
 * @description: Web spreadsheet
 */
 
.jexcel
{
    border-collapse:separate;
    table-layout:fixed;
    white-space: nowrap;
    width:0px;
    empty-cells:show;
    border-top:1px transparent;
    border-left:1px transparent;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    background-clip:padding-box;
    background-color:#fff;
}
.jexcel > thead
{
    background-color:#f3f3f3;
}
.jexcel > thead > tr > td
{
    padding:4px;
    cursor:pointer;
}
.jexcel > tbody > tr > td
{
    padding:4px;
}
.jexcel > tbody > td.edition
{
    padding:0px;
    padding-left:4px;
}
.jexcel > tbody > tr > td:first-child
{
    background-color:#f3f3f3;
    width:20px;
    text-align:center;
}
.jexcel > thead > tr > td, .jexcel > tbody > tr > td
{
    border-top:1px solid #cccccc;
    border-left:1px solid #cccccc;
    border-right:1px solid transparent;
    border-bottom:1px solid transparent;
    overflow:hidden;
    white-space: nowrap;
}
.jexcel > td.selected
{
    background-color:#fff;
}
.jexcel > tbody > tr > td.readonly
{
    color:rgba(0,0,0,0.3)
}
.jexcel > tbody > tr > td.selected:first-child
{
    background-color:#dcdcdc;
}
.jexcel > thead > tr > td.selected
{
    background-color:#dcdcdc;
}
.jexcel .highlight
{
    background-color:rgba(0,0,0,0.05);
}
.jexcel .highlight-left
{
    border-left:1px solid #000;
}
.jexcel .highlight-right
{
    border-right:1px solid #000;
}
.jexcel .highlight-top
{
    border-top:1px solid #000;
}
.jexcel .highlight-bottom
{
    border-bottom:1px solid #000;
}
.jexcel .selection
{
    background-color:rgba(0,0,0,0.05);
}
.jexcel .selection-left
{
    border-left:1px dotted #000;
}
.jexcel .selection-right
{
    border-right:1px dotted #000;
}
.jexcel .selection-top
{
    border-top:1px dotted #000;
}
.jexcel .selection-bottom
{
    border-bottom:1px dotted #000;
}
.jexcel_corner
{
    position:absolute;
    background-color: rgb(0, 0, 0);
    height: 5px;
    width: 5px;
    border: 2px solid rgb(255, 255, 255);
    top:-200px;
    left:-200px;
    cursor:crosshair
}
.jexcel .editor
{
    outline:0px solid transparent;
    overflow:hidden;
    white-space: nowrap;
    text-align:left;
}

.jexcel > tbody > tr > td > select, .jexcel > tbody > tr > td > input
{
    border:0px;
    outline:0px solid transparent;
    width:100%;
    margin:0px;
    padding:0px;
    background-color:transparent;
}

.jexcel, .jexcel td, .jexcel_corner {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
  -khtml-user-drag: none;
  -moz-user-drag: none;
  -o-user-drag: none;
  user-drag: none;
}

.jexcel_textarea
{
    position:absolute;
    top:-999px;
    left:-999px;
    width:1px;
    height:1px;
}

.jexcel .results
{
    position:absolute;
    min-height:30px;
    max-height:200px;
    width:220px;
    background-color:#fff;
    overflow-y:scroll;
    z-index:99;
    text-align:left;
    border:1px solid #ccc;
}
.jexcel .results li
{
    list-style:none;
    padding:6px;
    cursor:pointer;
}
.jexcel .results li:hover
{
    background-color:#eee;
}
.jexcel .dragline
{
    position:absolute;
}
.jexcel .dragline div
{
    position:relative;
    top:-6px;
    height:5px;
    width:22px;
}
.jexcel .dragline div:hover
{
    cursor:move;
}

.jexcel .onDrag
{
    background-color:rgba(0,0,0,0.6);
}

.jexcel .error
{
    border:1px solid red;
}

.jexcel .arrow-up
{
    width: 0; 
    height:0; 
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #444;
    position:absolute;
    margin-left:4px;
    margin-top:8px;
}

.jexcel .arrow-down
{
    width: 0; 
    height:0; 
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #444;
    position:absolute;
    margin-left:4px;
    margin-top:8px;
}