/**
 * Stylesheet for common elements in all pages for VOS system.
 * All these setting can be overridden by adding a custom stylesheet to the
 * page that needs custom layout.
 */

/* for debugging under ie *
div {
    border: 1px solid rgb(255, 0, 0);
}

ul, ol {
    border: 1px solid rgb(0, 0, 255);
}

p {
    border: 1px solid rgb(0, 255, 0);
}
*/

html, body {
    color: rgb(44, 47, 90);
    background-color: rgb(243, 241, 242);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    /* text-align to center, otherwise IE5 shows container box aligned left */
    text-align: center;
    margin: 0;
    padding: 0;
}

#message {
    color: rgb(0, 0, 255);
    background-color: rgb(255, 255, 191);
    border: 1px solid rgb(255, 227, 0);
    padding: 2px 2px 2px 2px;
    font-weight: bold;
    text-align: center;
}

#container {
    background-color: rgb(255, 255, 255);
}

#bar_medewerkers {
    height: 14px;
    background-color: rgb(186, 12, 106);
}

#bar_metanav {
    padding: 12px 15px 0 15px;
    height: 38px;
    he\ight: 26px;
    margin-bottom: 20px;
}

#bar_metanav a, #bar_metanav a:hover {
/*    color: rgb(255, 255, 255);
    background-color: rgb(44, 47, 90); */
    color: rgb(186, 12, 106);
    background-color: rgb(255, 255, 255);
    font-weight: bold;
    padding: 2px 8px 2px 8px;
}

#bar_metanav a {
    color: rgb(44, 47, 90);
    background-color: rgb(255, 255, 255);
    font-weight: bold;
    padding: 2px 8px 2px 8px;
}

#metamenu {
    float: right;
}

#pageheader {
    padding: 0 15px 0 15px;
}

#navigation {
    font-size: 10pt;
    font-weight: bold;
    text-decoration: none;
    vertical-align: top;
}

#navigation ul {
    list-style-type: none;
}

#pageText {
    line-height: 150%;
}

#pagefooter {
    /* A border is needed here for IE, because it doubles the top padding 
     * declared in vos_default.css (it's a bug again). This border corrects 
     * that. (See also: http://www.brunildo.org/test/IEClearPadding.html) 
     */
    border: 0px solid rgb(255, 255, 255);
    text-align: right;
}

#footercontent {
    color: rgb(105, 110, 140);
    font-size: 8pt;
    border-top: 1px solid rgb(190, 192, 205);
}

a {
    text-decoration: none;
}

a img {
    border: 0;
}

a:link {
    color: rgb(44, 47, 90);
    background-color: rgb(255, 230, 243);
}

a:visited {
    color: rgb(44, 47, 90);
    background-color: rgb(255, 230, 243);
}

a:hover, a:active {
    color: rgb(255, 255, 255);
    background-color: rgb(186, 12, 106);
}

.ui-tabs-nav a, .ui-tabs-nav a:visited, .ui-tabs-nav a:active,
.ui-tabs-nav a:hover {
    background-color: transparent;
}

.tabs .list {
    border: 0;
}

div.tabs .ui-tabs-panel {
    padding: 4px;
}

.inactive, a.inactive, .inactive .uInf, tr.inactive a {
    color: #bbb;
}

#header h1 {
    display: inline;
    font-size: 18pt;
    font-weight: bold;
}

#pagecontent h2 {
    color: rgb(186, 12, 106);
    font-size: 16pt;
    font-weight: bold;
    margin: 0 0 14px 0;
}

em.searchTerm {
    background-color: #ff0;
}

.compLbl {
    font-weight: bold;
}

.btns {
    text-align: center;
    margin: 12px 0px 12px 0px;
}

.btns input {
	margin-right: 4px;
}


/* Search form layout */
#metasearch {
    float: left;
}

/* Colors for some (qf) elements */
/* hack for ie, otherwise bg is white */
td input {
    background: transparent;
    margin: 0;
}

.ubtn, .qf_text_table input, .qf_text input, .qf_password input, 
.qf_textarea textarea, .qf_select select, .qf_date select, 
.qf_hierselect select, #metasearch input, #metasearch select, .qf_other,
.qf_option_group textarea, .qf_option_group input, .listSelectionForm input {
    border-top: 1px solid rgb(212, 212, 212);
    border-right: 1px solid rgb(242, 242, 242);
    border-bottom: 1px solid rgb(242, 242, 242);
    border-left: 1px solid rgb(212, 212, 212);
    background-color: rgb(248, 246, 245);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    margin: 0 2px 0 2px;
}

.ubtn, .qf_submit input, .qf_reset input, .qf_button input,
#metasearch #searchSubmit, .listSelectionForm .ubtn {
    height: 20px;
    color: rgb(44, 47, 90);
    background: url(images/bg_btn.png) repeat-x;
    font-weight: bold;
    border: 1px solid rgb(44, 47, 90);
    font-family: Arial, Helvetica, sans-serif;
    font-size: 9pt;
    cursor: pointer;
}

a.ubtn {
    padding: 2px 8px 2px 8px;
    text-decoration: none;
}

a.ubtn:link, a.ubtn:visited, a.ubtn:hover {
    text-decoration: none;
}

.ubtn:hover, .qf_submit input:hover, .qf_reset input:hover, 
.qf_button input:hover, #metasearch #searchSubmit:hover {
    color: rgb(44, 47, 90);
    border: 1px solid rgb(186, 12, 106);
}

.rs_tlbl {
    background: transparent;
}

.rs_scr {
    background: transparent;
}

.rs_graph {
    background: rgb(2, 184, 192) url(images/bar_bg.png) top left repeat-y;
    border: 1px solid rgb(18, 77, 100);
    text-align: right;
    font-weight: bold;
}

.rs_qt td {
    background-color: rgb(255, 255, 255);
}

.rs_frm .eRow, .rs_frm .oRow {
    background-color: rgb(255, 255, 255);
    margin-bottom: 2px;
}

#selectResults .qf_hierselect .qf_lbl, #selectResults .qf_hierselect .qf_req {
	display: none;
}

#selectResults .qf_elm, #selectResults select {
	width: 100%;
}