/* 
    Document   : websfaces
    Created on : 3-nov-2009, 10:53:02
    Author     : Hans Sneep
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}

input {
}

body {
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #484848;
    margin: 10px;
}

.websFacesLabel {
    font-weight: bold;
    color: #484848;
}

.websFacesErrorMessage {
    color: #ff0000;
}

.websFacesInfoMessage {
    border: 1px solid #f4cd59;
    color: #990900;
    background: #FBEAA9 none repeat scroll 0 0;
    margin-top: 5px;
    margin-bottom: 10px;
    padding: 3px;
}

.websFacesInput {
    background-color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    border:1px solid #D9D9D9;
}

/*
.websFacesOutText {
    font: 11px tahoma;
}

.websFacesButton {
    font: 11px tahoma;
}
*/
.websFacesDataTableWrapper {
    border-collapse:collapse;
    border-width: 1px;
    border-color: #cccccc;
    border-style:solid;
}

.websFacesDataTable {
    border-collapse:collapse;
}

.websFacesDataTableRibbon {
    margin-bottom: 10px;
    padding: 5px;
}

.websFacesDataTableHeading {
    text-align:center;
    background-color: #c0c0c0;
    font-size: 12px;
    font-weight:bold;
    border-width: 1px;
    border-color: #cccccc;
    border-style:solid;
    padding: 5px;
}

.websFacesDataTableHeader {
    text-align:center;
    background-color: #c0c0c0;
    border-width: 1px;
    border-color: #cccccc;
    border-style:solid;
    padding: 5px;
}

.websFacesDataTablePager {
    padding: 5px;
}


.websFacesDataTablePageLink {
    padding: 5px;
    /*margin: 5px;*/
}

.websFacesDataTableCell {
    border-width: 1px;
    border-color: #c0c0c0;
    border-style:solid;
}

a:link, a:visited, a:active, a:hover {
    font-weight: bold;
    color: #808080;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.ui-widget {
    font-size: 10px;
    color: #484848;
}

.ui-widget-content {
    font-size: 10px;
    color: #484848;
}
.ui-datepicker-trigger {
    margin-left:5px;
    margin-bottom: -3px;
}