/*------------------------------------------------- 
KISS General Frontend template CSS
Optimized for writing direction left-to-right
http://www.kiss-software.de/
Navigation Bar Backgrounds: http://www.css3factory.com/linear-gradients/
Button Backgrounds: http://cssgradientbutton.com/
----------------------------------------------------*/

/*------------------------------------------------- 
	KISS General styling info
----------------------------------------------------*/
div.kiss-general-description {
/* Grey */
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #F7F5D9),
		color-stop(1, #EBEBEB),
		color-stop(1, #797A7D)
	);
	background-image: -o-linear-gradient(bottom, #F7F5D9 0%, #EBEBEB 100%, #797A7D 100%);
	background-image: -moz-linear-gradient(bottom, #F7F5D9 0%, #EBEBEB 100%, #797A7D 100%);
	background-image: -webkit-linear-gradient(bottom, #F7F5D9 0%, #EBEBEB 100%, #797A7D 100%);
	background-image: -ms-linear-gradient(bottom, #F7F5D9 0%, #EBEBEB 100%, #797A7D 100%);
	background-image: linear-gradient(to bottom, #F7F5D9 0%, #EBEBEB 100%, #797A7D 100%);
	padding: 10px;	
	border: 1px solid #cacaca;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
	-o-box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
	-webkit-box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
	-moz-box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
}

div.kiss-general-navbar {
/* Grey */
	background-image: linear-gradient(bottom, rgb(181,181,181) 41%, rgb(219,216,219) 76%);
	background-image: -o-linear-gradient(bottom, rgb(181,181,181) 41%, rgb(219,216,219) 76%);
	background-image: -moz-linear-gradient(bottom, rgb(181,181,181) 41%, rgb(219,216,219) 76%);
	background-image: -webkit-linear-gradient(bottom, rgb(181,181,181) 41%, rgb(219,216,219) 76%);
	background-image: -ms-linear-gradient(bottom, rgb(181,181,181) 41%, rgb(219,216,219) 76%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.41, rgb(181,181,181)),
		color-stop(0.76, rgb(219,216,219))
	);
	padding: 3px 0px 5px;
	border: 1px solid #cacaca;
	height: 35px;
	width: 100%;	
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
	-o-box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
	-webkit-box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
	-moz-box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
}
textarea:focus,
select:focus,
input.inputbox:focus{
	background-color: yellow;
}
textarea:blur,
select:blur,
input.inputbox:blur{
	background-color: none;
}
/*------------------------------------------------- 
	KISS Category list styling info
----------------------------------------------------*/
#kiss-general-categories-box div.kiss-categoriesbox {
	
	background: #ffffff url('images/grey-bg.png') left top repeat-x;
	border: 1px solid #ccc;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
	-o-box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
	-webkit-box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
	-moz-box-shadow: inset 0 1px 3px #fff, 0 0 3px #ccc;
	
}
div.kiss-categories-row2 {
	background: #e8e8e8;
}

/*------------------------------------------------- 
	KISS Items list styling info
----------------------------------------------------*/
div.kiss-items-row2 {
	background: #e8e8e8;
}
/*------------------------------------------------- 
	KISS search form
----------------------------------------------------*/
div.kiss-searchform-row2 {
	background: #e8e8e8;
}

/*------------------------------------------------- 
	KISS Navigation bar styling info
----------------------------------------------------*/

/* Navigation buttons */
button.kiss-general-button,
span.kiss-general-button,
  ul#navigationbar a, 
  ul#navigationbar span {
    min-width: 80px;
	min-height: 18px;
    border-left-color: white; 
    border-top-color: white;

/* Background grey */
	border:1px solid #262E3D; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;font-size:12px;font-family:verdana, sans-serif; padding: 2px 2px 2px 2px; text-decoration:none; display:inline-block;font-weight:bold;text-shadow: -1px -1px 0 rgba(0,0,0,0.3); color: #FFFFFF;
	background-color: #d3d3d3; background-image: -webkit-gradient(linear, left top, left bottom, from(#d3d3d3), to(#707070));
	background-image: -webkit-linear-gradient(top, #d3d3d3, #707070);
	background-image: -moz-linear-gradient(top, #d3d3d3, #707070);
	background-image: -ms-linear-gradient(top, #d3d3d3, #707070);
	background-image: -o-linear-gradient(top, #d3d3d3, #707070);
	background-image: linear-gradient(to bottom, #d3d3d3, #707070);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#d3d3d3, endColorstr=#707070);	

  }
  
  * html ul#navigationbar a, 
  * html ul#navigationbar span {
    width: 1em;    /* required for IE 5.0x  */
    w/idth: auto;  /* reset for IE 6 */
  }
 
  button.kiss-general-button:hover,
  ul#navigationbar a:hover, 
  ul#navigationbar span {
    	
	/* Background Grey */
	border:1px solid #262E3D;
	background-color: #DDE0EB; background-image: -webkit-gradient(linear, left top, left bottom, from(#DDE0EB), to(#97A2AD));
	background-image: -webkit-linear-gradient(top, #DDE0EB, #97A2AD);
	background-image: -moz-linear-gradient(top, #DDE0EB, #97A2AD);
	background-image: -ms-linear-gradient(top, #DDE0EB, #97A2AD);
	background-image: -o-linear-gradient(top, #DDE0EB, #97A2AD);
	background-image: linear-gradient(to bottom, #DDE0EB, #97A2AD);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#DDE0EB, endColorstr=#97A2AD);
  }
  
div.filterbar {
	float: inherit;
	width: 100%;
	height: auto;
	padding:2px 0 4px;
	margin: -10px 0 0 0;
	/* Background Grey */
	border:1px solid #d1dcdf; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
	font-size:12px;
	font-family:arial, helvetica, sans-serif; 
	text-decoration:none; 
	display:inline-block;
	font-weight:bold; 
	color: #343434;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #BBBDBD),
		color-stop(1, #E1EAF2)
	);
	background-image: -o-linear-gradient(top, #BBBDBD 0%, #E1EAF2 100%);
	background-image: -moz-linear-gradient(top, #BBBDBD 0%, #E1EAF2 100%);
	background-image: -webkit-linear-gradient(top, #BBBDBD 0%, #E1EAF2 100%);
	background-image: -ms-linear-gradient(top, #BBBDBD 0%, #E1EAF2 100%);
	background-image: linear-gradient(to top, #BBBDBD 0%, #E1EAF2 100%);	
	 }
/*------------------------------------------------- 
	KISS Popup Window Styling
----------------------------------------------------*/
.kiss-popup {
  position: relative;
  background: #dadada;
  padding: 20px;
  width:auto;
  max-width: 500px;
  margin: 20px auto;
}
/*------------------------------------------------- 
	KISS Pagination styling
----------------------------------------------------*/
div.kiss-pglimit {
	float: left;
	margin-top: 10px;
}
div.kiss-pgcounter {
	float: right;
	margin-top: 10px;
}
div.kiss-pgcenter {
	text-align: center;
}
div.pagination {
	text-align: center !important;
	margin:0 10px 0 10px !important;
	display:inline-block !important;	
}

ul.pagination li
{
	color:#999 !important;
	margin:0 2px !important;
	display: inline !important;
	background: none !important;
}
ul.pagination li strong
 {
    background: url(images/paging-grey-ll.png) no-repeat left 0 !important;
    display: inline-block !important;
    height: 23px !important;
}
ul.pagination a
{
    background: url(images/paging-grey-lr.png) no-repeat right 0 !important;
    color: #848484 !important;
    display: block !important;
    *display:inline-block !important;
    height: 23px !important;
    line-height: 24px !important;
    margin-right: -5px !important;
    padding: 0 10px !important;
    text-transform:uppercase !important;
    font-weight:normal !important;
    box-shadow: none !important;
    border: none !important;
}
ul.pagination li strong:hover
{
	background-position:0 -23px !important;
}
ul.pagination li strong:hover a
{
	background-position:100% -23px !important;
	color:#FFF !important;
}
ul.pagination li span.isnum

{
	background: url(images/paging-grey-nl.png) no-repeat left 0 !important;
    display: inline-block !important;
    height: 23px !important;
}
ul.pagination li span.isnum span
{
	background: url(images/paging-grey-nr.png) no-repeat right 0 !important;
	color: #FFF !important;
    display: block !important;
	*display:inline-block !important;
    height: 23px !important;
    line-height: 24px !important;
    margin-right: -5px !important;
    padding: 0 10px !important;
	text-transform:uppercase !important;
	font-weight:normal !important;
}
ul.pagination li span
{
	font-weight:normal !important;
	text-transform:uppercase !important;
	color:#999 !important;
	padding: 0 !important;
}