body{background-image:url('../images/body-bg-whole-page.gif');background-repeat:repeat-x;margin:0;margin-top:26px;padding:0;text-align:center;font:normal 11px arial}
*{margin:0;padding:0;}
a{color:#6FADB8;font-weight:bold;text-decoration:underline}
a:hover{text-decoration:none;}
div#bodyWrapper{margin-left:auto;margin-right:auto;text-align:left;width:755px;background-image:url('../images/body-bg-top.gif');background-repeat: no-repeat;}
#bodyFrame{position:relative;width:758px;top:13px;background-image:url('../images/body-bg-left-and-right.gif');background-repeat:repeat-y;}
.clearBoth{clear:both}
.divider5px{height:5px;line-height:5px;}
#contentAreaNoAds{position:relative;width:736px;margin-left:10px;background-color:#fff}
#contentAreaAndLeftRightAds{position:relative;width:736px;margin-left:10px;background-image:url('../images/content-area-and-left-right-bg.gif');background-repeat:repeat-y;}
#leftAdsCol, #rightAdsCol {float:left; width:135px;padding-left:10px;padding-top:10px}
#bodyContent{float:left;width:430px;background-color:#fff;margin-top:15px;padding-left:15px}
#bodyContent ul, #bodyContent ol{margin-left:25px;margin-bottom:15px}
#bodyContent ol li{margin-top:5px;color:#62B5B9;}
#bodyContent ul li{list-style-image: url(../images/blue-bullets.gif);list-style-position: outside;margin-top:5px;color:#5EB7B5}
#bodyContent ul li a, #bodyContent ol li a{color:#6FADB8;font-weight:bold;text-decoration:none}
#bodyContent ul li a:hover, #bodyContent ol li a:hover{text-decoration:underline}
h1{color:#9B9B9B;font:normal 19px helvetica}
h2{color:#9B9B9B;font:normal 16px helvetica}
.headerDividerLine{width:341px;height:13px;background-image:url('../images/header-divider.gif');background-repeat:no-repeat;}
.doubleBlueLineWide{width:736px;height:17px;margin:13px;margin-left:-5px;background-image:url('../images/double-blue-line.gif');background-repeat:no-repeat;}
.noappear {display:none;}
.doNotShowMe {display:none;}
#homeLink{position:absolute;top:25px;left:220px;width:300px;height:85px;cursor:pointer}
.required{color:#D82C71;font:bold 13px arial}
.headphones{float:left;margin-left:-15px;_margin-left:-5px;margin-right:5px}
.dateAdded{font:normal 10px arial;color:#6E7273}
/************ HEADER AREA ******************/
#topNavArea{position:relative;left:10px;width:736px;height:132px;background-image:url('../images/top-nav-bg.gif');background-repeat:no-repeat;}
#homeTab{position:relative;float:left;left:540px;width:46px;height:22px;background-image:url('../images/tab-home.gif');background-repeat:no-repeat;padding-left:15px;padding-top:2px;}
#signInRegisterTab{position:relative;float:left;left:548px;width:126px;height:22px;background-image:url('../images/tab-sign-in-register.gif');background-repeat:no-repeat;padding-left:12px;color:#D5EBEF;padding-top:2px;}
#loggedInTab{position:absolute;float:left;left:0px;width:196px;height:22px;background-image:url('../images/tab-logged-in.gif');background-repeat:no-repeat;padding-left:12px;color:#D5EBEF;padding-top:2px;}
a.navLinks{font:normal 11px arial;color:#D5EBEF;text-decoration:none }
a.navLinks:hover{text-decoration:underline;}
#findWeddingSongsBanner{position:relative;top:20px;left:210px;}
#searchArea{position:absolute;top:35px;left:550px}
#searchInput{position:relative;float:left;margin-left:-8px;}	
#searchGo{position:relative;float:left;margin-left:5px;margin-top:-1px;}		



/************ MAIN NAV ******************/

#mainNavStripe{position:absolute;left:0;top:161px;height:29px;width:100%;background-image:url('../images/main-nav-background.gif');background-repeat:repeat-x;z-index:2}
#mainNavStripeObjects{position:absolute;float:left;z-index:65;width:800px;top:161px;margin-left:20px}
#mainNavStripeObjects div{float:left;left:270px;margin-right:33px;padding-top:5px;font:normal 14px helvetica;color:#fff;}
#mainNavStripeObjects div.divider{width:2px;height:29px;padding-top:0;background-image:url('../images/main-nav-divider.gif');background-repeat:repeat-none;}
/* Dropdown classes and ids */
/* General */
#cssdropdown, #cssdropdown ul {list-style: none;position:absolute;}
#cssdropdown, #cssdropdown * {padding: 0; margin: 0; }

/* Head links */
#cssdropdown li.headlink {float: left;    }
#cssdropdown li.headlink a {display: block;  }

/* Child lists and links */
#cssdropdown li.headlink ul {display: none; text-align: center; background-color: #D82C71;width:228px;}
#cssdropdown li.headlink:hover ul {display: block;}
#cssdropdown li.headlink ul li a {padding: 5px;height: 17px;color:#F8D1E5;font:bold 11px verdana;text-decoration:none;border-top: 1px #F186B1 dotted;}
#cssdropdown li.headlink ul li a:hover {background-color: #F7CDE2; color:#D82C71;}



/************ HOME PAGE ******************/
#homeBanner{width:700px;height:220px;margin-left:10px;background-image:url('../images/home-banner.jpg');background-repeat:repeat-none;padding-left:36px;}
#homeBanner h1 {color:#fff; font: normal 19px arial;padding-top:30px;text-align:center;width:302px}
#homeBanner h2 {color:#fff; font: normal 12px arial;padding-top:10px;text-align:center;width:300px}
#homeBanner h2 a {text-decoration:underline;color:#fff;}
#homeBanner h2 a:hover {text-decoration:none;}
#makeorEditPlaylistNowButton{float:left;text-align:left;margin-left:85px;margin-top:15px;}
#getSuggestionsFromFriendButton{float:left;padding-left:15px;margin-top:15px;}

.viewListGenre{font-size:10px};

/************ LOGIN AND REGISTER PAGES ******************/

#loginLinkLarge,#registerLinkLarge{margin-top:20px;float:left;}
#loginLinkLarge h1,#registerLinkLarge h1{margin-top:20px;*margin-top:0;float:left;}
#loginLinkSmall,#registerLinkSmall{margin-top:26px;float:left;color:#9B9B9B;font:normal 12px helvetica;}
#loginLinkSmall a, #registerLinkSmall a{font:normal 12px helvetica;text-decoration:underline;color:#9B9B9B;}
#loginLinkSmall a:hover, #registerLinkSmall a:hover{text-decoration:none;}
#bluedivider{width:5px;height:21px;margin:20px 5px 0 5px;float:left;background-image:url('../images/small-blue-divider.gif');background-repeat:repeat-none;}
#noThanks{position:relative;float:left;left:180px;margin-top:25px;}
.loginPageForms,.registerPageForms {width:355px;margin:20px 0 0 45px;font:bold 12px arial; color:#66B3BB}
.loginPageForms .loginField,.registerPageForms .registerField{background-color:#ABDFEA; width:240px; height:20px;}
.loginPageForms #loginSubmit,.registerPageForms #registerSubmit{margin:10px 0 10px 186px}
#forgotPassword{font:bold 17px arial;color:#66B4B6;margin-bottom:10px}
.loginPageForms #passwordSubmit{margin:10px 0 10px 132px}
#invalidLoginCredentials {font: normal 18px arial;color:#DC2E75;padding-top:10px;}

/************ MAKE PLAYLIST PAGE ******************/
#bodyContentWide{float:left;width:736px;background-color:#fff;margin-top:15px;padding-left:5px}
.playlistContent{position:relative;float:left;width:585px;padding:20px 0 0 65px;font:bold 12px arial; color:#66B3BB}
.playlistContent h1 {font: bold 15px arial;color:#DC2E75;padding-top:10px}
.playlistContent .songTitle,.playlistContent .artistName, .playlistContent .weddingPortion {position:relative;float:left;width:176px;padding-left:20px}
.playlistContent .fields{background-color:#ABDFEA; width:176px; height:20px;}
.removeSong{position:relative;float:left;width:25px;padding:32px 0 0 0px;}
.playlistDivider{position:relative;width:560px;height:8px;margin-left:65px;background-image:url('../images/playlist-divider.gif');background-repeat:repeat-none;}
#addNewSongSubmit{width:100px;padding-left:500px;margin-top:-11px;}
#editButton{width:100px;padding-left:530px;float:left;}
#myPlaylistButton{width:100px;padding-left:625px;float:left;}
#describeYourWedding{float:left;width:390px;}
#describeYourWedding #describeYourWeddingField{background-color:#ABDFEA; width:386px; height:112px;}
#genre{float:left;width:175px;padding-left:17px;}
#genre #genreField{background-color:#ABDFEA; width:153px; height:19px;}
#nameYourList{width:250px;}
#nameYourList #nameYourListField{background-color:#ABDFEA; width:244px; height:19px;}
#728AdBottom{width:748px;height:90px;background-color:#D6EBF0;margin-left:-5px}


/************ EDIT PLAYLIST PAGE ******************/
.editPlaylistContent{position:relative;float:left;width:685px;padding:20px 0 0 65px;font:italic 12px arial; color:#000}
.editPlaylistContent .songTitle,.editPlaylistContent .artistName, .editPlaylistContent .weddingPortion {position:relative;float:left;width:176px;padding-left:20px}
a.remove{color:#6FADB8;font-style:normal}
a.suggesters{color:#DA2F73;font-style:normal}
.suggesterNameHolder,#originalListHolder{width:731px;padding-top:5px;padding-left:5px;height:18px;background-color:#d5ebef;font:bold 11px verdana;color:#5eb7b5}
.suggestionsIntro{position:relative;float:left;margin:-15px 0 15px 0;font:normal 11px verdana;color:#5EB7B5;text-align:left;line-height:17px}
#titleWrap{position:relative;float:left;margin-top:30px;}
.suggesters{color:#DA2F73}
.playlistContent h1.editPlaylistSubTitle{margin-left:-65px;margin-bottom:0px;margin-top:-30px;font-size:17px;color:#5EB7B5}
				


/************ VIEW PLAYLIST PAGE ******************/
.dropMargin10Pixels{margin-bottom:90px;}
#listTitle{float:left;width:363px;font:bold 15px verdana;color:#5eb7b5}
#rateThisList{float:left;width:40px;font:bold 11px verdana;color:#5eb7b5}
#ratingsBar{float:left;width:280px;font:normal 11px "ms trebuchet";color:#5eb7b5}
#songArtistPortionHeaderLine{width:736px;height:4px;background-image:url('../images/view-list-triple-bar-bg.gif');background-repeat:repeat-none;margin:5px 0 1px 0;}
#songArtistPortionHolder{width:736px;height:24px;background-color:#d5ebef}
#songArtistPortionHolder .cats, #songArtistPortionHolder .catsLast{float:left;width:199px;padding-top:6px;height:24px;text-align:center;font:bold 11px verdana;color:#5eb7b5}
#songArtistPortionHolder .catsLast{width:100px;}
#songArtistPortionHolder .divider{float:left;width:2px;height:24px;background-image:url('../images/view-list-header-divider.gif');background-repeat:repeat-none;}
#songArtistPortionResultsHolder{width:736px;}
#songArtistPortionResultsHolder .results{float:left;width:182px;padding-top:4px;padding-left:15px;height:27px;font:normal 11px verdana;color:#5eb7b5}
#songArtistPortionResultsHolder .resultsLast{float:left;padding-top:4px;padding-left:10px;height:27px;font:normal 11px verdana;color:#5eb7b5}

.dividerHoriz{float:left;width:736px;height:3px;background-image:url('../images/view-list-results-divider-horiz.gif');background-repeat:repeat-none;}
#songArtistPortionResultsHolder .dividerVert{float:left;width:5px;height:31px;background-image:url('../images/view-list-results-divider-vert.gif');background-repeat:repeat-none;}
#viewListDescription{position:relative;float:left;width:410px;height:90px;margin-top:5px;padding:10px 19px;background-image:url('../images/view-list-descript-bg.gif');}
#viewListDescription #title{width:94px;height:20px;background-image:url('../images/view-list-descript-title.gif');}
#viewListDescription #text{width:400px;margin:5px 0;font:normal 11px verdana;color:#62B5B9}
/* bottom two .nav are the links in the pagination portion of description  */
#viewListDescription .nav{margin-top:8px;}
#viewListDescription .nav a {position:relative;padding: 0px 5px;}
/* end pagination portion */
#viewListWeddingType{position:relative;float:left; width:249px;height:90px;margin-top:5px;padding:10px 19px;background-image:url('../images/view-list-wedding-type-bg.gif');}
#viewListWeddingType #title{width:133px;height:20px;background-image:url('../images/view-list-wedding-type-title.gif');background-repeat:none}
#viewListWeddingType #text{width:235px;margin:5px 0;font:normal 11px verdana;color:#62B5B9}
#viewListCommentsTitle{width:253px;height:28px;margin-top:10px;background-image:url('../images/view-list-comments-title.gif');}
.viewListCommentsUserInfo{float:left;width:253px;height:60px;}
.viewListCommentsUserInfo .name{padding-top:5px;padding-left:3px;font:italic 21px Times;color:#D82C71}
.viewListCommentsUserInfo .dateTime{padding-left:3px;padding-top:3px;font:bold 11px verdana;color:#71ADB9}
.viewListUserComments{float:left;font:normal 11px verdana;color:#71ADB9;width:450px;margin-top:10px;}
#viewListWriteComments{float:left;width:253px;height:180px;margin-top:10px);}
#viewListWriteComments #title{position:relative;width:233px;height:20px;margin-top:10px;background-image:url('../images/view-list-write-comments-title.gif');background-repeat:none}
#viewListWriteComments #disclaimer{font:normal 11px verdana;color:#62B5B9;margin-left:10px;margin-top:10px;line-height:15px;}
#viewListWriteCommentsForm{float:left;width:450px;height:210px;margin-top:10px;font:bold 11px verdana;color:#71ADB9;}
#viewListWriteCommentsForm #commentsInput{margin-left:15px;margin-top:20px;background-color:#ABDFEA; width:386px; height:112px;}
#viewListWriteCommentsForm #commenterName{background-color:#ABDFEA;}
#viewListWriteCommentsForm #submit{margin-left:340px;}


/************ VIEW LISTS BY TYPE******************/

/* pagination styles */
div.pagination {padding: 3px;margin: 3px;}
div.pagination a {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #71ADB8;text-decoration: none; color: #71ADB8;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #000099;color: #000;}
div.pagination span.current {padding: 2px 5px 2px 5px;margin: 2px;border: 1px solid #71ADB8;font-weight: bold;background-color: #71ADB8;color: #FFF;}
div.pagination span.disabled {padding: 2px 5px 2px 5px; margin: 2px;border: 1px solid #EEE;color: #71ADB8;}

    
.byTypeHeader{font:bold 15px arial;color:#DC2E75;margin-bottom:15px;*margin-bottom:0}
.weddingPortion{color:#71ADB9};
.playlistDividerWide{position:relative;margin-left:0px;margin-bottom:15px;background-image:url('../images/playlist-divider.gif');background-repeat:repeat-none;height:8px;width:700px;background-repeat:repeat-none;}

.playlistDividerExtraWide{margin:5px 0 15px 10px;background-image:url('../images/playlist-divider.gif');background-repeat:repeat-none;height:8px;width:700px;}

.viewMoreComments{position:relative;text-align:right;margin-right:20px;}

.moreGenresEventTitle{position:relative;float:left;width:85px;color:#6FADB8;font-weight:bold;padding:0 0 20px 0;}
.moreGenresEventList{position:relative;float:left;width:650px;padding:0 0 20px 0;}
.moreGenresEventList a{font-weight:bold}


/************ AUTO COMPLETE DROP DOWN ******************/

.suggestionsBox {position: absolute;width:392px;height:146px;
overflow-x:hidden;overflow-y:auto;left: 70px;margin: -14px 0px 0px 0px;background-color: #D72C72;color: #FE96C7;z-index:500;list-style: none;}
.suggestionList {margin: 0px;padding: 0px;}
.suggestionList li {margin: 0px 0px 3px 0px;cursor: pointer;padding: 5px;line-height: 17px;color:#F8D1E5;font:normal 11px verdana;text-decoration:none;border-bottom: 1px #F186B1 dotted;}
.suggestionList li:hover {background-color: #F7CDE2;color:#D82C71}


/************ GET SUGGESTIONS FROM A FRIEND ******************/
#messageToAFriend{background-color:#ABDFEA; width:286px; height:112px;}

/************ FOOTER ******************/
#footer{background-color:#ABDFEA;padding:8px 0;border-top:solid 5px #fff;text-align:center;font:normal 11px arial;color:#4B7B84}
#footer a{font:normal 11px arial;color:#4B7B84}


/************ EMAIL TO A FRIEND AND ADD THIS FIELDS******************/


#emailNavLink{position:absolute;top:29px;left:680px;width:220px;}
#addThisNavLink{position:absolute;left:618px;width:60px;top:25px}
#emailBookMarkFieldHome{position:relative;left:-310px;top:-35px}
#emailField{position:absolute;z-index:55;padding:5px;top:43px;left:680px;background-color:#D6EBF0;width:260px;border:dotted 1px #F186B1;display:none;}
#emailField h3{font:bold 14px arial;color:#5EB7B5;float:left;margin-bottom:10px;}
#emailField div#required{position:relative;}
#emailField div#closeButton{float:left;position:relative;left:45px;}
#emailField div.left{float:left;padding:5px;width:75px}
#emailField div.right{float:left;padding:5px;width:160px}
#emailField div.required{float:left;padding:5px;width:5px}
.emailInputs{background-color:#ABDFEA;width:140px;}
#emailSubmit{position:relative;left:100px}


/************ CONTACT US******************/
#contactUsQuestions{font:normal 11px verdana;color:#5eb7b5}
#contactUsForm{width:400px;font:bold 11px verdana;color:#5eb7b5}
#contactUsForm div#required{float:left;position:relative;left:150px;}
#contactUsForm div.left{float:left;padding:10px;width:105px}
#contactUsForm div.right{float:left;padding:10px;width:220px}
#contactUsForm div.required{float:left;padding:5px;width:5px}
#contactUsForm .emailInputs{background-color:#ABDFEA;width:200px;}

/************ SITEMAP******************/
#sitemapList{font:normal 11px verdana;color:#5eb7b5}
#sitemapList h2{margin:8px;}
#sitemapList h3{margin-left:25px;font-size:13px}

/************ MY PLAYLIST******************/
#myPlaylistHeader{margin-left:-65px;margin-bottom:0px;}
#myPlaylistHeader a{font-size:13px;}
#myPlaylistPipe{color:#6FADB8}
.editOptions{background-color:#ABDFEA}

/*********** MISC ***********/

.homeblurb{position:relative;margin:0 0 10px 15px;font:normal 11px verdana;color:#5eb7b5}
.listSectionDescripts{position:relative;font:normal 14px arial; margin-top:-10px; color:#6FADB8}
#makePlaylistButtonSolo{position:relative;width:690px;text-align:right;top:-5px;}
/*********** NOAHS WIDGET *************/
#weddingSongAdvisor{position:relative;margin-top:0 0 10px 5px;border-top:dashed 1px #da2a6d;width:395px;padding:10px 5px 5px 5px;}
#weddingSongAdvisor h2, #weddingSongAdvisor p {font:normal 11px verdana;color:#5EB7B5;line-height:19px;}
#weddingSongAdvisor a{font:normal 11px verdana;color:#5EB7B5;line-height:19px;text-decoration:underline} 
#weddingAdvExcerptImage{position:relative;float:left;margin-right:10px;margin-top:5px}