/* Global Spagination rules */
.sp {
	/* Remove this rule if you want pagination inline with other elements */
	clear:both;
	
	font-family:Arial, Verdana, sans-serif;
	font-size:12px;
	
	height:auto;
	margin: 0 0 10px;
	overflow:hidden;
	
	vertical-align:baseline;
}
.sp :focus {
	outline:0 none;
}
.sp a,
.sp span.disabled,
.sp span.current {
	border:1px solid #ccc;	
	float:left;
	text-decoration:none;
}
.sp a:hover {
	cursor:pointer;	
}

/* Basic pagination template */
.sp_basic a,
.sp_basic span.disabled,
.sp_basic span.current {
	color:#333;
	display:block;
	margin:0 1px 0 0;
	padding:6px 5px;
}
.sp_basic a:hover {
	border-color:#ccc;
	color:#666;
}
.sp_basic span.disabled {
	color:#aaa;
	border-color:#ccc;
}
.sp_basic span.current {
	border:0 none;
	font-weight:700;
	padding:7px 6px;
}
.sp_basic .blue a:hover {border-color:#08c;}
.sp_basic .blue span.current {color:#08c;}
.sp_basic .cyan a:hover {border-color:#0bb;}
.sp_basic .cyan span.current {color:#0bb;}
.sp_basic .green a:hover {border-color:#8c0;}
.sp_basic .green span.current {color:#8c0;}
.sp_basic .magenta a:hover {border-color:#c07;}
.sp_basic .magenta span.current {color:#c07;}
.sp_basic .orange a:hover {border-color:#e70;}
.sp_basic .orange span.current {color:#e70;}
.sp_basic .purple a:hover {border-color:#70b;}
.sp_basic .purple span.current {color:#70b;}
.sp_basic .red a:hover {border-color:#b00;}
.sp_basic .red span.current {color:#b00;}

/* Digg style pagination */
.sp_digg a,
.sp_digg span.disabled,
.sp_digg span.current {
	color:#555;
	display:block;
	font-size:11px;
	margin:0 1px 0 0;
	padding:6px 5px;
}
.sp_digg a {
	border-color:#aad;
	color:#2e6ab1;
}
.sp_digg a:hover {
	border-color:#000099;
}
.sp_digg span.disabled {
	color:#aaa;
	border:0 none;
	padding:7px 6px;
}
.sp_digg span.current {
	background:#2e6ab1;
	border:0 none;
	color:#fff;
	font-weight:700;
	padding:7px 6px;
}
.sp_digg .next,
.sp_digg .prev {
	font-weight:700;
}
.sp_digg .blue a {border-color:#a3c0cf;color:#08c}
.sp_digg .blue a:hover {border-color:#08c;}
.sp_digg .blue span.current {background:#08c;}
.sp_digg .cyan a {border-color:#8fb8fb;color:#0bb}
.sp_digg .cyan a:hover {border-color:#0bb;}
.sp_digg .cyan span.current {background:#0bb;}
.sp_digg .green a {border-color:#adbb91;color:#8c0}
.sp_digg .green a:hover {border-color:#8c0;}
.sp_digg .green span.current {background:#8c0;}
.sp_digg .magenta a {border-color:#b4849f;color:#c07}
.sp_digg .magenta a:hover {border-color:#c07;}
.sp_digg .magenta span.current {background:#c07;}
.sp_digg .orange a {border-color:#bba291;color:#e70}
.sp_digg .orange a:hover {border-color:#e70;}
.sp_digg .orange span.current {background:#e70;}
.sp_digg .purple a {border-color:#ba9ba9;color:#70b}
.sp_digg .purple a:hover {border-color:#70b;}
.sp_digg .purple span.current {background:#70b;}
.sp_digg .red a {border-color:#c99c9c;color:#b00}
.sp_digg .red a:hover {border-color:#b00;}
.sp_digg .red span.current {background:#b00;}

/**
 * Basic pagination with "First, Previous, Next, Last" options
 */
.sp_nextprev a,
.sp_nextprev span.disabled {
	color:#333;
	display:block;
	margin:0 1px 0 0;
	padding:6px 10px;
}
.sp_nextprev a:hover {
	border-color:#ccc;
	color:#666;
}
.sp_nextprev span.disabled {
	color:#aaa;
	border-color:#eee;
}
.sp_nextprev .blue a {color:#08c;}
.sp_nextprev .blue a:hover {border-color:#08c;color:#08c;}
.sp_nextprev .cyan a {color:#0bb;}
.sp_nextprev .cyan a:hover {border-color:#0bb;color:#0bb;}
.sp_nextprev .green a {color:#8c0;}
.sp_nextprev .green a:hover {border-color:#8c0;color:#8c0;}
.sp_nextprev .magenta a {color:#c07;}
.sp_nextprev .magenta a:hover {border-color:#c07;color:#c07;}
.sp_nextprev .orange a {color:#e70;}
.sp_nextprev .orange a:hover {border-color:#e70;color:#e70;}
.sp_nextprev .purple a {color:#70b;}
.sp_nextprev .purple a:hover {border-color:#70b;color:#70b;}
.sp_nextprev .red a {color:#b00;}
.sp_nextprev .red a:hover {border-color:#b00;color:#b00;}


/**
 * Skin definitions
 */
 
/* Facebook */
.sp .fb a,
.sp .fb span {border:0;margin:0;}

.sp .fb span.current {border-bottom:2px solid #425596;padding:5px 6px;}
.sp .fb a:hover {background-color:#425596;color:#fff;}
.sp .fb span.current {background:none;border-color:#425596;color:#425596;}
.sp .fb.blue a:hover {background-color:#08c;}
.sp .fb.blue span.current {border-color:#08c;color:#08c;}
.sp .fb.cyan a:hover {background-color:#0bb;}
.sp .fb.cyan span.current {border-color:#0bb;color:#0bb;}
.sp .fb.green a:hover {background-color:#8c0;}
.sp .fb.green span.current {border-color:#8c0;color:#8c0;}
.sp .fb.magenta a:hover {background-color:#c07;}
.sp .fb.magenta span.current {border-color:#c07;color:#c07;}
.sp .fb.orange a:hover {background-color:#e70;}
.sp .fb.orange span.current {border-color:#e70;color:#e70;}
.sp .fb.purple a:hover {background-color:#70b;}
.sp .fb.purple span.current {border-color:#70b;color:#70b;}
.sp .fb.red a:hover {background-color:#b00;}
.sp .fb.red span.current {border-color:#b00;color:#b00;}

/* Flickr */
.sp .flickr a {color:#0063DC;}
.sp .flickr a:hover {background:#0063DC;color:#fff !important;}
.sp .flickr span.current {background:none;color:#FF0084;font-weight:700;}
.sp .flickr a,
.sp .flickr span {border:1px solid #eee;padding:2px 6px;}
.sp .flickr.blue a {color:#08c;}
.sp .flickr.blue a:hover {background-color:#08c;}
.sp .flickr.cyan a {color:#0bb;}
.sp .flickr.cyan a:hover {background-color:#0bb;}
.sp .flickr.green a {color:#8c0;}
.sp .flickr.green a:hover {background-color:#8c0;}
.sp .flickr.magenta a {color:#c07;}
.sp .flickr.magenta a:hover {background-color:#c07;}
.sp .flickr.orange a {color:#e70;}
.sp .flickr.orange a:hover {background-color:#e70;}
.sp .flickr.purple a {color:#70b;}
.sp .flickr.purple a:hover {background-color:#70b;}
.sp .flickr.red a {color:#b00;}
.sp .flickr.red a:hover {background-color:#b00;}

/* Fancy */
.sp .fancy a,
.sp .fancy span {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	font-family:Tahoma, "Trebuchet MS", Arial, sans-serif;
	font-size:11px;
	font-weight:400;
	line-height: 17px;
	padding: 6px 10px;
}
.sp .fancy a {
	border-color:#ccc;
	color:#041025;
}
.sp .fancy a:hover {
	color:#fff !important;
	background:#041025 url("http://www.klarisa-dubrovnik.com/lib/trans.png") bottom left repeat-x;
}
.sp .fancy a:focus,
.sp .fancy a:active {
	background-position:0 0;
}
.sp .fancy span.current {
	background:#a90329 url("http://www.klarisa-dubrovnik.com/lib/trans.png") 0 0 repeat-x;
	border:1px solid #ccc;
	color:#fff;
	
	background: #a90329; /* Old browsers */
background: -moz-linear-gradient(top,  #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
background: linear-gradient(to bottom,  #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */


}
.sp .fancy.blue span.current {background-color:#08c;border-color:#08c;}
.sp .fancy.blue a {color:#08c;}
.sp .fancy.blue a:hover {background-color:#08c;}
.sp .fancy.cyan span.current {background-color:#0bb;border-color:#0bb;}
.sp .fancy.cyan a {color:#0bb;}
.sp .fancy.cyan a:hover {background-color:#0bb;}
.sp .fancy.green span.current {background-color:#8c0;border-color:#8c0;}
.sp .fancy.green a {color:#8c0;}
.sp .fancy.green a:hover {background-color:#8c0;}
.sp .fancy.magenta span.current {background-color:#c07;border-color:#c07;}
.sp .fancy.magenta a {color:#c07;}
.sp .fancy.magenta a:hover {background-color:#c07;}
.sp .fancy.orange span.current {background-color:#e70;border-color:#e70;}
.sp .fancy.orange a {color:#e70;}
.sp .fancy.orange a:hover {background-color:#e70;}
.sp .fancy.purple span.current {background-color:#70b;border-color:#70b;}
.sp .fancy.purple a {color:#70b;}
.sp .fancy.purple a:hover {background-color:#70b;}
.sp .fancy.red span.current {background-color:#b00;border-color:#b00;}
.sp .fancy.red a {color:#b00;}
.sp .fancy.red a:hover {background-color:#b00;}