/**
* Reset
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
}
body {
line-height: 1.5;
}
/* Tables still need 'cellspacing="0"' in the markup */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }
/* Remove possible quote marks (") from , */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* Remove annoying border on linked images */
a img { border: none; }
/**
* Div
*/
html { height:100%; }
body { background:#fff; }
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, font, ins, kbd, q, s, samp, small, strike, strong, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, input, option, textarea, select { color:#242424; font:11px verdana, helvetica, sans-serif; }
a { color:#1376db; text-decoration:underline; }
em { font-style:italic; }
div.spacer { clear:both; font-size:1px; }
div.hr { clear:both; height:1px; background:#c8c5c0; margin:10px 0 10px 0; }
div.clean_row { height:11px; }
strong { font-weight:bold; }
small { font-size:9px; }
p { margin:0 0 10px 0; }
/**
* Structure
*/
div#wrapper { background:url("../../gfx/top_bg.gif") repeat-x; }
div#container { position:relative; width:1000px; min-height:600px; margin:0 auto; background:url("../../gfx/con_bg.png") no-repeat top center; }
div#content { width:967px; margin:40px 0 17px 17px; }
/* Top */
div#top { height:62px; }
#top div.left { float:left; height:27px; }
#top div.right { float:right; height:27px; border-left:1px solid #000; }
#top .left div, #top .right div { height:100%; white-space:nowrap; line-height:22px; padding:0 15px; }
#top div.project { float:left; color:#fff; text-indent:50px; }
#top div.project img { position:absolute; left:10px; top:0; }
#top div.question { float:left; color:#fff; background:url("../../gfx/question_bg.gif") repeat-x; border-left:1px solid #717171; border-right:1px solid #010101; }
#top .question a { line-height:23px; color:#fff; }
#top div.user { float:left; color:#939393; border-left:1px solid #5c5c5c; }
#top div.user img { position:relative; top:5px; }
#top .user a { color:#92ba27; }
/*
* Tabs
*/
div.main_tabs { margin:9px 0 0 15px; }
ul.tabs { list-style-type:none; }
.tabs li { float:left; width:135px; height:26px; background:url("../../gfx/tab_bg.png") no-repeat; margin:0 6px 0 0; }
.tabs li.selected { background:url("../../gfx/tab_selected_bg.png") no-repeat; }
.tabs li a { display:block; width:100%; height:100%; color:#fff; text-decoration:none; font-weight:bold; text-align:center; line-height:24px; }
.tabs li.selected a { color:#000; }
/*
* Global
*/
/*
* Form
*/
/* Elements */
fieldset { padding: 1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend { font-weight: bold; font-size: 1.2em; }
form { margin:0; }
input { margin:0; }
input.text, textarea { padding:2px 4px 2px 4px; border:1px solid #d6d6d6; background:#fff; color:#3c7bb2; }
input.text { width:180px; }
select.text { width:180px; }
input.check_radio { margin:0; padding:0; }
label { cursor:pointer; position:relative; top:-1px; }
optgroup { font-style:normal; font-weight:bold; }
input:focus, select:focus, textarea:focus { background:#e6e6e6; }
input.btn_save { width:117px; height:25px; cursor:pointer; background:url("../../gfx/btn_opslaan.png") no-repeat; border:0; padding:0; }
input.btn_login { width:117px; height:25px; cursor:pointer; background:url("../../gfx/btn_inloggen.png") no-repeat; border:0; padding:0; }
input.btn_cancel { width:117px; height:25px; cursor:pointer; background:url("../../gfx/btn_annuleren.gif") no-repeat; border:0; padding:0; }
input.btn_filter { width:117px; height:25px; cursor:pointer; background:url("../../gfx/btn_filteren.png") no-repeat; border:0; padding:0; }
input.btn_reset { width:117px; height:25px; cursor:pointer; background:url("../../gfx/btn_reset.gif") no-repeat; border:0; padding:0; }
input.btn_send { width:117px; height:25px; cursor:pointer; background:url("../../gfx/btn_verzenden.png") no-repeat; border:0; padding:0; }
input.btn_preview { width:117px; height:25px; cursor:pointer; background:url("../../gfx/btn_voorbeeld.png") no-repeat; border:0; padding:0; }
input.btn_data_export { width:117px; height:25px; cursor:pointer; background:url("../../gfx/btn_data_export.png") no-repeat; border:0; padding:0; }
/* Form container */
table.form_con { width:100%; }
.form_con td.con { padding:0 20px 10px 0; vertical-align:top; }
/* Table */
.form thead th { font-size:14px; font-weight:normal; padding:0 0 10px 0; }
.form tbody th { padding:0 4px 4px 0; text-align:left; width:100px; vertical-align:top; white-space:nowrap; }
.form tbody td { padding:0 0 4px 0; }
/* Data container */
table.data_con { width:auto; }
.data_con td.con { padding:0 20px 10px 20px; vertical-align:top; border-right:1px solid #cdcbc6; }
.data_con td.first_con { padding-left:0; }
/*
* Data list
*/
/* Table */
table.data_list { width:100%; border-top:1px solid #d6d6d6; border-left:1px solid #d6d6d6; border-right:1px solid #d6d6d6; }
.data_list thead th { height:26px; font-weight:bold; font-size:11px; background:url("../../gfx/th_bg.gif") repeat-x; padding:0 10px 0 10px; color:#242424; white-space:nowrap; }
.data_list thead th a { color:#000; font-weight:bold; }
.data_list tbody .head td { color:#3c7bb2; }
.data_list tbody th { height:26px; font-weight:bold; font-size:11px; background:url("../../gfx/th_bg.gif") repeat-x; padding:0 10px 0 10px; color:#242424; white-space:nowrap; }
.data_list tbody td { cursor:pointer; font-size:11px; padding:5px 10px 5px 10px; border-bottom:1px solid #dfdfdf; white-space:nowrap; vertical-align:top; line-height:16px; border-right:1px solid #d6d6d6; }
.data_list tbody td:last-child { border-right:0; }
.data_list tbody td.click { cursor:pointer; }
.data_list tbody td.id { width:35px; background:#dbdbdb; }
.data_list tbody td.icon { width:30px; text-align:center; }
.data_list tbody td.desc { white-space:normal; }
.data_list tbody td.integer { cursor:default; text-align:center; }
.data_list tbody td.action { cursor:default; text-align:center; }
.data_list tbody td small { font-weight:bold; }
.data_list tbody tr:hover { background:#e9e9e9; }
.data_list tr.even { background:#f4f4f4; }
.data_list td.sub_table_con { padding:0 0 50px 50px; }
.data_list td.sub_table_con table { border-top:0; border-right:0; }
.data_list tbody tr:hover td.sub_table_con { background:#fff; }
/*
* Button links
*/
a.btn_link { display:block; height:16px; padding:0 0 0 25px; }
a.btn_link_add { background:url("../../gfx/icons/page_add.png") no-repeat left; }
a.btn_link_details { background:url("../../gfx/icons/page_edit.png") no-repeat left; }
a.btn_link_delete { background:url("../../gfx/icons/page_delete.png") no-repeat left; }
a.btn_link_back { background:url("../../gfx/icons/book_open.png") no-repeat left; }
/**
* Headers
*/
h1 { color:#3c7bb2; font:24px tahoma, helvetica, sans-serif; font-weight:bold; border-bottom:1px solid #d6d6d6; margin:14px 0 10px 0; padding:0 0 10px 0; }
h2 { color:#000; font:14px verdana, helvetica, sans-serif; font-weight:bold; border-bottom:1px dotted #d6d6d6; margin:14px 0 10px 0; padding:0 0 10px 0; }
/**
* Search
*/
div.search { border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; }
.search div.search_con { border-bottom:1px solid #d6d6d6; background:url("../../gfx/filter_bg.gif") repeat-x bottom; padding:0 0 10px 10px; }
.search .search_con table { width:auto; }
.search .search_con th,
.search .search_con td { padding:10px 10px 0 0; white-space:nowrap; }
.search .search_con th { width:110px; line-height:17px; }
.search .search_con td { width:175px; }
.search input.text { width:150px; }
/**
* Data form
*/
div.data_form { border-left:1px solid #d6d6d6; border-top:1px solid #d6d6d6; border-right:1px solid #d6d6d6; }
.data_form div.data_form_con { border-bottom:1px solid #d6d6d6; background:url("../../gfx/filter_bg.gif") repeat-x bottom; padding:0 0 10px 10px; }
.data_form .data_form_con table { width:auto; }
.data_form .data_form_con th,
.data_form .data_form_con td { padding:10px 10px 0 0; white-space:nowrap; }
.data_form .data_form_con th { width:110px; line-height:17px; }
.data_form .data_form_con td { width:175px; }
.data_form input.text { width:150px; }
/**
* Overview
*/
div.overview { position:relative; }
div.overview_action { position:absolute; top:0; right:0; }
div.overview_action a { float:left; margin-left:10px; }
/**
* Footer
*/
div#footer { color:#fff; background:#c5c5c6; height:25px; text-align:right; line-height:22px; padding:0 5px 0 0; }
/**
* Message
*/
div.message { padding:10px; }
div.negative { border:1px solid #890000; background:#c03535; color:#fff; }
div.positive { border:1px solid #607a1a; background:#9ab64f; color:#fff; }
div.neutral { border:1px solid #d14000; background:#e86024; color:#fff; }