@import url('calendar.css');
.HTMLForm,
.HTMLForm * { font-family: inherit; font-size: inherit; margin: 0; padding: 0; outline: none; color: #222; outline: none }

.HTMLForm div.hidden .text { display: none } /* hide the cookie jar */

.HTMLForm .row label,
.HTMLForm .row input.button,
.HTMLForm .row input.reset,
.HTMLForm .row input.submit,
.HTMLForm .row input.password,
.HTMLForm .row input.text,
.HTMLForm .row select,
.HTMLForm .row textarea { display: block }

.HTMLForm input.button,
.HTMLForm input.reset,
.HTMLForm input.submit,
.HTMLForm label { font-weight: bold }

.HTMLForm input.button,
.HTMLForm input.password,
.HTMLForm input.reset,
.HTMLForm input.text,
.HTMLForm input.submit,
.HTMLForm select,
.HTMLForm textarea { border: 1px solid #999 }

.HTMLForm input.password,
.HTMLForm input.text,
.HTMLForm select,
.HTMLForm textarea { padding: 3px }

.HTMLForm .row label { margin-bottom: 5px }
.HTMLForm .cell label { margin-bottom: 0 }

.HTMLForm select { background: #FFF }
.HTMLForm select option.dummy { font-size: 0em } /* used when creating nested selects */
.HTMLForm select.time { float: left; margin-right: 5px }

.HTMLForm input.password,
.HTMLForm input.text,
.HTMLForm textarea { background: #FFF url('textbox-background.gif') repeat-x top }

.HTMLForm input.password,
.HTMLForm input.text { width: 200px }
.HTMLForm input.date { width: 85px; float: left; *width: 75px }
.HTMLForm textarea { width: 400px }

.HTMLForm input.radio,
.HTMLForm input.checkbox { *position: relative; *top: -1px }

/* only for IE 8 and below */
.HTMLForm input.file { border:1px solid #999\9; background: #FFF url('textbox-background.gif') repeat-x top\9; padding: 4px\9; width: 293px\9 }

.HTMLForm input.button,
.HTMLForm input.reset,
.HTMLForm input.submit {
    height: 29px;
    background: url('button-background.gif') repeat-x top;
    padding: 2px 10px 3px;
    cursor: pointer;
    padding: 0 10px\9;
    *padding: 1px 5px 0;
    *height: 30px;
}

.HTMLForm input.button:hover,
.HTMLForm input.reset:hover,
.HTMLForm input.submit:hover { background: #1884B6 none; color: #FFF }

/*
line height is there to space things nicely but also to avoid the peek-a-boo bug in IE6
read more at http://www.dracos.co.uk/code/ie6-css-bug/
*/
.HTMLForm .row { padding: 3px 0; line-height: 1.4em }
.HTMLForm .row td { padding: 10px }
.HTMLForm td.hr { padding: 0 }
.HTMLForm td.hr div.hr { background: #DEDEDE; color: #DEDEDE; clear: both; float: none; width: 100%; height: 1px; border: none; margin-bottom: 1px; overflow: hidden; font-size: 0 }

.HTMLForm .cell { float: left; margin-right: 5px }
.HTMLForm .nomargin { margin-right: 0 } /* for when we show the "required" sign after controls that have the labels as tips */
.HTMLForm .even {  }
.HTMLForm .highlight {  }
.HTMLForm .last { border-bottom: none }

.HTMLForm .row input.other { margin-top: 5px }
.HTMLForm .row .cell input.other { margin: 0 0 0 5px }
.HTMLForm input.other-invisible,
.HTMLForm .row input.other-invisible { display: none }

.HTMLForm .note { font-size: 80%; color: #666; padding-left: 15px; background: url('note.gif') no-repeat left 1px; line-height: 1.2em }
.HTMLForm .row .note { margin-top: 5px }
.HTMLForm .cell .note { margin: 4px 0 0 5px; background-position: left 2px }

.HTMLForm .placeholder { color: #9C9CA2 }

.HTMLForm span.required { color: #C40000; margin-left: 5px; font-size: 110%; font-weight: bold }

.HTMLForm-error-message { position: absolute; z-index: 2; overflow: hidden }
.HTMLForm-error-message .message {
    background: #000;
    padding: 10px;
    color: #FFF;
    line-height: 1em;
    font-size: 11px;
    font-weight: normal;
    margin-right: 6px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    -moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
    *margin-right: 0;
}
.HTMLForm-error-message .arrow {
    position:relative;
    border-color: #000 transparent transparent transparent;
    border-style: solid;
    border-width: 10px;
    height:0;
    width:0;
    left: 0;
    bottom: 0;
    z-index: 3;
    float: left;
    _border-left-color: pink;
    _border-bottom-color: pink;
    _border-right-color: pink;
    _filter: chroma(color=pink);
    _margin-bottom: -6px
}

.HTMLForm ul.error { list-style-type: none; background: #CF3333; padding: 5px }
.HTMLForm ul.error li { color: #FFF; font-weight: normal; font-size: 90% }

.HTMLForm a.calendar-icon {
    background: url('calendar_icon.gif') no-repeat top left;
    width: 23px;
    height: 23px;
    margin-left: 5px;
    display: block;
    float: left;
}

/* accesskeys */
.HTMLForm span.underline {
    text-decoration: underline;
    color: #666;
}

.HTMLForm .fieldset { background: #666; color: #FFF; padding: 4px }

.HTMLForm div.clear {
    clear: both;
}

.HTMLForm-spinner { position: absolute; width: 24px; height: 24px; background: url('spinner.gif') }