/* standard */
form { font-size:9pt; display:block;  margin:0; padding:0; color:#000; }
input.radio, input.checkbox { vertical-align:middle; margin:0 3px 0 0; padding:0; }
form input.disabled,
form select.disabled,
form textarea.disabled,
form label.disabled { background-color:#eee; color:#ccc; }
form br { clear: left; }
form label { cursor:pointer; }
form input[type="submit"]::-moz-focus-inner, 
form input[type="button"]::-moz-focus-inner { border:0px; } 
form input[type="submit"]:focus,
form input[type="button"]:focus { outline:none; }
form p.instructions { font-size:8pt; }
form span.error-message { color:#C21F3C; font-size:8pt; font-weight:bold; display:block; margin:1px 10px 3px; padding:0; }
form p.buttons { clear:left; margin:0; padding:0; }
form input.ajaxform-hidden { display:none; }
form div.inliner { float:left; display:inline; margin-left:8px; }
form select.field.nolab { margin-left:3px; }
form div.fieldgroup { clear:left; margin:5px 3px 3px; padding:2px; }
form p.legend { font-weight:bold; font-size:12px; }
form select optgroup option { padding:1px 2px 1px 10px; }
form select optgroup option:nth-child(odd) { background-color:#fefefe; }
form select optgroup option:nth-child(even) { background-color:transparent; }

div.fieldgroup p.legend { margin:0 0 3px 0; padding:0 0 2px 0; border-bottom:1px dotted #999; font-variant:small-caps; }
div.chkbox-controls img { cursor:pointer; margin:0 1px; }
div.chkbox-controls img:active { background-color:#ddd; }
div.chkbox-controls { float:right; margin-right:10px; padding-bottom:1px; }
/*form p.haserror {  color:#C21F3C;   }*/

/* DEFAULT form classes start */
form.default { padding:10px; }
form.default div.separator { margin-left:205px; padding:2px 0 5px 0; }
form.default .label, form.default .talabel, form.default input.field { font-size:9pt; }
form.default legend { font-size:9pt; color:#686766; font-variant:small-caps; 
                      border:1px outset #888785; margin:0 0 2px; padding:0 7px; line-height:1.1em; }
form.default fieldset { display:block; text-align:left; padding:3px 5px; margin:0 0 10px; }
form.default p.title { font-size:11pt; font-weight:bold; border-bottom:1px solid #000; margin:6px 0; padding:2px 1px 0; font-variant:small-caps; }
form.default p.buttons { text-align:center; border-bottom:1px solid #000; padding:0 0 5px; }
form.default input.submit { font-size:8pt; padding:2px 0; cursor:pointer; margin:2px 5px; text-transform:capitalize; font-weight:bold; }
form.default input.submit:hover { background:#000; color:#fff; border-color:#fff; }
form.default .label, form.default input.field { line-height:16px; float:left; }
form.default .label form.default label { color:#000; }
form.default .label { clear:left; display:block; width:200px; text-align:right; margin:3px 5px 0 0; }
form.default .talabel {clear:left; display:block;text-align:center; margin:3px 17px; line-height:16px; }
form.default textarea { clear:left; display:block; margin:3px auto;  border:1px solid #000; padding:1px;}
form.default input.field { height:16px; padding:1px; margin:0 0 5px; border:1px solid #000; }
form.default input.file { height:auto; }
form.default label.checkbox, form.default label.radio { line-height:17px; }
form.default .error { color:#fff; background-color:#C21F3C; }
form.default .field-error { color:#fff; background-color:#C21F3C; }
/* DEFAULT form classes end */

/* MINI form classes start */
form.mini { font-size:8pt; padding:2px; margin:3px 0; color:#000; width:330px; border:1px solid #9B0075;  background-color:#fff;}
form.mini div.separator { margin-left:100px; padding:2px 0 5px 0; }
form.mini .label, form.mini input.field, form.mini select.field { font-size:8pt; }
form.mini p.title { font-weight:bold; font-variant:small-caps; font-size:9pt; border-bottom:1px solid #9B0075; padding:0; margin:0 0 2px 0; }
form.mini legend,
form.mini fieldset { border:1px solid #888785; border-color:#BDBDBD #4B4B4B #4B4B4B #BDBDBD; }
form.mini legend { font-weight:bold; font-size:8pt; color:#444; font-variant:small-caps; 
                       margin:0 0 2px; padding:0 7px; line-height:1.1em; }
form.mini fieldset { display:block; text-align:left; padding:2px; margin:3px 0; }
form.mini .label, form.mini input.field { line-height:13px; float:left; }
form.mini .label { clear:left; display:block; width:95px; text-align:right; margin:4px 5px 2px 0; text-transform:lowercase;}
form.mini .field { padding:1px; margin:2px 0; border:1px solid #9B0075; background-color:#eee; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
form.mini input.field { /*height:13px;*/ }
form.mini input.file { height:auto; width:195px; }
form.mini .error { color:#fff; background-color:#C21F3C; }
form.mini .field-error { border-color:#C21F3C; }
form.mini textarea { clear:left; display:block; margin:3px auto;  border:1px solid #000; padding:1px; width:320px; }
form.mini select.multi { font-size:0.9em; }
form.mini optgroup { font-size:8pt; border-bottom:1px solid #666; padding:1px 0 0; }
form.mini optgroup option:first-child { border-top:1px solid #000; margin-top:1px; }
form.mini p.buttons { text-align:right; margin-top:16px; }
form.mini input.submit,
form.mini input.button { cursor:pointer; font-size:7pt; font-weight:bold; padding:1px 2px; margin:1px; border:1px solid #ccc; background-color:#f6f7f7; color:#042a47; height:16px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; }
form.mini input.submit { float:right; position:relative; top:-17px; left:1px; padding:0 10px; }
form.mini input.button { }
form.mini input.submit:hover,
form.mini input.button:hover {  background-color:#042a47; color:white; border:1px solid #fff; }
form.mini input:focus { background-color:#fff; }
form.mini.wide { width:630px; padding:4px; }
form.mini.wider { width:630px; }
form.mini.wide .label { width:160px; } 
form.mini.wide input.field { width:300px; } 
form.mini.wide p.buttons { margin-top:22px; }
form.mini.wide p.title { margin-bottom:10px; } 
div.target form.mini select option[value="new"] { font-weight:bold; }
/* MINI form classes end */

/* NORMAL form classes start */
form.normal { font-size:9pt; padding:4px 5px; margin:3px 0; color:#000; width:500px; border:1px solid #9B0075;  background-color:#fff;}
form.normal div.separator { margin-left:170px; margin:3px 0; padding:0 1px; height:18px; float:right; width:315px; }
form.normal .label { font-size:9pt; }
form.normal input.field, form.normal select.field { font-size:8pt; }
form.normal p.title { font-weight:bold; font-variant:small-caps; font-size:11pt; border-bottom:2px solid #9B0075; padding:0; margin:0 0 5px 0; }
form.normal p.title, form.normal legend { text-shadow: 1px 1px 2px #777; }
form.normal legend,
form.normal fieldset { border:1px solid #888785; border-color:#BDBDBD #4B4B4B #4B4B4B #BDBDBD; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; -khtml-border-radius:3px; }
form.normal legend { font-weight:normal; font-size:10pt; color:#444; font-variant:small-caps; 
                       margin:1px 0 3px; padding:2px 7px 1px; line-height:1.1em; }
form.normal fieldset { display:block; text-align:left; padding:2px; margin:5px 0; }
form.normal .label, form.normal input.field { line-height:18px; float:left; }
form.normal label.inline { line-height:18px; display:inline-block; font-size:8pt; vertical-align:middle; margin:3px; text-transform:lowercase; }
form.normal .label { clear:left; display:block; width:170px; text-align:right; margin:3px 7px 3px 0; text-transform:lowercase; }
form.normal span.label, form.normal label.label.checkbox { margin-right:0; }
form.normal .field { padding:1px; margin:3px 0; border:1px solid #9B0075; background-color:#eee; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; }
form.normal input.field { height:18px; }
form.normal select.field { height:18px; }
form.normal input.file { height:auto; width:195px; }
form.normal .error { color:#fff; background-color:#C21F3C; }
form.normal .field-error { border-color:#C21F3C; }
form.normal textarea { float:left; font-size:8pt; }
form.normal select.multi { font-size:0.9em; }
form.normal optgroup { border-bottom:1px solid #000; }
form.normal label.radio { font-size:8pt; line-height:18px; margin:3px 5px 3px 0; }
form.normal input.radio, form.normal input.checkbox { vertical-align:middle; line-height:18px; margin:0 3px 0 0; padding:0;}
form.normal div.separator input.checkbox { margin:3px 3px 0 0; }
form.normal p.buttons { text-align:right; margin-top:21px; }
form.normal input.submit,
form.normal input.button { cursor:pointer; font-size:8pt; font-weight:normal; padding:1px 2px; margin:1px; border:1px solid #aaa; background-color:#f6f7f7; color:#042a47; height:18px; border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; box-shadow:2px 2px 3px #666; -moz-box-shadow:2px 2px 3px #666; -webkit-box-shadow:2px 2px 3px #666; -khtml-box-shadow:2px 2px 3px #666; }
form.normal input.submit { float:right; position:relative; top:-20px; left:1px; padding:0 10px; }
form.normal input.button { }
form.normal input.submit:hover,
form.normal input.button:hover {  background-color:#042a47; color:white; border-color:#042a47; }
form.normal input:focus { background-color:#fff; }
/* NORMAL form classes end */

/* MKKFORM classes start */
form.mkkform { padding:0px 10px 10px; margin:20px 0 40px; background-color:#fff; border:1px solid #b4d431; font-size:10pt; }
form.mkkform fieldset { border:0; }
form.mkkform > div { padding:0 100px; }
form.mkkform .label, form.mkkform input.field { float:none; font-size:10pt; color:#000; }
form.mkkform p.title {font-weight:bold; text-transform:uppercase; text-align:center; padding:4px 4px 3px; border:2px solid #b4d431; background-color:#b4d431; font-size:17px; margin:5px 0; border-radius:7px; -moz-border-radius:7px; -webkit-border-radius:7px; -khtml-border-radius:7px; margin:0px; position:relative; top:-15px; }
form.mkkform p.buttons { text-align:center; margin:10px 0 6px; }
form.mkkform input.field { height:16px; margin:5px 0 -5px; }
form.mkkform input.field, form.mkkform textarea { width:96%; padding:2px; border:2px solid #b3b4b6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; display:block;}
form.mkkform textarea { margin:2px 0 10px; }
form.mkkform label.radio {  }
form.mkkform input.radio {  }
form.mkkform div.titlebar { margin-left:-103px; margin-right:-103px; }
form.mkkform label.error { color:#C21F3C; }
form.mkkform p.title.error { color:#fff; background-color:#C21F3C; border-color:#C21F3C; }
form.mkkform input.field.field-error { border-color:#C21F3C; }
form.mkkform p.comment { font-size:8pt; font-style:italic; color:#555; margin:5px; text-align:center; }
form.mkkform div.fieldgroup { position:relative; margin:10px 0 5px; padding:0; clear:none; }
form.mkkform div.fieldgroup div.legend {  }
form.mkkform div.legend h1 { text-align:center; position: relative; padding:2px 10px 3px; font-size:12pt; }
form.mkkform .hidden { display: none; }
form.mkkform div.pricefg div.titlebar { color:#968e36; }
form.mkkform div.optfg div.titlebar { letter-spacing:-1px; word-spacing:-1px; }
form.mkkform input.submit { border:2px solid #b2d235; background-color:#fff; font-size:12px; font-size:10pt; color:#000; text-decoration:none; padding:3px 12px; cursor:pointer; margin:0 auto; font-weight:bold; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; font-family:Verdana,Arial; text-transform:capitalize; }
form.mkkform input.submit:hover { background-color:#968f37; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2);}

/*form.mkkform input.field:not([size]) { width:250px; }*/
form.mkkform .field:focus { background-color:#fbfbfb; }
form.mkkform label.altoneopt { float:none; width:auto; }
form.mkkform input.checkbox { margin:0 5px 0 0 }
/* MKKFORM classes end */
form label.mini {  margin:0; padding:0; clear:left; font-size:8pt;line-height:16px; }
form input.datetime {  height:16px; padding:1px; margin:0 5px 5px 5px; border:1px solid #000; }
form.normal div.dateTime-fields input.field { margin-right:3px; }
form div.fields-center { text-align:center; }
form.normal.thicker { width:520px; }
/*form.normal.thicker textarea { width:400px; }*/

/* captcha start */
img.captcha { border:1px solid #000; display:inline; vertical-align:middle; margin-left:5px; }
form.normal img.captcha { float:left; }
/* captcha end */

/* fancy checkbox from uniform */
div.fycheck span { background-image: url(../images/chk-radio-bg-agentx18.png); background-repeat: no-repeat; }
.fycheck, .fycheck * { margin: 0; padding: 0; }
div.fycheck,
div.fycheck input,
div.fycheck span { width: 18px; height: 18px; }
div.fycheck span { background-position: 0px 0px; }

div.fycheck { margin-right: 7px; }
.fycheck input:focus { outline: 0; }
div.fycheck { position: relative; float: left; top:-3px; }
div.fycheck span { display: block; float: left; text-align: center; }
div.fycheck input { opacity: 0; display: inline-block; }
div.fycheck:active span, 
div.fycheck.active span { background-position: -18px 0px; }
div.fycheck.focus span,
div.fycheck:hover span { background-position: -36px 0px; }
div.fycheck.focus:active span,
div.fycheck:active:hover span,
div.fycheck.active:hover span,
div.fycheck.focus.active span {	background-position: -54px 0px; }
div.fycheck span.checked { background-position: -72px 0px; }
div.fycheck:active span.checked, 
div.fycheck.active span.checked { background-position: -90px 0px; }
div.fycheck.focus span.checked,
div.fycheck:hover span.checked { background-position: -108px 0px; }
div.fycheck.focus:active span.checked,
div.fycheck:hover:active span.checked,
div.fycheck.active:hover span.checked,
div.fycheck.active.focus span.checked { background-position: -126px 0px; }
div.fycheck.disabled span,
div.fycheck.disabled:active span,
div.fycheck.disabled.active span { background-position: -144px 0px; }
div.fycheck.disabled span.checked,
div.fycheck.disabled:active span.checked,
div.fycheck.disabled.active span.checked { background-position: -162px 0px; }

