/*
Plugin Name: Keytrack.de Affilisearch - Stylesheet
Version: 0.1
Author URI: http://keytrack.de
*/



/* --- generic layout styles --- */

.ktas {
	box-sizing:border-box;
	display:block; 
	clear:both;
	width:100%; 
}

.ktas:after { 
	height:0px;
	display:block;
	width:100%;
	clear:both;
	content:"";
}

.ktas-content { 
	position:relative; 
	display:block; 
	overflow:hidden; 
	width:100%; 
	margin:0 auto 10px; 
	box-sizing:border-box;
	clear:both;
}

.ktas-ui-container {
	box-sizing:border-box;
	border:1px solid;
	border-color:#f8f8f8 #f4f4f4 #f4f4f4 #f8f8f8;
	border-radius:3px;
	background:#fff;
	height:32px;
	min-width:1em;
	display:inline-block;
	padding:3px 3px;
	margin-bottom:3px;
}

.ktas-ui-button {
	color:#fff;
	background: #5cb1bd;
	background: -moz-linear-gradient(top,  #5cb1bd 0%, #147e89 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5cb1bd), color-stop(100%,#147e89));
	background: -webkit-linear-gradient(top,  #5cb1bd 0%,#147e89 100%);
	background: -o-linear-gradient(top,  #5cb1bd 0%,#147e89 100%);
	background: -ms-linear-gradient(top,  #5cb1bd 0%,#147e89 100%);
	background: linear-gradient(to bottom,  #5cb1bd 0%,#147e89 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5cb1bd', endColorstr='#147e89',GradientType=0 );
	border:1px solid #e0e0e0;
	box-sizing:border-box;
	border-radius:3px;
	font-size:1em;
	cursor:pointer;
	padding:2px 5px;
	height:24px;
}

.ktas-ui-button:hover, .ktas .setting:hover:not(.current):not(.inactive) {
	color:#fff;
	background: #147e89;
	background: -moz-linear-gradient(top,  #147e89 0%, #5cb1bd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#147e89), color-stop(100%,#5cb1bd));
	background: -webkit-linear-gradient(top,  #147e89 0%,#5cb1bd 100%);
	background: -o-linear-gradient(top,  #147e89 0%,#5cb1bd 100%);
	background: -ms-linear-gradient(top,  #147e89 0%,#5cb1bd 100%);
	background: linear-gradient(to bottom,  #147e89 0%,#5cb1bd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#147e89', endColorstr='#5cb1bd',GradientType=0 );
	border-color:#bbb;
	text-decoration:none;
}

.ktas .setting {
	display:inline-block;
	border-radius:5px;
	padding:3px 4px 1px;
	margin:0 3px;
}

.ktas .setting:not(.current):not(.inactive) {
	background: #f2f6f8;
	background: -moz-linear-gradient(top,  #f2f6f8 0%, #eff4f7 50%, #eff5f7 51%, #e0eff9 100%);
	background: -webkit-linear-gradient(top,  #f2f6f8 0%,#eff4f7 50%,#eff5f7 51%,#e0eff9 100%);
	background: linear-gradient(to bottom,  #f2f6f8 0%,#eff4f7 50%,#eff5f7 51%,#e0eff9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
	box-sizing:border-box;
	border:1px solid;
	border-color:#cacaca #e0e0e0 #e0e0e0 #cacaca;
	cursor:pointer;
}

.ktas .setting.current {
	font-weight:bold;
	color:#000;
	background:none;
}

.ktas .setting.inactive {
	background:none;
	border:1px solid;
	border-color:#cacaca #e0e0e0 #e0e0e0 #cacaca;
}

.ktas .setting:last-of-type {
	margin-right:0;
}

.ktas .setting:first-of-type {
	margin-left:0;
}

.ktas input[type="text"], .ktas select { 
	background: #f2f6f8;
	background: -moz-linear-gradient(top,  #f2f6f8 0%, #eff4f7 50%, #eff5f7 51%, #e0eff9 100%);
	background: -webkit-linear-gradient(top,  #f2f6f8 0%,#eff4f7 50%,#eff5f7 51%,#e0eff9 100%);
	background: linear-gradient(to bottom,  #f2f6f8 0%,#eff4f7 50%,#eff5f7 51%,#e0eff9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
	box-sizing:border-box;
	border:1px solid;
	border-color:#cacaca #e0e0e0 #e0e0e0 #cacaca;
	border-radius:3px;
	color:#000022; 
	margin:0; 
	text-align:left;
	padding:3px 5px;
}

.ktas input[type="text"]:hover, .ktas select:hover { 
	border-color:#7FB4EA;
}

.ktas .clear-both { clear:both; }

.ktas .display-none { display:none; }

.ktas a:hover {
	text-decoration:none;
}


/* --- header layout styles --- */

.ktas-header { 
	padding:4px; 
	position:relative; 
	display:block; 
	overflow:hidden; 
	height:auto; 
	background:#fcfcfc; 
	margin:0 0 5px 0;
	border:1px solid;
	border-color:#e8e8e8 #ddd #ddd #e8e8e8;
	border-radius:5px;
	text-align:center;
}

.ktas-header-query {
	display: none;
	float:left;
	width: 35%;
	text-align: center;
}

.ktas-keywords { 
	font-size:1.2em; 
	font-weight:bold; 
	font-style:italic;
	padding:0 8px;
}

.ktas-header-new-query {
	float:left;
}

.ktas-header-new-query input[type="text"] { 
	width:115px;
}

.ktas-header-results {
	color:#333;
	padding:7px 10px 0;
	float: left;
}

.ktas-header-results span {
	font-weight:bold;
	margin-left:8px;
}

.ktas-header-perpage { 
	float:right; 
	padding:3px 3px 0 10px;
}

.ktas-header-filter { 
	box-sizing:border-box;
	display:block;
	clear:both;
	position:relative;
	width:100%;
	padding:5px;
	box-sizing:border-box;
	height:auto;
	text-align:center;
	border:1px solid #eee;
	background:#e4e4e4;
	height:44px;
	border-radius:3px;
	margin-top:3px;
}

.ktas-filter-price {
	float:left;
}

.ktas-filter-price input[type="text"] {
	text-align:right;
	margin:0 3px 0 5px;
	width:3.5em;
}

.ktas-filter-price button {
	margin-left:5px;
}

.ktas-filter-reduced-only {
	padding:7px 10px 0;
}

.ktas-filter-reduced-only input {
	position:relative;
	top:2px;
	margin-right:5px;
}

.ktas-filter-reduced-only label {
	cursor:pointer;
}


.ktas-filter-sort-order {
	float:right;
	padding:3px 3px 0 3px;
}

.ktas-filter-sort-order select {
	height:24px;
	margin-left:5px;
}


/* --- pagination layout styles --- */

.ktas-pagination { 
	box-sizing:border-box;
	clear:both; 
	display:block; 
	overflow:hidden; 
	height:36px; 
	margin:0 0 7px; 
	padding:5px; 
	position:relative; 
	color:#444; 
	text-align:center; 
	background:#e8e8e8; 
	border-right:1px solid #ddd; 
	border-bottom:1px solid #ddd; 
	border-top:1px solid #e8e8e8; 
	border-left:1px solid #e8e8e8; 
	border-radius:5px;
	font-size:1.2em;
	text-align:center;
	width:100%;
}

.ktas-pagination-left { 
	float:left; 
	text-align:left; 
	width:5%;
	display:inline-block;
}

.ktas-pagination-middle { 
	width:88%;
	display:inline-block;
}

.ktas-pagination-right { 
	float:right; 
	text-align:right; 
	width:5%;
	display:inline-block;
}

.ktas-pagination .setting {
	padding:3px 6px;
}



/* --- generic item style definitions --- */

.ktas-items { 
	clear:both; 
	position:relative; 
	text-align:center; 
}

.ktas-item-container {
    margin:3px 7px 10px 7px;
}

.ktas-item-container a:hover {
    text-decoration:none;
}

.ktas-item-container a:hover div.ktas-item-title {
    color:#b33;
    text-decoration:none;
}

.ktas-item {
    padding:4px 4px;
    background:#f4f4f4;
    text-align:center;
    vertical-align:middle;
    border:0 none;
    position:relative;
	border:1px solid #dddddd;
	border-left-color:#ececec;
	border-top-color:#ececec;
	}
	
.ktas-item:hover, div.ktas-item-hover {
	background:#EfF7Fa;
	cursor:pointer;
    background: -moz-linear-gradient(top,  #ecf5fe 0%, #daecff 100%);
    background: -webkit-linear-gradient(top,  #ecf5fe 0%,#daecff 100%);
    background: linear-gradient(to bottom,  #ecf5fe 0%,#daecff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ecf5fe', endColorstr='#daecff',GradientType=0 );
	}

.ktas-item-odd { background:#fcfcfc; }

.ktas-item-desc { font-size:1em; color:#555555; }

.ktas-item-price { color:#bb4444; font-weight:bold; font-size:1.3em; margin-top:5px; }

.ktas-item-price-extra { color:#884848; font-size:0.9em; }

.ktas-item-oldprice { color:#bbb; font-size: 0.8em; margin:5px 0 0 0; padding:0; line-height:11px; }

.ktas-item-title { color:#333; font-size:1.2em; font-weight:bold; margin-bottom:5px; }

.ktas-item-img { padding:0; display:block; text-align:center; overflow:hidden; margin:auto 0; width:182px; height:182px; background:#fff; border-left:1px solid #eee; border-top:1px solid #eee; }

.ktas-item-img img { border:0 none; margin:auto auto; padding:0; }

.ktas-item-img a { border:0;display:block;height:100%;width:100%; }

.ktas-item-custom { display: none; }



/* --- full style definitions --- */

div.ktas-style-full {  }

div.ktas-style-full div.ktas-item-container { display:block; overflow:hidden; }

div.ktas-style-full div.ktas-item { display:block; overflow:hidden; width:100%; position:relative; text-align:left; }

div.ktas-style-full div.ktas-item-img { float:left; display:inline; margin-right:10px; }

div.ktas-style-full div.ktas-item-content { display:block; margin-right:10px; }



/* --- table style definitions --- */

div.ktas-style-table { 	-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

div.ktas-style-table .ktas-items table { table-layout:auto; background-color:#fff; margin:0 0 5px; border-collapse: separate; border-spacing:0px; }

div.ktas-style-table .ktas-items table tr { height:40px; margin:2px 0; }

div.ktas-style-table .ktas-items table tr.header-row { height:25px; margin:0 0 4px; }

div.ktas-style-table .ktas-items table td, 
div.ktas-style-table .ktas-items table th  { width:auto; overflow:hidden; border-right: 1px solid #f4f4f4; border-top:1px solid #fff; }

div.ktas-style-table .ktas-items table th  { background-color: #ece9ea; color:#aaa; text-transform: uppercase; letter-spacing: 1px; font-size:1.0em; border-top:0 none; }

div.ktas-style-table .ktas-item-container { padding:0; margin:0; }

div.ktas-style-table .ktas-item { padding:0; margin:0; }

div.ktas-style-table div.ktas-item-img { width:50px; height:40px; overflow:hidden; }

div.ktas-style-table div.ktas-item-title { font-size:1.1em; margin:0; padding:0; }

div.ktas-style-table div.ktas-item-desc { line-height:15px; font-size:0.8em; height:23px; padding:4px 0 9px; overflow:hidden; }

div.ktas-style-table div.ktas-item-price { font-size:1.2em; margin:0 5px;}

div.ktas-style-table div.ktas-item-price-extra { font-size:0.5em; }

div.ktas-style-table div.ktas-item-oldprice { display:none; }

div.ktas-style-table .ktas-item-shop { font-size:0.8em; color:#999; line-height: 9px; }

div.ktas-style-table .ktas-item-shop img { margin:1px 0 2px 0; }

div.ktas-style-table .ktas-item-shop div { height: 10px; overflow:hidden; }

div.ktas-style-table .ktas-items table td.ktas-item-shop, div.ktas-style-table .ktas-items table td.ktas-item-custom { border-right:0px none; }



/* --- compact style definitions --- */

div.ktas-style-compact {  }

div.ktas-style-compact div.ktas-item-container {
    display: inline-block;
}

div.ktas-style-compact div.ktas-item { width:184px; height:260px; }

div.ktas-style-compact div.ktas-item-title { font-size:1.0em; margin-bottom:0; }

div.ktas-style-compact div.ktas-item-price { font-size:1.2em; }

div.ktas-style-compact div.ktas-item-price-extra { font-size:0.7em; }

div.ktas-style-compact div.ktas-item-oldprice { font-size: 0.7em; margin-top:0; }



/* --- mini style definitions --- */

div.ktas-style-mini {  }

div.ktas-style-mini div.ktas-item-container {
    display: inline-block;
}

div.ktas-style-mini div.ktas-item { width:115px; height:210px; }

div.ktas-style-mini div.ktas-item-img { width:115px; height:117px; }
div.ktas-style-mini div.ktas-item-img img { width:109px; }

div.ktas-style-mini div.ktas-item-title { line-height:14px; font-size:1.0em; margin:4px 0; height:28px; display:block; overflow:hidden; }

div.ktas-style-mini div.ktas-item-price { line-height:13px; font-size:1.4em; margin:1px 0 0 0; }

div.ktas-style-mini div.ktas-item-price-extra { font-size:0.6em; margin:3px 0 0 0; }

div.ktas-style-mini div.ktas-item-oldprice { line-height:13px; font-size: 0.7em; margin-top:0; line-height:7px; }

div.ktas-style-mini div.ktas-pagination-left span.text,
div.ktas-style-mini div.ktas-pagination-right span.text { display:none; }

div.ktas-style-mini div.ktas-pagination-left span.setting,
div.ktas-style-mini div.ktas-pagination-right span.setting { padding: 3px 3px; }

div.ktas-style-mini div.ktas-item-shop {  }

div.ktas-style-mini div.ktas-item-shop img { margin:5px 0 0; }


/* --- custom style definitions --- */

div.ktas-style-custom {  }

div.ktas-style-custom div.ktas-item {  }

div.ktas-style-custom div.ktas-item-img {  }

div.ktas-style-custom div.ktas-item-content {  }



@media (max-width:620px) {

	.ktas-header-filter {
		height: 78px;
	}

	.ktas-filter-price,
	.ktas-filter-sort-order {
		width: 100%;
		text-align: center;
	}
}


.mobile-break {
	display: none;
}

.ktas-filter-price button .icon {
	display: none;
}


/* --- responsive / mobile edits --- */

@media (max-width:770px) {

	.ktas-header.show-new-query .mobile-break {
		display: inline;
	}

	.ktas-header.show-new-query > .ktas-ui-container {
		height: 48px;
	}
}

@media (max-width:650px) {

	.ktas-header.show-new-query > .ktas-ui-container {
		height: 32px;
		padding-left:3px;
		padding-right:3px;
	}

	.ktas-header.show-new-query .ktas-header-query .mobile-break,
	.ktas-header.show-new-query .ktas-header-new-query .mobile-break,
	.ktas-header.show-new-query .ktas-header-results .mobile-break {
		display: none;
	}

	.ktas-header.show-new-query .ktas-header-results {
		float: left;
		clear: left;
	}

	.ktas-header.show-new-query .ktas-header-perpage {
		position: absolute;
		top: 5px;
		right: 5px;
		height: 65px !important;
		line-height: 1.9em;
	}
}

@media (max-width:350px) {

	.ktas-filter-price button .text {
		display: none;
	}

	.ktas-filter-price button .icon {
		font-weight: bold;
		display: inline;
	}
}


@media (max-width:500px) and (min-width:360px) {

	.ktas-header.hide-new-query .mobile-break {
		display: inline;
	}

	.ktas-header.hide-new-query > .ktas-ui-container {
		height: 48px;
	}
}

@media (max-width:359px) {

	.ktas-header.hide-new-query > .ktas-ui-container {
		width: 100%;
		display: block;
		text-align: center;
	}
}