p {
    font-family : Verdana, Geneva, sans-serif;
    font-size   : 0.875rem;
}

.waiting * {
    cursor : 'wait';
}

/***************************************
* Button
***************************************/
.mybutton {

    display              : inline;
    position             : relative;

    height               : 28px;

    padding              : 2px 5px;
    border               : 1px solid #ccc;
    -moz-border-radius   : 2px;
    -khtml-border-radius : 2px;
    border-radius        : 2px;

    background-color     : #ececec;
    color                : #00c;
    line-height          : 14px;
    text-decoration      : none;

    font-size            : 14px;
    font-family          : Verdana, Geneva, sans-serif;
    font-weight          : bold;
    text-align           : center;
    text-shadow          : 1px 1px 1px white;
    /* BOX SHADOW */
    -moz-box-shadow      : 0 1px 3px black;
    -webkit-box-shadow   : 0 1px 3px black;
    box-shadow           : 0 1px 3px black;
}

/* WHILE HOVERED */
.mybutton:hover {
    background : #ccc;
    color      : #00c;
}

/* WHILE BEING CLICKED */
.mybutton:active {
    -moz-box-shadow    : 0 2px 6px black;
    -webkit-box-shadow : 0 2px 6px black;
}

#form_container {
    background : #fff;
    border     : 1px solid #ccc;
    margin     : 0 auto;
    text-align : left;
    width      : 550px;
    max-width  : 100%;
}

#top {
    display : block;
    height  : 10px;
    margin  : 10px auto 0;
    width   : 540px;
}

#footer {
    width          : 540px;
    clear          : both;

    padding-bottom : 15px;

    color          : #999999;
    text-align     : center;
    font-size      : 0.8rem;
}

#footer a {
    color           : #999999;
    text-decoration : none;
    border-bottom   : 1px dotted #999999;
}

#bottom {
    display : block;
    height  : 10px;
    margin  : 0 auto;
    width   : 550px;
}

form.appnitro {
    margin  : 20px 20px 0;
    padding : 0 0 20px;
}

/**** Logo Section  *****/
h1 {
    /* background-color:#dedede; */
    margin          : 0;
    min-height      : 0;
    padding         : 0;
    text-decoration : none;
    /* text-indent:-8000px;*/

}

h1 a {

    display    : block;
    height     : 100%;
    min-height : 40px;
    overflow   : hidden;
}

img {
    behavior : url(iepngfix.htc);
    border   : none;
}

/**** Form Section ****/
.appnitro {
    font-family : Lucida Grande, Tahoma, Arial, Verdana, sans-serif;
    font-size   : small;
}

.appnitro li {
    width : 95%;
}

form ul {
    font-size       : 100%;
    list-style-type : none;
    margin          : 0;
    padding         : 0;
    width           : 100%;
}

form li {
    display  : block;
    margin   : 0;
    padding  : 4px 5px 2px 9px;
    position : relative;
}

form li:after {
    clear      : both;
    content    : ".";
    display    : block;
    height     : 0;
    visibility : hidden;
}

.buttons:after {
    clear      : both;
    content    : ".";
    display    : block;
    height     : 0;
    visibility : hidden;
}

.buttons {
    clear      : both;
    display    : block;
    margin-top : 10px;
}

* html form li {
    height : 1%;
}

* html .buttons {
    height : 1%;
}

* html form li div {
    display : inline-block;
}

form li div {
    color   : #444;
    margin  : 0 4px 0 0;
    padding : 0 0 8px;
}

form li span {
    color   : #444;
    float   : left;
    margin  : 0 4px 0 0;
    padding : 0 0 8px;
}

form li div.left {
    display : inline;
    float   : left;
    width   : 48%;
}

form li div.right {
    display : inline;
    float   : right;
    width   : 48%;
}

form li div.left .medium {
    width : 100%;
}

form li div.right .medium {
    width : 100%;
}

.clear {
    clear : both;
}

form li div label {
    clear       : both;
    color       : #444;
    display     : block;
    font-size   : 9px;
    line-height : 9px;
    margin      : 0;
    padding-top : 3px;
}

form li span label {
    clear       : both;
    color       : #444;
    display     : block;
    font-size   : 9px;
    line-height : 9px;
    margin      : 0;
    padding-top : 3px;
}

form li .datepicker {
    cursor  : pointer !important;
    float   : left;
    height  : 16px;
    margin  : .1em 5px 0 0;
    padding : 0;
    width   : 16px;
}

.form_description {
    border-bottom : 1px dotted #ccc;
    clear         : both;
    display       : inline-block;
    margin        : 0 0 1em;
}

.form_description[class] {
    display : block;
}

.form_description h2 {
    clear       : left;
    font-size   : 160%;
    font-weight : 400;
    margin      : 0 0 3px;
}

.form_description p {
    font-size   : 95%;
    line-height : 130%;
    margin      : 0 0 12px;
}

form hr {
    display : none;
}

form li.section_break {
    border-top     : 1px dotted #ccc;
    margin-top     : 9px;
    padding-bottom : 0;
    padding-left   : 9px;
    padding-top    : 13px;
    width          : 97% !important;
}

form ul li.first {
    border-top  : none !important;
    margin-top  : 0 !important;
    padding-top : 0 !important;
}

form .section_break h3 {
    font-size   : 110%;
    font-weight : 400;
    line-height : 130%;
    margin      : 0 0 2px;
}

form .section_break p {
    font-size : 85%;

    margin    : 0 0 10px;
}

/**** Buttons ****/
input.button_text {
    overflow : visible;
    padding  : 0 7px;
    width    : auto;
}

.buttons input {
    font-size    : 120%;
    margin-right : 5px;
}

/**** Inputs and Labels ****/
label.description {
    border      : none;
    color       : #222;
    display     : block;
    font-size   : 95%;
    font-weight : 700;
    line-height : 150%;
    padding     : 0 0 1px;
}

span.symbol {
    font-size   : 115%;
    line-height : 130%;
}

input.numeric {
    text-align : right;
}

input.text {

    margin              : 0;
    padding             : 2px 0;

    background          : #fff url(../images/shadow.gif) repeat-x top;
    border              : 1px solid #c3c3c3;
    border-top-color    : #7c7c7c;
    border-bottom-color : #ddd;
    color               : #333;
    font-size           : 100%;
}

input.file {
    color     : #333;
    font-size : 100%;
    margin    : 0;
    padding   : 2px 0;
}

textarea.textarea {
    width               : 99%;

    margin              : 0;

    border              : 1px solid #c3c3c3;
    border-top-color    : #7c7c7c;
    border-bottom-color : #ddd;

    color               : #333;
    font-family         : "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
    font-size           : 100%;
    background          : #fff url(../images/shadow.gif) repeat-x top;
}

select.select {

    margin              : 1px 0;
    padding             : 1px 0 0;

    border              : 1px solid #c3c3c3;
    border-top-color    : #7c7c7c;
    border-bottom-color : #ddd;

    color               : #333;
    font-size           : 100%;
    background          : #fff url(../images/shadow.gif) repeat-x top;
}

input.currency {
    text-align : right;
}

input.checkbox {
    display     : block;
    height      : 13px;
    line-height : 1.4em;
    margin      : 6px 0 0 3px;
    width       : 13px;
}

input.radio {
    display     : block;
    height      : 13px;
    line-height : 1.4em;
    margin      : 6px 0 0 3px;
    width       : 13px;
}

label.choice {
    color       : #444;
    display     : block;
    font-size   : 100%;
    line-height : 1.4em;
    margin      : -1.55em 0 0 25px;
    padding     : 4px 0 5px;
    width       : 90%;
}

select.select[class] {
    margin  : 0;
    padding : 1px 0;
}

*:first-child + html select.select[class] {
    margin : 1px 0;
}

.safari select.select {
    font-size     : 120% !important;
    margin-bottom : 1px;
}

input.small {
    width : 25%;
}

select.small {
    width : 25%;
}

input.medium {
    width : 50%;
}

select.medium {
    width : 50%;
}

input.large {
    width : 99%;
}

select.large {
    width : 100%;
}

textarea.small {
    height : 5.5em;
}

textarea.medium {
    height : 10em;
}

textarea.large {
    height : 20em;
}

/**** Errors ****/
#error_message {
    background    : #fff;
    border        : 1px dotted red;
    margin-bottom : 1em;
    padding-left  : 0;
    padding-right : 0;
    padding-top   : 4px;
    text-align    : center;
    width         : 99%;
}

#error_message_title {
    color     : #DF0000;
    font-size : 125%;
    margin    : 7px 0 5px;
    padding   : 0;
}

#error_message_desc {
    color     : #000;
    font-size : 100%;
    margin    : 0 0 .8em;
}

#error_message_desc strong {
    background-color : #FFDFDF;
    color            : red;
    padding          : 2px 3px;
}

form li.error {
    background-color : #FFDFDF !important;
    border-bottom    : 1px solid #EACBCC;
    border-right     : 1px solid #EACBCC;
    margin           : 3px 0;
}

form li.error label {
    color : #DF0000 !important;
}

form p.error {
    clear       : both;
    color       : red;
    font-size   : 10px;
    font-weight : 700;
    margin      : 0 0 5px;
}

form .required {
    color       : red;
    float       : none;
    font-weight : 700;
}

/**** Guidelines and Error Highlight ****/
form li.highlighted {
    background-color : #fff7c0;
}

form .guidelines {
    background  : #f5f5f5;
    border      : 1px solid #e6e6e6;
    color       : #444;
    font-size   : 80%;
    left        : 100%;
    line-height : 130%;
    margin      : 0 0 0 8px;
    padding     : 8px 10px 9px;
    position    : absolute;
    top         : 0;
    visibility  : hidden;
    width       : 42%;
    z-index     : 1000;
}

form .guidelines small {
    font-size : 105%;
}

form li.highlighted .guidelines {
    visibility : visible;
}

form li:hover .guidelines {
    visibility : visible;
}

.no_guidelines .guidelines {
    display : none !important;
}

.no_guidelines form li {
    width : 97%;
}

.no_guidelines li.section {
    padding-left : 9px;
}

/*** Success Message ****/
.form_success {
    clear      : both;
    margin     : 0;
    padding    : 90px 0 100px;
    text-align : center;
}

.form_success h2 {
    clear       : left;
    font-size   : 160%;
    font-weight : normal;
    margin      : 0 0 3px;
}

/*** Password ****/
ul.password {
    margin-top    : 60px;
    margin-bottom : 60px;
    text-align    : center;
}

.password h2 {
    color       : #DF0000;
    font-weight : bold;
    margin      : 0 auto 10px;
}

.password input.text {
    font-size  : 170% !important;
    width      : 380px;
    text-align : center;
}

.password label {
    display     : block;
    font-size   : 120% !important;
    padding-top : 10px;
    font-weight : bold;
}

#li_captcha {
    padding-left : 5px;
}

#li_captcha span {
    float : none;
}

/** Embedded Form **/

.embed #form_container {
    border : none;
}

.embed #top, .embed #bottom, .embed h1 {
    display : none;
}

.embed #form_container {
    width : 100%;
}

.embed #footer {
    text-align   : left;
    padding-left : 10px;
    width        : 99%;
}

.embed #footer.success {
    text-align : center;
}

.embed form.appnitro {
    margin : 0 0 0;

}

/*** Calendar **********************/
div.calendar {
    position : relative;
}

.calendar table {
    cursor      : pointer;
    border      : 1px solid #ccc;
    font-size   : 11px;
    color       : #000;
    background  : #fff;
    font-family : "Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
}

.calendar .button {
    text-align : center;
    padding    : 2px;
}

.calendar .nav {
    background : #f5f5f5;
}

.calendar thead .title {
    font-weight : bold;
    text-align  : center;
    background  : #dedede;
    color       : #000;
    padding     : 2px 0 3px 0;
}

.calendar thead .headrow {
    background  : #f5f5f5;
    color       : #444;
    font-weight : bold;
}

.calendar thead .daynames {
    background  : #fff;
    color       : #333;
    font-weight : bold;
}

.calendar thead .name {
    border-bottom : 1px dotted #ccc;
    padding       : 2px;
    text-align    : center;
    color         : #000;
}

.calendar thead .weekend {
    color : #666;
}

.calendar thead .hilite {
    background-color : #444;
    color            : #fff;
    padding          : 1px;
}

.calendar thead .active {
    background-color : #d12f19;
    color            : #fff;
    padding          : 2px 0 0 2px;
}

.calendar tbody .day {
    width      : 1.8em;
    color      : #222;
    text-align : right;
    padding    : 2px 2px 2px 2px;
}

.calendar tbody .day.othermonth {
    font-size : 80%;
    color     : #bbb;
}

.calendar tbody .day.othermonth.oweekend {
    color : #fbb;
}

.calendar table .wn {
    padding      : 2px 2px 2px 2px;
    border-right : 1px solid #000;
    background   : #666;
}

.calendar tbody .rowhilite td {
    background : #FFF1AF;
}

.calendar tbody .rowhilite td.wn {
    background : #FFF1AF;
}

.calendar tbody td.hilite {
    padding    : 1px 1px 1px 1px;
    background : #444 !important;
    color      : #fff !important;
}

.calendar tbody td.active {
    color      : #fff;
    background : #529214 !important;
    padding    : 2px 2px 0 2px;
}

.calendar tbody td.selected {
    font-weight : bold;
    border      : 1px solid #888;
    padding     : 1px 1px 1px 1px;
    background  : #f5f5f5 !important;
    color       : #222 !important;
}

.calendar tbody td.weekend {
    color : #666;
}

.calendar tbody td.today {
    font-weight : bold;
    color       : #529214;
    background  : #D9EFC2;
}

.calendar tbody .disabled {
    color : #999;
}

.calendar tbody .emptycell {
    visibility : hidden;
}

.calendar tbody .emptyrow {
    display : none;
}

.calendar tfoot .footrow {
    text-align : center;
    background : #556;
    color      : #fff;
}

.calendar tfoot .ttip {
    background : #222;
    color      : #fff;
    font-size  : 10px;
    border-top : 1px solid #dedede;
    padding    : 3px;
}

.calendar tfoot .hilite {
    background : #aaf;
    border     : 1px solid #04f;
    color      : #000;
    padding    : 1px;
}

.calendar tfoot .active {
    background : #77c;
    padding    : 2px 0 0 2px;
}

.calendar .combo {
    position   : absolute;
    display    : none;
    top        : 0;
    left       : 0;
    width      : 4em;
    border     : 1px solid #ccc;
    background : #f5f5f5;
    color      : #222;
    font-size  : 90%;
    z-index    : 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
    text-align : center;
    padding    : 1px;
}

.calendar .combo .label-IEfix {
    width : 4em;
}

.calendar .combo .hilite {
    background : #444;
    color      : #fff;
}

.calendar .combo .active {
    border-top    : 1px solid #999;
    border-bottom : 1px solid #999;
    background    : #dedede;
    font-weight   : bold;
}