* { font-family : Tahoma, Arial, sans-serif; }
body { background : #fff; padding : 0px; margin : 0 }
form { padding : 0; margin : 0 }
body,p,td,textarea,input,select { font-size : 10pt }
img { border : 0; }
p { margin : 0; padding : 0; margin-bottom : 10pt; }
table { margin : 0; margin-bottom : 10px; }
table table table { margin-bottom : 0; }
hr { border : 0; height : 0; padding : 0; margin : 5px 0; border-top : #999 solid 1px; }
fieldset { margin-bottom : 10px; }
label * { vertical-align : middle; }

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

a.more:after { content: ' »'; }
a.back:before { content: '« '; }

h1, h2, h3, h4 { font-family : "Trebuchet MS", Arial, sans-serif; margin : 0 0 10px 0; padding : 0; }
h1 a { font-family : "Trebuchet MS", Arial, sans-serif; text-decoration: none; }
h1 { font-size : 15pt; margin: 0; line-height: 1.5em; }
h2 { font-size : 13pt; }
h3 { font-size : 12pt; }
h4 { font-size : 11pt; }
h1 em,
h2 em,
h3 em { font-weight : normal; font-style : normal; font-size : 8pt; margin-left : 4px; }

.menu-item * { vertical-align : middle }

.nag { background : #ddd }
.glowny { background : #888; color : #fff }
.glowny a, .glowny a:hover, .glowny a:visited { color : #fff }
.odd { background : #eee }
.even { background : none; }
.hint { font-size : 8pt; color : #888 }
.proctime { margin-top : 5px; color : #888; font-size : 10px; display : block; clear : both }
.sel { padding : 2px; border : #000 solid 1px; background : #fff; }
.hidden { display : none; }
.example { color : #aaa; }
.tooltip { cursor : help; vertical-align : top; }
.small { font-size : 8pt; }

.message-ok,
.message-error,
.message-warning { margin-top : 5px; margin-bottom : 10px; border-spacing : 0; border-collapse : collapse; }
.message-ok td,
.message-error td,
.message-warning td { padding : 5px 8px 5px 26px; }
.message-ok td { color : green; border : green solid 1px; background : #EAFFEA url('/img/ok.png') 5px 10px no-repeat; }
.message-error td { color : red; border : red solid 1px; background : #FFEAEA url('/img/error.png') 5px 10px no-repeat; }
.message-warning td { color : #37360c; border : #b8b61e solid 1px; background : #f3f29f url('/img/warning.png') 5px 10px no-repeat; }
.message-ok td h1,
.message-error td h1,
.message-warning td h1 { font-weight : normal; font-size : 14pt; margin-bottom : 2px; padding-bottom : 0; }

.gray { color : #999 }
.gray a,
.gray a:visited { color : #999; }

.red { color : red; }
.green { color : green; }
.r { text-align : right }
.l { text-align : left }
.c { text-align : center }
.j { text-align : justify }
.required { color : red; }

select,
textarea,
input[type=number],
input[type=date],
input[type=text],
input[type=password] { background-color : #fff; border : #888 solid 1px; }
textarea,
input[type=number],
input[type=date],
input[type=text],
input[type=password] { padding: 4px; margin: 2px 0; border-radius: 3px; box-shadow: 2px 2px 2px #eee inset; vertical-align: middle; }
textarea:focus,
input[type=number]:focus,
input[type=date]:focus,
input[type=text]:focus,
input[type=password]:focus { background-color: #dbe7ea; box-shadow: 0px 0px 4px #a3bac9; border-color: #000; }
input[type=submit],
button,
a.button { padding : 5px 10px; border : #888 solid 1px; background-color : #f6f6f6; cursor : pointer; border-radius: 5px; box-shadow : -1px -1px 1px #ddd inset; vertical-align: middle; }
input[type=submit]:hover,
input[type=submit]:active,
button:hover,
button:active { background-color: #fff; }
select { max-width : 750px; padding: 4px; border-radius: 5px; vertical-align: middle; }
input[type=file] { background-color : #fff; }
input[disabled],
select[disabled],
textarea[disabled] { background : #eee; color : #666; }
input[type=checkbox],
input[type=radio] { vertical-align: middle; }
input[type=number] { width: 4em; }

a.button { display: inline-block; text-decoration: none !important; }
a.button:active,
a.button:hover { background-color: #fff; }

button.icon,
input[type=submit].icon,
a.button.icon { padding-left: 30px; background-position: 10px 50%; }

#form-html { margin-bottom : 10px; font-size: 10pt; }
#form-html label.ui-button { margin-top: 4px; margin-bottom: 4px; }
#form-html textarea { width: 100%; }
#form-html input[type=radio][value="0"] + label.ui-state-active { border: red solid 1px !important; background: #f0a5a5 !important; }
#form-html input[type=radio][value="1"] + label.ui-state-active { border: green solid 1px !important; background: #c0f0ab !important; }
#form-html .has-content { background: #dff0d7; }
#form-html .date-format { font-size: 8pt; color: #666; background: none; }

select.error,
textarea.error,
input.error { border : red solid 1px !important; background : #FEF3F4 !important; }

.cite { color : #c8c8c8; font-style : italic; font-size : 10pt; margin-bottom : 10px; }

#container { min-width : 920px; }

#title { background : #ddd; border-bottom : #999 solid 1px; padding : 10px 16px; clear : both; overflow : hidden; }
#title h1 { margin : 0; padding : 0; float : left; }
#title form { float : right; }
#title .user-controls { float : right; margin-top: 8px; margin-left: 10px; }
#title .user-logout { padding-left: 20px; background: url('/img/cross.png') 0 50% no-repeat; }

#menu { background : #eee; border-bottom: #999 solid 1px; }
#menu ul { list-style : none; margin : 0; padding : 0; overflow: hidden; }
#menu ul li { display : block; margin : 0; padding : 0; float: left; }
#menu ul li a { display : block; padding : 8px 12px 8px 28px; text-decoration : none; border: #999 solid 1px; border-top: 0; margin: 0 0 -1px -1px; }
#menu ul li a:hover,
#menu ul li a.selected { background-color : #fff; }

.menu-form a { background : url('/img/icons/menu_form.png') 8px 50% no-repeat; }
.menu-datasets a { background : url('/img/icons/menu_datasets.png') 8px 50% no-repeat; }
.menu-search a { background : url('/img/icons/menu_search.png') 8px 50% no-repeat; }
.menu-edit a { background : url('/img/icons/menu_form_edit.png') 8px 50% no-repeat; }
.menu-import a { background : url('/img/icons/menu_import.png') 8px 50% no-repeat; }
.menu-export a { background : url('/img/icons/menu_export.png') 8px 50% no-repeat; }
.menu-stats a { background : url('/img/icons/menu_stats.png') 8px 50% no-repeat; }
.menu-users a { background : url('/img/icons/menu_users.png') 8px 50% no-repeat; }

#content { min-width : 920px; padding: 16px; }

#form-preview { border : #ccc dashed 1px; padding : 10px; margin-bottom : 10px; }

.tabs { margin-bottom : 10px; }

.form-preview { font-size : 9pt; }
.form-preview abbr { cursor : help; background : #eee; padding : 2px; }
.form-preview  .field-missing { cursor : help; color : red; background : #FEF3F4; padding : 2px; }

.field-value { font-weight : bold; padding : 2px; background : #eee; border-bottom : #ccc dashed 1px; cursor : help; }

.form-nav { display: inline-block; border: #bbb solid 1px; padding: 20px 0; width: 50px; background: #ddd; border-radius: 5px; text-align: center; margin: 10px 0; cursor: pointer; position: relative; text-decoration: none; }
.form-nav span { font-size : 18pt; font-weight: bold; color : #333; }
.form-nav:hover,
.form-nav:active { background: #fff; }
.form-prev { padding: 80px 0px; }
.form-next { padding: 80px 0px; }
.form-more > div { display: none; position: absolute; right : -1px; top : -1px; background: #eee; border: #bbb solid 1px; padding: 20px; border-radius: 5px; text-align: left; min-width: 350px; box-shadow: 0px 0px 6px #bbb; cursor: auto; z-index: 1000; }
.form-more:hover > div,
.form-more:active > div { display: block; }
.form-prev-more > div { right: auto; left: -1px; }
.form-more > div ul { margin: 10px 0 0 40px; padding-left: 0; }
.form-more > div ul li { padding: 3px 0; }

.import-preview { border-spacing : 0; border-collapse : collapse; border-color : #ddd; }
.column-matched,
.cell-matched { color : green; background : #EAFFEA; }
.column-unmatched,
.cell-unmatched { color : gray; background : #f0f0f0; }
.cell-invalid { color : red; background : #FFEAEA; }

#login-wrapper { position : absolute; left : 0px; top : 40%; width : 100%; }
#login-form { border-top : #999 solid 2px; border-bottom : #999 solid 2px; background : #f7f7f7; padding : 20px 0px; margin : 0px 10px }
#login-form .message-ok,
#login-form .message-error { margin: auto; margin-top : 0; margin-bottom: 10px; }

.icon { background : url('/img/icons/blank.gif') top left no-repeat; padding-left : 20px; padding-bottom : 2px; }
.icon + form { display : none; }

.icon-search { background-image : url('/img/icons/search.png'); }
.icon-upload { background-image : url('/img/icons/upload.png'); }
.icon-tick { background-image : url('/img/icons/tick.png'); }
.icon-add { background-image : url('/img/icons/new.png'); }
.icon-edit { background-image : url('/img/icons/edit.png'); }
.icon-save { background-image : url('/img/icons/save.png'); }
.icon-delete { background-image : url('/img/icons/delete.png'); }
.icon-history { background-image : url('/img/icons/history.png'); }
.icon-fields { background-image : url('/img/icons/fields.png'); }
.icon-table { background-image : url('/img/icons/table.png'); }
.icon-form-edit { background-image : url('/img/icons/form_edit.png'); }
.icon-form-delete { background-image : url('/img/icons/form_delete.png'); }
.icon-form-view { background-image : url('/img/icons/form_view.png'); }

.ui-buttonset { white-space : nowrap; }
.ui-button-text { padding : 0.2em 0.5em 0.2em 0.5em !important; }

.form-grid table { margin : 0 }
.form-grid table tr td:first-child { padding-right : 20px; }
.form-grid table div { border-left : #bbb dotted 1px; padding-left : 10px; }

.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td { margin: 0; padding: 0; font-size: 100%; font: inherit; vertical-align: top; }
.fht-table { border-collapse: collapse; border-spacing: 0; }
.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody { overflow: hidden; position: relative; }
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody { overflow: auto; }
.fht-table-wrapper .fht-table .fht-cell { overflow: hidden; height: 1px; }
.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body { top: 0; left: 0; position: absolute; }
.fht-table-wrapper .fht-fixed-column { z-index: 1; }