/* FONTS */

@font-face
{
	font-family: "Carbon";
	font-style: normal;
	font-weight: normal;
	src: url("/stylesheets/fonts/carbon/carbon_bl-webfont.eot");
	src: url("/stylesheets/fonts/carbon/carbon_bl-webfont.eot?#iefix") format("embedded-opentype"), url("/stylesheets/fonts/carbon/carbon_bl-webfont.woff") format("woff"), url("/stylesheets/fonts/carbon/carbon_bl-webfont.ttf") format("truetype"), url("/stylesheets/fonts/carbon/carbon_bl-webfont.svg#carbonblack") format("svg");
}

@font-face
{
	font-family: "American Typewriter";
	font-style: normal;
	font-weight: normal;
	src: url("/stylesheets/fonts/american_typewriter/american_typewriter_medium_bt-webfont.eot");
	src: url("/stylesheets/fonts/american_typewriter/american_typewriter_medium_bt-webfont.eot?#iefix") format("embedded-opentype"), url("/stylesheets/fonts/american_typewriter/american_typewriter_medium_bt-webfont.woff") format("woff"), url("/stylesheets/fonts/american_typewriter/american_typewriter_medium_bt-webfont.ttf") format("truetype"), url("/stylesheets/fonts/american_typewriter/american_typewriter_medium_bt-webfont.svg#amertype_md_btmedium") format("svg");
}

/* TOP BAR */

#top-bar
{
	background: #345c88;
	background-image: url("http://songs.singsnap.com/images/nav_bg/bg1.jpg");
	background-position: 550px 0px;
	background-repeat: repeat-x;
	background-size: 100% 70px;
	height: 72px;
	padding-top: 6px;
}
.secure #top-bar {background-image: url("https://www.singsnap.com/images/secure/nav_bg/bg1.jpg");} /* https */

#top-bar .logo
{
	float: left;
	height: 53px;
}

#top-bar .logo a
{
	text-decoration: none;
}

#top-bar .logo span
{
	color: #fff;
	font-family: "Carbon", sans-serif;
	font-size: 29px;
	margin-left: -15px;
	text-shadow: 1px 1px 2px #274f75, -1px 1px 2px #274f75, 1px -1px 2px #274f75, -1px -1px 2px #274f75;
	vertical-align: middle;
}

#top-bar .buttons
{
	float: right;
	margin-top: 13px;
}

#top-bar .btn-group
{
	margin-left: 0;
}

#top-bar .buttons img
{
	margin-top: -4px;
	height: 15px;
	width: 20px;
}

#top-bar .btn
{
	border-left: none;
	border-right: none;
	color: #111a25;
	padding: 2.5px 9px;
	text-shadow: 0 0 0 #274f75;
	text-transform: uppercase;
}

#top-bar .btn:hover,
#top-bar .btn:focus
{
    background: #ddd;
}

#top-bar .account .btn,
#top-bar .achievements .btn
{
    border-radius: 0;
}

#top-bar .account .btn:last-child
{
    border-radius: 0 6px 6px 0;
}

#top-bar .profile .btn:first-child
{
    border-radius: 6px 0 0 6px;
}

#top-bar .selected
{
    background: #1d416a;
	border-radius: 6px;
	color: #fff;
	margin-left: 2px;
	padding: 0 4px 0 0;
}

#top-bar i
{
	margin-top: -4px;
	vertical-align: middle;
}

#top-bar .badge
{
	padding: 1px 10px;
	width: 14px;
}

#top-bar .dropdown-menu
{
	padding: 5px;
	z-index: 1001;
}

#top-bar .member-link,
#top-bar .btn,
#top-bar .dropdown-menu li a
{
	font-family: "Open Sans";
}

#top-bar .member-link
{
	text-transform: none;
}

#top-bar .divider
{
	margin: 2px 10px;
}

#content .member-link,
#top-bar .member-link
{
	text-decoration: none;
}

#top-bar .profile .dropdown-menu,
#top-bar .account .dropdown-menu
{
	left: 0;
}

#top-bar .profile .dropdown-menu
{
	min-width: 135px;
	width: 135px;
}

#top-bar .account .dropdown-menu
{
	min-width: 162px;
	width: 162px;
}

#top-bar .dropdown-menu li
{
	margin-bottom: 0;
	padding: 0 5px;
}

#top-bar .dropdown-menu a
{
	border-radius: 5px;
	color: #444;
	font-size: 14px;
	padding: 2px 5px;
	text-decoration: none;
}

#top-bar .dropdown-menu a:hover
{
	background-color: #6d6d6d;
	background-image: none;
	color: #fff;
}

#top-bar .notice-text
{
	background: #444;
	border-radius: 0 0 5px 5px;
	color: #fff;
	font-size: 10.5px;
	margin: 0 5px 0 100px;
	padding: 0 5px;
}

#top-bar .notice-text a
{
	color: #ffaf38;
}

/* HEADER (BACKGROUND, LOGO, TOP ALERT, BANNER) */

#wrapper
{
	background-image: linear-gradient(#345c88 0%, #20446f 84px);
	background-repeat: no-repeat;
	background-size: 100% 84px;
}

.default #wrapper
{
	background-image: linear-gradient(#345c88 0%, #20446f 55px);
	background-size: 100% 55px;
}

#header
{
	height: 80px;
	margin-bottom: 20px;
	position: relative;
}

.default #header
{
	height: 52px;
}

#header .promo-banner
{
	position: absolute;
	right: 0;
	background: #20446f;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	padding: 0 5px 5px 5px;
}

#header .promo-banner img
{
	border-radius: 5px;
}

#alerts .special-message
{
	border-bottom: 2px solid #000;
	text-align: center;
	padding: 10px 30px;
}

#alerts .special-message p
{
	margin-bottom: 5px;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
}

#alerts .special-message a
{
	color: #bcbcbc;
}

#alerts .special-message a:hover
{
	color: #fff;
}

#alerts div.alert
{
	text-align: center;
	margin: 0;
}

/* TOP MENU */

#topmenu .nav
{
	margin: 0;
	width: 100%;
}

#topmenu .navbar-inner
{
	background: none;
	border: 0;
	box-shadow: none;
	filter: "";
	padding: 0;
}

#topmenu .dropdown
{
	background: #23446b;
	border-radius: 7px;
	box-shadow: inset 0 0 20px #1a3351;
	margin-right: 15px;
	padding: 2px 9.29px;
	position: static;
}

#topmenu .dropdown.on,
#topmenu .dropdown.default
{
	background: #5989b6;
	box-shadow: none;
}

#topmenu .dropdown.on
{
	border-radius: 7px 7px 0 0;
	padding-bottom: 9px;
}

#topmenu .dropdown .dropdown-toggle
{
	color: #fff;
	font-family: "Open Sans";
	font-size: 16px;
	text-transform: uppercase;
	text-shadow: none;
}

#topmenu .dropdown:not(.on):not(.purchase):hover
{
	box-shadow: none;
	background: #c66f40;
}

#topmenu .dropdown.purchase
{
	background-image: linear-gradient(#d4caab 0%, #b97e1f 50%, #c99838 100%);
	box-shadow: inset 0 0 10px #c99838;
	border: 1px solid #c99838;
	float: right;
	margin-right: 0;
	padding: 0px 3px 9px 4px;
}

#topmenu .dropdown.purchase:not(.on)
{
	border: 1px solid #c99838;
	padding: 1px 3.74px 0px 3.74px;
}

#topmenu .dropdown.purchase:not(.on):hover
{
	border: 1px solid #c99838;
	box-shadow: inset 0 0 30px #d4caab;
}

/* SUB MENU */

#header .dropdown-menu:after,
#header .dropdown-menu:before
{
	left: -2000px;
}

#header .dropdown-menu
{
	background: #5989b6;
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: 50px;
	left: 0;
	width: 100%;
	padding: 1px 11px;
	border-radius: 7px;
	margin: 0;
	border: none;
	box-shadow: none;
}

#header .purchase .dropdown-menu
{
	background-image: linear-gradient(#c99838 20%, #b97e1f 100%);
	border-top-right-radius: 0;
	border: 1px solid #c99838;
	padding: 0px 12px;
}

#header .purchase .dropdown-menu a
{
	background-image: linear-gradient(#c99838 20%, #b97e1f 100%);
}

#header .purchase .dropdown-menu a:hover
{
	background-color: #6d4b13;
	background-image: none;
}

#header .purchase .dropdown-menu .current-sub a,
#header .purchase .dropdown-menu .current-sub span
{
	background: #6d4b13;
	box-shadow: none;
}

#header .watch-listen .dropdown-menu
{
	border-top-left-radius: 0;
}

#header .dropdown-menu.standalone
{
	position: static;
	margin: 14px 0 0 -160px;
}

#header .dropdown-menu li
{
	list-style-type: none;
	float: left;
	margin-right: 6px;
}

#header .dropdown-menu li:last-child
{
	margin-right: 0;
}

#header .dropdown-menu a,
#header .dropdown-menu span
{
	background: #5989b6;
	padding: 2px 6px;
	text-transform: uppercase;
	font-family: "Open Sans";
	font-size: 14px;
	color: #fff;
	line-height: 18px;
}

#header .dropdown-menu a:hover,
#header .dropdown-menu .current-sub a,
#header .dropdown-menu .current-sub span
{
	border-radius: 7px;
	color: #fff;
	filter: "";
}

#header .dropdown-menu a:hover
{
	background-color: #c66f40;
}

#header .dropdown-menu .current-sub a,
#header .dropdown-menu .current-sub span
{
	background: #23446b;
	box-shadow: inset 0 0 20px #1a3351;
}

#header .dropdown-menu span
{
	line-height: 22px;
	padding: 3px;
}

#header .dropdown-menu .current-sub span
{
	line-height: 22px;
}

/* TYPOGRAPHY AND COLORS */

#content h1, .logged-in #content h1, .logged-out #content h1,
#content h2
{
	font-weight: bold;
	margin: 0;
}

#content h1, .logged-in #content h1, .logged-out #content h1
{
	color: #f95d09;
	font-family: "Open Sans";
	font-size: 28px;
	line-height: 32px;
	text-transform: uppercase;
}

#content h1.with-banner, .logged-in #content h1.with-banner, .logged-out #content h1.with-banner
{
	max-width: 655px;
}

#content h2,
#content .modal-body h2.lg
{
	font-family: "Trebuchet MS", sans-serif;
	font-size: 16px;
	line-height: 19px;
	color: #244668;
}

#content h2.lg,
#content .modal-header h2
{
	font-family: "Open Sans";
	font-size: 20px;
	line-height: 26px;
}

#content h2.lg
{
	margin-top: 15px;
}

#content p.lg
{
	font-family: "Open Sans";
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 15px;
}

#content .modal-body p.lg
{
	font-family: Verdana;
	font-size: 14px;
	line-height: 19px;
}

#content .odd
{
	background-color: #f4f6f9;
}

#content .even
{
	background-color: #fff;
}

#content .one-liner
{
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

#content a,
#content a:visited
{
	text-decoration: underline;
}

#content a:hover,
#alerts a:hover
{
	text-decoration: none;
}

#content ul li,
#content ol li
{
	margin-bottom: 5px;
}

#content .smalltext
{
	font-size: 10.5px;
	line-height: 13px;
}

#content .highlight,
#content .highlight-red
{
	padding: 0 2px;
	font-weight: bold;
}

#content .hidden-initially,
#content .toggle-hidden,
#content .toggle-hidden-1,
#content .toggle-hidden-2,
#content .toggle-hidden-3,
#content .toggle-hidden-4,
#content .toggle-hidden-5,
#content .toggle-hidden-6,
#content .toggle-hidden-7,
#content .toggle-hidden-8,
#content .toggle-hidden-9,
#content .toggle-hidden-10
{
	display: none;
}

#content .highlight
{
	background: #fff6ef;
}

#content .highlight-red
{
	background: #f95d09;
	color: #fff;
}

/* FORMS AND ERROR MESSAGES */

#content .form-inline
{
	margin-bottom: 0;
}

#content .error-messages
{
	padding: 5px 10px 1px 10px;
	margin-left: 0;
	list-style: none;
	background: #f95d09;
}

#content .error-messages li
{
	font-weight: bold;
	color: #fff;
}

#content .ajax_indicator
{
	margin-left: 5px;
	display: none;
}

#content .form-horizontal
{
	clear: both;
	margin-top: 27px;
}

#content .form-horizontal .social-login-container
{
	width: 250px;
	height: 147px;
}

#content .form-horizontal hr
{
	height: 1px;
	margin: -25px 15px 15px 15px;
	background-color: #406c97;
}

#content .form-horizontal .btn-mini
{
	margin-bottom: 5px;
}

#content .form-horizontal fieldset > .btn-mini
{
	margin-left: 180px;
}

#content .form-horizontal fieldset
{
	border-top: 1px solid #406c97;
	border-bottom: 1px solid #dcdcdc;
	background: #e6e6e6;
}

#content .form-horizontal legend
{
	font-size: 14px;
	line-height: 14px;
	padding: 5px 10px;
	margin: -13px 0 20px 20px;
	float: left;
	color: #fff;
	background: #406c97;
	font-weight: bold;
	font-family: "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	width: auto;
	border-bottom: none;
}

#content .form-horizontal .control-group
{
	clear: both;
}

#content .control-label
{
	font-weight: bold;
	color: #244668;
}

#content .control-label.multiline
{
	margin-top: -11px;
}

#content .control-group-info .controls
{
	margin-top: 5px;
	font-weight: bold;
}

#content .control-group .controls .help-block
{
	font-size: 10.5px;
	margin-top: 0;
	margin-left: 2px;
	color: #717171;
}

#content .control-group .controls .input-prepend .add-on
{
	font-size: 14px;
	color: #717171;
}

#content .form-horizontal .radio,
#content .form-horizontal .checkbox
{
	font-size: 12px;
	font-weight: normal;
	color: #444;
}

#content .controls textarea
{
	min-height: 200px;
}

#content .controls .inline-inputs select
{
	width: auto;
}

#content .controls input:invalid
{
	color: #555;
	border-color: rgba(82, 168, 236, 0.8);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

#content .controls .inline-inputs .checkbox,
#content .controls .inline-inputs .radio
{
	display: inline-block;
	font-size: 10.5px;
	margin-left: 2px;
}

#content .form-actions
{
	background: #e6e6e6;
	margin: 0;
	padding-top: 5px;
}

#content .form-horizontal .control-group
{
	margin-bottom: 5px;
}

#content .controls #picture
{
	line-height: 19px;
}

#content .controls #current-picture
{
	background: url("http://songs.singsnap.com/images/ajax_large.gif") 0 10px no-repeat;
	width: 160px;
	height: 120px;
}

#content .form-note
{
	margin-top: -15px;
}

#content .form-note strong
{
	color: red;
}

#content .form-horizontal .danger-zone
{
	margin: 15px;
}

#content .all-codes
{
	margin-left: 5px;
	line-height: 24px;
	font-size: 10.5px;
	color: #406c97;
}

/* MODALS (GALLERY, PREVIEW) */

.modal-body
{
	max-height: 450px;
	overflow-y: auto;
}

/* ENTRIES (PICTURE, STATUS MESSAGE ETC) */

#content .date-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;
}

#content .date-display
{
	height: 60px;
	background: #fff;
}

#content .member-type
{
	position: relative;
	left: 1px;
	top: -4px;
	padding-right: 2px;
	font-family: Tahoma;
	font-size: 9px;
	line-height: 9px;
	font-weight: bold;
	text-decoration: none;
}

#content .level-number,
#top-bar .level-number
{
	border-style: solid;
	border-width: 1px;
	border-radius: 5px;
	font-family: "American Typewriter";
	line-height: 1em;
	padding: 1px 3px;
	vertical-align: 2px;
}

#top-bar .level-number
{
	font-size: 12px;
	padding: 2px 5px;
}

#content .date-display p
{
	font-size: 10.5px;
	text-align: center;
	margin: 0;
	color: #000;
	line-height: 24px;
}

#content .date-display p span
{
	font-weight: bold;
	font-size: 32px;
	line-height: 32px;
	color: #000;
}

#content .default_comment_area,
#content .highlight_comment_area
{
	clear: both;
	position: relative;
	padding: 10px 10px 25px 10px;
	margin-bottom: 15px;
	min-height: 88px;
}

#content .default_comment_area
{
	background: url("http://media.singsnap.com/assets/default_comment_area_bg.gif") left top repeat-x;
}

#content .highlight_comment_area
{
	background: url("http://media.singsnap.com/assets/highlight_comment_area_bg.gif") left top repeat-x;
}

#content .default_comment_area h2,
#content .highlight_comment_area h2,
#content .default_comment_area .comment,
#content .highlight_comment_area .comment
{
	margin-left: 80px;
	word-wrap: break-word;
}

#content .thumbnail
{
	background: #fff;
	border-radius: 6px;
	float: left;
	position: relative;
	text-align: center;
	width: 60px;
}

#content .thumbnail.huge
{
	width: 332px;
	float: none;
	margin: 0 auto;
}

#content .member-listing > div
{
	display: inline-block;
	margin: 9px;
	vertical-align: top;
}

#content .thumbnail a
{
	text-decoration: none;
}

#content .online-color
{
	color: #149b02;
}

#content .glow
{
	text-shadow: 4px 4px 8px #fff, -4px 4px 8px #fff, 4px -4px 8px #fff, -4px -4px 8px #fff;
}

#content .online-bullet,
#content .online-bullet:hover
{
	color: #149b02;
}

#content .thumbnail .online-bullet
{
	font-size: 32px;
	left: -5px;
	position: absolute;
	top: -9px;
}

#content .thumbnail .smalltext
{
	font-family: "American Typewriter";
	font-size: 12px;
	letter-spacing: -0.5px;
}

#content .thumbnail.huge .smalltext
{
	font-size: 18px;
}

#content .info-box
{
	background: #c9c8c8;
	border: 1px solid #c9c8c8;
	border-radius: 4px;
	display: inline-block;
	font-size: 14px;
	margin-right: 10px;
	padding: 4px 12px;
	width: 90%;
	color: #244668;
}

#content .info-box .online-bullet
{
	font-size: 18px;
	margin-right: 5px;
}

#content .thumbnail img
{
	border-radius: 3px;
	height: 60px;
	width: 60px;
}

#content .thumbnail.huge img
{
	height: 249px;
	width: 332px;
	margin-bottom: 5px;
}

#content .thumbnail .popover-content
{
	width: 230px;
}

#content .thumbnail .im-chat
{
	margin-top: 3px;
}

#content .well
{
	display: inline;
	margin-left: 10px;
	padding: 3px;
	font-size: 10.5px;
	color: #999;
}

#content .well:before,
#content .well:after
{
	content: '"';
}

#content .default_comment_area .well a,
#content .highlight_comment_area .well a
{
	color: #999;
}

#content .options
{
	width: 75%;
	position: absolute;
	bottom: 5px;
	right: 5px;
}

#content .options form
{
	margin: 0;
}

#content .options .love-txt
{
	float: right;
	padding: 0 5px;
	background: #f5f5f5;
	line-height: 21px;
}

/* INFO LEGEND */

#content .recording_play_link,
#content .singing_play_link
{
	font-weight: bold;
	padding-left: 18px;
}

#content .recording_play_link
{
	background: url("http://media.singsnap.com/assets/control_record.png") left 50% no-repeat;
}

#content .singing_play_link
{
	background: url("http://media.singsnap.com/assets/microphone.gif") left 50% no-repeat;
}

/* RECORDING */

#content #container
{
	float: left;
	height: 476px;
	width: 357px;
	background-image: url("http://songs.singsnap.com/images/player_background.png");
}

#content #container #playarea
{
	position: relative;
	float: left;
	height: 476px;
	width: 357px;
}

#content #popOutInfo
{
	position: relative;
	top: 9px;
	color: #fff;
	padding: 2px 6px;
	margin-right: 25px;
	float: right;
	background-color: #153254;
	border-radius: 5px;
}

#content #popOutInfo a
{
	color: #fff;
	text-decoration: none;
}

#content #info
{
	height: 458px;
	margin-top: 17px;
}

#content #info .results input,
#content #info .results select
{
	padding: 0 3px;
	margin: 0;
	font-size: 12px;
}

#content #info .results select
{
	padding-right: 0;
	height: 20px;
	width: auto;
}

#content #info .results tr td:first-child
{
	font-weight: bold;
	text-align: right;
}

#content #info .results p,
#content #info .results form
{
	display: inline;
}

#content .invisible
{
	height: 0;
}

/* INFO LEGEND */

#content .legend dt
{
	width: 50px;
	float: left;
	text-align: center;
}

#content .legend dd
{
	height: 22px;
	font-size: 10.5px;
}

/* SING LIST */

#content #sing-list
{
	width: 184px;
	border: 1px solid #c8c8c8;
	background-color: #fff;
}

#content #sing-list ul
{
	margin: 0;
	list-style: none;
}

#content #sing-list li
{
	line-height: 1.2em;
	padding: 5px 0;
	border-bottom: 2px solid #c8c8c8;
	font-size: 10.5px;
	line-height: 1.4em;
}

#content #sing-list .dragger
{
	margin-top: 5px;
	float: left;
	cursor: move;
	padding-right: 2px;
}

#content #sing-list-options
{
	padding: 2px;
	text-align: center;
	background: #dbdbdb;
	font-weight: bold;
	font-size: 12px;
}

#content #sing-list-options a
{
	font-weight: bold;
}

/* RECORDING BROWSE BOXES */

#content .recording
{
	margin-bottom: 15px;
	min-height: 130px;
	padding: 5px;
	background: url("http://media.singsnap.com/assets/default_comment_area_bg.gif") left top repeat-x;
}

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

#content .recording .playlist-entry
{
	vertical-align: top;
}

#content .recording h2 img
{
	margin-left: 3px;
}

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

#content .recording .label
{
	background: #e6e6e6;
	color: #444;
	margin: 2px 0;
	text-shadow: none;
}

#content .recording .one-liner:before,
#content .recording .one-liner:after
{
	content: '"';
}

#content .recording .recording-image
{
	float: left;
	margin: 2px 10px 0 0;
	border: 1px solid #b3c1ca;
	width: 120px;
	height: 90px;
}

#content .recording-play-icon
{
	position: relative;
}

#content .recording-play-icon div
{
	position: absolute;
	top: 71px;
	left: 100px;
}

#content .recording-play-icon .see-thru
{
	opacity: .75;
}

/* AUTO COMPLETE SEARCH */

.ui-autocomplete-loading
{
	background: #fff url("http://media.singsnap.com/assets/ajax.gif") right center no-repeat;
}

.ui-autocomplete
{
	background: #f4f6f9 top left no-repeat;
}

.ui-autocomplete .ui-menu-item a
{
	font-family: Verdana;
	font-size: 14px;
	text-align: left;
	color: #444;
	padding: 0 3px;
}

/* TAG CLOUDS */

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

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

#content .cloud a
{
	margin: 0 10px;
	white-space: nowrap;
	font-weight: bold;
}

#content .cloudsize-1
{
	font-size: 12px;
}

#content .cloudsize-2
{
	font-size: 14px;
}

#content .cloudsize-3
{
	font-size: 17px;
}

#content .cloudsize-4
{
	font-size: 21px;
}

#content .cloudsize-5
{
	font-size: 26px;
}

#content .cloudsize-6
{
	font-size: 32px;
}

#content .cloudsize-7
{
	font-size: 39px;
}

/* SPOTLIGHTS */

#content .spotlight
{
	padding: 8px;
}

#content .spotlight-header
{
	background-position: left top;
	background-repeat: no-repeat;
	padding-left: 36px;
}

#content .spotlight-header p
{
	margin-bottom: 5px;
}

#content .spotlight-details p
{
	padding-bottom: 10px;
	min-height: 28px;
}

/* BUTTONS */

#content .love-btn
{
	background-image: url("http://songs.singsnap.com/images/logos/12x12.png");
	background-position: 6px 50%;
	background-repeat: no-repeat;
	padding-left: 22px;
}

#content .btn
{
	font-weight: bold;
	text-decoration: none;
	white-space: nowrap;
}

#content button.btn
{
	outline: none;
}

#content .btn i
{
	margin: 0;
}

#content .options .btn,
#content .options .btn-group
{
	float: right;
}

#content .options .btn
{
	margin-left: 5px;
}

#content .options .btn-group li a
{
	font-size: 10.5px;
	text-decoration: none;
}

#content .spotlight .btn
{
	margin-top: -20px;
	float: right;
}

/* PAGINATION */

#content .pagination-wrap
{
	min-height: 23px;
	background: #e6e6e6;
	padding: 8px 0;
	margin-bottom: 15px;
	clear: both;
}

#content .pagination-wrap a
{
	text-decoration: none;
}

#content .pagination-wrap .pagination-links
{
	float: left;
	text-align: center;
	width: 700px;
	font-size: 12px;
	font-weight: bold;
}

#content .pagination-wrap .pagination-links.wide
{
	width: 100%;
}

#content .pagination-wrap > span
{
	width: 150px;
}

#content .pagination-wrap .pagination-links span
{
	font-size: 18px;
	color: #f95d09;
	vertical-align: -1px;
}

#content .pagination-wrap .pagination-links a
{
	margin: 0 2px;
	font-weight: bold;
}

#content .pagination-wrap .pagination-previous,
#content .pagination-wrap .pagination-next
{
	width: 50px;
	text-transform: uppercase;
	font-family: "Trebuchet MS", sans-serif;
	font-size: 16px;
	line-height: 23px;
	font-weight: bold;
}

#content .pagination-wrap .pagination-previous
{
	float: left;
	padding: 0 56px 0 14px;
}

#content .pagination-wrap .pagination-next
{
	float: right;
	padding: 0 24px 0 46px;
}

#content .pagination-wrap .step
{
	width: auto;
}

#content .pagination-wrap a.pagination-next.step
{
	color: #f95d09;
	padding: 0 14px 0 56px;
}

#content .pagination-wrap + .pagination-wrap
{
	border-top: 1px solid #dcdcdc;
	margin-top: -15px;
}

#content .pagination-wrap .current:after
{
	content: "\00a0\00bb";
}

#content .pagination-wrap .current:before
{
	content: "\00ab\00a0";
}

#content .pagination-wrap .current.page:before
{
	content: "\00ab\00a0Page\00a0";
}

/* ALERTS, NOTICES */

#content .message.alert,
#content .message.notice,
#content .message.info
{
	color: #fff;
	padding: 10px 10px 10px 60px;
	font-size: 18px;
	font-weight: bold;
	line-height: 28px;
	margin-bottom: 15px;
	border: none;
	text-shadow: none;
	border-radius: 4px;
}

#content .message.alert span,
#content .message.notice span,
#content .message.info span
{
	display: block;
	font-size: 12px;
	line-height: 16px;
	font-weight: normal;
}

#content .message.alert a,
#content .message.notice a,
#content .message.info a
{
	color: #fff;
}

#content .message.alert
{
	background: #f95d09 url("http://media.singsnap.com/assets/alert.gif") no-repeat 0 50%;
}
.secure #content .message.alert {background-image: url("https://www.singsnap.com/images/secure/alert.gif");} /* https */

#content .message.notice
{
	background: #3b9634 url("http://media.singsnap.com/assets/notice.gif") no-repeat 0 50%;
}
.secure #content .message.notice {background-image: url("https://www.singsnap.com/images/secure/notice.gif");} /* https */

#content .message.info
{
	background: #488bb3 url("http://media.singsnap.com/assets/info.gif") no-repeat 0 50%;
}
.secure #content .message.info {background-image: url("https://www.singsnap.com/images/secure/info.gif");} /* https */

/* BUTTON BOX LINKS */

#content .button-box
{
	height: 31px;
	margin: 5px 0 15px 0;
	padding: 3px 0;
}

#content .button-box p a,
#content .button-box p span
{
	border-radius: 7px;
	color: #444;
	display: block;
	font-weight: bold;
	line-height: 31px;
	padding: 0 0 0 37px;
	text-align: left;
	text-decoration: none;
}

#content .button-box p a:hover
{
	color: #f95d09;
}

/* TABLES */

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

#content .center,
#content .results th.center
{
	text-align: center;
}

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

#content .results th.sorted,
#content .results td.nowrap
{
	white-space: nowrap;
}

#content .results audio
{
	height: 0;
	width: 0;
}

#content .results th.sorted .icon-chevron-up,
#content .results th.sorted .icon-chevron-down
{
	margin-right: 3px;
	vertical-align: text-top;
}

#content .results td a
{
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	hyphens: auto;
}

#content .results form
{
	margin: 0;
}

#content .results th
{
	background: #406c97;
	color: #fff;
	text-align: left;
}

#content .results .main
{
	width: 100%;
}

#content .results .left-icon
{
	background-position: 6px 50%;
	background-repeat: no-repeat;
	padding-left: 44px;
}

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

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

#content .results .checkbox-in-list
{
	margin: 0 5px;
}

#content .results caption
{
	text-align: left;
	margin-bottom: 3px;
}

#content .results caption > span,
#content .results caption a
{
	background: #f2f2f2;
	border-left: 1px solid #c9c8c8;
	border-right: 1px solid #c9c8c8;
	border-top: 1px solid #c9c8c8;
	font-size: 10.5px;
	font-weight: bold;
	margin-left: 25px;
	padding: 3px 15px 6px 15px;
}

#content .results caption a
{
	color: #444444;
	text-decoration: none;
}

#content .results caption a > span
{
	text-decoration: underline;
}

#content .results caption a > span:hover
{
	text-decoration: none;
}

#content .results .multiple-boxes td
{
	background: #e6e6e6;
}

#content .results .multiple-boxes .arrows
{
	text-align: center;
	padding: 0;
	width: 40px;
}

#content .results .multiple-boxes .arrows a
{
	display: block;
	text-decoration: none;
}

#content .results .multiple-boxes select
{
	margin: 0 5px 0 0;
	font-size: 12px;
	width: auto;
}

#content .results.boxed
{
	border: 1px solid #c8c8c8;
}

#content .results.boxed tbody td
{
	background-position: 6px 50%;
	background-repeat: no-repeat;
	padding-left: 28px;
}

#content .results.boxed tbody td p
{
	margin-left: -22px;
}

#content .results.boxed tfoot td
{
	padding: 2px;
	text-align: right;
	background: #dbdbdb;
}

#content .results.boxed tfoot td a
{
	text-decoration: none;
	color: #f95d09;
	font-weight: bold;
}

#content .results .intro-image-wrapper
{
	float: left;
	height: 76px;
	width: 94px;
	line-height: 74px;
	background: #e6e6e6;
	text-align: center;
	margin-right: 10px;
	border-radius: 5px;
}

#content .results .intro-image
{
	max-height: 60px;
	max-width: 80px;
}

#content .results .intro-text
{
	margin-left: 104px;
	max-width: 500px;
}

/* PAGE TABS */

#content .tabbable
{
	margin-top: 25px;
	margin-bottom: 15px;
}

#content .row + .tabbable
{
	margin-top: 15px;
}

#content .nav-tabs li
{
	margin-bottom: -1px;
}

#content .nav-tabs .active a
{
	background: #f5f5f5;
	font-size: 16px;
	font-family: "Trebuchet MS", sans-serif;
	font-weight: bold;
	color: #244668;
	text-decoration: none;
}

#content .nav-tabs
{
	margin-bottom: 0;
}

#content .tab-content
{
	background: #f5f5f5;
	background-image: linear-gradient(to top, #FFFFFF 0%, #f5f5f5 100%);
	padding: 15px 25px 0 25px;
	border-left: 1px solid #ddd;
}

#content .tabs-left .nav-tabs
{
	margin-right: 0;
}
#content .tabs-left .tab-content
{
	padding: 15px 25px 0 25px;
	border-top: 1px solid #ddd;
	border-left: none;
}

/* FOOTER */

#footer
{
	padding: 10px 0;
	margin-top: 50px;
	background: #f2f2f2;
	border-top: 1px solid #c9c8c8;
	border-bottom: 1px solid #c9c8c8;
}

#footer p,
#footer a
{
	font-family: "Open Sans";
	font-size: 12px;
	font-weight: bold;
	color: #717171;
}

#footer p img
{
	vertical-align: text-top;
}

/* MISCELLANEOUS */

#content .typeahead li
{
	margin-bottom: 0;
	padding: 0 5px;
}

#content .typeahead a
{
	border-radius: 5px;
	color: #444;
	font-size: 14px;
	padding: 2px 5px;
	text-decoration: none;
}

#content .typeahead .active a
{
	background-color: #6d6d6d;
	background-image: none;
	color: #fff;
}

#content .image-box
{
	margin-top: 10px;
	padding-right: 15px;
}

#content .image-box:nth-of-type(1)
{
	margin-top: 5px;
}

#content .image-box img
{
	background: #666;
	padding: 5px;
}

#content .image-box p
{
	margin-top: 3px;
	background: #666;
	color: #fff;
	padding: 5px;
}

#content .soft-shadow
{
	box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}

#content .hard-shadow
{
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.6);
}

#content .boxed-content
{
	margin-bottom: 30px;
	background: transparent url("http://songs.singsnap.com/images/css/highlight_comment_area_bg.gif") 0 30px repeat-x;
}

#content .own-recording
{
	background-image: url("http://songs.singsnap.com/images/css/highlight_comment_area_bg.gif");
}

#content .boxed-content h2
{
	color: #fff;
	background: #406c97;
	margin: 5px 0 0 0;
	padding: 5px 15px;
	font-weight: bold;
}

#content .boxed-content .inner
{
	background-position: right top;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	min-height: 80px;
	padding: 10px 15px 0 15px;
	margin-top: 0;
	border: 1px solid #c8c8c8;
}

#content .boxed-content .inner p:first-child
{
	font-weight: bold;
}

#content .boxed-content .inner p:first-child img
{
	width: 180px;
	float: right;
	margin: 0 0 5px 5px;
}

#content .floated-background p:first-child
{
	margin-right: 225px;
}

#content .floated-background p:nth-child(2)
{
	margin-right: 170px;
}

.responsive-only
{
	display: none;
}

#content .desktop-only
{
	display: static;
}

#content .label-duet
{
	background-color: #800080;
}

#content .label-hot
{
	background-color: #ff40ff;
}

#content a.label
{
	text-decoration: none;
}

#content div.alert
{
	color: #444;
}

#content div.alert-error p.center
{
	margin-bottom: 0;
}

#content .alert-info
{
	background: #406c97;
	border-color: #406c97;
}

#content .alert-info h2,
#content .alert-info p,
#content .alert-info a
{
	color: #fff;
	text-shadow: 0 1px 0 rgba(68, 68, 68, 0.5);
}

#content blockquote,
#content blockquote p
{
	font-size: 12px;
}

#content .typeahead li
{
	margin-bottom: 0;
	padding: 0 5px;
}

#content .typeahead a
{
	border-radius: 5px;
	color: #444;
	text-decoration: none;
}

#content .typeahead .active a
{
	color: #fff;
	background-color: #406c97;
	background-image: none;
}

#content .grid-bbcode
{
	margin: 0 auto;
}

#content .grid-bbcode-item
{
	margin: 5px;
	float: left;
}

#content .affix
{
	top: 5px;
}

#content .nav-list-container
{
	background: #e6e6e6;
	padding-top: 10px;
	padding-bottom: 10px;
	border-radius: 5px;
	width: 300px;
}

#content .nav-list-container h2
{
	text-align: center;
	font-size: 24px;
	line-height: 26px;
}

#content .nav-list-container .nav-list li
{
	margin-top: 0;
	margin-bottom: 2px;
}

#content .nav-list-container .nav-list a
{
	margin-left: 0;
	font-size: 10.5px;
}

#content .nav-list-container .nav-list a:hover
{
	background: none;
}

#content .nav-list-container .nav-list strong a
{
	font-size: 14px;
}

#content code
{
	color: #444;
}

#content .embed-container,
#content .embed-container div
{
	display: inline;
}

#content .smalltext .trinket
{
	width: 12px;
	height: 12px;
}

#content .ajax-image
{
	padding: 0;
	border: 0;
	width: 16px;
	height: 16px;
	outline: none;
}

#IMDisplay
{
	border: 1px solid #ccc;
	color: #555;
	height: 300px;
	width: 606px;
	overflow: hidden;
	padding: 4px 6px;
	background: #fff;
	border-radius: 3px;
}

#content .achievement-badge-container.small
{
	display: inline-block;
	height: 140px;
	width: 140px;
	vertical-align: top;
}

#content .achievement-badge
{
	margin: 0 auto;
	margin-bottom: 20px;
	position: relative;
}

#content .achievement-badge.large
{
	max-height: 187.5px;
	max-width: 250px;
}

#content .achievement-badge.medium
{
	max-height: 112.5px;
	max-width: 175px;
}

#content .achievement-badge.small
{
	max-height: 75px;
	max-width: 100px;
}

#content .achievement-badge img
{
	border-radius: 10px;
	position: relative;
}

#content .achievement-badge span
{
	font-family: Carbon;
	font-size: 30px;
	line-height: 1em;
	left: 15px;
	margin: 0;
	position: absolute;
	text-shadow: 2px 2px 4px #000, -2px 2px 4px #000, 2px -2px 4px #000, -2px -2px 4px #000;
	top: 12px;
}

#content .achievement-badge.medium span
{
	font-size: 26px;
}

#content .achievement-badge span:last-child
{
	bottom: 0;
	left: auto;
	right: 0;
	top: auto;
}

#content .achievement-badge.large span:last-child
{
	font-size: 20px;
	right: 5px;
}

#content .achievement-badge.medium span:last-child
{
	bottom: -15px;
	font-size: 18px;
	right: 5px;
}

#content .achievement-badge.small span:last-child
{
	font-size: 14px;
}

#content .achievement-level-up
{
	bottom: 351px;
	position: fixed;
	right: 30px;
}

#content .achievement-level-up span
{
	font-family: Verdana;
	vertical-align: top;
	width: 290px;
}

#content .achievement-description
{
	min-height: 26px;
}

#content .img-polaroid.img-rounded
{
	border-radius: 10px;
}

#content .artist-bio img
{
	width: 190px;
	margin: 10px;
}

#content .artist-bio h2
{
	margin-top: 10px;
}

#content .new-badge-notification
{
	position: fixed;
	left: auto;
	top: auto;
	right: 20px;
	bottom: 20px;
}

#content .new-badge-notification .modal-header
{
	background: #5989b6;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

#content .new-badge-notification .modal-body
{
	background: #f4f6f9;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}

#content .new-badge-notification .modal-header h2
{
	color: #fff;
	text-shadow: 0 1px 0 rgba(68, 68, 68, 0.5);
}

#alerts .alert-block p
{
	color: #444;
}

#content .number-box
{
	background: #fff;
	border: 1px solid #ddd;
	color: #f95d09;
	line-height: 24px;
	padding: 1px 3px;
}