.inputs { } .textinput { width: 396px; height: 19px; border-style : solid; border-color : #40bfdc; margin : 0px 0px 0px 0px; border-width : 0px 0px 0px 0px; padding-left: 4px; } .textinput.required { border-color : #dd4b39; } .textinput.mouseover { margin : 0px -1px -1px 0px; border-width : 0px 1px 1px 0px; } .textinput.focused { margin : -1px -1px -1px -1px; border-width : 1px 1px 1px 1px; border-color : #207ab6; } .label { color: #777777; font-size: 12px; } .label.required { text-decoration: underline; } .label.mouseover { color : #40bfdc; } .selectinput { width: 399px; height: 19px; padding: 0px; overflow: hidden; margin : 0px 0px 0px 0px; border-top: #fffffe 1px solid; border-right: #fffffe 1px solid; border-bottom: #fffffe 1px solid; border-left: #fffffe 1px solid; } .selectinput.required { margin : 0px 0px 0px 0px; border-top: #fffffe 1px solid; border-right: #fffffe 1px solid; border-bottom: #fffffe 1px solid; border-left: #fffffe 1px solid; } .selectinput.empty { background-color : #f18585; } .selectinput select { background: transparent; border : 0px; margin:0px; width: 427px; -webkit-appearance: none; padding: 0px; } .selectinput.mouseover { background: url(../images/selectInputArrow.png) no-repeat right #fffffe; margin : 0px 0px 0px 0px; border-top: #fffffe 1px solid; border-right: #40bfdc 1px solid; border-bottom: #40bfdc 1px solid; border-left: #fffffe 1px solid; } .selectinput.mouseover.required { background: url(../images/selectInputArrow.png) no-repeat right #fffffe; margin : 0px 0px 0px 0px; border-top: #fffffe 1px solid; border-right: #dd4b39 1px solid; border-bottom: #dd4b39 1px solid; border-left: #fffffe 1px solid; } .selectinput.mouseover.empty { background: url(../images/selectInputArrow.png) no-repeat right #f18585; margin : 0px 0px 0px 0px; border-top: #f18585 1px solid; border-right: #dd4b39 1px solid; border-bottom: #dd4b39 1px solid; border-left: #f18585 1px solid; } .selectinput.focused { background: url(../images/selectInputArrow.png) no-repeat right #fffffe; margin : 0px 0px 0px 0px; border-top: #207ab6 1px solid; border-right: #207ab6 1px solid; border-bottom: #207ab6 1px solid; border-left: #207ab6 1px solid; } .selectinput.focused.required { background: url(../images/selectInputArrow.png) no-repeat right #fffffe; margin : 0px 0px 0px 0px; border-top: #dd4b39 1px solid; border-right: #dd4b39 1px solid; border-bottom: #dd4b39 1px solid; border-left: #dd4b39 1px solid; } .selectinput.focused.empty { background: url(../images/selectInputArrow.png) no-repeat right #f18585; margin : 0px 0px 0px 0px; border-top: #dd4b39 1px solid; border-right: #dd4b39 1px solid; border-bottom: #dd4b39 1px solid; border-left: #dd4b39 1px solid; } .buttoninput { display: inline-block; min-width: 54px; border: 1px solid gainsboro; border: 1px solid rgba(0, 0, 0, 0.1); text-align: center; color: #444; font-size: 90%; font-weight: bold; height: 27px; padding: 0 8px; line-height: 27px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: all 0.218s; -moz-transition: all 0.218s; -o-transition: all 0.218s; transition: all 0.218s; background-color: whiteSmoke; background-image: -webkit-gradient(linear,left top,left bottom,from(#f5f5f5),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -moz-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -ms-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: -o-linear-gradient(top,#f5f5f5,#f1f1f1); background-image: linear-gradient(top,#f5f5f5,#f1f1f1); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f5f5',EndColorStr='#f1f1f1'); border-image: initial; } .buttoninput.mouseover { border:1px solid #c6c6c6; color:#333; -webkit-transition:all 0.0s; -moz-transition:all 0.0s; -o-transition:all 0.0s; transition:all 0.0s; background-color:#f8f8f8; background-image:-webkit-gradient(linear,left top,left bottom,from(#f8f8f8),to(#f1f1f1)); background-image: -webkit-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -moz-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -ms-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: -o-linear-gradient(top,#f8f8f8,#f1f1f1); background-image: linear-gradient(top,#f8f8f8,#f1f1f1); -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#f8f8f8',EndColorStr='#f1f1f1'); -webkit-box-shadow:0 1px 1px rgba(0,0,0,0.1); -moz-box-shadow:0 1px 1px rgba(0,0,0,0.1); box-shadow:0 1px 1px rgba(0,0,0,0.1); text-decoration:none; } .buttoninput-left { -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; } .buttoninput-mid { -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; border-radius: 0 0 0 0; } .buttoninput-right { margin-left: -1px; -webkit-border-radius: 0 2px 2px 0; -moz-border-radius: 0 2px 2px 0; border-radius: 0 2px 2px 0; } .buttoninput.selected { background-color: #EEE; background-image: -webkit-gradient(linear,left top,left bottom,from(#eee),to(#e0e0e0)); background-image: -webkit-linear-gradient(top,#eee,#e0e0e0); background-image: -moz-linear-gradient(top,#eee,#e0e0e0); background-image: -ms-linear-gradient(top,#eee,#e0e0e0); background-image: -o-linear-gradient(top,#eee,#e0e0e0); background-image: linear-gradient(top,#eee,#e0e0e0); filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#eeeeee',EndColorStr='#e0e0e0'); -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); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); border: 1px solid #CCC; color: #333; border-image: initial; } .buttonbarinput .buttoninput { float: left; margin: 0; margin-left: 16px; position: relative; /*z-index: 1;*/ } .buttoninput img { vertical-align: middle; } .dir-tm { direction: ltr; zoom: 1; margin: 0 0px 0 0px; } .buttonbarinput { overflow: hidden; padding: 0px; } a, .buttoninput a { outline: none; color: black; text-decoration: none; } a:visited { color: #61C; } a:-webkit-any-link { outline: none; color: black; text-decoration: none; cursor: auto; }