
.outOfTheWay {
    position:absolute;
    top:0px;
    left:0px;
    text-indent:-999px;
    width:1px;
    height:1px;
    overflow:hidden;
}

/**** Buttons ********************************************************************************************************/

input.skinnedButtonRest, input.skinnedButtonDisabled, input.skinnedButtonHover, input.skinnedButtonActive {
    border-width:0px;
    background-color:#ccc;
    display:block;
    font-family:helvetica, arial, sans-serif;
    font-size:11px;
    padding-top:3px;
    padding-bottom:3px;
    padding-left:10px;
    padding-right:0px;
    background-image:url(/images/ui/buttonsleft.gif);
    background-position:0px -21px;
    color:black;
}

/*
 hack to get around IE rendering of long buttons; note that there's an override in ie.css
 source: http://jehiah.com/sandbox/button.html
*/
.bbutton {
    margin:0;
    padding:0 .25em;
    width: auto;
    overflow:visible;
}z

div.skinnedButtonRest, div.skinnedButtonDisabled, div.skinnedButtonHover, div.skinnedButtonActive {
    float:left;
    background-image:url(/images/ui/buttonsright.gif);
    background-position:right -21px;
    background-repeat:no-repeat;
    padding:0px 10px 0px 0px;
    margin:2px;
}

input.skinnedButtonDisabled {
    background-position:0px 0px;
    color:#666;
}

div.skinnedButtonDisabled {
    background-position:top right;
}

input.skinnedButtonHover {
    background-position:0px -42px;
}

div.skinnedButtonHover {
    background-position:right -42px;
}

input.skinnedButtonActive {
    background-position:0px -63px;
    color:#790026;
}

div.skinnedButtonActive {
    background-position:right -63px;
}

/**** Text fields ******************************************************************************************************/

input.textField, input.textFieldActive, textarea.textField, textarea.textFieldActive, input.textFieldDisabled {
    border-style:solid;
    border-width:1px;
    border-color:#444 #aaa #ddd #aaa;
    font-family:helvetica, arial, sans-serif;
    font-size:12px;
    padding:3px 5px;
    color:black;
    background-image:url(/images/ui/textshadow.gif);
    background-repeat:repeat-x;
    background-position:0px 0px;
    _background-attachment:fixed;
    position:relative;
    left:1px;
    margin:1px;
}

input.textFieldActive, textarea.textFieldActive{
    border:solid 2px #8dc63f;
    margin:0px;
    left:0px;
    top:0px;
    color:#790026;
    background:white;
}

input.textFieldDisabled {
    background:#eee;
    border:solid 1px #aaa;
    color:#aaa;
    margin:1px;
}

/**** Checkboxes ********************************************************************************************************/

img.checkboxDisabled, img.checkboxRest, img.checkboxCheckedRest, img.checkboxHover, img.checkboxCheckedHover, img.checkboxActive, img.checkboxCheckedActive {
    width:14px;
    height:14px;
    overflow:hidden;
    background-image:url(/images/ui/checkbox.gif);
    background-position:top left;
    margin:2px;
    color:black;
}

img.checkboxRest {
    background-position:0px -14px;
}

label.checkboxDisabled, label.checkboxRest, label.checkboxCheckedRest, label.checkboxHover, label.checkboxCheckedHover, label.checkboxActive, label.checkboxCheckedActive {
    font-family:verdana,helvetica,arial,sans;
    font-size:11px;
    position:relative;
    top:-4px;
    padding-left:2px;
}

label.checkboxDisabled {
    color:#999;
}

label.checkboxActive, label.checkboxCheckedActive {
    color:#790026;
    text-decoration:none;
}

label.checkboxHover, label.checkboxCheckedHover {
    text-decoration:underline;
}

img.checkboxHover, img.checkboxActive {
    background-position:0px -28px;
}

img.checkboxCheckedHover, img.checkboxCheckedActive {
    background-position:0px -56px;
}

img.checkboxCheckedRest {
    background-position:0px -42px;
}

/**** Radios ********************************************************************************************************/

img.radioDisabled, img.radioRest, img.radioCheckedRest, img.radioHover, img.radioCheckedHover, img.radioActive, img.radioCheckedActive {
    width:14px;
    height:14px;
    overflow:hidden;
    background-image:url(/images/ui/radio.gif);
    background-position:top left;
    margin:2px;
    color:black;
}

img.radioRest {
    background-position:0px -14px;
}

label.radioDisabled, label.radioRest, label.radioCheckedRest, label.radioHover, label.radioCheckedHover, label.radioActive, label.radioCheckedActive {
    font-family:helvetica, arial, sans-serif;
    font-size:11px;
    position:relative;
    top:-4px;
    padding-left:2px;
}

label.radioDisabled {
    color:#999;
}

label.radioActive, label.radioCheckedActive {
    color:#790026;
    text-decoration:none;
}

label.radioHover, label.radioCheckedHover {
    text-decoration:underline;
}

img.radioHover, img.radioActive {
    background-position:0px -28px;
}

img.radioCheckedHover, img.radioCheckedActive {
    background-position:0px -56px;
}

img.radioCheckedRest {
    background-position:0px -42px;
}



