/* main Roo form */
.roo input, .roo select, .roo textarea,
#roo_add_link input, #roo_add_link select, #roo_add_link textarea,
#roo_link_attachment {
	font-family: inherit;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 6px;
}

#roo_add_link select,
#roo_add_link textarea,
#roo_add_link #roo_link_attachment
{
	width: 100%;

	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.input_large_percentage,
.input_medium_percentage,
.input_third_percentage
{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.input_large_percentage { width: 100%; }
.input_medium_percentage { width: 49.6%; } /* this width should accommodate 2 boxes per line */
.input_third_percentage { width: 32.9%; } /* this width should accommodate 3 boxes per line */

.roo-categories { width: 100%; margin: 0 !important; padding: 0; }
.roo-categories li { clear: both; margin-bottom: 8px; list-style-type: none !important; }

.roo-categories .children { display: block; margin: 0 !important; }
.roo-categories .children a { font-weight: normal !important; }
.roo-categories .children li { clear: none; float: left; list-style-type: none; font-size: smaller; margin-right: 8px; }

/* Roo star ratings */
.ratingbox { font-size: .9em; display: block; text-align: left; }
.rating, .rating span, .rating a, .rating .l, .rating .r { display: inline-block; }
.rating { cursor: default; }

.rating { font-size: 22px; margin: .5em 0 0; }
.rating a { width: 1em; height: 1em; text-decoration: none; cursor: pointer; border: none !important; }

.rating i { height: 100%; width: 50%; background: #cccccc url(../images/star.png) no-repeat; background-size: auto 100%; }
.rating .l { float: left; background-position: left top; }
.rating .r { float: right; background-position: right top; }

.rating .a i, .rating .h .l { background-color: #666666; }

.rating span:hover i { background-color: #cccccc !important; }
.rating span:hover > a i, .rating a:hover i { background-color: #000000 !important; }

.roo-featured { border: 1px solid rgba(128, 128, 128, 0.3); background-color: rgba(128, 128, 128, 0.1); padding: 8px; }

#roo_add_link {
	display: block;
	margin-bottom: 16px;	
}

#map img { max-width: none; }

.clearfix { clear: both; }
.roo-link small { font-size: smaller; }

.roo img { border: 0 none; background: none; box-shadow: none; }