﻿input {outline:none;}
textarea {outline:none;}

.form-checkbox {width:28px; height:28px; line-height:28px; background-image:url(formelements/checkbox.png); background-repeat:no-repeat; background-position:center left; display:inline-block; float:left; padding-right:5px;}
.form-checkbox.checked { background-image:url(formelements/checkbox-checked.png); }
.form-checkbox.checked:hover { background-image:url(formelements/checkbox-checked-hover.png); }
.form-checkbox:hover { background-image:url(formelements/checkbox-hover.png); }

.form-checkbox.small {background-image:url(formelements/checkbox-small.png); width:16px; height:16px; margin-top:5px;}
.form-checkbox.checked.small {background-image:url(formelements/checkbox-checked-small.png); width:16px; height:16px;}

.form-checkbox.medium {background-image:url(formelements/checkbox-medium.png); width:20px; height:20px; margin-top:5px;}
.form-checkbox.checked.medium {background-image:url(formelements/checkbox-checked-medium.png); width:16px; height:16px;}

.form-radio {width:20px; height:22px; line-height:22px; background-image:url(formelements/radio.png); background-repeat:no-repeat; background-position:center left; display:inline-block; float:left; padding-right:5px;}
.form-radio.selected { background-image:url(formelements/radio-selected.png); }
.form-radio.selected:hover { background-image:url(formelements/radio-selected-hover.png); }
.form-radio:hover {background-image:url(formelements/radio-hover.png);}

.form-select { height:31px; display:inline-block; position:relative; font-size:13px; font-weight:bold; color:#666666; font-family:Arial; }
.form-select a { color:#666666; }
.form-select > ul {list-style-type:none; padding:0px 0px 0px 0px; top:28px; margin:0px; margin-left:5px; background-image:url(formelements/select-list-bg.png); background-repeat:repeat-x; background-position:left bottom; background-color:White; border:1px solid #CCCCCC; -moz-box-shadow: 1px 1px 2px rgba(0,0,0,0.16); -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.16); box-shadow: 1px 1px 2px rgba(0,0,0,0.16); position:absolute; z-index:1;}
.form-select > ul li {padding:0px 15px 0px 12px; margin:0px; line-height:27px; cursor:pointer; white-space: nowrap;}
.form-select > ul li:hover  { background-color:#C0C0C0; }
.form-select .form-select-text { height:25px; cursor:pointer; line-height:25px; overflow:hidden; background-image:url(formelements/select-grey.png); background-repeat:no-repeat; background-position:left center; display:inline-block; padding:3px 15px 3px 15px; float:left;text-decoration:none;}
.form-select.blue .form-select-text {background-image:url(formelements/select.png); }
.form-select .form-select-arrow {height:31px; width:34px; background-image:url(formelements/select-arrow-grey.png); background-repeat:no-repeat; background-position:left center; float:left; padding:0; display:inline-block; cursor:pointer;}
.form-select.blue .form-select-arrow {height:31px; width:34px;  background-image:url(formelements/select-arrow.png); }

.form-select.formsearch { height:32px; }
.form-select.formsearch .form-select-text { background-image:url(formelements/select-search.png); height:26px; color:White; padding:3px 3px 3px 10px; }
.form-select.formsearch .form-select-arrow { height:32px; width:32px;  background-image:url(formelements/select-arrow-search.png); }

.form-radio.grey {background-image:url(formelements/radio-grey.png);}
.form-radio.grey.selected {background-image:url(formelements/radio-selected-grey.png);}

.form-textarea { font-family:Arial; padding:5px; border-top:1px solid #777777; border-left:1px solid #BBBBBB; border-bottom:1px solid #E0E0E0; border-right:1px solid #BBBBBB; background-image:url(formelements/textarea-bg.png); background-repeat:no-repeat; }
.form-textbox { border-radius:15px; -moz-border-radius:15px; padding:5px 10px 5px 10px; border:1px solid #A3A3A3; border-bottom:1px solid #C1C1C1; border-top:1px solid #797979; background-image:url(formelements/textbox-bg.png); background-repeat:no-repeat;}
.form-textbox-square { border-radius:3px; -moz-border-radius:3px; padding:5px 5px 5px 5px; border:1px solid #A3A3A3; border-bottom:1px solid #C1C1C1; border-top:1px solid #797979; background-image:url(formelements/textbox-bg.png); background-repeat:no-repeat;}
.form-hidden { display: none; }
.form-textbox-left { border-top-left-radius:15px; -moz-border-top-left-radius:15px; border-bottom-left-radius:15px; -moz-border-bottom-left-radius:15px; border:1px solid #A3A3A3; border-bottom:1px solid #C1C1C1; border-top:1px solid #797979; padding:5px 10px 4px 10px; background-image:url(formelements/textbox-bg.png); margin:1px 0px;}
.form-button-right { width:74px; background-position:center right; }

.form-select-list { max-height:220px; overflow:auto; }