/*************************************

Module pagination

*************************************/

a.jr_modPrev, a.jr_modNext {

	background: url(images/arrows.png) no-repeat;

	width: 22px;

	height: 22px;

	padding: 0;

	margin-bottom: 15px;

	outline: none;

}



a.jr_modPrev:link, a.jr_modPrev:active, a.jr_modPrev:visited {

	background-position: 0px 0px;

	float: left;

	margin-right: 6px;

}



a.jr_modNext:link, a.jr_modNext:active, a.jr_modNext:visited {

	background-position: -22px 0px;

	float: right;

	margin-left: 6px;

}



a.jr_modPrev.vertical {

	background-position: 0px -22px;

}   



a.jr_modPrev.jr_modDisabled {

	background-position: -44px 0px;

	cursor: default;

} 



a.jr_modPrev.jr_modDisabled.vertical {

	background-position: -44px -22px;

	cursor: default;

}    



a.jr_modNext.vertical {

	background-position: -22px -22px;

}   



a.jr_modNext.jr_modDisabled {

	background-position: -66px 0;

	cursor: default;

} 



a.jr_modNext.jr_modDisabled.vertical {

	background-position: -66px -22px;

	cursor: default;

}      



div.jr_modSlider {

	float: left;

    position:relative; 

    overflow:hidden;

	margin: 0 0 5px 0;

	padding: 0;

	direction: ltr;

} 

 

div.jr_modSlider div.jr_modItems {   

    width:20000em; /* this cannot be too large */     

    position:absolute;         

}



div.jr_modSlider div.jr_modItems.vertical {   

    height:20000em; /* this cannot be too large */    

	width: auto;

    position:absolute;         

} 



/*  

    a single item. must be floated on horizontal scrolling 

    typically this element is the one that *you* will style 

    the most. 

*/ 

div.jr_modSlider div.jr_modItems div.jr_modContainer,

div.jr_modSlider div.jr_modItems div.jr_plugContainer

 { 

    float: left;

    overflow: hidden;

    /*width: 1000px!important;*/ /*it's added as style in each module based on defined width*/

} 

 

/* you may want to setup some decorations to active item */ 

div.jr_modItems div.active {}    





/*************************************

Module Slideshow Navigator

*************************************/

.jr_modSlider .navi {

	position: absolute;

	bottom: 0;

	left: 40%;

    height: 11px;

	margin: 0 auto;

}



.jr_modSlider .navi a {

    background: url(images/navigator.png) no-repeat;

    display: block;

    float: left;

    font-size: 1px;

    height: 8px;

    margin: 3px;

    width: 8px;

}



.jr_modSlider .navi a:hover {

    background-position: 0 -8px;

}

.jr_modSlider .navi a.active {

    background-position: 0 -16px;

}





/*************************************

Pagination

*************************************/

div.jr_pgContainer table.jr_pagination {

	width: 100%; 

	line-height: 1.5em; 

	font-weight: normal; 

	border-top: 1px solid #ccc; 

	border-bottom: 1px solid #ccc; 

	margin-bottom: 10px;

}

	

table#jr_pagination_top { 

	border-top: 0; 

	border-bottom: 0; 

	margin-bottom: 5px;

}



table.jr_pagination td {

	padding: 5px; 

	vertical-align: middle;

	white-space: nowrap; 

	font-size: 90%;

}



td.jr_pagenav_results {

	width: 20%;

}



td.jr_pagenav_pages {

	text-align: left;  

}



td.jr_pagenav_limitbox {

	width: 20%;

	text-align: right; 

}

	

td.jr_pagenav_limitbox select {

	font-size: 10px !important; 

	width: auto !important;

	background: #f8f8f8;

	color: #444;

	vertical-align: middle;

	border-width: 1px;

	border-style: solid;

	border-color: #aaa #ccc #ccc #aaa;

	-moz-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;		

}



td.jr_pagenav_limitbox select:focus {

	outline: none;

	background: #fff;

	border-width: 1px;

	border-style: solid;

	border-color: #777 #aaa #aaa #777;	

}



td.jr_pagenav_limitbox select option {

	padding-right: 10px;

}	

	

table.jr_pagination a:link,

table.jr_pagination a:active,

table.jr_pagination a:visited,

table.jr_pagination span.inactive {

    text-decoration: none;

    color: #333;

    cursor: pointer;

    display: inline-block;

    padding: 0 0.35em;

	margin: 0 1px 0 0;	

	background-color: #F6F6F6;

    border: 1px solid #ccc;

    white-space: nowrap;	

	background-image: -moz-linear-gradient(center top, #fff, #efefef);

	background-image: -o-linear-gradient(top, #fff, #efefef);

	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #fff), color-stop(1, #efefef));

	background-image: -webkit-linear-gradient(#fff, #efefef);

	background-image: linear-gradient(top, #fff, #efefef);

	-moz-border-radius: 4px;

	-webkit-border-radius: 4px;

	border-radius: 4px;

}



table.jr_pagination a.current:link,

table.jr_pagination a.current:active,

table.jr_pagination a.current:visited {

	color: #fff;

	text-decoration: none;

	border: 1px solid #888;	

	background-color: #999;

	background-image: -moz-linear-gradient(center top, #888, #999);

	background-image: -o-linear-gradient(top, #888, #999);

	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #888), color-stop(1, #999));

	background-image: -webkit-linear-gradient(#888, #999);

	background-image: linear-gradient(top, #888, #999);

}

	

table.jr_pagination a.paginate:hover {

	text-decoration: none;

	background: #ddd;

	background-image: -moz-linear-gradient(center top , #eee, #fff);

	background-image: -o-linear-gradient(top, #eee, #fff);

	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #eee), color-stop(1, #fff));

	background-image: -webkit-linear-gradient(#eee, #fff);

	background-image: linear-gradient(top, #eee, #fff);

	-moz-box-shadow: 0 0 2px #999;

	-webkit-box-shadow: 0 0 2px #999;

	box-shadow: 0 0 2px #999;

}



table.jr_pagination a.current:hover {

	cursor: default;

	color: #fff !important;

}

	

table.jr_pagination span.inactive {

	cursor: default;

	color: #999;

}