/* Main error messages */
.errorMain { clear: both; float: left; display: inline; width: 100%; background: url(/images/icons/x_mark.gif) left no-repeat; /* #ffdfdf */ padding: 5px 0 5px 25px; margin: 10px 10px 0 0; color: red; }
.confirmMain { clear: both; float: left; display: inline; width: 100%;/*auto;*/ background: url(/images/icons/check_mark.gif) left no-repeat; padding: 5px 0 5px 25px; margin: 10px 10px 0 10px; color: green; }
.errorMain a, .confirmMain a { margin: 0; padding: 0; }
/* - - - - - - - - - - - - - - - - - - -Title : Wufoo Form CSSAuthor : Infinity Box Inc.URL : http://wufoo.comLast Updated : September 30, 2007- - - - - - - - - - - - - - - - - - - - - */
form.wufoo { clear: both; font-size: 1.2em; color: #00659b; padding: 10px 0 0 0; margin: 0; }
.wufoo li { /* width: 100%; */
}
form ul { margin: 0; padding: 0; list-style-type: none; width: 100%; font-size: 100%; }
form li { margin: 0; padding: 4px 10px 2px 10px; position: relative; }
form li:after, .buttons:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
form li, .buttons { display: inline-block; }
* html form li, * html.buttons { height: 1%; }
form li, .buttons { display: block; }
* html form li div { display: inline-block; }
form li div, form li span { padding: 0 0 8px 0; color: #333; }
form li span { float: left; margin: 0 4px 0 0; }
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, form li div.right .medium { width: 100%; }
.clear { clear: both; }
form li div label, form li span label { margin: 0; padding-top: 3px; clear: both; font-size: 10px; line-height: 10px; color: #333; display: block; }
form li .datepicker { float: left; margin: .1em 5px 0 0; padding: 0; width: 16px; height: 16px; cursor: pointer !important; }
/* ----- INFO ----- */

.info { display: inline-block; clear: both; border-bottom: 1px dotted #ccc; margin: 0 0 1em 0; }
.info[class] { display: block; }
.info h2 { font-weight: normal; font-size: 160%; margin: 0 0 3px 0; clear: left; }
.info p { line-height: 135%; margin: 0 0 12px 0; }
/* ----- SECTIONS ----- */

form li.section { padding-top: 13px; padding-bottom: 0px;/* width: 97% !important; */
}
form ul li.first { border-top: none !important; margin-top: 0px !important; padding-top: 0px !important; }
form .section h3 { font-weight: normal; font-size: 1em; /* line-height: 135%; */
    margin: 0 0 2px 0; }
form .section p { font-size: 85%; margin: 0 0 10px 0; color: #005ba0; }
/* ----- BUTTONS ----- */

input.btnSubmit { }
.buttons { clear: both; float: left; display: inline; margin: 0 0 0 10px; padding-top: 10px; }
.buttons input { /* font-size: 120%;
    margin-right: 5px; */
}
/* ----- FIELDS AND LABELS ----- */

label.desc { line-height: 150%; padding: 0 0 1px 0; border: none; color: #333; display: block; font-weight: bold; }
span.symbol { font-size: 115%; line-height: 130%; }
input.text, input.file, textarea.textarea, select.select { margin: 0; font-size: 100%; color: #333; }
input.text, textarea.textarea, .firefox select.select { border-top: 1px solid #7c7c7c; border-left: 1px solid #c3c3c3; border-right: 1px solid #c3c3c3; border-bottom: 1px solid #ddd; }
/*input.text, input.file { padding: 2px 0 2px 0; }*/
input.currency { text-align: right; }
input.checkbox, input.radio { display: block; line-height: 1.4em; margin: 6px 0 0 3px; width: 13px; height: 13px; }
label.choice { font-size: 100%; display: block; line-height: 1.4em; margin: -1.55em 0 0 25px; padding: 4px 0 5px 0; color: #333;/* width: 100%; */
}
textarea.textarea { font-family: "Lucida Grande", Tahoma, Arial, sans-serif; }
select.select { font-family: "Lucida Grande", Tahoma, Arial, sans-serif; margin: 1px 0; padding: 1px 0 0 0; }
select.select[class] { margin: 0; padding: 1px 0 1px 0; }
*:first-child+html select.select[class] { margin: 1px 0; }
.safari select.select { margin-bottom: 1px; font-size: 120% !important; }
/* ----- SIZES ----- */

.third { width: 32% !important; }
.half { width: 48% !important; }
.full { width: 100% !important; }
input.small, select.small { width: 25%; }
input.medium, select.medium { width: 50%; }
input.large, select.large, textarea.textarea { width: 100%; }
textarea.small { height: 5.5em; }
textarea.medium { height: 10em; }
textarea.large { height: 20em; }
/* ----- ERRORS ----- */

#errorLi { width: 100%; background: #fff; border: 1px dotted red; margin-bottom: 1em; text-align: center; padding-top: 4px; padding-left: 0px; padding-right: 0px; }
#errorMsgLbl { margin: 7px 0 5px 0; padding: 0; font-size: 125%; color: #DF0000; }
#errorMsg { margin: 0 0 .8em 0; color: #000; font-size: 100%; }
#errorMsg strong { background-color: #FFDFDF; padding: 2px 3px; color: red; }
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 { color: red; font-weight: bold; font-size: 10px; margin: -2px 0 5px 0; clear: both; }
/* ----- REQUIRED ----- */
form .req { float: none; font-size: 1.2em; color: red; font-weight: bold; }
/* ----- INSTRUCTIONS ----- */
form li.focused { background-color: #ebeff1; }
form .instruct { position: absolute; top: 0; left: 100%; z-index: 1000; width: 42%; margin: 0 0 0 8px; padding: 8px 10px 9px 10px; border: 1px solid #e6e6e6; background: #f5f5f5; line-height: 130%; font-size: 80%; color: #333; visibility: hidden; }
form .instruct small { font-size: 105%; }
form li.focused .instruct, form li:hover .instruct { visibility: visible; }
/* ----- LABEL LAYOUT ----- */
.noI .instruct { display: none !important; }
.noI form li { width: 96%; }
.noI li.section { padding-left: 9px; }
/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel { padding-left: 22%; padding-top: 9px; width: 55% !important; }
.noI .leftLabel li, .noI .rightLabel li, .noI li.leftLabel, .noI li.rightLabel { padding-left: 30%; width: 66%; }
.leftLabel label.desc, .rightLabel label.desc { position: absolute; left: 0; width: 24%; margin-left: 9px; margin-top: 2px; }
* html .leftLabel label.desc, * html .rightLabel label.desc { width: 34%; }
.rightLabel label.desc { text-align: right; }
.noI .leftLabel label.desc, .noI .rightLabel label.desc { width: 27%; }
* html .noI .leftLabel label.desc, * html .noI .rightLabel label.desc { width: 40%; }
.leftLabel p.instruct, .rightLabel p.instruct { width: 26%; margin-left: 2px; }
* html .leftLabel p.instruct, * html .rightLabel p.instruct { width: 37%; }
/* ----- PASSWORD ----- */

ul.protected { list-style: none; margin: 60px 0; }
.protected li { text-align: center; padding: 10px 0; }
.protected h2 { font-weight: bold; color: #DF0000; margin: 0 auto 10px auto; }
.protected label { font-size: 120% !important; padding-top: 10px; display: block; }
.protected input.text { font-size: 170% !important; width: 380px; text-align: center; }
.protected .buttons { margin: 0; }
.protected#saveForm { font-size: 120% !important; }
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; z-index: 3000; }
.calendar table { cursor: pointer; font-size: 11px; color: #000; border: 1px solid #ccc; background: #fff; font-family: "Lucida Grande", Tahoma, Arial, Verdana, sans-serif; }
/* Header part -- contains navigation buttons and day names. */
.calendar .button {                   /* "<<", "<", ">", ">>" buttons have this class */ text-align: center; /* They are the navigation buttons */ padding: 2px 0 3px 0; }
.calendar thead .title {                  /* This holds the current "month, year" */ font-weight: bold; /* Pressing it will take you to the current date */ text-align: center; background: #fff; color: #000; font-size: 12px; padding: 3px 0; }
.calendar thead .headrow { /* Row <TR> containing navigation buttons */ background: #dedede; color: #333; font-weight: bold; }
.calendar thead .daynames { /* Row <TR> containing the day names */ background: #f5f5f5; color: #333; }
.calendar thead .name { /* Cells <TD> containing the day names */ padding: 2px; text-align: center; color: #000; border-bottom: 1px solid #dedede; }
.calendar thead .weekend { /* How a weekend day name shows in header */ color: #666; background: #dedede; }
.calendar thead .hilite { /* How do the buttons in header appear when hover */ background-color: #333; color: #fff; padding: 1px; }
.calendar thead .active { /* Active (pressed) buttons in header */ background-color: #d12f19; color: #fff; } /* The body part -- contains all the days in month. */
.calendar tbody .day { /* Cells <TD> containing month days dates */ width: 2em; color: #333; text-align: right; padding: 1px; border: 1px solid #fff; }
.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, .calendar tbody .rowhilite td.wn { background: #ddd; }
.calendar tbody td.hilite { /* Hovered cells <TD> */ background: #333 !important; color: #fff !important; }
.calendar tbody td.active { /* Active (pressed) cells <TD> */ color: #529214; background: #529214 !important; }
.calendar tbody td.selected { /* Cell showing selected date */ font-weight: bold; border: 1px solid #888; padding: 1px; background: #f5f5f5 !important; color: #333 !important; }
.calendar tbody td.weekend { /* Cells showing weekend days */ color: #666; }
.calendar tbody td.today { /* Cell showing today date */ font-weight: bold; color: #529214; background: #D9EFC2; }
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */ visibility: hidden; }
.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */ display: none; } /* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */ text-align: center; background: #556; color: #fff; }
.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */ background: #333; color: #fff; font-size: 10px; border-top: 1px solid #dedede; padding: 3px; }
.calendar tfoot .hilite { /* Hover style for buttons in footer */ background: #aaf; border: 1px solid #04f; color: #000; padding: 1px; }
.calendar tfoot .active { /* Active (pressed) style for buttons in footer */ background: #77c; padding: 2px 0px 0px 2px; } /* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo { position: absolute; display: none; top: 0px; left: 0px; width: 4em; border: 1px solid #ccc; background: #f5f5f5; color: #333; 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: #333; color: #fff; }
.calendar .combo .active { border-top: 1px solid #999; border-bottom: 1px solid #999; background: #dedede; font-weight: bold; }
 @media print {
#public, h2 { margin: 0; }
#container { border: none !important; width: 100%; }
#top, #bottom, h1, form .buttons, #printPage, .icon { display: none !important; }
form.wufoo { margin: 0; padding: 0; }
form.wufoo .instruct { display: block; }
}