*
{
        padding: 0;
        margin: 0;
}

img
{
        border: none;
}

body
{
        text-align: center;
        font-family: Verdana, sans-serif;
        line-height: 1.4em;
        font-size: 14px;
        color: black;
        background: #FFFFFF url(http://www.assets.graphics4myspace.com/Background_Graphics/Music/33450.gif) no-repeat right top;
}

#background
{
        background: transparent url(ttp://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
{
        display: none;
}

#toparea #notification_area p
{
        display: none;
}

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

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

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

#toparea ul
{
        margin-top: 50px;
        list-style: none;
        float: right;
}


#toparea ul li
{
        background: transparent url(ttp://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
{
        background: transparent url() no-repeat left top;
        text-transform: uppercase;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: black;
        text-decoration: none;
        line-height: 20px;
        display: block;
}

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

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

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

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

#toparea ul li#current_top a
{
        background: transparent url() no-repeat left top;
        color: black;
}

#toparea ul li
{
        background: transparent url(ttp://songs.singsnap.com/images/css/tab-off-right.gif) no-repeat top right;
        height: 40px;
        float: left;
        text-align: center;
        margin-left: 3px;
}

#toparea ul li a
{
        float: left;
        background: transparent url(ttp://songs.singsnap.com/images/css/tab-off-left.gif) no-repeat top left;
        position: relative;
        text-transform: uppercase;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 14px;
        font-weight: bold;
        color: black;
        text-decoration: none;
        line-height: 36px;
        display: block;
}

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

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

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

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

#submenu ul
{
        height: 20px;
        padding-right: 8px;
        background: transparent url(ttp://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: black;
        text-decoration: none;
        line-height: 20px;
        display: block;
}

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

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

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

#logo
{
        display: none;
}

#content
{
        padding-top: 15px;
}

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

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

#content p
{

        margin-bottom: 15px;
}

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

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

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

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

.notice
{
        background: transparent url(ttp://songs.singsnap.com/images/css/notice.gif) no-repeat left top;
}

.info
{
        background: transparent url(ttp://songs.singsnap.com/images/css/info.gif) no-repeat left top;
}

.odd
{
        background-color: transparent;
}

.even
{
        background-color: transparent;
}

a:link, a:visited
{
        color: black;
}

a:hover
{
        color: black;
        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 black;
}

#content .results th
{
        background: transparent url('ttp://challengeforallstars.com/albums/BrotherGary/images/old-sneakers-bg.jpg') repeat;
        color: black;
        white-space: nowrap;
}

#content .results th a
{
        color: black;
        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 black;
}

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

#content .results_small th
{
        background: transparent;
        color: black;
        white-space: nowrap;
}

#content .results_small th a
{
        color: black;
        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 black;
}

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

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

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

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

caption
{
        text-align: left;
}

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

.tiny
{
        font-size: 10px;
}

.unread, .highlight
{
        background: transparent;
}

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(/images/button-right-sm.gif) no-repeat right top;
}

.button-box p
{
        line-height: 37px;
        background: transparent url(/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:black;
        padding-left: 37px;
}

.button-box p a:hover
{
        color: black;
}



/* PAGINATION */

.pagination_wrap
{
        background: transparent;
        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: black;
        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: black;
        background: transparent url(ttp://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: black;
        background: transparent url(ttp://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:
        text-align: center;
        height: 75px;
}

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

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

#recording_step_forward
{
        float: right;
        background: transparent url(ttp://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: black;
}

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

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

.intro
{
        padding: 10px;
        min-height: 120px;
        background-color:
        background-position: 600px 10px;
        background-repeat: no-repeat;
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        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: transparent url(ttp://songs.singsnap.com/images/default_comment_area_bg.gif) left top repeat-x;
}

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

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

.highlight_comment_area
{
        background: transparent url(ttp://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 black;
        background: transparent;
}

.standard-form legend
{
        padding: 2px 10px;
        margin-left: 15px;
        color: black;
        background: transparent;
        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: black;
        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: #000000;
}

.standard-form .button, .standard-form .button-inline, .multiple-boxes-form .button
{
        border: 2px solid black;
        background: transparent;
        color: black;
        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: transparent;
        color: black;
        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:
        border: 1px solid black;
}

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

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

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

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

#footer
{
        display: none;
}

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

#footer a
{
        color: black;
}

#footer a:hover
{
        color: black;
}

#footer img
{
        display: none;
}

.menu_box
{
        border: 1px solid black;
        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*/

.see_thru {
        opacity: .75;
        filter: alpha(opacity=75);
}

.very_see_thru {
        opacity: .05;
        filter: alpha(opacity=05);
}

.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: black;
        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;
        align: top;
}

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

.frontpage legend
{
        padding: 2px 10px;
        margin-left: 4px;
        color: #fff;
        background: transparent;
        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
{
        display: none;
}

#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: black;
        font-size: 10px;
}

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


#playlist #prev-area a
{
        float: left;
        background: transparent url(ttp://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: transparent url(ttp://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
{
        display: none;
}

.ajax-pagination
{
        clear: both;
        background: transparent;
        padding: 8px 0;
        margin-bottom: 15px;
}

.ajax-pagination a
{
        text-decoration: none;
}

.ajax-pagination a:hover
{
        text-decoration: underline;
}

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

.ajax-pagination .links span
{
        font-size: 18px;
        color: black;
        margin: 0 3px;
}

.ajax-pagination .links a
{
        margin: 0 2px;
}

.ajax-pagination .prevnext
{
        width: 80px;
        color: black;
}

.ajax-pagination .prevnext a
{
        text-transform: uppercase;
        font-family: "Trebuchet MS", Helvetica, sans-serif;
        font-size: 16px;
        font-weight: bold;
}

.ajax-pagination .prev
{
        float: left;
        padding-left: 66px;
        margin-left: 4px;
        background: transparent url(/images/prev_bg.gif) left 50% no-repeat;
}

.ajax-pagination .next
{
        float: right;
        padding-right: 66px;
        margin-right: 4px;
        background: transparent url(/images/next_bg.gif) right 50% no-repeat;
        text-align: right;
}