/* 
    Document   : search
    Created on : 2014.3.4, 09:37:35
    Author     : krists
    Description:
        Search form CSS
*/

/*@media (min-width: 991px) {*/

    .clear:before,
    .clear:after {
	content:"";
	display:table;
    }

    .clear:after {
	clear:both;
    }

    .clear {
	zoom:1;
    }

    /* SEARCH */
    .search-wrap {
	height: 130px;
	background-image: url('../images/bg-search.png');
	background-position: center top;
	background-repeat: repeat-x;
	border-bottom: 1px solid #efefeb;
	text-align: center;
    }
    .search-wrap input { margin:0; }

    .search-field-wrap {
	display: inline-block;
	margin: 20px auto 0;
	border: 7px solid rgba(94,146,145,.3);
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
    }

    .field-search {
	height: 45px;
	padding: 0 15px;
	font: .75em/1.2em sans-serif;
	font-style: italic;
	color: #aaa;
	border: none;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
    }

    .search-field-wrap .field-search.short {
	float: left;
	width: 520px;
	border-right: 1px solid #cdcdc7;
	font-size:16px;
	color:#666;
    }

    .search-field-wrap .field-search.short.blur {
	color: #AAA;
	font-size:13px;
    }

    .search-field-wrap .select {
	float: left;
	position: relative;
	height: 45px;
	width: 110px;
	background-color: #fff;
	z-index:999;
        line-height:1.5em;
    }

    .search-field-wrap .select span
    {
	display: block !important; /* bez tēmas paslēpts*/
    }

    .search-field-wrap .select select { display:none; }

    .search-field-wrap .select:hover {
	cursor: pointer;

    }

    .search-field-wrap .select span {
	position: relative;
	margin-right: 18px;
	padding: 12px 0;
	color: #aaa;
	margin:0;
	width:90px;
	display:block;
	height:42px;
     }

    .search-field-wrap .select span:after
    {
	content:"";
	position: absolute;
	top: 6px;
	right: -5px;
	border-style: solid;
	border-width: 5px 5px 0;
	border-color: #cdcdc7 transparent;
	 /* ---reduce the damage in FF3.0  */
	display: block; 
	width: 0;
	/* ++ */
	top:20px;
    }

    .search-field-wrap .select ul {
	display: none;
    }

    .search-field-wrap .select:hover ul {
	display: block !important;
	position: absolute;
	top: 45px;
	left: -1px;
	background: #fff;
	border-right: 1px solid #cdcdc7;
	border-bottom: 1px solid #cdcdc7;
	border-left: 1px solid #cdcdc7;
	list-style: none;
	z-index: 9;    
	/*width: 110px !important;*/
    }


    .search-field-wrap .select:hover ul li {
	width: 110px !important;
    }

    .search-field-wrap .select:hover ul a {
	display: block;
	padding: 3px 10px;
	font-size: 12px;
	color: #aaa;
	text-align: left;
    }

    .search-field-wrap .select ul a:hover {
	background-color: #f1f1f1;
	text-decoration: none;
    }

    .search-field-wrap .button {
	float: left;
	width: 50px;
	height: 45px;
	background-color: transparent;
	background-image: url('../images/bg-button-search.png');
	background-position: 0 center;
	border: none;
	border-left: 1px solid #cdcdc7;
	border-radius: 0 5px 5px 0;
	-moz-border-radius: 0 5px 5px 0;
	-webkit-border-radius: 0 5px 5px 0;
	text-indent: -99999em;
	position: static;
    }

    .search-field-wrap .button:hover {
	background-position: -50px center;
	cursor: pointer;
    }

    .search-field-wrap .select span {
	white-space: nowrap;
    }

    /* meklesana ar 210px platu select */
    .medium.search-field-wrap .select {
	width: 210px;
    }

    .medium.search-field-wrap .select span {
	width:190px;
    }

    .medium.search-field-wrap .select:hover ul {
	width: 210px !important;
    }

    .medium.search-field-wrap .select:hover ul li{
	width: 210px !important;
    }

    .medium.search-field-wrap .field-search {
	width:420px !important;
    }

    /* meklesana ar 410px platu select */
    .wide.search-field-wrap .select {
	width: 280px;
    }

    .wide.search-field-wrap .select span {
	width:260px;
    }

    .wide.search-field-wrap .select:hover ul {
	width: 280px !important;
    }

    .wide.search-field-wrap .select:hover ul li {
	width: 280px !important;
    }

    .wide.search-field-wrap .field-search {
	width:350px !important;
    }

    /* meklesanas formas bez dropdowna */
    .simple.search-field-wrap .field-search {
	width:630px /*!important*/;
    }
    form[name="csdd"] .search-field-wrap .field-search {
	width:280px !important;
    }
    form[name="csdd"] .search-field-wrap .select {
	    width:350px !important;
    }
    form[name="csdd"] .search-field-wrap .select span {
	width:330px;
    }
    form[name="csdd"] .search-field-wrap .select:hover ul {
	width:350px !important;
    }
    form[name="csdd"] .search-field-wrap .select:hover ul li {
	width:350px !important;
    }

    .menu-search {
	display: inline-block;
	list-style: none;
	text-align: center;
	clear:both;
    }

    .menu-search li {
	display: inline;
	position: relative;
	z-index:99;
	margin:0 2px;
    }

    .menu-search li a {
	position: relative;
	padding: 4px 7px;
	font-size: .625em;
	text-transform: uppercase;
	color: #898989;
	background-color: #d4d4ce;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	z-index:99;

    }

    .menu-search li a:hover {
	background-color: #cbcbc4;
	text-decoration: none;
    }

    .menu-search li a.active {
	color: #fff;
	background-color: #5e9291;
    }

    .menu-search li a.active:before {
	content: "";
	position: absolute;
	top: -6px;
	left:0;
	display: block;
	width: 100%;
	height: 6px;
	background-image: url('../images/triangle-search-category.png');
	background-position: center bottom;
	background-repeat: no-repeat;
    }

    .menu-search li a.more {
	display: inline;
	padding-right: 20px;
    }

    .menu-search li a.more:after {
	content:"";
	position: absolute;
	top: 8px;
	right: 7px;
	border-style: solid;
	border-width: 5px 5px 0;
	border-color: #898989 transparent;
	/* reduce the damage in FF3.0 */
	display: block; 
	width: 0;
    }

    .menu-more {
	display: none;
	z-index: 999;
    }

    .menu-search li:hover a.more {
	border-radius: 6px 6px 0 0;
	-moz-border-radius: 6px 6px 0 0;
	-webkit-border-radius: 6px 6px 0 0;
    }

    .menu-search li:hover .menu-more {
	display: block;
	position: absolute;
	/*top: 22px;*/
	left: 0;
	list-style: none;
	background-color: #d4d4ce;
	text-align: left;
	border-radius: 0 6px 6px 6px;
	-moz-border-radius: 0 6px 6px 6px;
	-webkit-border-radius: 0 6px 6px 6px;
	z-index: 1;
    }

    .menu-search li .menu-more li a {
	display: block;
	padding: 0 10px;
	color: #898989;
    }

    .menu-search li .menu-more li a:hover {
	background-color: #cbcbc4;
	text-decoration: none;
    }

    .menu-search li .menu-more li:first-child a:hover {
	border-radius: 0 6px 0 0;
	-moz-border-radius: 0 6px 0 0;
	-webkit-border-radius: 0 6px 0 0;
    }

    .menu-search li .menu-more li:last-child a:hover {
	border-radius: 0 0 6px 6px;
	-moz-border-radius: 0 0 6px 6px;
	-webkit-border-radius: 0 0 6px 6px;
    }

    .menu-search li .menu-more li{
	display:block;
	padding:0.2em 0;
	line-height:0.8em;
    }
 
    .adr-dropdown-block {
	display: none;    
    }
/*}*/

@media (min-width: 481px) and (max-width: 990px) { 
    
    .search-wrap {
	height: 70px;
	background-image: url('../images/bg-search.png');
	background-position: center top;
	background-repeat: repeat-x;
	border-bottom: 1px solid #efefeb;
	text-align: center;
        display: none;
    }
    .search-wrap input { margin:0; }

    .search-field-wrap {
	display: inline-block;
	margin: 12px auto 0;
	border: 2px solid #CDCBCC;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
    }    
    
    .field-search, .adr-dropdown select{
	height: 40px;
	padding: 0 15px;
	font: 16px sans-serif;
	font-style: italic;
	color: #aaa;
	border: none;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
    }

    .search-field-wrap .field-search.short {
	float: left;
	width: 400px;
	border-right: 2px solid #cdcdc7;
	font-size: 16px;
	color:#666;
    }

    .search-field-wrap .field-search.short.blur {
	color: #AAA;
	font-size:13px;
    }    
    
    .adr-dropdown-block{
	display: none;
	width: 70%;
	margin-right: auto;
	margin-left: auto;
    }
    
    .adr-dropdown{
	overflow: hidden;
    }

    .adr-dropdown select {
	margin: 20px auto 0;
	border: 2px solid #CDCBCC;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
    }

    .adr-dropdown label{
	display: none;
    }
    
    .menu-search{
	display: none;
    }

    .search-field-wrap .button {
        height: 40px;
    }
    #adr_widget_search_submit{
	background: #5e9291 url('../images/lupa-balta.png') no-repeat 50% 50%;
	color: transparent !important;
	height: 40px;
	border: 0px;
	float: left;
	border-radius: 0px 6px 6px 0px;
	-moz-border-radius: 0px 6px 6px 0px;
	-webkit-border-radius: 0px 6px 6px 0px;
    }
    
}

@media (max-width: 480px) { 
    
    .search-wrap {
	height: 70px;
	background-image: url('../images/bg-search.png');
	background-position: center top;
	background-repeat: repeat-x;
	border-bottom: 1px solid #efefeb;
	text-align: center;
        display: none;
    }
    .search-wrap input { margin:0; }

    .search-field-wrap {
	display: inline-block;
	margin: 12px auto 0;
	border: 2px solid #CDCBCC;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
    }
    
    .field-search, .adr-dropdown select{
	height: 40px;
	padding: 0 15px;
	font: 16px sans-serif;
	font-style: italic;
	color: #aaa;
	border: none;
	border-radius: 5px 0 0 5px;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
    }

    .search-field-wrap .field-search.short {
	float: left;
	width: 243px;
	border-right: 2px solid #cdcdc7;
	font-size: 16px;
	color:#666;
    }

    .search-field-wrap .field-search.short.blur {
	color: #AAA;
	font-size:13px;
    } 
    
    .adr-dropdown-block{
	display: none;
    }
    
    .menu-search{
	display: none;
    }

    .search-field-wrap .button {
        height: 40px;
    }

    #adr_widget_search_submit{
	background: #5e9291 url('../images/lupa-balta.png') no-repeat 50% 50%;
	color: transparent !important;
	height: 40px;
	border: 0px;
	border-radius: 0px 6px 6px 0px;
	float: left;
	-moz-border-radius: 0px 6px 6px 0px;
	-webkit-border-radius: 0px 6px 6px 0px;
    }    
}