/*! * TransForm Base CSS properties * * Copyright (c) 2010-2014 Pavel Tzonkov * Dual licensed under the MIT and GPL licenses. */.tf-select,.tf-multiple,.tf-file,.tf-radio,.tf-checkbox,.tf-button{cursor:default;display:-moz-inline-box;display:inline-block;zoom:1;vertical-align:middle}.tf-select .tf-selected{float:left;white-space:nowrap}.tf-select .tf-menu{display:none;position:absolute;max-height:300px;overflow-x:hidden;overflow-y:auto}.tf-select.tf-opened .tf-menu{display:block}.tf-select .tf-button{float:right}.tf-select select,.tf-multiple select{position:absolute;left:-1000000px;opacity:0;filter:alpha(opacity=0)}.tf-select .tf-menu ul,.tf-multiple ul{padding:0;margin:0;list-style-type:none}.tf-select .tf-menu li,.tf-multiple li{padding:0;margin:0}.tf-multiple span,.tf-select .tf-button span{white-space:nowrap}.tf-textarea{resize:none;overflow:auto}.tf-multiple{max-height:118px}.tf-file input,.tf-radio input,.tf-checkbox input,.tf-button input,.tf-button button{position:absolute;opacity:0;filter:alpha(opacity=0);outline:0;margin:0;padding:0}.tf-file{overflow:hidden}.tf-file .tf-info{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;float:right}.tf-file .tf-button{float:right} /* .tf-select,.tf-input,.tf-textarea,.tf-multiple,.tf-label,.tf-fieldset legend,.tf-file,.tf-file input,.tf-radio,.tf-checkbox,.tf-button,.tf-input.tf-color,.tf-input.tf-range{font-family:Verdana,Tahoma,Arial,Helvetica,sans-serif;font-size:13px;cursor:pointer}.tf-select .tf-selected,.tf-input,.tf-multiple,.tf-textarea,.tf-file .tf-info,.tf-radio,.tf-checkbox{background:#d2eaf6;background:-webkit-linear-gradient(top,#d2eaf6,#fff);background:-moz-linear-gradient(top,#d2eaf6,#fff);background:-ms-linear-gradient(top,#d2eaf6,#fff);background:-o-linear-gradient(top,#d2eaf6,#fff);background:linear-gradient(to bottom,#d2eaf6,#fff);box-shadow:inset 0 0 2px #54b0e0;border:1px solid #54b0e0;border-radius:0px;color:#329fe0;padding:3px 5px}.tf-button,.tf-file .tf-button{background:#b7def2;background:-webkit-linear-gradient(top,#b7def2,#54b0e0);background:-moz-linear-gradient(top,#b7def2,#54b0e0);background:-ms-linear-gradient(top,#b7def2,#54b0e0);background:-o-linear-gradient(top,#b7def2,#54b0e0);background:linear-gradient(to bottom,#b7def2,#54b0e0);box-shadow:inset 0 0 2px 0 #fff,inset 0 0 2px 0 #fff;border:1px solid #54b0e0;border-radius:0px;padding:3px 5px}.tf-select .tf-menu .tf-hover,.tf-multiple .tf-hover,.tf-multiple .tf-selected,.tf-button{color:#fff;text-shadow:1px 0 rgba(0,0,0,.2),-1px 0 rgba(0,0,0,.2),0 -1px rgba(0,0,0,.2),0 1px rgba(0,0,0,.2),1px 1px rgba(0,0,0,.2),-1px -1px rgba(0,0,0,.2),1px -1px rgba(0,0,0,.2),-1px 1px rgba(0,0,0,.2)}.tf-select .tf-selected{border-radius:0px 0 0 0px}.tf-select .tf-button{border-left:0;border-radius:0 0px 0px 0}.tf-select .tf-button span{display:block;background:url('ui-icons-white.png') -64px -15px;width:16px;margin-left:4px;margin-right:5px}.tf-select .tf-menu{border-radius:0 0 0px 0px}.tf-select .tf-menu div,.tf-multiple div{border:1px solid transparent;border-left-width:0;border-right-width:0;padding:3px 5px;margin-top:-1px}.tf-select .tf-menu .tf-group-last,.tf-select .tf-menu div.tf-last{border-bottom-width:0}.tf-select .tf-menu ul{overflow:hidden}.tf-select .tf-menu li.tf-last{margin-bottom:-1px}.tf-select .tf-menu .tf-last{border-radius:0 0 0px 0px}.tf-select.tf-opened .tf-selected{border-radius:0px 0 0 0}.tf-select.tf-opened .tf-button{border-radius:0 0px 0 0}.tf-select .tf-menu li,.tf-multiple.tf-focused li{border-bottom:1px solid #fba121;border-top:1px solid #fba121;margin:-1px 0}.tf-select .tf-menu li>span,.tf-multiple li>span,.tf-multiple.tf-focused li>span{display:block;padding:3px 5px;text-align:center;font-weight:bold;color:#6b6b6b;background:#fbd0a3;border-bottom:1px solid #fba121;cursor:default;white-space:nowrap}.tf-multiple{padding:0}.tf-multiple li{border:1px solid #54b0e0;border-right:0;border-left:0;margin:-1px 0}.tf-multiple li>span{color:#70a5d1;border-color:#54b0e0;background:#c1ddf5}.tf-multiple .tf-hover,.tf-multiple .tf-selected,.tf-multiple.tf-focused .tf-hover{background:#b7def2;background:-webkit-linear-gradient(top,#54b0e0,#b7def2);background:-moz-linear-gradient(top,#54b0e0,#b7def2);background:-ms-linear-gradient(top,#54b0e0,#b7def2);background:-o-linear-gradient(top,#54b0e0,#b7def2);background:linear-gradient(to bottom,#54b0e0,#b7def2);box-shadow:inset 0 0 2px #fff,inset 0 0 2px #fff;border-color:#54b0e0}.tf-multiple .tf-hover,.tf-multiple .tf-selected{border:1px solid #54b0e0;border-left:0;border-right:0}.tf-multiple div.tf-first{border-top:0;border-radius:0px 0px 0 0;margin-top:0}.tf-multiple div.tf-last{border-bottom:0;border-radius:0 0 0px 0px}.tf-multiple .tf-group-first{border-top:0;margin-top:0}.tf-multiple li.tf-last,.tf-multiple .tf-group-last{border-bottom:0}.tf-file{width:200px;padding:0;overflow:auto}.tf-file .tf-info,.tf-file.tf-focused .tf-info{padding:3px 5px;border-radius:0px 0 0 0px;border-right:0}.tf-file .tf-button{border-radius:0 0px 0px 0;color:transparent;text-shadow:none;padding:3px 4px}.tf-file .tf-button span{margin:0 0 0 -4px;width:16px;height:16px;display:block;overflow:hidden;background:url('ui-icons-white.png') -16px -96px}.tf-file .tf-button:after{content:"\00a0"}.tf-file input::-webkit-file-upload-button{cursor:pointer}.tf-radio{width:15px;height:15px;padding:0;border-radius:0px}.tf-radio input{width:17px;height:17px;margin:-1px 0 0 -1px;cursor:pointer}.tf-radio span{width:15px;height:15px;display:block;float:right}.tf-radio.tf-checked span{background:url('ui-icons-blue.png') -80px -145px}.tf-radio.tf-checked.tf-focused span{background-image:url('ui-icons-black.png')}.tf-checkbox{padding:0;width:15px;height:15px;border-radius:0px}.tf-checkbox input{width:17px;height:17px;margin:-1px 0 0 -1px;cursor:pointer}.tf-checkbox.tf-checked span{width:15px;height:15px;display:block;background:url('ui-icons-blue.png') -64px -145px;float:right}.tf-checkbox.tf-focused.tf-checked span{background-image:url('ui-icons-black.png')}.tf-button{overflow:hidden;padding:0}.tf-button span{margin:3px 7px;float:right}.tf-button input,.tf-button button{cursor:pointer}.tf-input,.tf-textarea{outline:0;cursor:text;margin:0}.tf-input.tf-readOnly,.tf-textarea.tf-readOnly,.tf-input.tf-readOnly:focus,.tf-textarea.tf-readOnly:focus{background:#e4e4e4;background:-webkit-linear-gradient(top,#e4e4e4,#fff);background:-moz-linear-gradient(top,#e4e4e4,#fff);background:-ms-linear-gradient(top,#e4e4e4,#fff);background:-o-linear-gradient(top,#e4e4e4,#fff);background:linear-gradient(to bottom,#e4e4e4,#fff);box-shadow:inset 0 0 2px #a2a2a2;border:1px solid #a2a2a2;border-radius:0px;color:#888;padding:3px 5px}.tf-input::-webkit-input-placeholder,.tf-textarea::-webkit-input-placeholder{color:#abc7d6}.tf-input:-moz-placeholder,.tf-textarea:-moz-placeholder{color:#54b0e0}.tf-input::-moz-placeholder,.tf-textarea::-moz-placeholder{color:#54b0e0}.tf-input:-ms-input-placeholder,.tf-textarea:-ms-input-placeholder{color:#abc7d6}.tf-input:focus::-webkit-input-placeholder,.tf-textarea:focus::-webkit-input-placeholder{color:#f3c889}.tf-input:focus:-moz-placeholder,.tf-textarea:focus:-moz-placeholder{color:#fba121}.tf-input:focus::-moz-placeholder,.tf-textarea:focus::-moz-placeholder{color:#fba121}.tf-input:focus:-ms-input-placeholder,.tf-textarea:focus:-ms-input-placeholder{color:#f3c889}.tf-input.tf-readOnly::-webkit-input-placeholder,.tf-textarea.tf-readOnly::-webkit-input-placeholder{color:#d4d4d4}.tf-input.tf-readOnly:-moz-placeholder,.tf-textarea.tf-readOnly:-moz-placeholder{color:#dedede}.tf-input.tf-readOnly::-moz-placeholder,.tf-textarea.tf-readOnly::-moz-placeholder{color:#dedede}.tf-input.tf-readOnly:-ms-input-placeholder,.tf-textarea.tf-readOnly:-ms-input-placeholder{color:#d4d4d4}.tf-input.tf-readOnly:focus::-webkit-input-placeholder,.tf-textarea.tf-readOnly:focus::-webkit-input-placeholder{color:#d4d4d4}.tf-input.tf-readOnly:focus:-moz-placeholder,.tf-textarea.tf-readOnly:focus:-moz-placeholder{color:#dedede}.tf-input.tf-readOnly:focus::-moz-placeholder,.tf-textarea.tf-readOnly:focus::-moz-placeholder{color:#dedede}.tf-input.tf-readOnly:focus:-ms-input-placeholder,.tf-textarea.tf-readOnly:focus:-ms-input-placeholder{color:#d4d4d4}.tf-fieldset{border:1px solid #54b0e0;box-shadow:inset 0 0 2px #54b0e0;background:#f0f0ff;margin:0;padding:5px 10px 10px 10px;border-radius:0px}.tf-fieldset legend{margin:0;padding:0;color:#329fe0;font-weight:bold;text-shadow:1px 0 rgba(255,255,255,.2),-1px 0 rgba(255,255,255,.2),0 -1px rgba(255,255,255,.2),0 1px rgba(255,255,255,.2),1px 1px rgba(255,255,255,.2),-1px -1px rgba(255,255,255,.2),1px -1px rgba(255,255,255,.2),-1px 1px rgba(255,255,255,.2)}.tf-label{color:#329fe0;margin:0 3px}.tf-label.tf-focused{color:#6b6b6b}.tf-disabled{opacity:.5;filter:alpha(opacity=50)}.tf-disabled,.tf-disabled input,.tf-disabled button,.tf-disabled * *.tf-disabled{cursor:default}.tf-file.tf-disabled input::-webkit-file-upload-button{cursor:pointer}.tf-fieldset.tf-disabled,.tf-form.tf-disabled{opacity:1;filter:alpha(opacity=100)}.tf-input.tf-color{width:30px;padding:0;height:24px}.tf-input.tf-number{text-align:right}.tf-input.tf-range{height:9px;margin:8px 0 7px 0}.tf-input.tf-search,.tf-input.tf-search.tf-readOnly{border-radius:0px}.tf-input.tf-datetime,.tf-input.tf-datetime-local,.tf-input.tf-month,.tf-input.tf-time,.tf-input.tf-week,.tf-input.tf-datetime:focus,.tf-input.tf-datetime-local:focus,.tf-input.tf-month:focus,.tf-input.tf-time:focus,.tf-input.tf-week:focus{padding:1px 5px} */