/********************
** Yellow theme
*********************
#F4C600 - font header dark
#FFF5CD - back header light

#FFF5CC - list even
#FFE471 - list odd
*********************
** Red theme
*********************
#8F3838 - font header dark
#F5DDDE - back header light

#F5DDDD - list even
#F5D3D3 - list odd
*********************
** Gray
*********************
#D2D6E0 - lightgray
#838B9E - graytext
********************/

BODY {
    color: #838B9E;
    font-family: 'Arial', 'Sans-serif', 'sans', 'serif';
    font-size: 12px;
    line-height: 1.8em;
    padding: 5px;
    margin: 5px;
}

INPUT, SELECT, TEXTAREA {
    border: 1px solid #F4C600;
    padding: 2px;
    background-color:#FFF5CD;
}

BUTTON.button, INPUT.button {
    background-color: #F4C600;
    color: #FFF;
    -moz-border-radius:5px;
    font-weight:bold;
}

BUTTON:hover.button, INPUT:hover.button {
    background-color: #FFF5CD;
    color: #F4C600;
}

FIELDSET {
    border: 1px solid #F4C600;
    -moz-border-radius:5px;
}

LEGEND {
    font-size:18px;
    color: #AAA;
}

A {
    color:#838B9E;
}

IMG {
    border: none;
}

TH {
    background: #F4C600;
    color: #FFF;
    font-weight: bold;
    font-size:12px;
    padding:5px;
}

EM {
    font-size:14px;
}

.graytext {
    color: #838B9E;
}

.left {
    float: left;
}

.right {
    float: right;
}

.header {
    width:100%;
    padding:5px;
    margin-bottom:5px;
    background-color:#FFF5CD;
    -moz-border-radius:5px;
    border: none;
}

.header-title {
    color: #F4C600;
    font-size: 1.8em;
    text-align:left;
    font-weight:bold;
}

.header-message {
    text-align:center;
    font-size:0.9em;
    color: #555;
}

.header-subtitle {
    color: #F4C600;
    font-size: 1.25em;
    text-align:right;
}

.menu {
    width:100%;
    padding:0;
    margin:0 0 5px 0;
    background-color:#FFF;
    font-size:14px;
    font-weight:bold;
    line-height:2.5em;
}

A.menu-item {
    background-color:#FFF5CD;
    color:#F4C600;
    text-decoration:none;
    margin:1px;
    padding:5px;
    -moz-border-radius:5px;
    border:1px solid #F4C600;
}

A:hover.menu-item {
    background-color:#F4C600;
    color:#FFF;
}

.feedbackPanel {
    padding: 0;
    text-align:center;
}

.feedbackPanel li {
    list-style: none;
    font-weight: bold;
    margin: 2px;
    -moz-border-radius: 5px;
}

.feedbackPanelWARNING {
    color: brown;
    background-color: yellow;
}

.feedbackPanelERROR {
    color: red;
    background-color: pink;
}

.feedbackPanelINFO {
    color: green;
    background-color:lightgreen;
}

TABLE.grid .even {
    background-color: #FFE471;
}

TABLE.grid .odd {
    background-color: #FFF5CC;
}

/* Autocomplete */
DIV.wicket-aa {
    font-family: "Lucida Grande","Lucida Sans Unicode",Tahoma,Verdana,serif;
    font-size: 12px;
    background-color: white;
    border-width: 1px;
    border-color: #cccccc;
    border-style: solid;
    padding: 2px;
    margin: 1px 0 0 0;
    text-align:left;
}
DIV.wicket-aa UL {
    list-style:none;
    padding: 2px;
    margin:0;
}

DIV.wicket-aa UL LI.selected {
    background-color: #FFFF00;
    padding: 2px;
    margin:0;
}

TABLE.grid {
    font-family: arial,sans-serif;
    font-size: 14px;
    width: 100%;
    border-spacing: 0;
}

TABLE.grid TD {
    padding: 5px;
}

TABLE.grid TD P {
    padding: 0;
    margin: 0;
}

TABLE.grid .no-results {
    text-align: center;
    font-weight: bold;
    font-style:italic;
    padding:20px;
}

TABLE.grid-logs {
    font-family: arial,sans-serif;
    font-size: 12px;
    width: 100%;
    border-spacing: 0;
}

TABLE.grid-logs TD {
    padding: 0;
}

TABLE.grid-logs .even {
    background-color: #EEE;
}

.simple-list {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.list {
    list-style-type: none;
    padding: 0 0 0 10px;
}

.list .principal {
    margin-bottom: 15px;
}

.searchForm {
    margin: 0;
}

.approx {
    margin-bottom: 0;
}

.message {
    -moz-border-radius:5px;
    text-align: center;
    border: 2px solid;
    padding: 5px;
}

.message.info {
    border-color: #F4C600;
    background: #FFF url("images/information.png") no-repeat scroll 5px center;
    padding-left: 25px;
}

.ajaxEditable {
    font-style: italic;
    cursor: pointer;
    padding: 3px;
    border-bottom: 1px navy dashed;
    color: navy;
}

.filter {
    border: white outset 2px;
    background-color: #FFF5CD;
    font-weight: bold;
    color:#F4C600;
}

.noFilter {
    border: white inset 2px;
    background-color: #F4C600;
    font-weight: bold;
    color:#FFF;
}

.choice-ajax-indicator {
    top: 3px;
    position:relative;
}

.filter-ajax-indicator {
    top: 3px;
    position:relative;
}

.wicket-ajax-indicator {
    float: left;
    margin: 9px 0 0 -20px;
}

.navigator-ajax-indicator {
    float: none;
    margin: 0;
}

.rounded-border {
    -moz-border-radius:5px;
    border: 1px solid #D2D6E0;
    padding: 10px;
}

.footer {
    margin-left:auto;
    margin-right:auto;
    width:750px;
    text-align:center;
    color:gray;
}

.footer img {
    opacity: 0.5;
    border-width:0;
}

.footer img:hover {
    opacity: 1;
}

.icon {
    background: transparent no-repeat scroll left center;
    padding: 1px 0 1px 20px;
}

.edit-person {
    background-image: url("images/edit-person.png");
}

.view-person {
    background-image: url("images/person.png");
}

.excel {
    background-image: url("images/excel.png");
}

.email {
    background-image: url("images/email.png");
}

.telephone {
    background-image: url("images/telephone.png");
}

.mobile {
    background-image: url("images/mobile.png");
}

.house {
    background-image: url("images/house.png");
}

.heart {
    background-image: url("images/heart.png");
}

.note {
    background-image: url("images/note.png");
}

.company {
    background-image: url("images/building.png");
}

.key {
    background-image: url("images/key.png");
}

.groups {
    background-image: url("images/groups.png");
}

.auth {
    background-image: url("images/auth.png");
}

.roles {
    background-image: url("images/roles.png");
}

.group-add {
    background-image: url("images/group_add.png");
}

.add {
    background-image: url("images/add.png");
}

.comments {
    background-image: url("images/comments.png");
}

.mailing {
    background-image: url("images/mailing.png");
}

.add-person {
    background-image: url("images/add-person.png");
}

.reminder {
    background-image: url("images/clock.png");
}

.profil {
    background-image: url("images/shield.png");
}

.search {
    background-image: url("images/magnifier.png");
}

.add-clock {
    background-image: url("images/clock_add.png");
}

.delete {
    background-image: url("images/cross.png");
}

.admin {
    background-image: url("images/admin.png");
}

.date-add {
    background-image: url("images/date_add.png");
}

.logs {
    background-image: url("images/book-open.png");
}

.login_ok {
    background-image: url("images/key_go.png");
}

.logout {
    background-image: url("images/key_delete.png");
}

.login_ko {
    background-image: url("images/exclamation.png");
}

.login_ok {
    background-image: url("images/key_go.png");
}

.update {
    background-image: url("images/pencil.png");
}

.create {
    background-image: url("images/add.png");
}

.person {
    background-image: url("images/person.png");
}

.group {
    background-image: url("images/groups.png");
}

.role {
    background-image: url("images/roles.png");
}

.rename {
    background-image: url("images/link_break.png");
}

.replace {
    background-image: url("images/pencil.png");
}

.remove {
    background-image: url("images/cross.png");
}

.error {
    background-image: url("images/error.png");
}

.sync {
    background-image: url("images/chart_organisation.png");
}

.clean {
    background-image: url("images/bin.png");
}

.filter-user {
    background-image: url("images/user_go.png");
}

.filter-dn {
    background-image: url("images/link_go.png");
}

.star-for-user-profil {
    background-image: url("images/star.png");
}

.star {
    background-image: url("images/star-small.png");
    background-position: center center;
}

.pointer {
    cursor: pointer;
}

A:hover.star {
    background-image: url("images/star.png");
    background-position: center center;
}

.principal .star, .principal A:hover.star {
    background-image: url("images/star.png");
    background-position: center center;
}

A.first {
    background-image: url("images/first.png");
    color: transparent;
    padding: 0 0 0 5px;
}

A.prev {
    background-image: url("images/prev.png");
    color: transparent;
    padding: 0 0 0 14px;
}

A.next {
    background-image: url("images/next.png");
    background-position: right;
    color: transparent;
    padding: 0 0 0 14px;
}

A.last {
    background-image: url("images/last.png");
    background-position: right;
    color: transparent;
    padding: 0 0 0 4px;
}

SPAN.first {
    background-image: url("images/first-gray.png");
}

SPAN.prev {
    background-image: url("images/prev-gray.png");
}

SPAN.next {
    background-image: url("images/next-gray.png");
    background-position: right;
}

SPAN.last {
    background-image: url("images/last-gray.png");
    background-position: right;
}

SPAN.first EM, SPAN.next EM, SPAN.prev EM, SPAN.last EM {
    display: none;
}

.edit-person-fieldset {
    border:none;
    margin-top:10px;
    padding-top:10px;
}

.delete-person {
    margin-left:50px;
    font-size: 14px;
    text-decoration:none;
}

.signin-form {
    margin-left:auto;
    margin-right:auto;
    width:340px;
    margin-top:30px;
}

.firefox {
    float: right;
    margin: -140px 5% 0 0;
}

.firefox-label {
    padding: 0 0 0 10px;
    font-weight: bold;
    font-size: 18px;
    color: rgb(214, 66, 3);
}

.description TEXTAREA {
    width: 600px;
    height: 100px;
}

.font12px {
    font-size:12px;
}

.italic {
    font-style: italic;
}