html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend {
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
margin:0;
padding:0;
vertical-align:top;
}

body, div, span, h1, h2, h3, h4, h5, h6, p, 
blockquote, a, em, font, strike, strong, 
sub, sup, dt, dd, li, label, legend, th, td, 
textarea, input
{
    font-family: Arial, Verdana, Sans-Serif;
}

body {
    background:white none repeat scroll 0 0;
    color:#333333;
    line-height:1;
    background: #fff url('images/SiteBG.gif') repeat-x scroll left top;
}


/* Style for header, middle, and footer of page */
.CenterTop, .CenterMiddle {
    /* margin-left: 156px; */
    margin: 0 auto;
    width: 1055px;
    height: 116px;
}

.CenterMiddle {
    height: auto;
}

div#HeaderTitle {
    margin: 0px;
    width: 100%;
    padding: 0px;
    color: #000;
    font-size: 12px;
    line-height: 16px;
    background: url('images/HeaderBG.gif') no-repeat scroll left top;
    float: left;
}

.buy-now, .contact, .memberText, .memberText2, .memberJoin {
    height: auto;
    padding: 17px 0px;
    text-align: right;
    width: 254px;

    border:0 none;
    text-transform: uppercase;
    font-size: 12px;
    color: #65931b;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    float: left;
}

.contact {
    width: 98px;
}

.memberText, .memberText2, .memberJoin {
    width: 128px;
    color: #000000;
}

.memberText2 {
    width: 150px;
    padding: 6px;
    text-transform: none;
}

.memberLogin, .memberLogin2 {
    margin: 13px;
    font-size: 12px;
    text-transform: uppercase;
}

.memberLogin2 {
    margin: 13px;
}

.memberJoin {
    width: 28px;
}

.Content {
 width: 1055px;
    height: auto;
    padding-bottom: 20px;
    background: url('images/BKG_Repeater.gif') repeat-y scroll left top;
    margin: 0;
    vertical-align: baseline;
    border: 0 none;
    line-height: 16px;
    position: relative;
    overflow: hidden;
    float: left;
}

.DisplayContent {
    margin-left: 80px;
    float: left;
}
.DisplayContentVote {
    margin-left: 65px;
    float: left;
}
.DisplayContentVoteComment {
    margin-left: 65px;
}

.topTen, .topTenTitle, .topTenLink, .topTenVote, topTenNum {
    float: left;
    font-size: 14px;
}

.topTen {
    margin-left: 15px;
}

.RegisterInfo, .RegisterInfoList, .ConfirmInfo, .ConfirmInfoSmall, .LoginInfo, .SubmissionComments, .SubmissionImageDiv {
    font-size: 16px;
    line-height: 20px;
    font-weight: bold;
    color: #6b6b6b;
    margin-left: 80px;
    width: 100%;
}

.SubmissionComments {
    color: #65931b;
}

.SubmissionImageDiv {
	padding-top:   5px;
	padding-left: 60px;
}

.SubmissionImageEntry, .SubmissionImagePreview, .MainImageIcon {
    padding-left: 10px;
    padding-right: 20px;
}

.SubmissionImagePreview, .MainImageIcon {
    padding-left: 0px;
    padding-right: 0px;
    width:57px; 
    height:57px;
    border-color			:#65931b;
    border-style			:solid;
    border-top-width		        :1px;
    border-right-width		        :1px;
    border-bottom-width		        :1px;
    border-left-width		        :1px;
}

.MainImageIcon {
    width:30px; 
    height:30px;
}

.FlagIcon {
}

.noBorderImg {
    border: 0px;
}

.termsDetails {
    font-size: 12px;
    font-weight: normal;
}

div#TermsList {
    padding-left:30px;
    margin-left: 60px;
    width: 500px;
    float: left;
}

div#TermsList ol li {
    list-style-type:decimal;
    list-style-position: outside;
    font-size: 12px;
    line-height:normal;
    padding-bottom: 20px;
}

.hiddenConfig {
    display: none;
    visibility: hidden;
}

.visibleConfig {
    visibility: visible;
}

.MainIntro, .MainIntroList1, .MainIntroList2, .MainIntro2 {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    margin-left: 45px;
    width: 80%;
}

.MainIntro {
	float: left;
	margin-top: -15px;
        width: 60%;
        margin-left: 80px;
        margin-right: 20px;
}

.MainIntro2 {
	float: left;
        margin-left: 80px;
	margin-top: 20px;
        line-height: 20px;
}

.MainIntroList1, .MainIntroList2 {
    line-height: 20px;
    list-style-type: none;
    list-style-position: outside; 
    list-style-image: url(images/bullet3.gif);
}

.MainIntroList2 {
    list-style-image: none;
    margin-left: 85px;
}

.ConfirmInfoSmall {
    font-size: 12px;
}

.RegisterInfoList {
    margin-left: 75px;
}

.LoginInfo {
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
}


.InputTitle, .SubmissionInputTitle, .SubmissionInputTitleWarning, .SubmissionInputTitleGreen, .InputBox, .JoinPreference, .SubmissionInputTitlePreview, .SubmissionInputTitlePreviewVote, .ResetTitle, .ResetInputBox, .ResetAdditionalInfo {
    margin-left: 80px;
    padding-bottom: 2px;
    float: left;
    clear: both;
    width: 300px;
}

.ResetAdditionalInfo {
    margin-top: 10px;
    font-weight: normal;
    font-size: 12px;
    color: red;
}
.ResetTitle {
    font-weight: normal;
    margin-left: 0px;
}

.ResetInputBox {
    font-weight: normal;
    margin-left: 0px;
}

.VoteLyrics {
    float: left;
    clear: both;
    line-height: 20px;
}

.ArtistLink {
    float: left;
    clear: both;
    font-weight: normal;
    line-height: 20px;
}

.JoinPreference {
    margin-left:  80px;
}

.SubmissionInputTitle, .SubmissionInputTitleWarning, .SubmissionInputTitleGreen, .SubmissionInputBox {
    margin-left: 0px;
    font-weight: normal;
    width: auto;
}

.SubmissionInputTitleGreen {
    color: #65931b;
    width: 700px;
}

.SubmissionInputTitlePreview, .SubmissionInputTitlePreviewVote{
    font-weight: bold;
    margin-left: 0px;
}

.SubmissionInputTitlePreviewVote{
    clear: none;
}

.PreviewClipRangeInfo {
    font-size: 14px;
    font-weight: bold;
    float: left;
    clear: both;
}

.SubmissionInputTitleWarning {
    background-color		        :#ffffcc;
    border-color			:#d40000;
    border-style			:solid;
    border-top-width		        :1px;
    border-right-width		        :3px;
    border-bottom-width		        :1px;
    border-left-width		        :3px;
}

.SubmissionCheckboxLabel, .SubmissionCheckboxLabelWarning {
    font-weight: normal;
    margin-left: 0px;
}

.SubmissionCheckboxLabelWarning {
    background-color		        :#ffffcc;
    border-color			:#d40000;
    border-style			:solid;
    border-top-width		        :1px;
    border-right-width		        :3px;
    border-bottom-width		        :1px;
    border-left-width		        :3px;
}

.submissionLyricsInput {
    font-size: 12px;
}
.submissionLyricsInputPost {
    font-size: 12px;
    float: left;
    clear: both;
}

.JoinLabelTop, .JoinLabelBottom {
    font-size: 12px;
    font-weight: bold;
    float: left;
}

.JoinLabelBottom {
    margin-top: -5px;
    font-style: italic;
    font-weight: normal;
}

.joinButton, .projectHomeButton {
    margin-left: 80px;
    font-size: 12px;
    float: left;
    clear: both;
}

.cancelButton {
    margin-left: 80px;
    font-size: 12px;
    float: left;
}

.TopCap, .BottomCap {
    width: 1055px;
    height: 20px;
    background: url('images/TopCapBG3.gif') no-repeat scroll left top;
    margin-top: 0px;
    float: left;
    vertical-align: baseline;
    padding: 0;
    line-height: 16px;
    position: relative;
    z-index: 1;
}

.BottomCap {
    height: 20px;
    background: url('images/BottomCapBG.gif') no-repeat scroll left top;
    margin: 0;
    margin-bottom: -20px;
    border: 0 none;
}

div#Banner {
    height: 134px;
    margin-left: 45px;
    margin-top: 0px;
    width: 959px;
    clear: both;
}

div#Footer
{
    margin-left: 38px;
}



.Logo
{
    border:0 none;
    width: 246px;
    height: 116px;
    overflow: hidden;
    float: left;
}

.column1 {
    height: auto;
}
.column2 {
    height: auto;
    width: 100%;
}

.column1Login {
    height: auto;
    float: left;
    clear: both;
}

.noticeSummary {
    height: auto;
    float: left;
    clear: both;
}

.leftSide, .leftSideLogin {
	width: 400px;
	float: left;
}

.leftSideSub {
	width: 60px;
	float: left;
}
.rightSideSub {
	width: 300px;
	float: left;
}

.leftSideLogin {
	margin-left: 65px;
}

.leftInfo {
	width: 700px;
	float: left;
}

.rightSide {
	width: 450px;
	float: left;
}
.rightSideVote {
	width: 600px;
	float: left;
}

.TextTitle, .TextTitleSub, .TextTitleTerms, .TextTitleSubVote {
    color: #010101;
    font-size: 38px;
    font-weight: bold;
    line-height: 45px;
    margin-top: 35px;
    margin-bottom: 20px;
    margin-left: 65px;
    border: 0 none;
    padding: 0;
    float: left;
}

.TextTitleSub, .TextTitleSubVote {
    margin-top: 10px;
}

.VoteTitleInfo {
    line-height: 20px;
    font-weight: bold;
    color: red;
}

.CommentHeading, .CommentHeadingPost {
    font-size: 100%;
    font-weight: bold;
    line-height: 20px;
}

.CommentHeadingPost {
    float: left;
    clear: both;
}

.TextTitleSubVote {
    margin-top: 2px;
    margin-bottom: 2px;
}

.TextTitleTerms {
    font-size: 36px;
}

/* Bread Crumb styles */
div#Bread-Crumb
{
    width: 680px;
    height: 35px;
    line-height: 35px;
}

div#Bread-Crumb span
{
    margin: 0px;
    padding: 0px;
    display: block;
    float: left;
    margin-right: 10px;
    margin-left: 60px;
    font-size: 12px;
    font-weight: bold;
    color: #65931b;
}

div#Bread-Crumb ul
{
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    list-style-position: outside;
    float: left;
    width: auto;
}

div#Bread-Crumb ul li
{
    width: auto;
    height: auto;
    float: left;
}

div#Bread-Crumb ul li a
{
    background-position: right center;
    display: block;
    background: url('images/BreadCrumbArrow.gif') no-repeat scroll right center;
    padding-right: 13px;
    margin-left: 5px;
    color: #65931b;
    text-decoration: none;
    font-size: 11px;
}

div#Bread-Crumb ul li a:hover
{
    text-decoration: underline;
}

div#Bread-Crumb ul li a.current
{
    background-image: none;
}





/* Main navigation styles */
div#Navigation .main-nav
{
    /* position: absolute; left: 425px; top: 81px; height: 400px;*/
    margin-left: 15px;
    margin-top: 30px;
    width: auto;
    height: 32px;
}

div#Navigation .main-nav ul
{
    width: auto;
    height: auto;
    float: left;
    list-style-type: none;
    list-style-position: outside;
}

div#Navigation .main-nav ul ul
{
    display: none;
}

div#Navigation .main-nav ul li
{
    display: block;
    width: auto;
    height: auto;
    position: relative;
    float: left;
    margin: 0px 1px;
}

div#Navigation .main-nav ul li a
{
    display: inline;
}

div#Navigation .main-nav ul li a
{
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    color: #262626;
    height: auto;
    font-size: 12px;
    font-weight: bold;
    padding: 9px 12px;
    background-color: #f8f8f8;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #e1e1e1;
}

div#Navigation .main-nav ul li a:hover
{
    background-color: #fff;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #fff;
}

div#Navigation .main-nav ul li a.current
{
    color: #65931b;
    background-color: #fff;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #fff;
}

div#Navigation .main-nav ul li a.first
{
    border-left: none;
}

div#Navigation .main-nav ul li a.last
{
    border-right: none;
}

div#Navigation .main-nav ul ul
{
    margin: 0px;
    padding: 0px;
    width: 214px;
    height: auto;
    padding: 10px 0px 20px 0px;
}

div#Navigation .main-nav ul li:hover ul
{
    display: block;
    position: absolute;
    top: 34px;
    left: -7px;
}

div#Navigation .main-nav ul li:hover ul ul
{
    display: none;
}

div#Navigation .main-nav ul ul li
{
    margin: 0px;
    padding: 0px;
    float: none;
    width: 201px;
    height: auto;
    margin-left: 7px;
}

div#Navigation .main-nav ul ul li a
{
    margin: 0px;
    padding: 0px;
    display: block;
    height: auto;
    width: 190px;
    line-height: normal;
    color: #4b4338;
    text-transform: none;
    border: none;
    padding: 5px 0px;
    margin-left: 10px;
    border: 0px;
    background-color: Transparent;
    text-transform: uppercase;
    font-weight: normal;
}

div#Navigation .main-nav ul ul li a.current
{
    color: #262626;
}

div#Navigation .main-nav ul ul li:hover
{
    background-color: #87b73d;
}

div#Navigation .main-nav ul ul li a:hover
{
    color: #fff;
    background-color: Transparent;
    border: 0px;
}

div#Navigation .main-nav ul ul li:hover ul
{
    display: block;
    position: absolute;
    top: 0px;
    left: 100%;
}

div#Navigation .main-nav ul ul li:hover ul ul
{
    display: none;
}



.crossBar, .crossBarThin, .crossBarSubmit
{
    width: 80%;
    height: auto;
    padding: 0px 0px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #dadada;
    margin-bottom:20px;
    margin-left: 65px;
    margin-right: 65px;
    float: left;
    clear: both;
}

.searchBar {
    margin-top:   -10px;
    padding-bottom: 5px;
    margin-left:  80px;
    float: left;
    clear: both;
    width: 100%;
}

.searchIcon {
    padding-left			:0px;
    padding-right			:0px;
    padding-top				:4px;
    padding-bottom			:0px;
}

.emptyRow, .emptyRow100 {
    width: 80%;
    height: 10px;
    padding: 0px 0px;
    float: left;
    clear: both;
}

.emptyRow100 {
    width: 80%;
}

.lyricsStyle {
    font-size: 12px;
}

.crossBarThin {
}

.crossBarSubmit {
    margin-bottom:8px;
}

.submitInstructions, .submissionFormInstructions, .loginFormInstructions
{
    width: 90%;
    height: auto;
    padding: 0px 0px;
    margin-bottom: 8px;
    margin-left:  65px;
    margin-right: 65px;
    float: left;
    clear: both;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

.loginFormInstructions
{
    font-weight: normal;
    margin-left:  0px;
}

.submitInstructionGraphic {
    width: 250px;
    float: left;
}

.submitInstructionText {
    width: 500px;
    float: left;
    line-height: 20px;
    margin-top: 30px;
}

.indentedPara { text-indent: -1em; margin-left: 1em; } 

/* Footer info */
div#Info
{
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 179px;
    background: url('images/FooterBG.gif') repeat-x scroll left top;
    margin-top: 30px;
    float: left;
    clear: both;
}
div#Info #SocialLinks
{
    margin: 0px auto;
    padding: 0px;
    width: 555px;
    height: 179px;
    background: url('images/SocialNetworkBG.gif') no-repeat scroll left top;
    clear: both;
}

div#Info #SocialLinks a
{
    display: block;
    float: left;
    width: 41px;
    height: 41px;
    margin-top: 53px;
}

div#Info #SocialLinks a.twitter
{
    margin-left: 286px;
}

div#Info #SocialLinks a.blog
{
    margin-left: 23px;
}

div#Info #SocialLinks a.facebook
{
    margin-left: 23px;
}

div#Info #SocialLinks a.youtube
{
    margin-left: 23px;
}



/* Validation error message plus informational message styles */
.errorMessage, .infoMessage {
    padding-left			:10px;
    padding-right			:10px;
    padding-top				:8px;
    padding-bottom			:8px;
    background-color		        :#ffffcc;
    border-color			:#d40000;
    border-style			:solid;
    border-top-width		        :1px;
    border-right-width		        :3px;
    border-bottom-width		        :1px;
    border-left-width		        :3px;
}

.infoMessage {
    background-color		        :#d6e6bc;
    border-color			:#5d8916;
}

.indentMessage {
    float: left;
    clear: both;
    position: relative;
    left: 70px;
    right: 10px;
    width: 80%;
    border: 0px;
    border-spacing: 0px;
    margin: 0px;
    padding: 0px;
}


.welcomeTop, .welcomBottom {
    height: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align: top;
    border-collapse: collapse;
}

.welcomeBottom {
    margin-top: -25px;
}

.leftImage {
    margin-left: 80px;
    float: left;
    height: 150px;
    width: 150px;
}

.pictureText {
   padding-left: 20px;
   width: 450px;
   font-size: 12px;
   float: left;
}

.pictureTextIntro {
   font-weight: bold;
   font-size: 12px;
}

.topTextIntro, .topTextIntroStrong, .topTextIntroThin {
   font-weight: normal;
   font-size: 16px;
}
.topTextIntroStrong {
   font-weight: bold;
}

.topTextIntroThin {
   font-size: 12px;
   line-height: 1.2em;
   margin-top: 10px;
}

.greenH {
    padding-top: 10px;
    padding-bottom: 10px;
    color: #65931b;
    font-size: 18px;
    font-weight: bold;
}

.wrapGreenBuy {
	padding-top: 60px;
}

.wrapGreenSubmit {
	padding-top: 5px;
}

.wrapGreenSubmit1 {
	padding-top: 15px;
	padding-left: 85px;
}

.greenButtonBuy, .greenButtonSubmitPreview, .greenButtonConfirm, .greenButtonBackSubmission, .greenButtonCancel, .greenButtonCancelVote, .greenButtonLoginToVote, .greenButtonRegister {
    background: transparent url(images/ButtonImageBG.gif) no-repeat scroll center top;
    color: #FFFFFF;
    display: inline;
    font-size: 13px;
    height: 45px;
    line-height: 37px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 190px;
    padding: 0;
    vertical-align: baseline;
    float: left;
}

.greenButtonSubmitPreview { 
	margin-left: -80px;
}

.greenButtonRegister        { 
    background: transparent url(images/ButtonImageBG250.gif) no-repeat scroll center top;
    width: 250px; 
    padding-bottom: 10px;
}

.greenButtonConfirm        { 
	margin-left: 48px;
    background: transparent url(images/ButtonImageBG170.gif) no-repeat scroll center top;
	width: 170px; 
}
.greenButtonBackSubmission { 
	width: 300px; 
    background: transparent url(images/ButtonImageBG300.gif) no-repeat scroll center top;
}
.greenButtonCancel         { 
    background: transparent url(images/ButtonImageBG170.gif) no-repeat scroll center top;
	width: 170px; 
}
.greenButtonCancelVote     { 
	margin-left: 48px;
    background: transparent url(images/ButtonImageBG170.gif) no-repeat scroll center top;
	width: 170px; 
}
.greenButtonLoginToVote        { 
	margin-left: 48px;
    background: transparent url(images/ButtonImageBG170.gif) no-repeat scroll center top;
	width: 170px; 
}

.countdownArea {
}

.countdownTitle {
    padding-left: 40px;
    margin-top: 10px;
    padding-bottom: 0px;
    line-height: 40px;
    color: #65931b;
    font-size: 22px;
    font-weight: bold;
}

.countdownTiming {
    background: transparent url(images/countdownBG.gif) no-repeat scroll center top;
    color: #65931b;
    font-size: 12px;
    font-weight: bold;
}

.countdownDays, .countdownHours, .countdownMins, .countdownSecs {
    line-height: 50px;
    text-align: right;
    padding-left: 40px;
    font-size: 20px;
}

.countdownDays {
}
.countdownHours {
    padding-left: 25px;
}
.countdownMins {
    padding-left: 25px;
}
.countdownSecs {
    padding-left: 25px;
}

/* use vertical-align baseline for all components within the range widget */
.rangeDiv {
    float: left;
    clear: both;
}
.rangeDiv html { vertical-align:baseline; }
.rangeDiv body { vertical-align:baseline; }
.rangeDiv div { vertical-align:baseline; }
.rangeDiv span { vertical-align:baseline; }
.rangeDiv applet { vertical-align:baseline; }
.rangeDiv object { vertical-align:baseline; }
.rangeDiv iframe { vertical-align:baseline; }
.rangeDiv h1 { vertical-align:baseline; }
.rangeDiv h2 { vertical-align:baseline; }
.rangeDiv h3 { vertical-align:baseline; }
.rangeDiv h4 { vertical-align:baseline; }
.rangeDiv h5 { vertical-align:baseline; }
.rangeDiv h6 { vertical-align:baseline; }
.rangeDiv p { vertical-align:baseline; }
.rangeDiv blockquote { vertical-align:baseline; }
.rangeDiv pre { vertical-align:baseline; }
.rangeDiv a { vertical-align:baseline; }
.rangeDiv abbr { vertical-align:baseline; }
.rangeDiv acronym { vertical-align:baseline; }
.rangeDiv address { vertical-align:baseline; }
.rangeDiv big { vertical-align:baseline; }
.rangeDiv cite { vertical-align:baseline; }
.rangeDiv code { vertical-align:baseline; }
.rangeDiv del { vertical-align:baseline; }
.rangeDiv dfn { vertical-align:baseline; }
.rangeDiv em { vertical-align:baseline; }
.rangeDiv font { vertical-align:baseline; }
.rangeDiv img { vertical-align:baseline; }
.rangeDiv ins { vertical-align:baseline; }
.rangeDiv kbd { vertical-align:baseline; }
.rangeDiv q { vertical-align:baseline; }
.rangeDiv s { vertical-align:baseline; }
.rangeDiv samp { vertical-align:baseline; }
.rangeDiv small { vertical-align:baseline; }
.rangeDiv strike { vertical-align:baseline; }
.rangeDiv strong { vertical-align:baseline; }
.rangeDiv sub { vertical-align:baseline; }
.rangeDiv sup { vertical-align:baseline; }
.rangeDiv tt { vertical-align:baseline; }
.rangeDiv var { vertical-align:baseline; }
.rangeDiv dl { vertical-align:baseline; }
.rangeDiv dt { vertical-align:baseline; }
.rangeDiv dd { vertical-align:baseline; }
.rangeDiv ol { vertical-align:baseline; }
.rangeDiv ul { vertical-align:baseline; }
.rangeDiv li { vertical-align:baseline; }
.rangeDiv fieldset { vertical-align:baseline; }
.rangeDiv form { vertical-align:baseline; }
.rangeDiv label { vertical-align:baseline; }
.rangeDiv legend { vertical-align:baseline; }


#gridContainerComments .dojoxGridHeader { display:none; }