﻿.form ul { margin: 0; padding: 0; list-style-type: none; width: 100%; font-size: 100%; }
.form li { margin: 0; padding: 4px 5px 2px 9px; clear: both; }
.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 { margin: 0 4px 0 0; padding: 0 0 8px 0; color: #444; }
.form li span { float: left; }
.form li div.address { padding-bottom: 0; }
.form li div.left { display: inline; float: left; width: 47%; }
.form li div.right { display: inline; float: right; width: 47%; }
.form li div.col { display: inline-block; width: 100%; }
.form li div.col span { display: block; float: left; padding: 0; width: 100%; }
.clear { clear: both !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 { font-size: 95%; line-height: 135%; margin: 0 0 12px 0; }

/* ----- SECTIONS ----- */

.form hr { display: none; }
.form li.section { border-top: 1px dotted #ccc; margin-top: 9px; padding-top: 13px; padding-bottom: 0px; padding-left: 9px; 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: 110%; line-height: 135%; margin: 0 0 2px 0; }
.form .section p { font-size: 85%; margin: 0 0 10px 0; }

/* ----- FIELDS AND LABELS ----- */

label.desc { line-height: 150%; padding: 0 0 1px 0; border: none; color: #222; display: block; font-size: 10pt; font-weight: bold; }
.form li div label, .form li span label { display: block; }

input.text, input.file, textarea.textarea, select.select { margin: 0; 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; background: #fff url(images/fieldbg.gif) repeat-x top; }
input.text, input.file { padding: 2px 0 2px 0; }

label.choice { font-size: 100%; display: block; line-height: 1.5em; margin: -17px 0 0 25px; padding: 0 0 5px; color: #222; width: 90%; display: block; }

input.checkbox, input.radio { display: block; line-height: 1.5em; margin: .6em 0 0 3px; width: 13px; height: 13px; }
img.checkbox { margin: .6em 0 0 3px; float: right; }
textarea.textarea { font-family: Tahoma, Arial, sans-serif; font-size: 10pt; text-indent:5px; line-height: 18px; text-align: justify;}
select.select { font-family: 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; }*/
span.symbol { font-size: 115%; line-height: 130%; }
.form li .datepicker { float: left; margin: .1em 5px 0 0; padding: 0; width: 16px; height: 16px; cursor: pointer !important; }

/* ----- BUTTONS ----- */

input.btTxt { padding: 0 7px; width: auto; overflow: visible; }
.buttons { clear: both; margin-top: 10px; }
.buttons input { font-size: 120%; margin-right: 5px; }

/* ----- TEXT DIRECTION ----- */

.rtl .info h2, .rtl .info p, .rtl label.desc, .rtl label.choice, .rtl div label, .rtl span label, .rtl input.text, .rtl textarea.textarea, .rtl select.select, .rtl p.instruct, .rtl .section h3, .rtl .section p, .rtl input.btTxt { direction: rtl; }

/* ----- 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%; line-height:18px; text-align:justify; text-indent:5px; }

textarea.small { height: 5.5em; }
textarea.medium { height: 10em; }
textarea.large { height: 20em; }

/* ----- ERRORS ----- */

#errorLi { width: 99%; margin: 0 auto; 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 { display: block !important; background-color: #FFDFDF !important; margin: 3px 0; }
.form li.error label { color: #DF0000 !important; }
.form p.error { display: none; color: red; font-weight: bold; font-size: 10px; margin: -2px 0 5px 0; clear: both; }
.form li.error p.instruct { display: none; }
.form li.error p.error { display: block; }
.leftLabel p.error, .rightLabel p.error { margin-left: 30%; padding-left: 15px; }
.noI .leftLabel p.error, .noI .rightLabel p.error { margin-left: 35%; padding-left: 15px; }

/* ----- REQUIRED ----- */

.form .req { float: none; color: red !important; font-weight: bold; margin: 0; }

/* ----- INSTRUCTIONS ----- */

.form li.focused { background-color: #fff7c0; }
.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: 90%; color: #444; visibility: hidden; }
.form .instruct small { font-size: 105%; }
.form li.focused .instruct, .form li:hover .instruct { visibility: visible; }

/* ----- ALT INSTRUCTIONS ----- */

li.k-alt .instruct, li.leftHalf .instruct, li.rightHalf .instruct { visibility: visible; position: static; margin: -2px 0 0 0; padding: 0 0 7px 0; background: none; border: none; width: 100%; font-size: 9px; clear: left; }

/* ----- LABEL LAYOUT ----- */

.leftLabel li, .rightLabel li, li.leftLabel, li.rightLabel { width: 100% !important; padding-top: 9px; }

.leftLabel .small, .rightLabel .small { width: 17%; }
.leftLabel .medium, .rightLabel .medium { width: 35%; }
.leftLabel .large, .leftLabel textarea.textarea, .rightLabel .large, .rightLabel textarea.textarea, .leftLabel .address, .rightLabel .address { width: 64%; }
.leftLabel .choice, .rightLabel .choice { display: block; /*width: 250px;*/ }
* html .leftLabel .small, * html .rightLabel .small { width: 23%; }
* html .leftLabel .medium, * html .rightLabel .medium { width: 55%; }
* html .leftLabel .large, * html .leftLabel textarea.textarea, * html .rightLabel .large, * html .rightLabel textarea.textarea { width: 97%; }
.leftLabel label.desc, .rightLabel label.desc { float: left; width: 30%; margin: 2px 15px 0 0; text-align: right; }
.rightLabel label.desc { text-align: right; }
.leftLabel .address, .rightLabel .address { float: left; }

.leftLabel p.instruct, .rightLabel p.instruct { width: 27%; margin-left: 5px; }
.leftLabel .k-alt .instruct, .rightLabel .k-alt .instruct { margin-left: 30% !important; padding-left: 15px; width: 65%; }

.leftLabel .buttons, .rightLabel .buttons { margin-left: 15px; }
.leftLabel .buttons input, .rightLabel .buttons input { margin-left: 30%; }
/* ----- NO INSTRUCTIONS ----- */
.noI .instruct { display: none !important; }
.noI .form li, .noI .form li.buttons { width: 97% !important; }
.noI .form li.section { padding-left: 9px !important; }

/* ----- NO INSTRUCTIONS LABEL LAYOUT ----- */

.noI .leftLabel .large, .noI .leftLabel textarea.textarea, .noI .rightLabel .large, .noI .rightLabel textarea.textarea, .noI .leftLabel .address, .noI .rightLabel .address { width: 60%; }
.noI .leftLabel .choice, .noI .rightLabel .choice { display: block; /*width: 320px;*/ }

* html .noI .leftLabel .small, * html .noI .rightLabel .small { width: 23%; }
* html .noI .leftLabel .medium, * html .noI .rightLabel .medium { width: 55%; }
* html .noI .leftLabel .large, * html .noI .leftLabel textarea.textarea, * html .noI .rightLabel .large, * html .noI .rightLabel textarea.textarea { width: 97%; }

.noI .leftLabel label.desc, .noI .rightLabel label.desc { width: 35%; }
.noI .leftLabel .buttons input, .noI .rightLabel .buttons input { margin-left: 35%; }

/* ----- FIELD FLOATING ----- */

.form li.leftHalf, .form li.rightHalf { width: 46% !important; }
li.leftHalf { clear: left; float: left; }
li.rightHalf { clear: none; float: right; }
li.leftHalf .medium, li.rightHalf .medium, li.leftHalf .small, li.rightHalf .small { width: 100%; }
div.calendar { z-index: 3000; position: relative; }
.calendar table { border-right: #ccc 1px solid; border-top: #ccc 1px solid; font-size: 11px; background: #fff; border-left: #ccc 1px solid; cursor: pointer; color: #000; border-bottom: #ccc 1px solid; font-family: "Lucida Grande" , Tahoma, Arial, Verdana, sans-serif; }
.calendar .button { padding-right: 0px; padding-left: 0px; padding-bottom: 3px; padding-top: 2px; text-align: center; }
.calendar thead .title { padding-right: 0px; padding-left: 0px; font-weight: bold; font-size: 12px; background: #fff; padding-bottom: 3px; color: #000; padding-top: 3px; text-align: center; }
.calendar thead .headrow { font-weight: bold; background: #dedede; color: #333; }
.calendar thead .daynames { background: #f5f5f5; color: #333; }
.calendar thead .name { padding-right: 2px; padding-left: 2px; padding-bottom: 2px; color: #000; padding-top: 2px; border-bottom: #dedede 1px solid; text-align: center; }
.calendar thead .weekend { background: #dedede; color: #666; }
.calendar thead .hilite { padding-right: 1px; padding-left: 1px; padding-bottom: 1px; color: #fff; padding-top: 1px; background-color: #444; }
.calendar thead .active { color: #fff; background-color: #d12f19; }
.calendar tbody .day { border-right: #fff 1px solid; padding-right: 1px; border-top: #fff 1px solid; padding-left: 1px; padding-bottom: 1px; border-left: #fff 1px solid; width: 2em; color: #222; padding-top: 1px; border-bottom: #fff 1px solid; text-align: right; }
.calendar tbody .othermonth.day { font-size: 80%; color: #bbb; }
.calendar tbody .oweekend.othermonth.day { color: #fbb; }
.calendar table .wn { border-right: #000 1px solid; padding-right: 2px; padding-left: 2px; background: #666; padding-bottom: 2px; padding-top: 2px; }
.calendar tbody .rowhilite td { background: #ddd; }
.calendar tbody .rowhilite td.wn { background: #ddd; }
.calendar tbody td.hilite { background: #444; color: #fff !important; }
.calendar tbody td.active { background: #529214; color: #529214; }
.calendar tbody td.selected { border-right: #888 1px solid; padding-right: 1px; border-top: #888 1px solid; padding-left: 1px; font-weight: bold; background: #f5f5f5; padding-bottom: 1px; border-left: #888 1px solid; color: #222 !important; padding-top: 1px; border-bottom: #888 1px solid; }
.calendar tbody td.weekend { color: #666; }
.calendar tbody td.today { font-weight: bold; background: #d9efc2; color: #529214; }
.calendar tbody .disabled { color: #999; }
.calendar tbody .emptycell { visibility: hidden; }
.calendar tbody .emptyrow { display: none; }
.calendar tfoot .footrow { background: #556; color: #fff; text-align: center; }
.calendar tfoot .ttip { padding-right: 3px; border-top: #dedede 1px solid; padding-left: 3px; font-size: 10px; background: #222; padding-bottom: 3px; color: #fff; padding-top: 3px; }
.calendar tfoot .hilite { border-right: #04f 1px solid; padding-right: 1px; border-top: #04f 1px solid; padding-left: 1px; background: #aaf; padding-bottom: 1px; border-left: #04f 1px solid; color: #000; padding-top: 1px; border-bottom: #04f 1px solid; }
.calendar tfoot .active { padding-right: 0px; padding-left: 2px; background: #77c; padding-bottom: 0px; padding-top: 2px; }
.calendar .combo { border-right: #ccc 1px solid; border-top: #ccc 1px solid; display: none; font-size: 90%; z-index: 100; background: #f5f5f5; left: 0px; border-left: #ccc 1px solid; width: 4em; color: #222; border-bottom: #ccc 1px solid; position: absolute; top: 0px; }
.calendar .combo .label { padding-right: 1px; padding-left: 1px; padding-bottom: 1px; padding-top: 1px; text-align: center; }
.calendar .combo .label-IEfix { padding-right: 1px; padding-left: 1px; padding-bottom: 1px; padding-top: 1px; text-align: center; }
.calendar .combo .label-IEfix { width: 4em; }
.calendar .combo .hilite { background: #444; color: #fff; }
.calendar .combo .active { border-top: #999 1px solid; font-weight: bold; background: #dedede; border-bottom: #999 1px solid; }
/*=================================*/
.k-buttons input { float: left; }
.k-buttons select { float: right; }
.k-buttons a, .k-buttons button { display: block; margin: 0 2px 0 0; background-color: #f5f5f5; border: 1px solid #dedede; float: left; font-family: "Lucida Grande" , Tahoma, Arial, Verdana, sans-serif; font-size: 100%; line-height: 90%; text-decoration: none; font-weight: bold; color: #565656; cursor: pointer; padding: 2px 5px 2px 5px; }
.k-buttons button { width: auto; overflow: visible; padding: 4px 10px 3px 7px; /* IE6 */ }
.k-buttons button[type] { padding: 5px 10px 5px 7px; /* Firefox */ line-height: 17px; /* Safari */ }
.firefox .k-buttons a { padding: 4px 10px 5px 7px; /* Firefox */ line-height: 17px; /* Safari */ }
*:first-child + html button[type] { padding: 1px 5px 1px 5px; /* IE7 */ }
.k-buttons button img, .buttons a img { margin: 0 3px -3px 0 !important; padding: 0; border: none; width: 16px; height: 16px; }
button.positive, .k-buttons a.positive { color: #529214; }
.k-buttons a.positive:hover, button.positive:hover { background-color: #E6EFC2; border: 1px solid #C6D880; color: #529214; }
.k-buttons a.positive:active { background-color: #529214; border: 1px solid #529214; color: #fff; }
.k-toolbar label.desc { font-weight: normal; }
