/* 
Jerry - FRONTEND styles
---------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------
*/


/*****************************************************
* Layout
*****************************************************/

div#home_header {
	display: block;
	padding: 20px 0 0 0;
	margin: 0 0 20px 0;
	height: 20px;
}
	div#header_search,
	div#header_login {
		position: relative;
		float: left;
		width: 50%;
		text-align: left;
	}
	div#header_login { text-align: right; float:right; }
	
		#header_search input.form_text,
		#header_login input.form_text {
			width: 300px;
			margin: 0;
			padding: 2px 0 0 3px;
			height: 17px;
			font-size: 13px;
			letter-spacing: 0;
			font-weight: normal;
		}
		#header_login input.form_text {
			width: 150px;
			margin-right: 95px;
			font-weight: normal;
			color: #666;
		}
		
		#home_header input.form_btn {
			position: absolute;
			top: 0;
		}
		#home_header input.checkbox {
			position: absolute;
			top: 4px;
			right: 71px;
		}
		#home_header a#help_remember {
			position: absolute;
			line-height: 100%;
			top: 4px;
			right: 57px;
			font-size: 11px;
		}
		#header_search input.form_btn {
			left: 310px;
		}
		#header_login input.form_btn {
			right: 0;
		}
	
	div.disable_search {
		opacity: .8;
		filter: alpha(opacity=80);
	}
	
ul.toggle_bar {
	list-style: none;
	width: 142px;
}

	ul.toggle_bar li {
		float: right;
		margin: 0 0 0 6px;
		height: 19px;
	}
		ul.toggle_bar li strong { display: none; }

	ul.toggle_bar li a {
		display: block;
		height: 19px;
		text-indent: -7777px;
	}
		
div#keypage_title {
	position: relative;
	display: block;
	height: 54px;
	border: 1px solid #e3e3e3;
	border-right: 0; border-left: 0;
  margin: 0 0 20px 0;
}
	#keypage_title h2 {
		width: 480px;
		height: 26px;
		margin-top: 14px;
		background-image: url('graphics/_frontend/keypage_titles.gif');
		background-repeat: no-repeat;
		text-indent: -7777px;
	}
	h2#music_title         { background-position: left top; }
	h2#video_title         { background-position: left -26px; }
	h2#search_title        { background-position: left -52px; }
	h2#browse_title        { background-position: left -78px; }
	h2#jerryis_title        { background-position: left -104px; }
	h2#faqs_title          { background-position: left -130px; }
	h2#policy_title        { background-position: left -156px; }
	h2#terms_title         { background-position: left -182px; }
	h2#notfound_title      { background-position: left -208px; }
	h2#signup_title        { background-position: left -234px; }
	h2#login_title         { background-position: left -260px; }
	h2#secret_title        { background-position: left -286px; }
	h2#forgot_password     { background-position: left -312px; }
	h2#reset_password      { background-position: left -338px; }
	h2#continue_title      { background-position: left -364px; }
	h2#tags_title          { background-position: left -390px; }
	h2#groups_title        { background-position: left -416px; }
	h2#about_title         { background-position: left -442px; }
	h2#contact_title       { background-position: left -468px; }
	h2#advertise_title     { background-position: left -494px; }
	h2#charts_title        { background-position: left -520px; }
	h2#somethingnew_title  { background-position: left -546px; }
	h2#featureme_title     { background-position: left -572px; }
	h2#transportjerry_title { background-position: left -598px; }
	h2#music_charts_title  { background-position: left -624px; }
	h2#music_shows_title   { background-position: left -650px; }
	h2#music_search_title  { background-position: left -676px; }
	h2#music_browse_title  { background-position: left -702px; }
	
	#keypage_title ul.toggle_bar {
		position: absolute;
		top: 18px;
		right: 0;
	}
		
div.jerry_related {
	height: 19px;
	padding: 15px;
	background: #f6f6f6;
	border: 1px solid #e3e3e3;
	border-left: 0; border-right: 0;
	margin: 0 0 20px 0;
}
	
div#subpage_left_side,
div#subpage_right_side {
	float: left;
	width: 610px;
	margin: 0 27px 0 0;
}
	div#subpage_right_side {
		width: 200px;
		margin: 0;
	}
	
div.first_time {
	display: block;
	position: relative;
	height: 131px;
	margin: 1em 0 0 0;
	background-repeat: no-repeat;
}
	div.first_time p { display: none; }
	
	body#tags div.first_time     { background-image: url('graphics/_frontend/first_time_tags.jpg'); 
margin-bottom: 3em; }
	
div.tips_directions {
	margin: 0 0 1em 0;
}
	.tips_directions ul li {
		font-size: 12px;
		color: #555;
		padding: 5px 0 0 15px;
		background: url('graphics/_backend/tips_bullet.gif') no-repeat 4px 10px;
}
		.tips_directions ul li em {
			font: italic 12px Arial, Helvetica, Verdana, Tahoma, sans-serif;
			line-height: 140%;
			padding: 3px 4px;
			background: #eee;
		}
		
div.sub_nav {
	display: block;
	height: 21px;
	padding: 15px 0;
	margin: 0 0 1.5em 0;
	background: #fff;
	border-bottom: 1px solid #d6d6d6;
}

	div.sub_nav ul {
		display: block;
		height: 21px;
	}

	div.sub_nav ul li {
		float: left;
		height: 21px;
		margin: 0 6px 0 0;
		background-repeat: no-repeat;
	}
		div.sub_nav ul li strong {
			display: none;
		}

	div.sub_nav ul li a {
		display: block;
		height: 21px;
		text-indent: -7777px;
		background-repeat: no-repeat;
	}

div.browse_nav {
	display: block;
	height: 21px;
	padding: 15px 0;
	margin: 0 0 0 0;
	background: #fff;
}

	div.browse_nav ul {
		display: block;
		height: 21px;
	}

	div.browse_nav ul li {
		float: left;
		height: 21px;
		margin: 0 6px 0 0;
		background-image: url('graphics/_frontend/btn_browse_sections.gif');
        background-repeat: no-repeat;
	}
		div.browse_nav ul li strong {
			display: none;
		}

	div.browse_nav ul li a {
		display: block;
		height: 21px;
		text-indent: -7777px;
		background-image: url('graphics/_frontend/btn_browse_sections.gif');
        background-repeat: no-repeat;
	}
	
	li#browse_people         { width: 61px; background-position: left   bottom; }
	li#browse_music          { width: 57px; background-position: -61px  bottom; }
	li#browse_photos         { width: 65px; background-position: -118px bottom; }
	li#browse_videos         { width: 60px; background-position: -183px bottom; }
    li#browse_groups         { width: 67px; background-position: right  bottom; }
                            
    li#browse_people a       { background-position: left   top; }	
    li#browse_music  a       { background-position: -61px  top; }	
    li#browse_photos a       { background-position: -118px top; }	
    li#browse_videos a       { background-position: -183px top; }	
    li#browse_groups a       { background-position: right  top; }	
                            
    li#browse_people a:hover { background-position: left   center; }
    li#browse_music  a:hover { background-position: -61px  center; }
    li#browse_photos a:hover { background-position: -118px center; }
    li#browse_videos a:hover { background-position: -183px center; }
    li#browse_groups a:hover { background-position: right  center; }		

/*****************************************************
* Privacy
*****************************************************/

#jerry_policy #subpage_left_side p,
#jerry_terms #subpage_left_side p {
	font-size: 11px;
}

#jerry_policy #subpage_left_side h3,
#jerry_terms #subpage_left_side h3 {
	font-size: 14px;
}

#jerry_policy #subpage_left_side h4,
#jerry_terms #subpage_left_side h4 {
	font-size: 12px;
	color: #333;
	margin: 1.5em 0 0 0;
	padding: 1.5em 0 1em 0;
	border-top: 1px solid #ddd;
}

#jerry_terms #subpage_left_side ol {
	margin: 1em 0;
}

	#jerry_terms #subpage_left_side ol li {
		font-size: 11px;
		line-height: 130%;
		color: #666;
		padding: .5em 0 .5em 1em;
		margin: 0;
		border-left: 3px solid #ddd;
	}
	#jerry_terms #subpage_left_side ol li.lower_roman_list {
		padding-left: 3em;
		border-color: #ccc;
		color: #999;
	}

#jerry_terms #subpage_left_side dl {
	color: #888;
	margin: 1em 0 1em 2em;
	font-size: 12px;
	line-height: 150%;
}
	#jerry_terms #subpage_left_side dl dt {
		color: #333;
	}
	#jerry_terms #subpage_left_side dl dd {
		margin: 0;
	}


/*****************************************************
* Mini Headers
*****************************************************/

.mini_headers {
	display: block;
	height: 18px;
	padding: 0;
	margin: 0 0 .5em 0;
	background-image: url('graphics/_frontend/mini_headers.gif');
	background-repeat: no-repeat;
	text-indent: -7777px;
}
	#mini_movie_trailers      { background-position: left top; }
	#mini_music_video_mania   { background-position: left -18px; }
	

/*****************************************************
* Type
*****************************************************/

#header_login p {
	font-size: 11px;
	color: #999;
	margin: 0;
}

div#jerry_is_box {
	padding: 5px 10px;
}
	#jerry_is_box p {
		color: #555;
		font-size: 28px;
		font-weight: normal;
		letter-spacing: -1px;
		margin: 0;
		padding: 0 0 .3em 0;
		line-height: 95%;
	}
	#jerry_is_box p.tagline_desc {
		border-bottom: 1px solid #e3e3e3;
		padding-bottom: 1em;
		margin-bottom: 1em;
	}
		#jerry_is_box p em {
			color: #888;
			font-size: 12px;
			letter-spacing: 0;
			line-height: 150%;
		}
		#jerry_is_box p em b {
			display: block;
			color: #555;
			font-weight: normal;
		}


/*****************************************************
* Linking
*****************************************************/

#header_login p a,
#header_login p a:visited {
	color: #777;
	text-decoration: none;
}
#header_login p a:hover {
	color: #333;
}


hr.bottom_pixel,
div.bottom_pixel {
	border-bottom: 1px solid #ddd;
	height: 1px;
	width: 100%;
}


/*****************************************************
* Tag Clouds
*****************************************************/

#bottom_tags a,
#bottom_tags a:visited {
	text-decoration: none;
	font-weight: bold;	
}

#bottom_tags .tag_333, #bottom_tags .tag_333 a, #bottom_tags .tag_333 a:visited { color: #0281ca; }
#bottom_tags .tag_444, #bottom_tags .tag_444 a, #bottom_tags .tag_444 a:visited { color: #168bce; }
#bottom_tags .tag_555, #bottom_tags .tag_555 a, #bottom_tags .tag_555 a:visited { color: #2b95d3; }
#bottom_tags .tag_666, #bottom_tags .tag_666 a, #bottom_tags .tag_666 a:visited { color: #3f9fd7; }
#bottom_tags .tag_777, #bottom_tags .tag_777 a, #bottom_tags .tag_777 a:visited { color: #53aadb; }
#bottom_tags .tag_888, #bottom_tags .tag_888 a, #bottom_tags .tag_888 a:visited { color: #67b3df; }
#bottom_tags .tag_999, #bottom_tags .tag_999 a, #bottom_tags .tag_999 a:visited { color: #7bbde3; }
#bottom_tags .tag_aaa, #bottom_tags .tag_aaa a, #bottom_tags .tag_aaa a:visited { color: #90c8e8; }
#bottom_tags .tag_bbb, #bottom_tags .tag_bbb a, #bottom_tags .tag_bbb a:visited { color: #a4d2ec; }
#bottom_tags .tag_ccc, #bottom_tags .tag_ccc a, #bottom_tags .tag_ccc a:visited { color: #b9dcf0; }
#bottom_tags .tag_ddd, #bottom_tags .tag_ddd a, #bottom_tags .tag_ddd a:visited { color: #cce6f4; }
#bottom_tags .tag_eee, #bottom_tags .tag_eee a, #bottom_tags .tag_eee a:visited { color: #e0f0f9; }

#bottom_tags .tag_333 a:hover, #bottom_tags .tag_444 a:hover, #bottom_tags .tag_555 a:hover, #bottom_tags .tag_666 a:hover, #bottom_tags .tag_777 a:hover, #bottom_tags .tag_888 a:hover, #bottom_tags .tag_999 a:hover, #bottom_tags .tag_aaa a:hover, #bottom_tags .tag_bbb a:hover, #bottom_tags .tag_ccc a:hover, #bottom_tags .tag_ddd a:hover, #bottom_tags .tag_eee a:hover {
	color: #333;
	text-decoration: underline;
}