body {
    font-family : verdana, arial, sans-serif;
    color:#333333;
}

a.hidden {
    text-decoration : none;
}

a img {
    border: none;
    margin:0px;
    padding:0px;
    text-decoration:none;
}


.bullet {
    vertical-align : middle;
    text-decoration:none;
}

.box  {
    height:30px;
    display:inline;
    float:left;
    margin : 10px;
    padding:10px;
    -moz-border-radius:5px;
}
.button {
    border:1px none;
    padding:3px;
}
.button:hover {
    border:1px outset;
    padding:2px;
}

.button:active {
    border:1px inset;
    padding:2px;
}

#search {
    background-color: #E0E8EF;
}

#add {
    background-color: #C9EFC2;
}

#player {
    background-color: #F4FFA4;
}

h2 {
    border-bottom: solid 1px #AABBCC;
}

a {
    font-weight : bold;
    color : #445566;
}



#list {
    clear:both;
    width:100%;
    border-collapse : collapse;
}

#list th {
    background-color : #FFB93F;
}

#list th, #list td {
    padding : 5px;
}

#list th {
    border : solid 2px black;
}


#list tr.odd {
    background-color : white;
}

#list tr.even {
    background-color : #EEEEFF;
}

#list colgroup.fields {
    border-right : 2px black solid;
}

#list tbody {
    border : 2px black solid;
}

#list td.action {
    text-align : center;
}

#list tbody tr td {
    border-right : 1px dotted #BBBBBB;
    height:50px;
}

/* --------------- */
/* Forms : Generic */
/* --------------- */

input, textarea {
    border-width : 1px;
    padding : 3px;
    font-size : 12pt;
}

form table td{
    padding : 3px;
}

.error {
    padding : 20px;
    margin:5px;
    background-color:#EE2233;
    font-size : 12pt;
    font-weight:bold;
}

/* ------------- */
/* Edit Tab Form */
/* ------------- */

form.edit-tab table {
    padding : 15px;
}

form.edit-tab input[type=file] {
    
} 

form.edit-tab .field {
    background-color: #FFB93F;
    font-weight : bold;
}

form.edit-tab input.submit {
    font-size : 14pt;
    width : 300px;
    padding : 10px;
    margin : 5px;
    text-align : center;
    background-color:#76BF00;
}

/* ---------- */
/* Login Form */
/* ---------- */

form.login th {
    font-weight : bold;
    text-align : left;
}

form.login {
    text-align:center;
}

form.login table {
    margin : auto;
    padding : 20px;
    background-color : #FFB93F;
    -moz-border-radius : 10px;
}


.error {
    padding : 20px;
    margin:5px;
    background-color:#EE2233;
    font-size : 12pt;
    font-weight:bold;
}


/* --------------------------------------- */

.logout {
    clear:both;
    text-align:left;
    font-size:8pt;
    margin-top:-10px;
    margin-left:-10px;
    margin-bottom:10px;
}

/* ----- */
/* Stars */
/* ----- */


#stars {
    display:none;
    position:absolute;
    text-align:center;
    background-color : #FFD86F;
    border: solid 2px;
    border-color : #FFE9AF #978042 #978042 #FFE9AF;
    width : 140px;
    margin:0px;
    padding : 0px;
    font-size: 8pt;
}

.content {
    padding:10px !important;
}

#stars .titlebar {
    font-weight:bold;
    cursor : move;
    text-align:right;
    background-color : #FFF3D0;
    padding : 2px;
    margin:0px;
}

.stars-content {
    padding:4px;
    padding-top : 15px;
    padding-bottom : 20px;
    height : 30px;
}

.stars-content img {
    vertical-align : middle;
}

#stars-wait {
    display : none;
}

#stars-success {
    display : none;
}

.buttons {
    text-align:center;
    font-size : 8pt;
    margin:0px;
    padding-bottom : 12px;
}

.buttons a {
    margin : 2px;
    cursor : pointer;
    text-align : center;
    font-weight : bold;
    padding: 3px;
    padding-left : 10px;
    padding-right : 10px;
    border : 2px solid;
}


.buttons .ok {
    background-color : #76BF00;
    border-color : #EAFFDF #596F4C #596F4C #EAFFDF ;
}

.buttons a.ok:active {
    border-color : #596F4C #EAFFDF #EAFFDF #596F4C ;
}


.buttons .cancel {
    background-color : #EF7259;
    border-color : #EFBEB4 #9B2C16 #9B2C16 #EFBEB4 ;
}

.buttons a.cancel:active {
    border-color : #9B2C16 #EFBEB4 #EFBEB4 #9B2C16 ;
}


/*  Tooltip */
a.tooltip {
    z-index:24;
    position:relative;
    text-decoration:none;
    font-weight:normal;
}

a.tooltip:hover {
    font-size:8pt;
}

a.tooltip span {
    position:absolute;
    top:0em;
    left:2em;
    z-index:25;
    display:none;
}

a.tooltip:hover span {
    display:block;
}

/* History popup */

.history-popup {
    padding : 5px;
    background-color : #FFD86F;
    border : 1px solid;
    border-color : #FFE9AF #978042 #978042 #FFE9AF;
    font-size:8pt;
}

.history-popup th, .history-popup td {
    font-weight:normal;
    margin:0px;
    padding:2px;
    border: 1px solid black;
    white-space : nowrap;
    font-size:8pt;
}

.history-popup table {
    font-weight:normal;
    border-collapse : collapse;
    background: none;
    border : 1px solid black;
}
.bad {
    background-color : #FFAAAA;
}