*
{
	padding: 0;
	margin: 0;
}

img
{
	border: none;
}

body 
{
	text-align: center;
	font-family: Verdana, sans-serif;
	line-height: 1.4em;
	font-size: 14px;
	color: #5f5d5d;
	background: #fff url(http://songs.singsnap.com/images/css/bg.gif) repeat-x left top;
}

#background
{
	background: url(http://songs.singsnap.com/images/css/bg.gif) repeat-x left top;
}

.wrapper
{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 775px;
}

#toparea #notification_area
{
	width: 631px;
	float: left;
	height: 35px;
	margin: 10px 0 0 8px;
	text-align: center;
}

#toparea #notification_area p
{
	/*background: transparent url(http://songs.singsnap.com/images/bar_grey.jpg) no-repeat left top;*/
	padding: 0 10px;
	color: #f2f2f2;
	font-size: 11px;
	font-weight: bold;
	line-height: 35px;
}

#toparea #notification_area p a
{
	color: #f2f2f2;
	text-decoration: none;
}

#toparea #notification_area p a:hover
{
	text-decoration: underline;
}

#toparea
{
	height: 100px;
	width: 785px;
	background: url(http://songs.singsnap.com/images/css/top_bg.jpg) no-repeat left top;
}

#toparea ul
{
	margin-top: 15px;
	margin-left: 4px;
	list-style: none;
	float: left;
	width: 642px;
}


#toparea ul li
{
	background: url(http://songs.singsnap.com/images/css/menu_button_off.gif) no-repeat left top;
	width: 156px;
	height: 42px;
	float: left;
	text-align: center;
	margin-left: 3px;
}

#toparea ul li a
{
	text-transform: uppercase;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #b3c1ca;
	text-decoration: none;
	line-height: 40px;
	display: block;
}

#toparea ul li a:hover
{
	text-decoration: underline;
	color: #fff;
}

#toparea ul li#current_top
{
	background: url(http://songs.singsnap.com/images/css/menu_button_on.gif) no-repeat left top;
}

#toparea ul li#current_top_dynamic
{
	background: url(http://songs.singsnap.com/images/css/tab-on-right.gif) no-repeat top right;
	width: auto;
	color: #fff;
	/*margin-left: 20px;*/
}

#toparea ul li#current_top_dynamic a
{
	background: url(http://songs.singsnap.com/images/css/tab-on-left.gif) no-repeat top left;
	width: auto;
	color: #fff;
	/*margin-left: -10px;*/
	padding: 0px 15px 6px 15px;
}

#toparea ul li#current_top a
{
	color: #fff;
}

/*#toparea ul li
{
	background: url(http://songs.singsnap.com/images/css/tab-off-right.gif) no-repeat top right;
	height: 46px;
	float: left;
	text-align: center;
	margin-right: -17px;
	margin-left: 37px;
}

#toparea ul li a
{
	float: left;
	background: url(http://songs.singsnap.com/images/css/tab-off-left.gif) no-repeat top left;
	position: relative;
  left: -17px;
  margin-right: -17px;
  text-transform: uppercase;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #b3c1ca;
	text-decoration: none;
	line-height: 36px;
	display: block;
	padding: 4px 15px 6px 15px;
}

#toparea ul li a:hover
{
	text-decoration: underline;
	color: #fff;
}

#toparea ul li#current_top
{
	background: url(http://songs.singsnap.com/images/css/tab-on-right.gif) no-repeat top right;
}

#toparea ul li#current_top a
{
	background: url(http://songs.singsnap.com/images/css/tab-on-left.gif) no-repeat top left;
	color: #fff;
}*/

#submenu
{
	margin: 9px 2px 9px 2px;
	padding-left: 10px;
	height: 20px;
	z-index: 10;
	background: #fff url(http://songs.singsnap.com/images/css/submenu_left.gif) no-repeat left top;
}

#submenu ul
{
	list-style: none;
	height: 20px;
	padding-right: 10px;
	background: #fff url(http://songs.singsnap.com/images/css/submenu_right.gif) no-repeat right top;
}

#submenu ul li
{
	float: left;
	height: 20px;
	text-align: center;
	margin: 0 7px;
}

#submenu ul li a
{
	text-transform: uppercase;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #337196;
	text-decoration: none;
	line-height: 20px;
	display: block;
}

#submenu ul li a:hover
{
	text-decoration: underline;
	color: #ff5f00;
}

#submenu ul li#current_sub
{
	background: #337196 url(http://songs.singsnap.com/images/css/submenuon_left.gif) no-repeat left top;
	padding-left: 10px;
}

#submenu ul li#current_sub a
{
	background: #337196 url(http://songs.singsnap.com/images/css/submenuon_right.gif) no-repeat right top;
	color: #fff;
	padding-right: 10px;
}

#logo
{
	float: left;
	margin-top: 10px;
}

#content
{
	padding-top: 15px;
}

#content h1
{
	font-size: 20px;
	color: #ff5f00;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #337196;
}

#content h2
{
	font-size: 16px;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-weight: bold;
	color: #245069;
}

#content p
{
	margin-bottom: 15px;
}

#content ul.error-messages
{
	margin-left: 0;
	padding: 3px;
	list-style: none;
	background: #ff5f00;
	font-weight: bold;
	color: #fff;
}

.message
{
	color: #fff;
	font-weight: bold;
	padding: 10px 10px 10px 60px;
	line-height: 32px;
	font-size: 18px;
}

.alert
{
	background: #ff5f00 url(http://songs.singsnap.com/images/css/alert.gif) no-repeat left top;
}

.notice
{
	background: #3b9634 url(http://songs.singsnap.com/images/css/notice.gif) no-repeat left top;
}

.info
{
	background: #488bb3 url(http://songs.singsnap.com/images/css/info.gif) no-repeat left top;
}

.odd
{
	background-color: #eff7fb;
}

.even
{
	background-color: #fff;
}

a:link, a:visited 
{
	color: #337196;
}

a:hover
{
	color: #ff5f00;
	text-decoration: none;
}

.smalltext
{
	font-size: 10px;
	line-height: 1.4em;
}

#content ul, #content ol
{
	margin: 0 0 15px 25px;
}

#content .results
{
	margin-bottom: 15px;
	width: 100%;
}

#content .results th, #content .results td
{
	padding: 7px;
	border-bottom: 2px solid #c8c8c8;
}

#content .results th
{
	background: #337196;
	color: #fff;
	white-space: nowrap;
}

#content .results th a
{
	color: #fff;
	text-decoration: none;
}

#content .results th a:hover
{
	text-decoration: underline;
}

#content .results_small
{
	margin-bottom: 15px;
	width: 100%;
}

#content .results_small th, #content .results_small td
{
	padding: 5px;
	border-bottom: 2px solid #c8c8c8;
}

#content .results_small td
{
	line-height: 1.2em;
	font-size: 12px;
}

#content .results_small th
{
	background: #337196;
	color: #fff;
	white-space: nowrap;
}

#content .results_small th a
{
	color: #fff;
	text-decoration: none;
}

#content .results_small th a:hover
{
	text-decoration: underline;
}

#content .results_mini
{
	margin-bottom: 15px;
	width: 100%;
}

#content .results_mini th, #content .results_mini td
{
	padding: 3px;
	border-bottom: 1px solid #c8c8c8;
}

#content .results_mini td
{
	line-height: 1.2em;
	font-size: 10px;
}

#content .results_mini th
{
	background: #337196;
	color: #fff;
	font-size: 12px;
	white-space: nowrap;
}

#content .results_mini th a
{
	color: #fff;
	text-decoration: none;
}

#content .results_mini th a:hover
{
	text-decoration: underline;
}

caption
{
	text-align: left;
}

caption span
{
	border-top: 1px solid #c9c8c8;	
	border-left: 1px solid #c9c8c8;	
	border-right: 1px solid #c9c8c8;	
	margin-left: 25px;
	padding: 3px 15px 3px 15px;
	background: #f2f2f2;
	color: #717171;
	font-size: 10px;
	font-weight: bold;
}

.tiny
{
	font-size: 10px;
}

.unread, .highlight
{
	background: #ffeedc;
}

dl.legend
{
	padding: 5px 0 5px 5px;
	margin-bottom: 15px;
}

dl.legend dt
{
	height: 22px;
	width: 50px;
	float: left;
	text-align: center;
}

dl.legend dd
{
	height: 22px;
	font-size: 10px;
}

.button-box
{
	height: 37px;
	margin-bottom: 15px;
	background: transparent url(http://www.singsnap.com/images/button-right-sm.gif) no-repeat right top;
}

.button-box p
{
	line-height: 37px;
	background: transparent url(http://www.singsnap.com/images/button-left-sm.gif) no-repeat left top;
	font-weight: bold;
}

.button-box p a, .button-box p span
{
	background-repeat: no-repeat;
	background-position: 13px 50%;
	text-decoration: none;
	color: #5f5d5d;
	padding-left: 37px;
}
 
.button-box p a:hover
{
	color: #ff5f00;
}



/* PAGINATION */

.pagination_wrap
{
	background: #e6e6e6;
	padding: 8px 0;
	margin-bottom: 15px;
}

.pagination_wrap a
{
	text-decoration: none;
}

.pagination_wrap a:hover
{
	text-decoration: underline;
}

.pagination_links
{
	float: left;
	text-align: center;
	width: 470px;
	font-size: 12px;
	font-weight: bold;
}

.pagination_links span
{
	font-size: 18px;
	color: #ff5f00;
	margin: 0 3px;
}

.pagination_links a
{
	margin: 0 2px;
}

.pagination_previous
{
	float: left;
	width: 80px;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #463e93;
	background: url(http://songs.singsnap.com/images/prev_bg.gif) left 50% no-repeat;
	padding-left: 66px;
	margin-left: 4px;
}

.pagination_next
{
	float: right;
	width: 80px;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #463e93;
	background: url(http://songs.singsnap.com/images/next_bg.gif) right 50% no-repeat;
	padding-right: 66px;
	margin-right: 4px;
	text-align: right;
}

#content div.cloud
{
	text-align: center;
}

#content div.cloud p
{
	line-height: 34px;
}

#content div.cloud p a
{
	margin: 0 10px;
}

#content div.cloud p a.cloudsize_1{font-size: 10px; white-space:nowrap;}
#content div.cloud p a.cloudsize_2{font-size: 13px; white-space:nowrap;}
#content div.cloud p a.cloudsize_3{font-size: 16px; white-space:nowrap;}
#content div.cloud p a.cloudsize_4{font-size: 19px; white-space:nowrap;}
#content div.cloud p a.cloudsize_5{font-size: 22px; white-space:nowrap;}
#content div.cloud p a.cloudsize_6{font-size: 25px; white-space:nowrap;}
#content div.cloud p a.cloudsize_7{font-size: 28px; white-space:nowrap;}

#content div.recording
{
	width: 365px;
	min-height: 150px;
}

#content div.recording h2
{
	margin: 5px;
}

#content div.recording div.recording_info
{
	margin-left: 130px;
}

#content div.recording div.recording_info p
{
	margin-bottom: 0;
}

#recording_step_display
{
	margin-bottom: 15px;
	background: #e0e0e0;
	text-align: center;
	height: 75px;
}

#recording_step_display p
{
	background: #337196;
	color: #fff;
	padding: 3px 0;
}

#recording_step_back
{
	float: left;
	background: url(http://songs.singsnap.com/images/prev_bg.gif) left top no-repeat;
	margin-left: 10px;
	padding-left: 69px;
	line-height: 23px;
	font-weight: bold;
	color: #337196;
}

#recording_step_forward
{
	float: right;
	background: url(http://songs.singsnap.com/images/next_bg_orange.gif) right top no-repeat;
	margin-right: 10px;
	padding-right: 69px;
	line-height: 23px;
	font-weight: bold;
	color: #ff5f00;
}

.recording_gold_link
{
	background: url(http://www.singsnap.com/images/icons/small/lock.png) left 50% no-repeat;
	font-weight: bold;
	padding-left: 18px;
}

.recording_play_link
{
	background: url(http://www.singsnap.com/images/icons/small/control_record.png) left 50% no-repeat;
	font-weight: bold;
	padding-left: 18px;
}

.intro
{
	padding: 10px; 
	min-height: 120px; 
	background-color: #fff3df;
	background-position: 600px 10px;
	background-repeat: no-repeat;
	border-top: 1px solid #337196; 
	border-bottom: 1px solid #337196;
	margin-bottom: 15px;
}

* html .intro
{
	height: 120px; 
}

.intro h1, .intro p
{
	width: 575px; 
}

/* MEMBER COMMENTS, MESSAGES ETC */

#comments_wrapper
{
	margin-bottom: 15px;
}

.default_comment_area, .you_comment_area, .owner_comment_area, .highlight_comment_area
{
	padding: 10px;
	clear: both;
}

.default_comment_area
{
	background: url(http://songs.singsnap.com/images/default_comment_area_bg.gif) left top repeat-x;
}

.you_comment_area
{
	background: url(http://songs.singsnap.com/images/you_comment_area_bg.gif) left top repeat-x;
}

.owner_comment_area
{
	background: url(http://songs.singsnap.com/images/owner_comment_area_bg.gif) left top repeat-x;
}

.highlight_comment_area
{
	background: url(http://songs.singsnap.com/images/highlight_comment_area_bg.gif) left top repeat-x;
}

div.default_comment_area h2, div.you_comment_area h2, div.owner_comment_area h2, div.highlight_comment_area h2
{
	margin-left: 72px;
}

div.default_comment_area img.avatar, div.you_comment_area img.avatar, div.owner_comment_area img.avatar, div.highlight_comment_area img.avatar
{
	float: left;
	width: 60px;
	height: 60px;
}

div.default_comment_area div.comment, div.you_comment_area div.comment, div.owner_comment_area div.comment, div.highlight_comment_area div.comment
{
	margin-left: 72px;
}

div.default_comment_area div.comment p.options, div.you_comment_area div.comment p.options, div.owner_comment_area div.comment p.options, div.highlight_comment_area div.comment p.options
{
	text-align: right;
	font-size: 10px;
}

div.default_comment_area div.comment p.options a, div.you_comment_area div.comment p.options a, div.owner_comment_area div.comment p.options a, div.highlight_comment_area div.comment p.options a
{
	margin: 0 8px;
	padding: 2px 0px 2px 18px;
	background-repeat: no-repeat;
}

blockquote
{
	margin-left: 20px;
	margin-bottom: 15px;
	border: 1px dashed #999;
	padding: 5px;
	font-style: italic;
}

cite
{
	display: block;
}

.standard-form fieldset
{
	padding: 10px 0 10px 10px;
	margin-bottom: 15px;
	border: none;
	border-top: 1px solid #337196;
	background: #e6e6e6;
}

.standard-form legend
{
	padding: 2px 10px;
	margin-left: 15px;
	color: #fff;
	background: #337196;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

.standard-form dl
{
	margin-top: 5px;
}

.standard-form dt
{
	clear: both;
	float: left;
	width: 170px;
	text-align: right;
}

.standard-form dt label, .standard-form dt .label
{
	font-weight: bold;
	font-family: Verdana, sans-serif;
	color: #245069;
	margin-right: 5px;
}

.hidden
{
	display: none;
}

.standard-form dd
{
	margin-bottom: 5px;
}

.standard-form dd input, .standard-form dd textarea, .standard-form dd select
{
	font-size: 1em;
	font-weight: normal;
	font-family: Verdana, sans-serif;
	padding: 3px;
	color: #5f5d5d;
}

.standard-form .button, .standard-form .button-inline, .multiple-boxes-form .button
{
	border: 2px solid #fff;
	background: #3b9634;
	color: #fff;
	font-weight: bold;
	padding: 1px 3px;
	font-family: Verdana, sans-serif;
	font-size: 14px;
}

.standard-form .button
{
	margin-left: 170px;
}

.multiple-boxes-form
{
	float: left;
}

.standard-form input[type="hidden"]
{
	display: none;
}

.standard-form .field-with-errors label, .standard-form .field-with-errors span.label
{
	background: #ff5f00;
	color: #fff;
	padding: 2px;
}

select > option
{
	padding-right: 10px;
}

#content div.autocomplete
{
	position: absolute;
}

#content div.autocomplete ul
{
	padding: 0;
	margin: 0;
	list-style: none;
	background-color: #eff7fb;
	border: 1px solid #7f9db9;
}

#content div.autocomplete ul li.selected
{
	background-color: #ffffcc;
}

#content div.autocomplete ul li.non-selectable
{
	background-color: #eff7fb;
	font-style: italic;
	font-size: 11px;
}

#content div.autocomplete ul li
{
	display: block;
	padding: 0 3px;
	cursor: pointer;
}

img.avatar
{
	border: 1px solid #999;
	width: 60px;
	height: 60px;
}

#footer
{
	clear: both;
	margin-top: 75px;
	height: 70px;
	background: #f2f2f2;
	border-top: 1px solid #c9c8c8;
	border-bottom: 1px solid #c9c8c8;
}

#footer p
{
	margin-top: 10px;
	float: left;
	font-size: 10px;
	color: #717171;
	font-weight: bold;
	line-height: 1.6em;
}

#footer a
{
	color: #717171;
}

#footer a:hover
{
	color: #717171;
}

#footer img
{
	float: right;
	margin-top: 5px;
	margin-left: 10px;
}

.menu_box
{
	border: 1px solid #c8c8c8;
	margin-bottom: 15px;

	height: 42px;
	background-position: 5px 5px;
	background-repeat: no-repeat;
}

* html .menu_box /*to remove the space below the menu in IE6*/
{
	margin-bottom: -15px;
}

.menu_box a
{
	font-weight: bold;
	padding: 5px;
	line-height: 32px;
	display: block;
}

.avatar-display
{
	float: left;
	width: 60px;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-bottom: 1px solid #333;
	border-right: 1px solid #333;
	background: #dbdbdb;
}

.avatar-display img
{
	width: 60px;
	height: 60px;
}

#content div.avatar-display p
{
	border-top: 1px solid #666;
	font-weight: bold;
	line-height: 1.4em;
	font-size: 10px;
	text-align: center;
	margin: 0;
}

.note
{
	font-family: "Arial Narrow";
	font-size: 14px;
	font-weight: bold;
}



/*front page start*/

.recording_image_only {
	width: 120px;
	padding: 9px 9px 0 9px;
	float:left;
}

.frontpage
{
	width:770px;
}

.frontpage odd
{
	border: 0px solid #000;
}

.frontpage_more a
{
	color: #ff4f02;
	font-weight: bold;
}

.two_third
{
	width: 570px;
	margin-bottom: 15px;
	padding-top: 5px;
	
}

.one_third
{
	width: 170px;
	height: 400px;
	margin-bottom: 15px;
	padding: 5px;
	float: right;
}

.frontpage fieldset
{
	padding: 5px 0 5px 5px;
	margin-bottom: 15px;
	border: none;
	border-top: 1px solid #337196;
	/*background: #e6e6e6;*/
}

.frontpage legend
{
	padding: 2px 10px;
	margin-left: 4px;
	color: #fff;
	background: #337196;
	font-weight: bold;
	font-family: "Trebuchet MS", Helvetica, sans-serif;
	font-size: 14px;
	text-transform: uppercase;
}

.frontpage dl
{
	/*margin-top: 0px;*/
}

.frontpage dt
{
	clear: both;
	float: left;
	text-align: right;
}

.frontpage dt label, .frontpage dt .label
{
	font-weight: bold;
	font-family: Verdana, sans-serif;
	color: #245069;
	margin-right: 5px;
}

/*front page end*/

.member-type
{
	position: relative;
	left: 2px;
	top: -4px;
	font-family: "Arial Narrow";
	font-size: 10px;
	font-weight: normal;
}

#playlist
{
	margin-top: 10px;
	background: #e0e0e0;
	text-align: center;
}

#playlist p
{
	background: #337196;
	color: #fff;
	padding: 3px 0;
}

#playlist #prev-area
{
	float: left;
	width: 175px;
}

#playlist #options-area
{
	float: left;
	width: 425px;
}

#playlist #options-area form select
{
	font-weight: normal;
	font-family: Verdana, sans-serif;
	border: 1px solid #7f9db9;
	padding: 3px;
	color: #5f5d5d;
	font-size: 10px;
}

#playlist #next-area
{
	float: left;
	width: 175px;
}


#playlist #prev-area a
{
	float: left;
	background: url(http://songs.singsnap.com/images/prev_bg.gif) left top no-repeat;
	margin-left: 10px;
	padding-left: 69px;
	line-height: 23px;
	font-weight: bold;
	color: #337196;
}

#playlist #next-area a
{
	float: right;
	background: url(http://songs.singsnap.com/images/next_bg.gif) right top no-repeat;
	margin-right: 10px;
	padding-right: 69px;
	line-height: 23px;
	font-weight: bold;
	color: #337196;
}

.status_text
{
	font-size: 10px;
	color: #999999;
	border-bottom: 1px solid #dcdcdc;
	display: block;
	margin-left: 73px;
}

/*	The following are overrides for ie6 ONLY. See IE7Styles.css for IE7 only */
*html fieldset{ position: relative; margin-top: 25px;}
*html legend{ position:absolute; top: -10px; left: 0px; }
*html .standard-form dl { margin-top: 25px; }
*html .frontpage fieldset { position: relative; margin-top: 5px;}
*html .frontpage dl { margin-top: 25px; }