/* -- Main Styles ------------------------------------ */

#headerLogoLink { width: 195px; height: 32px; margin: 25px 0 0 20px; float: left; display: block; text-decoration: none; }
#headerLogoLink h4 { visibility: hidden; }

#pageHeaderBlock { background: url( '../images/layout/page_hdr_bg.jpg' ) no-repeat; width: 950px; height: 72px; margin: 0 0 5px 7px; }

#bodyContentEnd {   background: url( '../images/layout/rose_bottom_bg.png' ) center top no-repeat; width: 100%; height: 127px; margin-top: 10px; }

/* -- Main Tags --------------------------------------- */
h4 { font-size: 14px; }

a { color: #f0f; text-decoration: none; }
a:hover { text-decoration: underline; }
img { display: block; }
p { margin: 5px 0; }
ul, ol { margin-left: 25px; }
textarea { font-family: arial; }

/*.lead { font: italic 15px comic sans ms; color: #fff; margin: 5px 0; outline: 1px solid #112123; Zbackground-color: #281818; padding: 20px; margin: 25px 0; }*/
.lead { font: bold 16px arial, times new roman; color: #ff8; margin: 5px 0 20px 0; border-top: 1px solid #222; padding: 5px; }
.generalList { margin: 10px 0 0 25px; }
.generalList li { margin: 10px 0; }

/* -- Notification Message Styles -- */
.appNotif {  padding: 10px 20px; margin-bottom: 5px; text-align: center; font-size: 14px; position: relative; }
.errNotif { background-color: #f00; color: #fff; border: 0px solid #f00; }
.wrnNotif { background-color: #ff9; color: #a40; border: 0px solid #a80; }
.genNotif { background-color: #0a0; color: #fff; border: 0px solid #080; }
.appNotif p { font-weight: normal; }


/* -- Miscellaneous -- */
.clearBoth { clear: both; font-size: 0; height: 0; }
.textInput { padding-left: 2px; }
.floatLeft { float: left; }
.floatRight { float: right; }
.displayNone { display: none; }
.gold { color: #fd7; }
.invisible { visibility: hidden; }
.centerer{ text-align: center; }
.center{ margin: 0 auto; }
.innerPadder { padding: 10px; }
.requiredIcon { font-weight: bold; }
.noBorder { border: 0; }

#error404 { margin: 50px auto; padding: 20px; border: 1px solid #aaa; width: 500px; text-align: left; }


/* -- Main Menu -- */
#headerMenu { list-style: none; padding: 38px 0 0 20px; margin: 0; float: right; margin-right: 120px; }
#headerMenu li { float: left; margin-left: 40px; color: #fff; }
#headerMenu li a { color: #fff; text-decoration: none; font: 15px arial, times new roman; }
#headerMenu li a:hover { color: #ff0; }


/* -- Headings -------------------------------------------- */
h1 {  }
h1.yellow1 {  }
h2.blueBg {  }

/*.mainLeftColBlueHdr { background: url( '../images/layout/mainleftcol_hdr_drkblue_bg.jpg' ) no-repeat; margin: 0px 0 0 2px; width: 570px; height: 42px; font: 22px times new roman; color: #fff;  padding: 22px 0 0 20px;  }*/
.mainLeftColBlueHdr { background: url( '../images/layout/mainleftcol_hdr_bg1.jpg' ) no-repeat; margin: 0px 0 0 2px; Zwidth: 570px; height: 42px; font: 22px times new roman; color: #ddd;  padding: 22px 0 0 20px;  }
.mainLeftColRedHdr { background: url( '../images/layout/mainleftcol_hdr_drkred_bg.jpg' ) no-repeat; margin: 0px 0 0 2px; width: 570px; height: 42px; font: 22px times new roman; color: #fff;  padding: 22px 0 0 20px;  }
/*.rightColRedHdr375 { background: url( '../images/layout/mainrightcol_hdr_drkred_bg.jpg' ) no-repeat; margin: 3px 0 0 -5px; width: 373px; height: 42px; font: 22px times new roman; color: #fff;  padding: 18px 0 0 20px;  }*/

.leftColRedHdr375 { background: url( '../images/layout/redcolhdr_375.jpg' ) no-repeat; margin: 0px 0 0 3px; width: 360px; height: 42px; font: 22px times new roman; color: #fff;  padding: 22px 0 0 20px;  }
.rightColRedHdr375 { background: url( '../images/layout/rightcolRedHdr_375.jpg' ) no-repeat; margin: 0px 0 0 -5px; width: 360px; height: 42px; font: 22px times new roman; color: #fff;  padding: 22px 0 0 20px;  }
.mainRightColumn .mainLeftColBlueHdr { margin: 0px 0 0 -8px; }

.fullWidthColBlueHdr { background: url( '../images/layout/fulwidth_darkbluebeveledhdr.jpg' ) no-repeat; margin: 0px 0 0 1px; width: 960px; height: 42px; font: 22px times new roman; color: #fff;  padding: 22px 0 0 20px;  }


.textinput { font-size: 15px; color: #444; font-weight: normal; }
.button { font-size: 11px; padding: 0 5px; }
input.smallButton { font-size: 8px; padding: 0px 3px; text-align: center; }


/* -- Content ------------------------------------------------------- */
.contentBlockSimple { padding: 10px; }
.contentBlock { padding: 10px; border: 1px solid #ddd; background-color: #efefef; }


/* -- Form Styles ---------------------------------------------------- */
.generalForm {  color: #888; font-weight: bold; }
.generalForm fieldset { border: 1px solid #444; padding: 10px; margin-bottom: 5px; background: #120C0C url( 'ZZ../images/layout/general_form_bg.jpg' ) no-repeat bottom right; }
.generalForm fieldset legend { font-size: 16px; font-weight: bold; color: #ffa; padding: 10px; }
.generalForm .leftCol { width: 30%; float: left; display: block; }
.generalForm .rightCol { width: 65%; float: right; display: block; }
.generalForm .rightCol .textinput { width: 99%; }
.generalForm .requiredIcon { float: right; padding: 0 3px; margin-left: 3px; }
.generalForm fieldset .clearBorder {  clear: both; font-size: 0; height: 0; margin: 2px 0; font-size: 0; height: 0; padding-top: 5px; border-bottom: 1px solid #222; margin-right: 10px; }
.generalForm fieldset.submit { }
.generalForm fieldset .requiredNote { float: right; font-size: 10px; color: #88b; padding-right: 14px; }
.generalForm input.textinput, .generalForm textarea, .generalForm select { color: #000; border: 1px solid #aac; padding: 1px; }
.generalForm select.fullWidth { width: 100%; }

.generalForm fieldset.submitFieldSet { border: 1px solid #444; padding: 10px 25px 10px 10px; margin-bottom: 5px; background: #120C0C url( 'ZZ../images/layout/general_form_bg.jpg' ) no-repeat top right; }
.generalForm .singleCol .textinput { width: 100%; }

fieldSet.consentBlock .consentStatement {width: 96%; border: 1px solid #aac; font: normal 12px arial; background-color: #fff; padding: 5px 10px; overflow: auto; }
fieldSet.consentBlock .consentStatement label { float: left; }
fieldSet.consentBlock .consentStatement input { float: right; }
fieldSet.consentBlock .requiredIcon { margin: 0 -15px 0 0; }


/*
.generalForm .darkInner { background-color: #222; padding: 3px; border: 1px solid #445; }
.generalForm .darkSelect { background-color: #ccc; color: #222; border: 1px solid #250; }
.generalForm h5 { color: #bb6; font-weight: normal; font-size: 12px; padding: 0; }
.generalForm .textElement { background-color: #ccc; border: 1px solid #66FF00; color: #000; padding: 4px 0; }
.generalForm .rightCol .listenWhere, .generalForm .rightCol .receiveInfo { width:49%; float: right; border: 1px solid #005; text-align: right; padding: 1px 0; margin: 1px 0; }
.generalForm .rightCol .listenWhere input, .generalForm .rightCol .receiveInfo input { margin-right: 5px; }
*/

/* -- LOGIN FORM --------------------------------------------- */

#loginFormContr{ width: 340px; margin: 3% auto 0 auto; }
#loginForm { position: relative; color: #fff; border: 0px solid #eee; }
#loginForm h3 { padding: 0 20px; font-size: 16px; color: #ddd; border: 1px solid #aaa; background: #2C4357 url( '../images/layout/hdrbg_blue1.jpg' ) repeat-x top right; height: 40px; }
#loginForm h3 div { padding-top: 15px; }
#loginForm .content { padding: 10px 20px; font-size: 14px; border-top: 0px solid #555; }
#loginForm .formText { width: 80px; float: left; text-align: left; margin: 5px 0; }
#loginForm input.textInput { width: 150px; float: right; border: 1px solid #aaa; margin: 5px 0; }
#loginForm #rememberMeContr { float: left; font: 10px verdana; color: #aaa; width: 130px; margin-top: 20px; text-align: left; }
#loginForm #rememberMeContr input { float: left; height: 14px; }
#loginForm #login_submit { float: right; margin-top: 15px; padding: 0px 10px; }
#cookiesEnabled { font: 10px verdana; color: #ccc; margin: 15px auto; text-align: center; }



/* -- Ajax Paging List Styles ---------------------------------------------*/
.pagingListContainer .listSubHdr { background-color: #ddd; padding: 1px 5px; color: #777; font-size: 10px;  }
.pagingListContainer .pagingControls .throbber { margin-left: 3px; }
.pagingListContainer .pagingControls { float: right; text-align: right; }
.pagingListContainer .pagingControls, .pagingListContainer .pagingControls a { color: #000; font-weight: bold; }



/* -- Misc Header Styles -------------------------------------------- */
h2.blueBg { height: 15px; }
h2.blueBg .title { float: left; }
h2.blueBg input {  float: right; font-size: 9px; margin: -3px 3px 0 0; }
h2.blueBg .recordId{ color: #bb0; background-color: #223; border: 1px solid #445; padding: 0 3px; width: 25px; text-align: right; float: left; margin-left: 7px; height: 15px; }


.compAssociation {  margin-bottom: 2px; border: 1px solid #444; background-color: #334; padding: 3px 10px; display: block; }
.compAssociation:hover {  background-color: #445; border: 1px solid #880; text-decoration: none; }



/* -- Main Header -- TODO */
#loveJunkie3Promo { padding: 5px; } #loveJunkie3Promo img { margin: 0px 0 10px 17px; border: 1px solid #333; }
#lovePartyPromo { padding: 5px; } #lovePartyPromo img { margin-left: 17px; border: 1px solid #333; }

.contentBlockBreak { background: url( '../images/layout/contentBlockBreak.png' ) center 30px no-repeat; height: 100px; }

#footerGallery { padding: 0 20px 10px 20px; }
#footerGallery h2 { font: 20px times new roman; color: #777; border-bottom: 1px solid #777; padding-bottom: 0px; margin-bottom: 10px; }
#footerGallery .photoRow {  }
.zoomimg { float: left; display: block; border: 5px solid #fff; margin: 0 5px; cursor: url( '../images/zoomimage/zoomin.cur' ), default; }

#socialLinksBlock { padding-right: 20px; }
#socialLinksBlock a { display: block; float: right; margin-left: 20px; }
#footerLink { float: left; margin-left: 20px; color: #a6a; }
#footerLink a { color: #777; }

/* -- Main Promos -- */
.promoBlock2 { height: 150px; margin: -5px 0 7px 0; padding: 0 10px; color: #fff; }
.promoBlock2 h2 { font: 22px times new roman; color: #444; padding-top: 18px; margin-bottom: 10px; }
.promoBlock2 h2 a { font: 24px times new roman; color: #222; }
.promoBlock2 h2 a:hover { text-decoration: none; }

.promoBlock2 .leftCol { float: left; width: 220px; }
.promoBlock2 .rightLinkBox { float: right; height: 130px; width: 120px; display: block; }

#loveJunkieCDBanner { background: url( '../images/banners/lovejunkiecd_banner_home1.jpg' ) left bottom no-repeat; }
#bigKissBanner { background: url( '../images/banners/bigkiss_banner_home1.jpg' ) left bottom no-repeat; }
#vdayMovieBanner { background: url( '../images/banners/movie_banner_home1.jpg' ) left bottom no-repeat; }




a#rsvpHdrLink:hover { text-decoration: none; }


#headerBannerBlock { height: 100px; text-align: center; }
#headerBannerBlock .padder { padding-top: 10px; }
#headerBannerBlock img { margin: 0 auto; }


.textPadder { padding: 0 20px; }
.textPadder p { margin: 15px 0; }