/*************************************
FORM CHOOSER CONTAINER - for selecting section and categories
*************************************/
.jr_formChooser {
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	background-color: #f9f9f9;
	font-weight: bold;
	clear: right;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}


.jr_formChooser .jrSelect {
	margin-right: 5px;
	color: #444;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #aaa #ccc #ccc #aaa;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.jr_formChooser .jrSelect:focus {
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #777 #aaa #aaa #777;
}


/*************************************
FORM CONTAINER - outer box for form
*************************************/
.jr_form {
	padding: 10px;
	margin-bottom: 10px;
    text-align: left;
}

.jr_formContainer {
    border: 1px solid #ccc;
    background-color:#fbfbfb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}    
	
/**** .clr: overrides "clr" class in Joomla template.css to reduce whitespace *****/
.jr_form div.clr	{ 
	font-size: 1px;
	line-height: 1px !important;
	clear: both;
}


/******************************
FIELD GROUP CONTAINER
*******************************/
.jr_form fieldset {
	margin: 0 0 15px 0;
	padding: 10px 10px 3px 12px;
	border: 1px solid #ccc !important;
	background-color: #fff;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
  
.jr_form fieldset fieldset {
	margin:  0 !important;
	padding:  0 !important;
	border: 0 !important;
}

.jr_form legend {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0 5px;
	margin-left: -5px;
}
	
	
/******************************
VARIATION OF FIELD GROUP FOR REVIEW FORM
*******************************/	
.jr_form fieldset.reviewForm {
	background-color: #f3f3f3;
	border: 1px solid #ccc;
}

.jr_form fieldset.reviewForm fieldset	{
	background-color: #fff;
    border: 1px solid #ccc !important;
    padding: 10px 10px 3px 12px !important;
    margin: 0 0 15px 0 !important;
}


/******************************
FIELDS
*******************************/
.jr_form input,
.jr_form textarea,
.jr_form select {
	background: #fff;
	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;	
}

.jr_form input:focus,
.jr_form textarea:focus,
.jr_form select:focus {
	outline: none;
	background: #fff;
	border-width: 1px;
	border-style: solid;
	border-color: #777 #aaa #aaa #777;
}

.jr_form fieldset input, 
.jr_form fieldset textarea, 
.jr_form fieldset select {
	background: #f8f8f8;
	color: #444;
}

.jr_form fieldset input:focus, 
.jr_form fieldset textarea:focus, 
.jr_form fieldset select:focus {
	outline: none;
	background: #fff;
	color: #444;
}

.jr_form input[type=radio],
.jr_form input[type=checkbox] {
	border: 0;
	background: none;
	margin: 0 5px 0 0;
}

.jr_form input,
.jr_form select option {
    padding: 2px 10px 2px 2px;
	margin-right: 5px;
}

.jr_form .jrSelect option{
    padding: 0 10px 0 2px;
	margin-right: 5px;
}

.jr_form .jrButton, .jr_form .jrButton:focus {
	border: 1px solid #ccc;
}

.jr_form .jrTitle,
.jr_form .jrWebsite {
	width: 34em;
}

.jr_form .jrEmail {
	width: 20em;
}

.jr_form .jrText,
.jr_form .jrName,
.jr_form .jrAutoSuggest {
	width: 14em;
}

.jr_form .jrDecimal,
.jr_form .jrInteger {
	width: 8em;
}

.jr_form .jrSelect,
.jr_form .jrSelectMultiple {
	margin-right: 5px;
}
	
.jr_form .jr_fieldDiv {
	margin: 0 0 10px 0;
	overflow: hidden;
}
	
.jr_form span.required {
	color: red;
	font-size: 1.25em;
}	
	
.jr_form #jr_listingTitle {
	margin: 0 0 15px 0;
}

.jr_form .jr_fieldDiv label {
	font-size: 1em;
	font-weight: bold;
	display: block;
	margin: 0 0 1px 0;
}
	
.jr_form .jr_fieldDiv label.error {
	color: #ff0000;
}
	
.jr_form .jrSearchOptions {
	margin-right: 4px;
	width: auto !important;
}

.jr_form span.error {color:#ff0000;}
.jr_form input.error,
.jr_form select.error,
.jr_form textarea.error {
	background-color: #ff0000; 
	color: #fff;
}	
	
#introtext.jrTextArea {
	height: 10em;
}

#fulltext.jrTextArea {
	height: 25em;
}

.wysiwyg_editor {width: 34em;}

.jr_form .jrDate {width: 80px;}

.jr_form .jrCode,
.jr_form textarea,
.jr_form .jrTextArea {
	width: 99%;
	height: 8em;
	overflow: auto;	
}

.jr_form .jr_imageUpload {
	width: 18em;
	margin: 3px 3px 3px 0;
}
	
.jr_form input.button, .jr_form input.jrButton {
	width: auto !important;
	margin: 0;
}

/* Edit image container for listing edit form */	
.jr_form .jr_imageEdit {
	margin: 5px 5px 0 0;
	padding: 3px 0 0 3px;
	border: 1px solid #ccc;
	float: left;
}
	
.jr_form .jr_imageEdit input {
	width: auto !important;
}

/******************************
CHECKBOX/RADIO BUTTON
*******************************/	
.jr_form .jr_fieldDiv .jr_fieldOption {
	float: left;
	margin: 0 20px 0 0;
	line-height:30px;
	white-space:nowrap;	
	/* width:20%; // Uncomment and adjust width for regular spacing of checkbox and radio options */	
}
	
.jr_form .jr_fieldDiv .jr_fieldOption input { /*set checkboxes and radiobutton widths back to natural width */
	width: auto !important;
}
	
.jr_form .jr_fieldDiv .jr_newFieldOption {	
	display: none;
    float: left;
    margin-left: 10px;
}


/******************************
DIALOG
*******************************/
/* prevents large font sizes on dialog forms */
div.jrDialog {
	font-size: 13px !important;
	padding: 0 !important;
	border: 1px solid #ccc;
}

.jrDialog .ui-widget-header {
	border: 0 !important;
}

.jrDialog legend {
	font-size: 14px !important;
}

.jrDialog .ui-dialog-buttonpane {
	border: 1px solid #ddd;
}

.jrDialog .ui-dialog-buttonset button {
    color: #333;
    cursor: pointer;
    display: inline-block;
    padding: 3px 6px;
	margin: 5px 5px 0 0;
    border: 1px solid #ccc;
	font-size: 13px;
	line-height: 1em;
	text-shadow: 0 0 1px #fff;
    vertical-align: middle;
    white-space: nowrap;	
	background-color: #ddd;
	background-image: -moz-linear-gradient(center top, #f5f5f5, #ddd);
	background-image: -o-linear-gradient(top, #f5f5f5, #ddd);
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #f5f5f5), color-stop(1, #ddd));
	background-image: -webkit-linear-gradient(#f5f5f5, #ddd);
	background-image: linear-gradient(top, #f5f5f5, #ddd);
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-webkit-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.jrDialog .ui-dialog-buttonset button:hover {
	background-color: #ccc;
	background-image: -moz-linear-gradient(center top , #ddd, #f5f5f5);
	background-image: -o-linear-gradient(top, #ddd, #f5f5f5);
	background-image: -webkit-gradient(linear, center top, center bottom, color-stop(0, #ddd), color-stop(1, #f5f5f5));
	background-image: -webkit-linear-gradient(#ddd, #f5f5f5);
	background-image: linear-gradient(top, #ddd, #f5f5f5);	
	-moz-box-shadow: 0 0 2px #999;
	-webkit-box-shadow: 0 0 2px #999;
	box-shadow: 0 0 2px #999;
}

/******************************
MISC
*******************************/	
div.field div.blocktext {
	margin-left: 131px; /* 'div.field label' width + padding */
}

fieldset.jr_form div.buttons  {
	margin-left: 131px; /* 'div.field label' width + padding */
}

fieldset.jr_form div.buttons input.button,
fieldset.jr_form div.buttons button {
	text-align: center; /* without this, button text is left-aligned in IE */
}	

#jr_listingForm .jrFieldDescription {
    font-style: italic;
    margin-top: 5px;
}

/******************************
AUTOCOMPLETE UI
*******************************/    
.jr_form .acInstructions {
    font-style:italic;
    color: #696969;    
}

.jr_form .ui-optionsDiv {
    margin: 2px 0;
    padding: 4px 0 0;
}

.jr_form .ui-optionsDiv a {
	display: inline-block;
    margin: 5px 5px 0 0;
	color: #fff;
	outline: none;
	background: #777;
	border: 1px solid #555;
    font-weight: normal;
	text-decoration: none;
	padding: 0.2em 0.3em;
	white-space: nowrap;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.jr_form .ui-optionsDiv a.ui-disabled:hover, .jr_form .ui-optionsDiv a.ui-disabled:active{
    background: #ddd !important;
	color: #333 !important;
}

.jr_form .ui-optionsDiv label {
    float: left;
    clear: none;
    margin: 0 5px 2px 0;
    font-weight: bold;
}

.jr_form .ui-optionsDiv .ui-disabled {
    color: #333;
    font-weight: normal;
	background: none;
	border: 1px solid #aaa;
}
	
/******************************
VALIDATION
*******************************/	
.jr_form #msg span, .jr_form #msg p {
	color: red;
}

.jr_form #msg li {
	margin-left: 15px;
}	

.jr_form .jr_validation {
    margin-top: 5px;
    color: red;  
    font-weight: normal;  
}

.jr_captcha_code {
    height: 19px;
	width: 4em;
    padding: 4px;
    text-align: center;    
}

.reviewForm .jrTitle {
	background: #fff;
}

/******************************
Ratings
*******************************/
/* ratings table */
table.jr_ratingsTable {
	margin-bottom: 5px;
	border: 0 !important;
}

table.jr_ratingsTable tr {
	border: 0 !important;
}

table.jr_ratingsTable td {
	font-size: 13px;
	line-height: 1.5em; 
	text-align: left; 
	padding-right: 4px;
	vertical-align: middle;
	border: 0 !important;
}

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

/* rating stars */
.ui-stars-star,
.ui-stars-cancel {
  float: left;
  display: block;
  overflow: hidden;
  text-indent: -999em;
  cursor: pointer;
}

.ui-stars-cancel {
	margin-right: 1px;
}

.ui-stars-cancel a,
.ui-stars-star a{
  width: 16px;
  height: 16px;
  display: block;
}

.ui-stars-cancel a {
	background: url(images/rating_stars_disabled.png) no-repeat 0 0;
}

.ui-stars-star a {
	background: url(images/rating_stars.png) no-repeat 0 0;
}

.ui-stars-cancel.ui-stars-star-on a,
.ui-stars-cancel.ui-stars-star-hover a,
.ui-stars-cancel-hover a,
table.jr_ratingsTable.jrEditorRatings  .ui-stars-cancel.ui-stars-star-on a,
table.jr_ratingsTable.jrEditorRatings  .ui-stars-cancel.ui-stars-star-hover a,
table.jr_ratingsTable.jrEditorRatings  .ui-stars-cancel-hover a   {
  background-position: 0 -16px;
}

.ui-stars-star a {
  background-position: 0 0;
}

.ui-stars-star-on a ,
.ui-stars-star-hover a {
  background-position: 0 -16px;
}

table.jr_ratingsTable.jrEditorRatings .ui-stars-star a {
	background-position: 0 0;
}

table.jr_ratingsTable.jrEditorRatings .ui-stars-star-on a,
table.jr_ratingsTable.jrEditorRatings .ui-stars-star-hover a {
	background-position: 0 -32px;
}

.ui-stars-star-disabled,
.ui-stars-star-disabled a,
.ui-stars-cancel-disabled a {
  cursor: default !important;
}

/* datepicker override */
#ui-datepicker-div {
	font-size: 13px;
}

/* facebook override */
.jr_form .fb_button {
    *width: 150px;
    *display: inline;
}

/* IE7 fix */
#jr_review0Form, #jr_postCommentFormOuter0, #jr_postCommentForm0 {
	zoom: 1;
}