@import url("https://fonts.googleapis.com/css?family=Caudex:400&subset=latin,latin-ext"); @import url("https://fonts.googleapis.com/css?family=Caudex:700&subset=latin,latin-ext"); @import url("https://fonts.googleapis.com/css?family=Arimo:700&subset=Latin"); #search-form input::-ms-clear{ width: 0; height: 0; } #search-form input::focus { outline: none; }#offlajn-ajax-search{ width: 150px; float: right} #offlajn-ajax-search .offlajn-ajax-search-container{ background: #d3d3d3; background: RGBA(211,211,211,0.8); padding: 0px; margin:0; } #search-form div{ margin:0; padding:0; } #offlajn-ajax-search .offlajn-ajax-search-inner{ width:100%; } #search-form{ margin:0; padding:0; position: relative; width: 100%; } #search-form input{ background-color: #e5e5e5; /*font chooser*/ padding-top: 1px; color: #999999; font-family: "Caudex",Georgia, Arial; font-weight: normal; font-style: normal; font-size: 14px; text-shadow: none; text-decoration: none; text-transform: none; line-height: 100%; /*font chooser*/ } #search-form input:focus{ /* background-color: #e5e5e5; */ } .dj_ie7 #search-form{ padding-bottom:0px; } #search-form .category-chooser{ height: 25px; width: 23px; border: 1px #b2c4d4 solid; /* border-right: none;*/ -moz-border-radius-topleft: 3px; -moz-border-radius-bottomleft: 3px; border-top-left-radius: 3px; border-bottom-left-radius: 3px; background-color: #f2f2f2; position: absolute; left: 0px; z-index: 5; } #search-form .category-chooser:hover{ -webkit-transition: background 200ms ease-out; -moz-transition: background 200ms ease-out; -o-transition: background 200ms ease-out; transition: background 200ms ease-out; /* background-color: #ffffff; */ } #search-form .category-chooser.opened{ height:26px; border-bottom: none; -moz-border-radius-bottomleft: 0px; border-bottom-left-radius: 0px; background-color: #ffffff; } #search-form .category-chooser .arrow{ height: 25px; width: 23px; background: url(images/arrow/arrow.png) no-repeat center center; } input#search-area{ display: block; position: relative; height: 27px; padding: 0 39px 0 5px; width: 100%; background-color: transparent; box-sizing: border-box !important; /* css3 rec */ -moz-box-sizing: border-box !important; /* ff2 */ -ms-box-sizing: border-box !important; /* ie8 */ -webkit-box-sizing: border-box !important; /* safari3 */ -khtml-box-sizing: border-box !important; /* konqueror */ border: 1px #b2c4d4 solid; border-right: none; line-height: 27px; float: left; margin: 0; z-index:4; /*if category chooser enabled*/ } .dj_ie #search-area{ line-height: 24px; } .dj_ie7 #search-area{ height: 25px; line-height: 25px; } input#suggestion-area{ display: block; position: absolute; height: 27px; width: 100%; top: 0px; left: 1px; padding: 0 60px 0 5px; box-sizing: border-box !important; /* css3 rec */ -moz-box-sizing: border-box !important; /* ff2 */ -ms-box-sizing: border-box !important; /* ie8 */ -webkit-box-sizing: border-box !important; /* safari3 */ -khtml-box-sizing: border-box !important; /* konqueror */ color:rgba(0, 0, 0, 0.25); border: none; line-height: 27px; -webkit-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2); -moz-box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2); box-shadow: inset 0px 1px 2px rgba(0,0,0,0.2); float: left; margin: 0; z-index:1; /*if category chooser enabled*/ } .dj_chrome input#suggestion-area, .dj_ie input#suggestion-area{ top: 0px; } .dj_ie8 input#suggestion-area{ line-height: 25px; } .search-caption-on{ color: #aaa; } #search-form #search-area-close.search-area-loading{ background: url(images/loaders/ring3D.gif) no-repeat center center; } #search-form #search-area-close{ background: url(images/close/close_icon.png) no-repeat center center; background-image: url('