/* http://meyerweb.com/eric/tools/css/reset/ */
/** FIX: NOT COMPATIBLE with dsite.css yet.
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
	font-family: segoe ui, arial;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ''; content: none;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
input, select, textarea {
	font-family: segoe ui, arial;
}*/
/* End reset */

strong, b { font-weight: bold; }
p { margin: 1em 0; }
p:first-child { margin-top: 0.5em; }
p:last-child { margin-bottom: 0.5em; }

/* Tabs */

.tabSet .tab { display: none; }
.tabSet .tab.selected { display: block; }

/* End tabs */

table th { text-align: left; }
table.display th { font-weight: bold; text-align: left; }
table.display th, table.display td { padding: 1px; padding-right: 1em; }
table.display th:last-child, table.display td:last-child { padding-right: 1px; }

p { margin-bottom: 1em; }

/*.main.layout { display: table; margin: 1em 0; }
.main.layout > * { display: table-cell; vertical-align: top;  }*/

.table-wrapper { display: inline-block; }
.table-wrapper .controls { border: solid 1px #ccc; border-bottom: none; color: #aaa; }
.table-wrapper .controls.fixed {position: fixed; top: 0; background: white; border-bottom: solid 1px #ccc; border-top: none; }
.table-wrapper .controls:hover { color: black; }
.table-wrapper .editable th:first-child { border-left: solid 1px #ccc; }
.table-wrapper .editable th:last-child { border-right: solid 1px #ccc; }
.table-wrapper .controls a { display: inline-block; margin: 0 2px; padding: 3px; border: solid 1px transparent;
	border-top: none;
}
.table-wrapper .controls a:hover { cursor: default;
	background: -webkit-linear-gradient(#fff,#777 70%,#ddd);linear-gradient(#fff,#777 70%,#ddd); border: solid 1px #ccc; border-top: 0px; color: white;
}
.table-wrapper .controls a:active {
	background: -webkit-linear-gradient(#999,#777 70%,#ddd);linear-gradient(#999,#777 70%,#ddd);
}
.editable { border-collapse: collapse; }
.editable th { text-align: left; font-weight: bold; }
.editable th, .editable td { padding: 4px; }
.editable td { border: solid 1px #ccc; vertical-align: top; }
.editable textarea { width: 98%; width: -webkit-calc(100% - 8px);calc(100% - 8px); width: calc(100% - 8px); font-size: 9pt; min-height: 6em; height: 100%; }
.editable input, .editable select { width: 98%; width: -webkit-calc(100% - 8px);calc(100% - 8px); width: calc(100% - 8px); }

/** 'sorted' means sorted by server before sending HTML. 'sortable' means rows can be rearranged with drag and drop.
    Not ideal naming... **/
table.sorted th.sorted0.asc { padding-right: 18px; background: url(/_/images/asc.gif) no-repeat right center; }
table.sorted th.sorted0.desc { padding-right: 18px; background: url(/_/images/desc.gif) no-repeat right center; }

.editable.sortable td:first-of-type { cursor: grab; cursor: -webkit-grab;grab; -webkit-user-select: none;user-select: none; user-select: none; }
.insertIndicator { border-top: solid 2px blue; width: 30px; height: 1px; position: absolute; }

/*.pageControls {  position: relative; }
.pageControls .next { position: absolute; right: 0; }*/