/*** theme.css ***/

/**
 * jReviews - Reviews Extension
 * Copyright (C) 2006-2008 Alejandro Schmeichler
 * This is not free software, do not distribute it.
 * For licencing information visit http://www.reviewsforjoomla.com
 * or contact sales@reviewsforjoomla.com
**/

/* ################### NOTES ABOUT CSS IN JREVIEWS ############### 
theme.css is used to define the default styles for COMMON page elements used for your jReviews content, such as item title, created date, author name, etc. The assumption is that in all your templates, you want these elements to look more or less the same, so the DEFAULT styles for these elements are defined in this file. 

Note that the classes defined in this file are frequently OVERRIDDEN in other JReviews CSS files in order to tune them to particular uses. For example, the title of a content item might be defined in THEME.CSS as:

   div.jr_pgContainer .contentTitle {color: red}

But, in LIST.CSS, the .contentTitle class might be overridden with this:

   div.jr_thumbview .contentTitle	{color: blue}


Classes for specific page types, including any overrides of THEME.CSS are handled in the dedicated CSS files:

- list.css: for blog-style lists, table lists, and thumbnail-style lists
- directory.css: for directory style views
- detail.css: for content detail views
- form.css: for the content creation and edit forms
- paginator.css: for pagination controls
- module_listings.css: jReviews listings module
- module_reviews.css: jReviews reviews module

### About LIST AND DIRECTORY TEMPLATE STRUCTURE
All list and directory templates are structured in a "nested" fashion to allow for consistency and ease of styling. :
- .jr_container: this outermost div contains ALL JReviews elements.
  - .jr_pageHeader: contains the page title, breadcrumb, RSS.   
     - .jr_breadcrumb: contains breadcrumb, RSS
	  - .jr_listScope: contains the area that lets user scope list by category/section/alphabet
	  - .jr_listOptions: contains the category box, list controls, and search.
	  
  - .jr_blogview / .jr_tableview / .jr_thumbview / .jr_dirview = containers for the list items or directory 
  - .jr_pagination (not applicable to directory views): pagination controls
  - .jr_credit: Jreviews credit area
  
 ### About ITEM/CONTENT DETAIL TEMPLATE STRUCTURE 
All list and directory templates are structured in a "nested" fashion to allow for consistency and ease of styling. :
- .jr_container .jr_itemDetail (NOTE doubling up of class in template: <div class="jr_container jr_itemDetail">) outermost div contains ALL JReviews elements.
  - .jr_pageHeader: contains the page title, breadcrumb, RSS.   
     - .jr_breadcrumb: contains breadcrumb, RSS
  - VARIOUS divs specific to detail view and reviews: see content.css
  - .jr_credit: Jreviews credit area

*/

table.contentpaneopen, table.contentpane {margin:0; padding: 0; width:100% !important;}
.jr_pointer {cursor:pointer;}
.jr_hidden {display:none;}        

/*************************************
PAGE CONTAINER AND SHARED ELEMENTS 
*************************************/
div.jr_pgContainer	{
	text-align:left; }

div.jr_pgContainer	li{
	margin-left:15px; }
		
div.jr_pgHeader	{}

div.jr_pgHeader .contentheading {
	clear: left; 
	margin-bottom: 10px; 
	}
	
div.jr_pgHeader .contentheading a {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight:bold; 
	}
	
div.jr_pgHeader .contentheading span.contentIndicators {
	font-size: 10px; 
	margin-left: 10px; 
	vertical-align:top; 
	}
	
div.jr_pgHeader .contentheading span.contentIndicators img {
	margin-left: 3px; 
	}

.jr_postUpdate   {
    background-color:#FEFF9F;
    margin:10px;
    padding:4px;
    border:1px solid #CCC;
    text-align:center;
    font-weight:bold;    
}
    
/*************************************
content pathway: section >> category 
*************************************/
.jr_pathway {
	float: left; 
	width: 80%; 
	margin-bottom: .5em; 
	padding-right: 15px; 
	/*adjust bullet image padding*/
	font-size: 90%; 
	}
	
.jr_pathway a {
	background: url(images/breadcrumb.gif) no-repeat center right; 
	text-decoration: none; 
	padding-right: 18px; 
	/*adjust bullet image padding*/}
	
/*************************************
Loading image
*************************************/
.jr_loadingMedium {
    background:url(images/loading_m.gif) center left no-repeat; 
    padding:35px;
    display:block;
    margin: 0 auto;    
}

.jr_loadingSmall{
    background:url(images/loading_s.gif) center left no-repeat; 
    padding: 0 0 3px 15px;
    margin-left:5px; 
}
    
/*************************************
Tooltip image
*************************************/
.jr_tooltip {
    font-size: 90%; 
    background:url(images/information.png) center left no-repeat; 
    padding:0 0 0 15px; 
    line-height:16px; 
    height:16px; 
    margin: 0 8px 0 0; 
    display:inline; 
    float:none; 
    }

.jr_infoTip {
    background:url(images/information.png) center left no-repeat; 
    padding:0 0 0 15px;
    margin-left: 3px; 
	}
    
.jr_popOver { /* used by jQuery ezpz tooltip plugin */
    display: none;      /* required */
    position: absolute; /* required */
    width: 400px;
    padding: 10px;
    border: 3px solid #CCC;
    background-color: #FFF;
    text-align: left;
    font-size:1.2em;
    white-space:normal!important;
}    
	
/*************************************
RSS Link
*************************************/
.jr_rss    {
    float: right; 
    height: 40px;
    margin-right: 5px;
}
    
#jr_feeds li {
     display: inline;
     margin: 0;
}

#jr_feeds li a {
    display: block; 
    width: 15px; 
    height: 20px; 
    text-indent: -9999px;
    background: transparent url(images/feed_icons.gif) no-repeat;               
    float: left;
    border: none; 
    padding: 0;
    margin:5px 0 0 10px;
}
 
#jr_feeds li a.jr_feedListings {
    background-position:-16px 0px;  
}
    
#jr_feeds li a.jr_feedReviews {
    background-position:0px 0px;
    }                 

.jr_rss img	{
	border: 0; 
	}
	
/*************************************
Page Title: align to div.contentheading; 
	however, use <h1> for W3C compliance/web best practices
*************************************/
h1.contentheading,
.contentheading		{
	margin-bottom: .5em
	}

/*************************************
Page Description: uses description defined for the section or category
*************************************/	
.jr_pgDescription	{
	clear: both; 
	line-height: 1.4em; 
	}
	
.jr_pgDescription img	{
	float: left; 
	margin: 0 10px 10px 0; 
	border:0; 
	}	
 
 
/*************************************
"List Scope": Container for categories or alphabet controls - filters/scopes list
*************************************/
.jr_listScope	{
	margin: 0 0 15px 0; 
	}
	
.jr_listScope h2 { /*used for "categories in section" title */
	margin: 0 0 10px 0; 
	font-weight: bold; 
	} 
	
.jr_listScope table td	{
	padding: 0 2em .5em 0; 
	}


/*************************************
Search controls
*************************************/
.jr_listSearch	{
	text-align:center !important; 
	font-size: 110%; 
	margin: 15px 0 0 5px; 
	}
	
.jr_listSearch input,
.jr_listSearch select	{ 
	font-size:110%; 
	font-weight:bold; 
	}
	
	
/*************************************
List Sorting controls
*************************************/
.jr_listOptions	{
	text-align:right; 
	font-size: 90%; 
	}
	
.jr_listOptions input,
.jr_listOptions select	{ 
	font-size:11px;}
	
.jr_listOptions select option { 
	padding-right:10px;}
	
/*************************************
Button link
*************************************/
a.jr_buttonLink:link,
a.jr_buttonLink:active,
a.jr_buttonLink:visited,
a.jr_buttonLink:hover   {
	font-size: 12px;
    background-color: #EFEFEF;
    border: solid 1px #9F9F9F;
    padding: 2px 5px;
	}

a.jr_buttonLink:hover   {
    color:#000;
    text-decoration:none;}
	
a.jr_buttonLink .floatRight	{
	display:block;
	float:right;
	text-align:right;
	margin-top:-5px;
	}
	
/*************************************
GENERIC TABLE STYLE
TIP: for visual consistency throughout your site, try to align these styles with the Joomla default table styles, as defined in template.css:
td.sectiontableheader, tr.sectiontableentry0 td, tr.sectiontableentry1 td, tr.sectiontableentry2 td
*************************************/
.jr_dataTable 	{ /* similar to td.sectiontableheader; 
	*/
  border-bottom: 0px solid #ccc; 
	margin-bottom: 15px}

.jr_dataTable th { /* similar to td.sectiontableheader */
  padding: .2em 2em .2em 5px; 
	border-top: 1px solid #ccc; 
	background-color: #efefef; 
	color: #333; 
	font-weight: bold; 
	text-align:left; 
	}

.jr_dataTable td	{
	padding: .3em 2em .3em 5px; 
	border-top: 1px solid #ccc; 
	text-align:left; 
	vertical-align:top; 
	}

	
/*************************************
ALPHABET INDEX - creates alphabet search widget
*************************************/
#jr_alphaindex { 
	text-align: center; 
	}
	
#jr_alphaindex table { 
	text-align: center; 
	vertical-align: middle; 
	margin: 15px auto 0 auto; 
	}
	
#jr_alphaindex a:link, #jr_alphaindex a:visited, #jr_alphaindex a:hover {
	font-size: 11px; 
	text-transform:uppercase; 
	font-weight:bold; 
	color:#333; 
	border: solid 1px #999; 
	margin: 0 1px 0 1px; 
	line-height:1.4em !important; 
	height:1.4em; 
	padding: 0 3px; 
	text-align:center; 
	text-decoration: none; 
	}
	
#jr_alphaindex a:hover {
	background-color: #999; 
	color: #fff; 
	}

	
/*************************************
COMMON CONTENT ITEM ELEMENTS - used throughout jReviews
*************************************/
div.jr_pgContainer .contentThumbnail {
	clear: both; 
	text-align:center; 
	}
	
div.jr_pgContainer .contentThumbnail img {
	width: auto; 
	}

div.jr_pgContainer .contentTitle   {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight:bold; 
	margin-bottom: .2em; 
	}
	
div.jr_pgContainer .contentTitle a {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight:bold; 
	}
	
div.jr_pgContainer .contentTitle span.contentIndicators {
	font-size: 10px; 
	margin-left: 10px; 
	vertical-align:top; 
	}
	
div.jr_pgContainer .contentTitle span.contentIndicators img {
	margin-left: 3px; 
	}

div.jr_pgContainer .contentSubtitle {
	font-size: 12px; 
	font-weight:normal; 
	line-height:1.4em; 
	margin-bottom: .7em; 
	} 

div.jr_pgContainer .contentInfo { /* contains author, date, date modifies */
	font-size: .9em; 
	padding: 0 0 1em 0; 
	color:#9ea391; 
	}  
	
div.jr_pgContainer .contentInfo img 	{
	vertical-align:middle; 
	}
	
div.jr_pgContainer span.contentAuthor {}
div.jr_pgContainer span.contentCreated {}
div.jr_pgContainer span.contentModified {}


/*************************************
Content text elements and containers
*************************************/
div.jr_pgContainer .contentDiv {} /* container for all content parts */

div.jr_pgContainer .contentIntrotext {
	margin-bottom: 1em; 
	}
	
div.jr_pgContainer .contentFulltext {
	margin-bottom: 1em; 
	}


/*************************************
Content actions box: div that contains the readon, rate it, and write review links
*************************************/
div.jr_pgContainer .contentActions {
	border: solid 1px #ccc; 
	padding: 3px; 
	margin: 15px 0 0 0; 
	}
	
div.jr_pgContainer .contentActions a { /*space the readon and rateit links*/
	margin-right: 8px; 
	} 

div.jr_pgContainer a.jr_readon  { /* overrides Joomla template.css */
	font-size: 90%; 
	background:url(images/mono_content.gif) center left no-repeat; 
	padding:0 0 0 15px; 
	line-height:14px; 
	height:14px; 
	margin: 0 8px 0 0; 
	display:inline; 
	float:none; 
	}
	
div.jr_pgContainer a.jr_rateit  {
	font-size: 90%; 
	background:url(images/rateit.png) center left no-repeat; 
	padding-left:15px; 
	line-height:14px; 
	}

/*************************************
Management options
*************************************/
div.jr_pgContainer .jr_listingManager,
div.jr_pgContainer .jr_postManager
 {
	margin: 5px 0 4px 0;  
	}
	
div.jr_pgContainer .jr_listingManager a,
div.jr_pgContainer .jr_postManager a
 {
	margin-right: 8px; 
	}

a.jr_edit, a.jr_published, a.jr_unpublished, a.jr_delete  
{
	font-size: 90%; 
	padding:0 0 0 18px; 
	line-height:14px; 
	height:14px; 
	display:inline; 
	float:none;   
	}
	
a.jr_edit {
	background:url(images/jr_edit.gif) center left no-repeat; 
	}
	
a.jr_published  {
	background:url(images/jr_published.gif) center left no-repeat; 
	color: green !important;
    }
	
a.jr_unpublished  {
	background:url(images/jr_unpublished.gif) center left no-repeat; 
	color:red !important;
    }
	
a.jr_delete  {
	background:url(images/jr_delete.gif) center left no-repeat; 
	}


/*************************************
Content Stats: Alternative method for showing overall content rating and favorites
*************************************/
div.jr_pgContainer div.contentStats { 
	float: right; 
	width: 175px; 
	height: 40px; 
	margin-bottom: 20px; 
	}
	
div.jr_pgContainer div.contentStats .statDiv {
	float: right; 
	height: 40px; 
	width: 58px; 
	padding: 0 0 0 20px; 
	}


/*************************************
Widgets
*************************************/
div.jr_pgContainer img.jr_imgClaimListing    {
    margin: 0 0 0 5px;
    cursor:pointer;
    height:13px; width:42px;
    }
    
div.jr_pgContainer img.imgFavoriteAdd	{
	margin: 0 0 0 5px;
	cursor:pointer;
    height:13px; width:42px;    
	}
	
div.jr_pgContainer a.jr_favoriteit  {
	font-size: 90%; 
	background:url(images/favoriteit.gif) center left no-repeat; 
	padding-left:12px; 
    height:8px; width:14px;    
	}


/*************************************
.clr: overrides "clr" class in Joomla template.css to reduce whitespace
*************************************/
div.jr_pgContainer div.clr	{ 
	clear:both;
	font-size: 1px; 
	line-height:1px !important; 
	}

div.jr_pgContainer div.clear    { 
    clear:both;
    font-size: 1px; 
    line-height:1px !important; 
    }


/*************************************
RATING STARS AND BARS
*************************************/
/****** rating STARS  ******/
.rating_star_user {
    width: 78px; 
    background: url(images/rating_star_empty_alt.png) 0 0 repeat-x !important; 
    margin-top: 3px; 
    font-size: 1px;
    }
    
.rating_star_user div { 
    height: 14px; 
    background: url(images/rating_star_green_alt.png) 0 0 repeat-x !important; 
    font-size: 1px;
    }

.rating_star_editor { 
    width: 78px; 
    background: url(images/rating_star_empty_alt.png) 0 0 repeat-x !important; 
    margin-top: 3px; 
    font-size: 1px;
    }

.rating_star_editor div { 
    height: 14px; 
    background: url(images/rating_star_orange_alt.png) 0 0 repeat-x !important; 
    font-size: 1px;
    }

/****** rating BARS ******/
.rating_bar_user { 
	width: 55px; 
	background: url(images/rating_bar_empty.gif) left center repeat-x  !important; 
	margin-top: 3px; 
	border: solid 1px #ddd; 
	}

.rating_bar_user div { 
	height: 10px; 
	background: url(images/rating_bar_green.gif) left center repeat-x  !important; 
	}

.rating_bar_editor {
	width: 55px; 
	background: url(images/rating_bar_empty.gif) left center repeat-x  !important; 
	margin-top: 3px; 
	border: solid 1px #ddd; 
	}

.rating_bar_editor div { 
	height: 10px; 
	background: url(images/rating_bar_orange.gif) left center repeat-x  !important; 
	}

/*************************************
RATING STARS/BARS LAYOUT TABLE
*************************************/
table.rating_table td	{
	font-size:90%; 
	}
	
td.rating_label	{
	font-weight:bold; 
	white-space:nowrap; 
	text-align:left; 
	padding: 2px 5px 2px 0; 
	}

td.rating_value	{
	font-weight:normal; 
	white-space:nowrap; 
	text-align:left; 
	padding: 2px 15px 2px 5px; 
	}
	
/****** used in review form ******/
table.jr_ratingsTable td {
	line-height: 2em; 
	text-align:left; 
	padding-right: 4px; 
	}

table.jr_ratingsTable td select {
	width: auto !important; 
	}


/*************************************
CUSTOM FIELDS PRESENTATION
It is recommended that you attempt to align these styles with other form/field displays in your site
*************************************/
div.jr_customFields {} /*container for all custom field groups that appear with use of the {CUSTOMFIELDS} tag */

div.fieldGroup { /* container div for individual field group */
	padding-bottom: 1em; 
	}
	
.fieldGroupTitle, h3.fieldGroupTitle {
	text-transform: uppercase; 
	font-size: 11px; 
	padding: 0 0 2px 0; 
	margin-top: 0 !important;
	margin-bottom: .3em; 
	}
	
/****** table that contains custom fields values and labels ******/
div.fieldGroup table.fieldGroupTable	{}

div.fieldGroup table.fieldGroupTable td	{
	padding: 2px .5em 2px 0; 
	vertical-align: top; 
	}

table.fieldGroupTable td.fieldLabel { /*set width so that columns align even in different field groups */
	padding-right: .5em; 
	width: 7em; 
	font-size: 11px; 
	font-weight: bold; 
	text-align:left;
	white-space:nowrap;		
	}
	
div.fieldGroup table.fieldGroupTable td.fieldValue {}


/*************************************
ROUNDED CORNER BOX (OPTIONAL - USED FOR DEFAULT TEMPLATE ONLY)
Tip: For visual consistency, you can use this in other areas of your site. These classes are purely for visual styling, and do not affect JReviews functionality.
*************************************/
.roundedPanel	{} 

.roundedPanel .box_upperOuter	{
	background: none; 
	}
	
.roundedPanel .box_upperInner	{
	background: none; 
	padding: 7px 10px; 
	}
	
.roundedPanel .box_lowerOuter	{
	background: none; 
	}

.roundedPanel .box_lowerInner	{
	background: none; 
	height: 10px; 
	line-height: 10px; 
	font-size: 1px; 
	overflow:hidden}

.roundedPanel h2 {
	margin-bottom: 10px;
	font-weight: bold !important; 
	}

.roundedPanel h2 a {
	font-weight: bold !important; 
	}

/*************************************
ROUNDED CORNER BOX, LIGHT GRAY (OPTIONAL - USED FOR DEFAULT TEMPLATE ONLY)
Tip: For visual consistency, you can use this in other areas of your site. These classes are purely for visual styling, and do not affect JReviews functionality.
*************************************/
.roundedPanelLt	{
	margin: 0 0 10px 0; 
	} 
	
.roundedPanelLt .box_upperOuter	{
	background: none; 
	}

.roundedPanelLt .box_upperInner	{
	background: none;  
	padding: 7px 10px; 
	}

.roundedPanelLt .box_lowerOuter	{
	background: none;  
	}

.roundedPanelLt .box_lowerInner	{
	background: none;  
	height: 10px; 
	line-height: 10px; 
	font-size: 1px; 
	overflow:hidden}

.roundedPanelLt	h2 {
	margin-bottom: 10px; 
	}

/*** detail.css ***/

/**
 * jReviews - Reviews Extension
 * Copyright (C) 2006-2008 Alejandro Schmeichler
 * This is not free software, do not distribute it.
 * For licencing information visit http://www.reviewsforjoomla.com
 * or contact sales@reviewsforjoomla.com
**/


/*************************************
MAIN UI ELEMENTS
*************************************/
.jr_itemDetail {} /* container for item details view */

.jr_itemDetail table.floatRight {
    float:right;}

.jr_itemDetail div.contentheading	{
	margin-bottom: .5em;}
	
.jr_itemDetail div.contentInfoContainer    {
    clear: left;
    margin: 5px 0 7px 0; 
    padding: .5em 5px .5em 5px;
    border-color: #ddd;
    background:#f2f2f2; 
    border-style:solid; 
    border-width: 1px 0 1px 0;
    }
        	
.jr_itemDetail div.contentInfo    {
    width:60%;
    float:left;
    padding: 0 0 0 0;
    }
	
/* author community builder avatar */	
.jr_itemDetail div.contentInfo img.jr_avatar{
    float: left;
    margin: 0 10px 0 0;
    border:0;
    width:48px;
    height:auto;
    }
	 
/*************************************
OVERALL RATING TABLE
*************************************/
.jr_itemDetail table.rating_table {
  
    margin-bottom:0;
	}
    
div.jr_itemDetail .contentStats {
	float: left !important;
	margin-bottom: 20px; 
	border-left: solid 1px #ccc; 
	}
	 	
.jr_itemDetail .contentStats .statDiv {
	float: left; 
	height: 40px; 
	width: 58px;
	padding: 0 10px 0 10px; 
	border-right: solid 1px #ccc; 
	}
.jr_itemDetail img.imgFavoriteAdd	{
	margin: 0 0 0 5px;
	}

.jr_itemDetail .rating_bar_user,
.jr_itemDetail .rating_bar_editor{
	width: 55px; 
	}
	
/*************************************
INTRO AND FULL TEXT
*************************************/
div.jr_itemDetail .contentIntrotext {line-height:1.7em;}
div.jr_itemDetail .contentFulltext {line-height:1.7em;}


/*************************************
IMAGES CONTAINER (main image and thumbnails
Main image and gallery thumbnail width property is set directly in /listings/detail.thtml
in order to use the width configuration setting
*************************************/
div.itemImages	{
	float: right; 
	margin: 0 0 30px 10px; 
	text-align:center;
	}

div.itemImages .itemMainImage  {
/* read note above for width*/
	overflow:hidden;
	clear:both;
	border:solid 1px #ccc;
	padding:1px;
	margin:0 0 10px 0;
	vertical-align:middle;
	text-align:center;	
	}
	
div.itemImages .itemMainImage img {	
	display:block;
	text-align:center;
	margin-right:auto;
	margin-left:auto;
	}	

div.itemImages div.itemThumbnails div  {
/* read note above for width*/
	overflow:hidden;
	float:left;
	border:solid 1px #ccc;
	padding:1px;
	margin:0 5px 7px 0;
	vertical-align:middle;
	text-align:center}

div.itemImages div.itemThumbnails a { text-decoration:none; }


/*************************************
CUSTOM FIELDS
*************************************/
.jr_itemDetail .jr_customFields 	{
	clear: left;
	margin-bottom: 15px;}


/*************************************
COMMON REVIEW ELEMENTS
*************************************/
h4.jr_reviewTitle	{
	font-size: 14px;
	font-weight:bold;
	margin: 0 0 .5em 0;
	}
	
div.jr_review	{} /*Container for individual reviews */
#jr_reviewEditor	{}
#jr_reviewUserSummary {}
	
div.jr_reviewContainer	{
	width: 100%;
    line-height:1.5em;
    font-size:95%;
}

div.jr_reviewContainer .jr_addReview {
    float:left;
}

div.jr_reviewContainerSidebar {
    float:right; 
    margin:0 20px 15px 15px;
    white-space:nowrap;
}    

/***************************************
The table.jr_reviewContainer classes 
are kept only for backwards compatibility
***************************************/    
table.jr_reviewContainer    {
    width: 100%;}

div.jr_reviewContainer div {
    /*margin:5px 0 0 0!important;*/
}
    
table.jr_reviewContainer td.jr_reviewColumn1    {
    width: 100%; 
    padding-right: 20px;
    vertical-align:top;
    line-height:1.5em;
    font-size:95%;
    }
    
table.jr_reviewContainer td.jr_reviewColumn2    {
    white-space: wrap;
    vertical-align:top;
    padding-right: 5px;}

div.jr_review table.rating_table	{
	margin: 0;
	}

#rating_table_summary { /* special table for user review summary */
	margin-bottom: 0;
	}

/* buttons */	
div.reviewHelpful	{
	font-size:90%;
	font-weight:bold;
	color: #777;
	line-height:2em;
	margin-bottom: 10px;
	}

/* results */		
div.jr_helpfulSummary {
	font-size:90%;
	font-weight:normal;
	color: #777;
	line-height:2em;
	margin-bottom: 10px;	
	}
	
div.reviewHelpful img	{
	margin: 0 5px 0 0;
	}
	
div.reviewInfo	 {
	font-size:90%;
	color: #777;
	line-height:1.5em;
	padding-top: 0px;
    margin-top: 5px;    
	}
	
/* review community avatar */	
div.reviewInfo img {
	float: left;
	margin: 0 10px 10px 0;
	border:0;
	width:48px;
	height:auto;
	}
	
.jr_box .jr_customFields {
	margin: 15px 0 0 0;}
    
/* owner reply */
div.jr_reviewOwnerReply {
    margin:10px 10px 0;
    padding:5px;    
} 

div.jr_reviewOwnerReply span {
    font-weight: bold;
}

div.jr_reviewOwnerReply p {
    font-style: italic;
}    
	
	
/*************************************
EDITOR REVIEW ELEMENTS
*************************************/
#jr_reviewEditorMainTitle {
	font-size: 17px;
	margin: 1em 0 .5em 0;
	background: url(images/review_editor.png) top left no-repeat;
	padding-left: 18px;
	}
	
#jr_reviewEditor	{
	margin-bottom: 30px;}
	
	
/*************************************
USER REVIEW SUMMARY
*************************************/
#jr_reviewUserSummaryMainTitle {
	font-size: 17px;
	margin: 1em 0 .5em 0;
	background: url(images/review_user.png) top left no-repeat;
	padding-left: 18px;
	}
	
#jr_reviewUserSummary	{
	margin-bottom: 10px;}
	
	
/*************************************
MISC
*************************************/
a.jr_reviewReport, a.jr_report   {
	font-size: 10px;
	background:url(images/mono_warning_14.gif) center left no-repeat;
	padding-left:20px;
	padding-bottom: 1px;
	line-height:1.85em;
	}
	
a.jr_myReviews  {
	font-size: 10px;
	background:url(images/mono_home_14.gif) center left no-repeat;
	padding-left:20px;
	padding-bottom: 1px;
	line-height:1.85em;
	}	
	
a.jr_discussReview  {
    font-size: 10px;
    background:url(images/jr_comment.gif) center left no-repeat;
    padding-left:20px;
    padding-bottom: 1px;
    line-height:1.85em;
    }    
    
        
a.jr_ownerReply {
    font-size: 10px;
    background:url(images/owner_reply.png) center left no-repeat;
    padding-left:20px;
    padding-bottom: 1px;
    line-height:1.85em;
    }
/*************************************
MY REVIEWS / LISTING REVIEWS PAGE 
*************************************/
#jr_itemReviews .jr_pathway {
	margin-bottom: 0;
	}	

    

/*** paginator.css ***/

/**
 * jReviews - Reviews Extension
 * Copyright (C) 2006-2008 Alejandro Schmeichler
 * This is not free software, do not distribute it.
 * For licencing information visit http://www.reviewsforjoomla.com
 * or contact sales@reviewsforjoomla.com
**/

/* MODULE PAGINATION CONTROLS  */
a.jr_modPrev, 
a.jr_modNext
{
	width: 13px;
	height: 22px;
	padding: 0;
	margin-bottom: 15px;
}

a.jr_modPrev:link,
a.jr_modPrev:active,
a.jr_modPrev:visited
{
	background: url(images/slider_left.png);
	float: left;
	margin-right: 9px;

}  
  
a.jr_modNext:link,
a.jr_modNext:active,
a.jr_modNext:visited
{
	background: url(images/slider_right.png);
	float: right;
	margin-left: 9px;
}

a.jr_modPrev.jr_modDisabled {
   background: url(images/slider_left_disabled.png);
   cursor: default;
}    

a.jr_modNext.jr_modDisabled {
   background: url(images/slider_right_disabled.png);
   cursor: default;
}    


/*  
    root element for the scrollable.  
    when scrolling occurs this element stays still.  
*/ 
div.jr_modSlider { 
    /* required settings */ 
    position:relative; 
    overflow:hidden;
	margin: 0;
	padding: 0;
} 
 
/*  
    root element for scrollable items. Must be absolutely positioned 
    and it should have a super large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.jr_modSlider div.jr_modItems {     
    /* this cannot be too large */ 
    width:20000em;     
    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 {}    

/* PAGINATION CONTROLS  */
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:center;  
	}

td.jr_pagenav_limitbox {
	width: 20%;
	text-align:right; 
	}
	
td.jr_pagenav_limitbox select {
	font-size: 10px !important; 
	height: 1.7em;
	width: auto !important;
	}

td.jr_pagenav_limitbox select option {
	padding-right: 5px;
	}	
	
table.jr_pagination a.paginate:link,
table.jr_pagination a.paginate:active,
table.jr_pagination a.paginate:visited {
    border: 1px solid #999;
	padding: 0 2px;
    text-decoration: none;
    color: #000080;
}

table.jr_pagination a.current:link,
table.jr_pagination a.current:active,
table.jr_pagination a.current:visited {
	color:#000;
	border: solid 1px #999;
	padding: 0 2px;
	background-color: #eee;
	text-decoration:none;   
	}
	
table.jr_pagination a.paginate:hover,
table.jr_pagination a.current:hover {
	background-color: #ddd;
	text-decoration:none;
	}
	
table.jr_pagination span.inactive {
	color:#999;
	border: solid 1px #999;
    padding: 2px 4px 2px 4px;
	}