@charset "utf-8";
/* RUMMBLE LAYOUT */

/* RIGHT COL */

div.rummble_content_display {
	float:left;
	width:360px;
	margin: 0px 0px 10px 10px;
}

div.rummble_main_title{
	float:left;
	width:100%;
	margin: 0 0 5px 0;
}
div.rummble_main_date_duration {
	float:left;
	width:100%;
	margin: 0 0 10px 0;
}

.rummble_main_user_pic {
background-image:url(../../gfx/rummble/web/rummble_images/rum_photo_bg.gif);
background-repeat: no-repeat;
float:left;
width:320px;
height:320px;
}

div.rummble_main_content_text {
	float:left;
	width: 300px;
}
div.rummble_main_content_address {
	float:left;
	width:330px;
	margin: 0 0 10px 0;
}
div.rummble_main_content_tags {
	font-size: 14px;
	font-weight: bold;
	float:left;
	width:100%;
	margin: 10px 0 0 0;
}

.rummble_main_total_user_rating {
	padding-top:20px;
	float:right;
	text-align: center;
	width: 40px;
}

/* PIC MAP */

div.rummble_content_pic_map {
	float:right;
	width:320px;
	margin: 0 10px 0 0;
}

div.rummble_view_on_map{
margin:10px 0 0 0;
float:right;
}

/* ------------------------------------ RUMMBLE COMMENTS  */

div.rummble_main_comments_col{
	width:100%;
}



div.rummble_main_comment_userpic{
	float:left;
	margin:0px 0px 0px 5px;
	width: 30px;
}
div.rummble_main_comment_comment{
	float:left;
	margin:0px 0px 5px 5px;
	width: 320px;
}
div.rummble_main_comment_tags{
	float:left;
	width: 310px;
}

/* ------------------ SINGLE RUMMBLE -------------- */

div.rummble_main_single_rating {
	width: 305px;
	height: 35px;
	float:left;
	padding: 6px 15px 0 10px;
	margin: 0 0 10px 0;
}
div.rummble_main_single_notice_icon {
		float:left;
		margin:0 0 0 10px;
}
div.rummble_main_single_notice {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#996699;
	width: 295px;
	margin: 0 0 10px 0;
	font-weight: bold;
}
div.rummble_main_single_nonuser {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #66CC66;
	width: 200px;
	margin: 0 0 10px 0;
	font-weight: bold;
}



/* ------------------ RUMMBLE EDIT/ADD MODE ----------- */

div.rummble_edit_field{
	float:left;
	margin:5px;
	width: auto;
	float: left;
}

input.rummble_main_title_input{
	width:318px;
	height:20px;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#666699;
	border:1px;
	border-color:#666699;
	border-style:solid;
}

input.rummble_main_generic_input {
	height:15px;
	padding: 3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666699;
	border:1px;
	border-color:#666699;
	border-style:solid;
		width:318px;
}



input.rummble_main_generic_input_inactive {
background: #E3E4EA;
 height:15px;

 font-family:Arial, Helvetica, sans-serif;
 font-size:11px;
 font-weight:normal;
 color:#ADADAD;
 border-style:none;
 border:0px;
}

textarea.rummble_main_comment_textarea {
	padding:3px;
	height:160px;
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	margin:0;
	color:#666699;
	border:1px;
	border-color:#666699;
	border-style:solid;
	width: 318px;
	background: white;
}

input.rummble_main_tags_input{
	width:318px;
	height:40px;
	padding:3px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#666699;
	border:1px;
	border-color:#666699;
	border-style:solid;
}
select.rummble_main_visibility_select{
	height:20px;
	padding: 8px 5px 5px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:normal;
	color:#666699;
	border:0px;
}


.rummble_main_edit_submit {
	margin: 10px 0 0 0;
	width: 700px;
	float: left;
	text-align: center;
}

div.rummble_visual_guide {
float:left;
}


div.rummble_create { /*starter div, to encourage rummbling*/
	float:left;
	width:220px;
	height:220px;
	background-repeat:no-repeat;
	padding:20px 10px 0 20px;
	background-position: -10px 0px;
	background-image: url(../images/rummble_images/rum_create_animated.gif);
}
.rummble_create h2 {
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
.rummble_create p {
color:#FFFFFF;
}