#qTip{ border:1px solid rgba(0,0,0,0.2); border-radius:3px; font-family:tahoma; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; z-index:1000; background: -moz-linear-gradient(top, #ffffff 0%, #DEDEDE 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#DEDEDE)); background: -webkit-linear-gradient(top, #ffffff 0%,#DEDEDE 100%); background: -o-linear-gradient(top, #ffffff 0%,#DEDEDE 100%); background: -ms-linear-gradient(top, #ffffff 0%,#DEDEDE 100%); background: linear-gradient(to bottom, #ffffff 0%,#DEDEDE 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#DEDEDE',GradientType=1 ); min-width:15px; min-height:16px; text-align:right; padding:5px 10px 5px 10px; color:#000000; font-size:11px; display:none; position:absolute; opacity:1; margin-left:15px; max-width:250px; direction:rtl; } input[type=submit], input[type=button], input[type=reset], button{ cursor:pointer; padding:7px; border:1px #ccc solid; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); margin:10px; font:11px tahoma; text-shadow:1px 1px 0 #fff; -moz-text-shadow:1px 1px 0 #fff; -webkit-text-shadow:1px 1px 0 #fff; -khtml-text-shadow:1px 1px 0 #fff; -o-text-shadow:1px 1px 0 #fff; } input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, button:hover{ background: #ffffff; background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 61%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(61%,#e5e5e5)); background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 61%); background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 61%); background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 61%); background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 61%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); } input[type=submit]:active, input[type=button]:active, input[type=reset]:active, button:active{ background: #e5e5e5; background: -moz-linear-gradient(top, #e5e5e5 37%, #ffffff 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(37%,#e5e5e5), color-stop(100%,#ffffff)); background: -webkit-linear-gradient(top, #e5e5e5 37%,#ffffff 100%); background: -o-linear-gradient(top, #e5e5e5 37%,#ffffff 100%); background: -ms-linear-gradient(top, #e5e5e5 37%,#ffffff 100%); background: linear-gradient(to bottom, #e5e5e5 37%,#ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 ); } textarea{ font:11px tahoma; direction:ltr; } input, fieldset, legend, select, button, table, form{ font:11px tahoma; direction:rtl; } fieldset{ border:1px #ccc solid; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; padding:10px; margin:5px; } legend{ padding:5px; border:1px #ccc solid; border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -webkit-border-radius:5px; -o-border-radius:5px; -khtml-border-radius:5px; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; } input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], textarea { display: inline-block; height: 25px; margin: 0; padding: 0 4px; font:11px tahoma; background: #fff; border: 1px solid #d9d9d9; border-top: 1px solid #c0c0c0; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; -khtml-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; -khtml-border-radius: 1px; border-radius: 1px; } input[type=email]:hover, input[type=number]:hover, input[type=password]:hover, input[type=tel]:hover, input[type=text]:hover, input[type=url]:hover, textarea:hover { border: 1px solid #b9b9b9; border-top: 1px solid #a0a0a0; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -o-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -ms-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); -khtml-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); } input[type=email]:focus, input[type=number]:focus, input[type=password]:focus, input[type=tel]:focus, input[type=text]:focus, input[type=url]:focus, textarea:focus { outline: none; border: 1px solid #4d90fe; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); -ms-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); -khtml-box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); box-shadow: inset 0 1px 2px rgba(0,0,0,0.3); } input[type=email][disabled=disabled], input[type=number][disabled=disabled], input[type=password][disabled=disabled], input[type=tel][disabled=disabled], input[type=text][disabled=disabled], input[type=url][disabled=disabled] { border: 1px solid #e5e5e5; background: #f1f1f1; } input[type=email][disabled=disabled]:hover, input[type=number][disabled=disabled]:hover, input[type=password][disabled=disabled]:hover, input[type=tel][disabled=disabled]:hover, input[type=text][disabled=disabled]:hover, input[type=url][disabled=disabled]:hover { -webkit-box-shadow: none; -moz-box-shadow: none; -ms-box-shadow: none; -khtml-box-shadow: none; -o-box-shadow: none; box-shadow: none; } input[type=email][readonly=readonly], input[type=number][readonly=readonly], input[type=password][readonly=readonly], input[type=text][readonly=readonly], input[type=url][readonly=readonly] { border: 1px solid #d9d9d9; } input[type=email][readonly=readonly]:hover, input[type=number][readonly=readonly]:hover, input[type=password][readonly=readonly]:hover, input[type=text][readonly=readonly]:hover, input[type=url][readonly=readonly]:hover, input[type=email][readonly=readonly]:focus, input[type=number][readonly=readonly]:focus, input[type=password][readonly=readonly]:focus, input[type=text][readonly=readonly]:focus, input[type=url][readonly=readonly]:focus { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } input[type=checkbox], input[type=radio] { -webkit-appearance: none; appearance: none; padding:2px; margin:3px; width: 15px; height: 15px; cursor: pointer; vertical-align:middle; background: #fff; border: 1px solid #dcdcdc; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; } input[type=checkbox]:active, input[type=radio]:active { border-color: #c6c6c6; background: #ebebeb; } input[type=checkbox]:hover { border-color: #c6c6c6; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } input[type=radio] { -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; width: 15px; height: 15px; } input[type=checkbox]:checked, input[type=radio]:checked { background: #fff; } input[type=radio]:checked::after { content: ''; display: block; position: relative; top: 3px; left: 3px; width: 7px; height: 7px; background: #666; -webkit-border-radius: 1em; -moz-border-radius: 1em; border-radius: 1em; } input[type=checkbox]:checked::after { content: url(http://ssl.gstatic.com/ui/v1/menu/checkmark.png); display: block; position: absolute; top: -6px; left: -5px; } input[type=checkbox]:focus { outline: none; border-color:#4d90fe; } textarea{ padding:4px; width:auto; height:auto; }