/**
 * Handsontable 0.8.3
 * Handsontable is a simple jQuery plugin for editable tables with basic copy-paste compatibility with Excel and Google Docs
 *
 * Copyright 2012, Marcin Warpechowski
 * Licensed under the MIT license.
 * http://handsontable.com/
 *
 * Date: Wed Jan 23 2013 03:09:58 GMT+0100 (Central European Standard Time)
 */
.handsontable {
 position: relative;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 1.3em;
 font-size: 13px;
}
.handsontable * {
 box-sizing: content-box;
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
}
.handsontable table {
 border-collapse: separate;
 position: relative;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -o-user-select: none;
 -ms-user-select: none;
 
 border-spacing: 0;
 margin: 0;
 border-width: 0;
 table-layout: fixed;
 width: 0;
}
.handsontable col {
 width: 10px;
}
.handsontable col.rowHeader {
 width: 10px;
}
.handsontable th,
.handsontable td {
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
 height: 22px;
 line-height: 21px;
 padding: 0 4px 0 4px; 
 background-color: #FFF;
 font-size: 12px;
 vertical-align: top;
 overflow: hidden;
}
.handsontable th:last-child {
 
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}
.handsontable tr:first-child th.htNoFrame,
.handsontable th:first-child.htNoFrame,
.handsontable th.htNoFrame {
 border-left-width: 0;
 background-color: white;
 border-color: #FFF;
}
.handsontable th:first-child,
.handsontable td:first-child,
.handsontable .htNoFrame + th,
.handsontable .htNoFrame + td {
 border-left: 1px solid #CCC;
}
.handsontable tr:first-child th,
.handsontable tr:first-child td {
 border-top: 1px solid #CCC;
}
.handsontable thead tr:last-child th {
 border-bottom-width: 0;
}
.handsontable thead tr.lastChild th {
 border-bottom-width: 0;
}
.handsontable th {
 background-color: #EEE;
 color: #222;
 text-align: center;
 font-weight: normal;
 white-space: nowrap;
}
.handsontable th .small {
 font-size: 12px;
}
.handsontable thead th {
 padding: 0;
}
.handsontable th.active {
 background-color: #CCC;
}
.handsontable thead th .relative {
 position: relative;
 padding: 2px 4px;
}
.handsontable .manualColumnMover {
 position: absolute;
 left: 0;
 top: 0;
 background-color: transparent;
 width: 5px;
 height: 25px;
 z-index: 999;
 cursor: move;
}
.handsontable th .manualColumnMover:hover,
.handsontable th .manualColumnMover.active {
 background-color: #88F;
}
.handsontable .manualColumnResizer {
 position: absolute;
 right: -1px;
 top: 0;
 background-color: transparent;
 width: 5px;
 height: 25px;
 z-index: 999;
 cursor: col-resize;
}
.handsontable th .manualColumnResizer:hover,
.handsontable .manualColumnResizerLine .manualColumnResizer {
 background-color: #AAB;
}
.handsontable .columnSorting:hover {
 text-decoration: underline;
 cursor: pointer;
}
.handsontable .wtBorder {
 position: absolute;
 font-size: 0;
}
.handsontable td.area {
 background-color: #EEF4FF;
}
.handsontable .wtBorder.corner {
 font-size: 0;
 cursor: crosshair;
}
.handsontable .htBorder.htFillBorder {
 background: red;
 width: 1px;
 height: 1px;
}
textarea.handsontableInput {
 border: 2px solid #5292F7;
 outline-width: 0;
 margin: 0;
 padding: 1px 4px 0 2px;
 font-family: Arial, Helvetica, sans-serif; 
 line-height: 1.3em;
 font-size: 13px;
 box-shadow: 1px 2px 5px rgba(0, 0, 0, 0.4);
 resize: none;
}
.handsontableInputHolder.htHidden textarea.handsontableInput {
 border-color: #5292F7;
 background: #5292F7;
 color: #5292F7;
}
.handsontableInputHolder {
 position: absolute;
 top: 0;
 left: 0;
 width: 1px;
 height: 1px;
 overflow: hidden;
}
/*
AutocompleteRenderer down arrow
*/
.handsontable .htAutocomplete {
 position: relative;
 padding-right: 20px;
}
.handsontable .htAutocompleteArrow {
 position: absolute;
 top: 0;
 right: 0;
 font-size: 10px;
 color: #EEE;
 cursor: default;
 width: 16px;
 text-align: center;
}
.handsontable td .htAutocompleteArrow:hover {
 color: #777;
}
.typeahead {
 position: absolute;
 font-family: Arial, Helvetica, sans-serif;
 line-height: 1.3em;
 font-size: 13px;
 z-index: 10;
 top: 100%;
 left: 0;
 float: left;
 display: none;
 min-width: 160px;
 padding: 4px 0;
 margin: 0;
 list-style: none;
 background-color: white;
 border-color: #CCC;
 border-color: rgba(0, 0, 0, 0.2);
 border-style: solid;
 border-width: 1px;
 -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
 -webkit-background-clip: padding-box;
 -moz-background-clip: padding;
 background-clip: padding-box;
 margin-top: 2px;
 -webkit-border-radius: 4px;
 -moz-border-radius: 4px;
 border-radius: 4px;
}
.typeahead li {
 line-height: 18px;
 display: list-item;
}
.typeahead a {
 display: block;
 padding: 3px 15px;
 clear: both;
 font-weight: normal;
 line-height: 18px;
 color: #333;
 white-space: nowrap;
}
.typeahead li > a:hover, .typeahead .active > a, .typeahead .active > a:hover {
 color: white;
 text-decoration: none;
 background-color: #08C;
}
.typeahead a {
 color: #08C;
 text-decoration: none;
}
ul.context-menu-list {
 color: black;
}
ul.context-menu-list li {
 margin-bottom: 0; 
}
/**
 * dragdealer
 */
.handsontable .dragdealer {
 position: relative;
 width: 9px;
 height: 9px;
 background: #F8F8F8;
 border: 1px solid #DDD;
}
.handsontable .dragdealer .handle {
 position: absolute;
 width: 9px;
 height: 9px;
 background: #C5C5C5;
}
.handsontable .dragdealer .disabled {
 background: #898989;
}
/*!
 * jQuery contextMenu - Plugin for simple contextMenu handling
 *
 * Version: 1.5.25
 *
 * Authors: Rodney Rehm, Addy Osmani (patches for FF)
 * Web: http://medialize.github.com/jQuery-contextMenu/
 *
 * Licensed under
 * MIT License http://www.opensource.org/licenses/mit-license
 * GPL v3 http://opensource.org/licenses/GPL-3.0
 *
 */
.context-menu-list {
 margin:0; 
 padding:0;
 
 min-width: 120px;
 max-width: 250px;
 display: inline-block;
 position: absolute;
 list-style-type: none;
 
 border: 1px solid #DDD;
 background: #EEE;
 
 -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
 -moz-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
 -ms-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
 -o-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
 
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
}
.context-menu-item {
 padding: 2px 2px 2px 24px;
 background-color: #EEE;
 position: relative;
 -webkit-user-select: none;
 -moz-user-select: -moz-none;
 -ms-user-select: none;
 user-select: none;
}
.context-menu-separator {
 padding-bottom:0;
 border-bottom: 1px solid #DDD;
}
.context-menu-item > label > input,
.context-menu-item > label > textarea {
 -webkit-user-select: text;
 -moz-user-select: text;
 -ms-user-select: text;
 user-select: text;
}
.context-menu-item.hover {
 cursor: pointer;
 background-color: #39F;
}
.context-menu-item.disabled {
 color: #666;
}
.context-menu-input.hover,
.context-menu-item.disabled.hover {
 cursor: default;
 background-color: #EEE;
}
.context-menu-submenu:after {
 content: ">";
 color: #666;
 position: absolute;
 top: 0;
 right: 3px;
 z-index: 1;
}
/* icons
 #protip:
 In case you want to use sprites for icons (which I would suggest you do) have a look at
 http://css-tricks.com/13224-pseudo-spriting/ to get an idea of how to implement 
 .context-menu-item.icon:before {}
 */
.context-menu-item.icon { min-height: 18px; background-repeat: no-repeat; background-position: 4px 2px; }
.context-menu-item.icon-edit { background-image: url(images/page_white_edit.png); }
.context-menu-item.icon-cut { background-image: url(images/cut.png); }
.context-menu-item.icon-copy { background-image: url(images/page_white_copy.png); }
.context-menu-item.icon-paste { background-image: url(images/page_white_paste.png); }
.context-menu-item.icon-delete { background-image: url(images/page_white_delete.png); }
.context-menu-item.icon-add { background-image: url(images/page_white_add.png); }
.context-menu-item.icon-quit { background-image: url(images/door.png); }
.context-menu-input > label > * { vertical-align: top; }
.context-menu-input > label > input[type="checkbox"],
.context-menu-input > label > input[type="radio"] {
 margin-left: -17px;
}
.context-menu-input > label > span {
 margin-left: 5px;
}
.context-menu-input > label,
.context-menu-input > label > input[type="text"],
.context-menu-input > label > textarea,
.context-menu-input > label > select {
 display: block;
 width: 100%;
 
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 -ms-box-sizing: border-box;
 -o-box-sizing: border-box;
 box-sizing: border-box;
}
.context-menu-input > label > textarea {
 height: 100px;
}
.context-menu-item > .context-menu-list {
 display: none;
 
 right: -5px;
 top: 5px;
}
.context-menu-item.hover > .context-menu-list {
 display: block;
}
.context-menu-accesskey {
 text-decoration: underline;
}