/* (horoscopes) Destiny Diva - client changed page name from horoscopes */
#horoscopes {position: relative; background: transparent url("/images/template/bg_purple.gif") top right repeat-y; margin: 0 auto;}
#horoscopes .horoscopes-box {float:left; width: 130px; height: 190px; margin-left: 2px; }
#horoscopes .imgBorderCancer {border: 5px solid #FFCC99; }
#horoscopes .imgBorderLeo {border: 5px solid #CCFF99; }
#horoscopes .imgBorderVirgo {border: 5px solid #FF6699; }
#horoscopes .imgBorderLibra {border: 5px solid #99CCCC; }
#horoscopes .imgBorderScorpio {border: 5px solid #FF6699; }
#horoscopes .imgBorderSagittarius {border: 5px solid #99CCFF; }
#horoscopes .imgBorderCapricorn {border: 5px solid #FFCC99; }
#horoscopes .imgBorderAquarius {border: 5px solid #CCFF99; }
#horoscopes .imgBorderPisces {border: 5px solid #FF6699; }
#horoscopes .imgBorderAries {border: 5px solid #99CCCC; }
#horoscopes .imgBorderTaurus {border: 5px solid #FF6699; }
#horoscopes .imgBorderGemini {border: 5px solid #99CCFF; }

#horoscopes .mainText p {margin-left: 20px; margin-right: 50px;}

#leo, #cancer, #virgo, #libra, #scorpio, #sagittarius, #capricorn, #aquarius, #pisces, #aries, #taurus, #gemini {position: relative; float: left; margin-bottom: 20px;}
#leo .mainTitle img, #cancer .mainTitle img, #virgo .mainTitle img, #libra .mainTitle img, #scorpio .mainTitle img, #sagittarius .mainTitle img, #capricorn .mainTitle img, #aquarius .mainTitle img, #pisces .mainTitle img, #aries .mainTitle img, #taurus .mainTitle img, #gemini .mainTitle img {position: absolute; left: 95px; bottom: -9px}
#leo .listThumbnail, #cancer .listThumbnail, #virgo .listThumbnail, #libra .listThumbnail, #scorpio .listThumbnail, #sagittarius .listThumbnail, #capricorn .listThumbnail, #aquarius .listThumbnail, #pisces .listThumbnail, #aries .listThumbnail, #taurus .listThumbnail, #gemini .listThumbnail  {float: left; margin: 0 10px 10px 30px; }

/* BORDERS */
/* PINK */
#leo .mainTitle, #cancer .mainTitle, #capricorn .mainTitle, #aquarius .mainTitle {position: relative; width: 373px; height: 100px; padding: 0; margin-left: 20px; background: transparent url("/images/template/horoscopes/topPink.gif") no-repeat; text-align: center;}
#leo .mainText, #cancer .mainText, #capricorn .mainText, #aquarius .mainText {position: relative; width: 373px; padding: 20px 0; margin-left: 42px; background: transparent url("/images/template/horoscopes/bottomPink.gif") bottom left no-repeat;}
/* GREEN */
#virgo .mainTitle, #pisces .mainTitle{position: relative; width: 373px; height: 100px; padding: 0; margin-left: 20px; background: transparent url("/images/template/horoscopes/topGreen.gif") no-repeat; text-align: center;}
#virgo .mainText, #pisces .mainText{position: relative; width: 373px; padding: 20px 0; margin-left: 42px; background: transparent url("/images/template/horoscopes/bottomGreen.gif") bottom left no-repeat;}
/* YELLOW */
#libra .mainTitle, #aries .mainTitle{position: relative; width: 373px; height: 100px; padding: 0; margin-left: 20px; background: transparent url("/images/template/horoscopes/topYellow.gif") no-repeat; text-align: center;}
#libra .mainText, #aries .mainText{position: relative; width: 373px; padding: 20px 0; margin-left: 42px; background: transparent url("/images/template/horoscopes/bottomYellow.gif") bottom left no-repeat;}
/* BLUE */
#scorpio .mainTitle, #taurus .mainTitle{position: relative; width: 373px; height: 100px; padding: 0; margin-left: 20px; background: transparent url("/images/template/horoscopes/topBlue.gif") no-repeat; text-align: center;}
#scorpio .mainText, #taurus .mainText{position: relative; width: 373px; padding: 20px 0; margin-left: 42px; background: transparent url("/images/template/horoscopes/bottomBlue.gif") bottom left no-repeat;}
/* PURPLE */
#sagittarius .mainTitle, #gemini .mainTitle{position: relative; width: 373px; height: 100px; padding: 0; margin-left: 20px; background: transparent url("/images/template/horoscopes/topPurple.gif") no-repeat; text-align: center;}
#sagittarius .mainText, #gemini .mainText{position: relative; width: 373px; padding: 20px 0; margin-left: 42px; background: transparent url("/images/template/horoscopes/bottomPurple.gif") bottom left no-repeat;}

/* IMAGE BORDERS */
/* PINK */
#virgo .imgThumbnail, #scorpio .imgThumbnail, #pisces .imgThumbnail, #taurus .imgThumbnail {border: 3px solid #F550A6;}
/* GREEN */
#leo .imgThumbnail, #aquarius .imgThumbnail{border: 3px solid #B6E895;}
/* ORANGE */
#cancer .imgThumbnail, #capricorn .imgThumbnail {border: 3px solid #FFD188;}
/* L BLUE */
#sagittarius .imgThumbnail, #gemini .imgThumbnail {border: 3px solid #AFDBF9;}
/* L BLUE */
#libra .imgThumbnail, #aries .imgThumbnail {border: 3px solid #8DE2D2;}

#horoscopes .horoscopes-thumbnail {width: 78px; height: 68px; margin-left: 30px; }
#horoscopes .horoLibra {position: relative; width: 130px; height: 182px; background: transparent url("/images/template/horoscopes/Libra.gif") no-repeat ; }
#horoscopes .horoVirgo {position: relative; width: 130px; height: 182px; background: transparent url("/images/template/horoscopes/Virgo.gif") no-repeat ; }
#horoscopes .horoLeo {position: relative; width: 130px; height: 182px; background: transparent url("/images/template/horoscopes/Leo.gif") no-repeat ; }
#horoscopes .horoScorpio {position: relative; width: 130px; height: 182px; background: transparent url("/images/template/horoscopes/Scorpio.gif") no-repeat ; }
#horoscopes .horoSagittarius {position: relative; width: 130px; height: 182px; background: transparent url("/images/template/horoscopes/Sagittarius.gif") no-repeat ; }
#horoscopes .horoCapricorn {position: relative; width: 130px; height: 182px; background: transparent url("/images/template/horoscopes/Capricorn.gif") no-repeat ; }
#horoscopes .horoAquarius {position: relative; width: 130px; height: 182px; background: transparent url("/images/template/horoscopes/Aquarius.gif") no-repeat ; }
#horoscopes .horoPisces {position: relative; width: 130px; height: 182px; background: transparent url("/images/template/horoscopes/Pisces.gif") no-repeat ; }
#horoscopes .horoAries {position: relative; width: 130px; height: 182px; background: transparent url("/images/template/horoscopes/Aries.gif") no-repeat ; }
#horoscopes .horoTaurus {position: relative; width: 130px; height: 182px; background: transparent url("/images/template/horoscopes/Taurus.gif") no-repeat ; }
#horoscopes .horoGemini {position: relative; width: 130px; height: 182px; background: transparent url("/images/template/horoscopes/Gemini.gif") no-repeat ; }
#horoscopes .horoCancer {position: relative; width: 130px; height: 182px; background: transparent url("/images/template/horoscopes/Cancer.gif") no-repeat ; }

/*
#horoscopes-detailedTopPink {position: relative; width: 373px; height: 101px; padding-top: 0px; margin-left: 20px; background: transparent url("/images/template/horoscopes/topPink.gif") no-repeat ;}
#horoscopes-titleLeo {position: relative; width: 203px; height: 69px; margin-left: 90px; background: transparent url("/images/template/horoscopes/titleLeo.gif") no-repeat ;}
#horoscopes-detailedBottomPink {position: relative; top:0;width:337px; padding: 0 0 15px 0; margin-top: 0px; margin-left: 42px; background: transparent url(/images/template/horoscopes/bottomPink.gif) left bottom no-repeat; }
#horoscopes-detailedTopImage {float: left; width: 130px; height: 117px; margin-left: 20px; margin-top: 10px;}
#horoscopes-detailedTopText {float: right; width: 170px; height: 127px; margin-right: 12px; margin-top: 10px;}
#horoscopes-detailedBottomImage {float: right; width: 130px; height: 117px; margin-right: 20px; margin-top: 10px;}
#horoscopes-detailedBottomText {float: left; width: 165px; height: 150px; margin-left: 20px; margin-top: 10px;}
*/

/* DOWNLOAD PAGE */
#downloads {background: transparent url("/images/template/bg_blueCircle.gif") repeat-y; width: 417px; margin: 0 auto;}
#downloads-intro {position: relative; background: transparent url("/images/template/downloadsIntroText.gif") no-repeat; width: 417px; height: 126px; color: #fff; }
#downloads-introText {width: 260px; color: #fff; height: 60px; margin-left: 120px; padding-top:15px;}
#downloads .list1 {position: relative; width: 417px; height: 115px; background: transparent url("/images/template/downloads/list1.gif") no-repeat ; padding: 0; margin-bottom: 10px;}
#downloads .list1 p { position: absolute; top: 18px; right: 20px; width: 250px; height: 60px; }
#downloads .list1 .listThumbnail { position: absolute; top: 17px; left: 23px; width: 95px; height: 65px; }
#downloads .list2 {position: relative; width: 417px; height: 119px; background: transparent url("/images/template/downloads/list2.gif") no-repeat ; padding: 0;margin-bottom: 10px;}
#downloads .list2 p { position: absolute; top: 18px; right: 20px; width: 250px; height: 60px; }
#downloads .list2 .listThumbnail { position: absolute; top: 17px; left: 23px; width: 95px; height: 65px; }
#downloads .list3 {position: relative; width: 417px; height: 126px; background: transparent url("/images/template/downloads/list3.gif") no-repeat ; padding: 0;margin-bottom: 10px;}
#downloads .list3 p { position: absolute; top: 18px; right: 20px; width: 250px; height: 60px; }
#downloads .list3 .listThumbnail { position: absolute; top: 17px; left: 23px; width: 95px; height: 65px; }
#downloads .list4 {position: relative; width: 417px; height: 125px; background: transparent url("/images/template/downloads/list4.gif") no-repeat ; padding: 0;	margin-bottom: 10px;}
#downloads .list4 p { position: absolute; top: 18px; right: 20px; width: 250px; height: 60px; }
#downloads .list4 .listThumbnail { position: absolute; top: 17px; left: 23px; width: 95px; height: 65px; }
#downloads .listThumbnail { position: relative; float: left; width: 100px; height: 100px;}
#downloads .imgThumbnail { position: relative; border: 3px solid #F0037F;}
#downloads .moreBtn { position: absolute; bottom: 0; right: 20px;}



#downloads .mainText { position: relative; background: transparent url("/images/template/downloads/downloadbox.gif") no-repeat; height: 214px;  width: 358px; padding: 20px; margin-left: 8px;}
#downloads .mainText p { position: relative; margin: 0px;}
#downloads .mainText .listThumbnail {position: relative; float: left; margin: 10px 0px 10px 0; width: 115px; height: 120px;}
#downloads .mainText .imgThumbnail { position: relative; float: left; width: 100px; height: 100px; padding: 0; margin:0; top: -2px;}
#downloads .mainText .pointsText {position: relative; margin: 5px 0; width: 105px; font-weight: bold;font-size: 13px; color: #FF0066; }

#downloads .downloadsthumbnail {float: left; margin-left: 35px; margin-top: 25px; border: 1px solid #996699;}
#downloads-right {float: right; width: 240px; height: 80px; margin-right: 34px; margin-top: 15px;}
#downloads .pointsText {float: right; width: 240px; margin-right: 30px; margin-top: -20px; font-weight: bold;font-size: 11px; color: #FF0066; }
#downloads-error {margin-top: 20px; margin-left: 15px; color: #FFFF66; font-size: 12pt; font-weight: bold;}

/* MYSTICKITTY */
#mystickitty { position: relative; background: url(/images/template/bg_static.gif) top right repeat-y; padding:0; width: 417px; margin: 0 auto;}
#mystickitty-flash {position: relative; padding-left: 4px; padding-top: 8px;}
#mystickitty-button {position: relative; float: right; padding-top: 10px; padding-right: 15px;}

/*hot gossip page*/
#gossip {position: relative; background: url("/images/template/bg_gossip.gif") no-repeat; width: 620px; height: 700px; margin: 0 2px;}
/*#gossip .listIntro {position: relative; background: transparent url("/images/template/intro_pink.gif") no-repeat; margin: 0px 0px 0px 20px; padding: 5px; width: 379px; height: 78px;}*/

#gossip .listbox {position: relative; float: left; width: 210px; height: 130px; margin: 40px 0px 10px 82px;}
#gossip .listbox p {font: bold 10pt arial;  width: 210px; height: 33px; margin-left:-3px; margin-top: 5px; padding: 0px;}
#gossip .listbox .readmore {margin: 0px 0px 0px 25px}

#gossip-button {position: relative; text-align: right; margin-right: 10px; padding-bottom: 10px;}
#gossip .submitbutton {position: relative; text-align: center;}
#gossip .dateTitle {position: relative; float:right;}
#gossip .formbox {position: relative; width: 396px; height: 271px; margin-left: 10px; margin-bottom: 0px; padding-top: 40px; background: transparent url("/images/template/gossip/bg_form.gif") no-repeat;}


#gossip2 {position: relative; background: url("/images/template/bg_gossip2.gif") top left repeat-y; width: 620px; margin: 0 2px;}
#gossip2 .top {position: relative; background: url("/images/template/bg_gossip2_top.gif") no-repeat; width: 620px; height: 272px; margin: 0 0px; padding-top:40px; }
#gossip2 .inner {position: relative; background: url("/images/template/gossipMid.gif") top left repeat-y; width: 620px; margin: 0 2px; margin-top:-50px;}
#gossip2 .box {position: relative; width: 320px; margin-top: 10px; margin-left: 50px;}
#gossip2 .mainText {font: bold 10pt arial; color: #FFF; position: relative; width: 320px; min-height: 130px; margin-top: 10px; margin-left: -3px;}
#gossip2 .alsoBox {position: relative; float: right; width: 185px; height: 333px; background: url("/images/template/gossip/gossipAlsoBox.gif") no-repeat; margin: 10px 30px 0px 0px; padding: 0px 10px 0 10px} 
#gossip2 .alsoBox p {font: bold 10pt arial; color: #D20073; height: 34px; }

#gossip2 .titleContainer {
	margin: 0px 0px 0px 50px;
	width: 320px;
	height: 60px;
}
#gossip2 .titleContent, #gossip2 .titleShadow {
  position: relative;
  bottom: 3px;
  right: 3px;
}
#gossip2 .titleShadow { background-color: #2C3F4E; }
#gossip2 .titleContent {
  background-color: #84C4F0;
  color: #000;
  height: 40px;
  padding: 10px;
}
#gossip2 .titleContent p {
	border: 2px dotted #fff;
	height: 25px;
	padding: 6px 10px 0px 8px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
}


#gossip2 .detailContainer {
	margin: 30px 0px 0px 50px;
	width: 320px;
	height: 130px;	
}
#gossip2 .detailContent, #gossip2 .detailShadow {
  position: relative;
  bottom: 3px;
  right: 3px;
}
#gossip2 .detailShadow { background-color: #2C3F4E; }
#gossip2 .detailContent {
  background-color: #fff;
  min-height: 130px;
  color: #000;
  border: 3px solid #918121;
  padding: 0em;
}

#gossip2 .videoContainer {
	position: relative;
	float: left;
	margin: -130px 0px 0px 50px;
	width: 325px;
	height: 240px;	
}
#gossip2 .videoContent, #gossip2 .videoShadow {
  position: relative;
  bottom: 3px;
  right: 3px;
}
#gossip2 .videoShadow { background-color: #2C3F4E; }
#gossip2 .videoContent {
  background-color: #fff;
  min-height: 240px;
  color: #000;
  border: 3px solid #918121;
  padding: 0em;
}