.cleared {
    clear: both;
}

.error {
    color: red;
}

.button {
    padding: 1px 1px;
    overflow: visible;
    border-width: 1px;
}

.input {
    padding: 2px 3px;
}

.required {
    color: red;
}

fieldset { 
    background: #ededed;
    border: 1px solid #999999;
    border-left: none;
    border-right: none;
    margin: 5px 0px 0px;
    padding: 3px;
    padding-left: 10px;
}

fieldset.preview { 
    background: #fff;
    border: 1px dashed #999999;
    padding-bottom: 10px;
}

fieldset.break { 
    border: none;
    margin-top: 15px;
    padding: 0px;
    padding-bottom: 5px;
    border-top: 1px solid #999999;
    width: 95%;
}


legend {
    background: #ffffcc;
    border: 1px solid #999999;
    padding: 3px;
}

legend.select select {
    background: #ffffcc;
}

legend.select {
    background: none;
    border: none;
}

legend.break {
/*
    background: #ffffcc;
    border: 1px solid #999999;

    background: #333;
    color: white;
*/
}

input, select {
    font-size: 1.0em;
    vertical-align: middle;
}

div.submit {
    float: right;
    margin: 3px 0px 5px;
}

.input p {
    padding: 1px;
}

.input table {
    border: 1px solid #666666;
    float: left;
    width: 100%;
}

.input td, .input th {
    padding: 3px;
    vertical-align: top;
}

td.invisible {
    color: #666;
}

tr.month, tr.header {
    background: #333;
    color: #fff;
    font-weight: bold;
    text-align: center;
}

tr.selected {
    background: #ffffcc;
    font-weight: bold;
}

td.selected {
    font-weight: bold;
}


.row0 {
    background: #ededed;
}

.row1 {
    background: #e2e2e2;
}

td.raceDate {
    width: 10%;
}

td.raceCourse {
    width: 25%;
}

td.raceType {
    width: 50%;
}

td.raceMap1 {
    width: 15%;
}

tr.highlight {
    background: #ffffff;
}

input.name {
    width: 518px;
}

.flat {
    border-width: 1px;
    border-bottom-color: #cccccc;
    border-right-color: #cccccc;
    padding: 2px;
    padding-right: 0px;
}

select.full, input.full {
    width: 95%;
}

select.half, input.half {
    width: 50%;
}

select.full, input.full {
    width: 95%;
}

.radio {
    vertical-align: middle;
}


input.small {
    width: 7em;
}

input.hhmmss {
    width: 3em;
}

select.dd {
    text-align: right;
    width: 4em;
}

select.mmm {
    width: 5em;
}

input.yyyy {
    width: 4em;
    vertical-align: top;
}

.blurred {
    color: #999999;
}

.focused {
    color: #000000;
}

hr {
    color: #ccc;
    border-color: #fff;
    margin: 5px;
}

/*
    ---------------------------------------------------------  [Hint form styles] -----------------------------------------------------------------
    - popup type hints that appear to the right of the form elements
*/

form { 
    position: relative;
}

.hint {

    position: absolute;
    right: 20px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #999999;
    padding: 10px 12px;
    background-color: #cccccc;    
}

select.date {
    width: 50px;
}



/*
    ---------------------------------------------------------  [/Hint form styles] -----------------------------------------------------------------
    - popup type hints that appear to the right of the form elements
*/


/*
    ---------------------------------------------------------  [Privacy form styles] -----------------------------------------------------------------
*/

table.privacy {
    width: 99%;
    border: 1px solid #ccc;
/*
    border: 1px solid #666666;
*/
}


/*
    ---------------------------------------------------------  [/Privacy form styles] -----------------------------------------------------------------
*/


/*
    ---------------------------------------------------------  ["Disabled" form styles] -----------------------------------------------------------------
    - to help the user see where they are in the admin screen workflows
*/

form.done fieldset {
    border-color: #cccccc;
}

form.done legend {
    background: #ededed;
    color: #999999;
}

form.done strong {
    font-weight: normal;
}

form.done select {
    background: #ededed;
    color: #999999;
}

form.done input {
    background: #ededed;
    color: #999999;
}

form.done tr {
    background: #ededed;
    color: #999999;
}

form.done tr.selected {
    background: #ffffcc;
    font-weight: bold;
}


form.done tr.highlight {
    background: #ffffff;
}

input.disabled {
    background: #ededed;
    color: #999999;
}


/*
    ---------------------------------------------------------  [/"Disabled" form styles] -----------------------------------------------------------------
*/









/*
    ---------------------------------------------------------  ["Global search" form styles] -----------------------------------------------------------------
*/

#globalsearch {
    position: absolute; 
    right: 3px; 
    bottom: 3px;
    
}

#globalsearch input, #globalsearch select {
    font-weight: bold;
    margin-left: 4px;
    margin-top: 2px;
    padding: 2px;
}

#globalsearch select {
    padding-right: 0px;
    width: 110px;
}

#globalsearch #idtxtSearch {
    width: 135px;
}

/*
    ---------------------------------------------------------  [/"Global search" form styles] -----------------------------------------------------------------
*/

textarea {
    font-size: 11px;
}

div#preview {
    background: #ffffff;
    border: 1px dotted #cccccc;
}

input.number {
    text-align: right;  
}