/*
File: homepage.css
(For index.php [Frontpage])
*/

/* File: featured-media.css */

/*********************************** Actual CSS ******************************************/
#containerHeader, #containerMain, #panelFooter, #containerFooter, #panelNewsTicker {
	width:								960px;
	margin:								0 auto;
}
#containerMain {
	clear:								both; /* For clearing floats in header */
}
/****************************** Homepage Header ******************************/
.pageHome #tblHeaderFrame {
	overflow: auto;
	margin:						0 0 0 0 !important;
}
.pageHome #navUserMenu {
	padding-right:						0;
}
.pageHome #navLogo {
	text-align:							left;
	width:								190px;
/*	padding:								19px 0 19px 0;*/
}
.pageHome #homeTopSpacer {
	height:							1.5em;
}
.pageHome #navTabs {
	padding:							25px 0 0 0;
}
.pageHome UL#menuNavTabs {
//	width:						20em;
	top:							1px;
	overflow:					visible;
}
/*
.pageHome UL#menuNavTabs {
	position:						relative;
	top:								2px;
	margin-top:						0.5em;
}
.pageHome UL#menuNavTabs LI A {
	padding:						0.4165em 0.6664em 0.5332em 1.4161em;
}
*/
.pageHome UL#menuNavTabs LI A {
	padding:						5px 4px 5px 15px;
}

/***** Header Login panel ******/
#ctrlsLogin LABEL {
	padding-left:				1em;
	font-weight:				bold;
}

/********* Top Panel (Promo) **************/
#containerMain {
	overflow:							hidden;
	color:								#FFFFFF;
	margin-top:							0;
}
#panelPBPromo {
	float:								left;
	margin:								0;
}
#panelSponsoredPromo {
	float:								right;
	margin:								0;
    height: 308px;
    overflow: hidden;
}


#panelPBAdPromo {
    text-align:right;
    margin-right:15px;
    margin-top:25px;
}

/************ PB Promo Panel ***********/
#cellPitch {
    width: 633px;
    padding: 0 0 5px 15px;
	background-color: #0E3669;
}

#cellPitch H2 {
	font-size:							30px;
	font-weight:						bold;
	text-align:							left;
	margin:								16px 0 5px 0;
    padding: 0 0 0 3px;
    color: #b1cff1;
}

#cellPromo {
	background-color: #0E3669;
    color: #000000;
    line-height: 50%;
}



#containerPitch A.pitchLink {
    display: block;
    width: 200px;
    height: 172px;
    padding-top: 28px;
    background-position: center center;
    background-repeat: no-repeat;
    color: #FFFFFF;
    font-size: 30px;
    float: left;
    text-align: center;
    margin: 0 auto;
    line-height: 25px;
}

#containerPitch A:hover {
    text-decoration: none;
}

#containerPitch A.pitchLink SPAN {
    font-size: 18px;
    padding-right: 28px;
    padding: 5px 28px 5px 0;
    background-image: url('../../../pic.photobucket.com/homepage/pitch_arrow.gif');
    background-position: center right;
    background-repeat: no-repeat;
}

#containerPitch A#pitchUpload {
    background-image: url('../../../pic.photobucket.com/homepage/pitch_upload.gif');
}
#containerPitch A#pitchSlideshow {
    background-image: url('../../../pic.photobucket.com/homepage/pitch_slideshow.gif');
}
#containerPitch A#pitchShare {
    background-image: url('../../../pic.photobucket.com/homepage/pitch_share.gif');
}
#containerPitch #pitchJoin {
    float: left;
    width: 200px;
    height: 130px;
    padding-top: 70px;
    text-align: center;
    font-size: 16px;
}
#containerPitch #pitchJoin A {
    background-image: url('../../../pic.photobucket.com/homepage/pitch_join.gif');
    background-repeat: no-repeat;
    background-position: center center;
    color: #FFFFFF;
    display: block;
    width: 152px;
    height: 53px;
    margin: 0 auto 10px auto;
    font-size: 33px;
    padding-top: 10px;
    font-weight: normal;
}



/* Debug */
/*
#panelPBPromo {
    background-color: yellow;
}
#containerPitch {
    background-color: green;
}
#panelPBPromo H2 {
    background-color: red;
}
*/


/************ Sponsored Promo Panel ***********/
#panelSponsoredPromo {
    padding:                            0;
	width:								320px;
	text-align:							right;
}
#bannerSponsoredPromo {
	width:								300px;
	height:								25px;
	margin:								30px auto 5px auto;
}

/*** GeneralPromo ***/
#containerPbRectPromo {
	border-style:						none;
    border-color:						transparent;
	border-width:						0;
	margin:							    0;
}

#containerPbRectPromo.generalPromo {
	border-style:						none;
	border-color:						transparent;
	border-width:						0;
	margin-top:							0;
}
/*** BratzPromo ***/
#containerPbRectPromo.bratzPromo {
	border-style:						none;
	border-color:						transparent;
	border-width:						0;
	margin-top:							0;
	margin-left:                        20px;
}
/**************** Homepage Search Panel ********************/
/**************** IFRAME ADS  ********************/
#containerPbRectPromo.iframeRectangleAd {
	border-style:						none;
	border-color:						transparent;
	border-width:						0;
	width:								300px;
	height:								25px;
	margin-top:							25px;
	margin-left:                        15px;
}
.iframeBannerAd {
	width:								468px;
	margin:								0 auto 10px auto;
}
/**************** END IFRAME ADS  ********************/
/** Search Panel **/

/****************** New Header Search ******************/

#containerHomepageSearch {
    /* float: left; */
    clear: left;
    width: 610px;
	padding: 					5px 0;
	overflow:					hidden;
}
#containerHomepageSearch DIV.containerModeLinks,
#containerHomepageSearch DIV.groupSearchInputs {
	float:						left;
	margin-top:					0.6em;
	padding-bottom: 			0;
}
#containerHomepageSearch DIV.containerModeLinks {
	padding-right:				0.5em;
	padding-top:				0.25em;
}
#containerHomepageSearch DIV.groupSearchInputs {
	padding-top:				0.1em;
	padding-right:				8.75em;
	background-image:			url("../../../pic.photobucket.com/general/google_searchbar.gif");
	background-repeat:		no-repeat;
	background-position: 	100% top;
}
#containerHomepageSearch DIV.containerModeLinks * {
	vertical-align:			middle;
}
#containerHomepageSearch DIV.containerModeLinks A {
	color:						#FFFFFF;
	font-weight:				normal;
    outline: none;
}
#containerHomepageSearch .containerModeLinks A,
#containerHomepageSearch .containerModeLinks A SPAN,
#containerHomepageSearch .containerModeLinks SPAN.menuItemSep {
	display:								block;
}
#containerHomepageSearch .containerModeLinks A SPAN {
	cursor:								pointer;
}
#containerHomepageSearch .containerModeLinks SPAN.menuItemSep {
	float:								left;
	padding:								0;
	color:								#000000;
	margin:								0 0.25em;
}
#containerHomepageSearch .containerModeLinks A {
	float:								left;
	text-align:							center;
//	width:								3.4em; /* IE Hack */
}
#containerHomepageSearch .containerModeLinks A.selected {
	color:								#FFFFFF !important;
	background-image:					url("../../../pic.photobucket.com/borders/search/rounded_left.gif");
	background-repeat:				no-repeat;
	background-position:				left top;
	padding:								0 0 0 0.25em;
}
#containerHomepageSearch .containerModeLinks A.selected SPAN {
	display:								block;
	background-image:					url("../../../pic.photobucket.com/borders/search/rounded_right.gif");
	background-repeat:				no-repeat;
	background-position:				right top;
	padding:								0 0.25em 0.2em 0;
}
#containerHomepageSearch .bttnSearch {
	border-color:				#D0D0D0;
	background-color:			#D0D0D0;
	color:						#000000;
	font-weight:				bold;
	font-size:					11px;
}
#containerHomepageSearch #qHomepageSearch {
	width:						20em;
}

DIV.loggedOut #containerHomepageSearch #qHomepageSearch {
    width: 24em !important;
}

#lblmyalbum {
	font-family:						Arial, Verdana, sans-serif;
	color:								#666666;
}

#groupSearchModeLinksHomepageSearch A, #groupSearchModeLinksHomepageSearch A SPAN, #groupSearchModeLinksHomepageSearch SPAN.menuItemSep {
	display:								block;
	height:								14px;
	font-weight:						normal
}
#groupSearchModeLinksHomepageSearch A SPAN {
	cursor:								pointer;
}
#groupSearchModeLinksHomepageSearch SPAN.menuItemSep {
	float:								left;
	padding:								0;
	color:								#999999;
	margin:								0 0.25em;
}
#groupSearchModeLinksHomepageSearch A {
	float:								left;
	text-align:							center;
/* IE Hack */
//	width:								3.4em;
}
A#imagesHomepageSearch {
	width:								3.4em;
}
A#videosHomepageSearch {
	width:								3.2em;
}
A#myimagesHomepageSearch {
	width:								4.25em;
}
A#webHomepageSearch {
	width:								2.2em;
}
#groupSearchModeLinksHomepageSearch A.selected {
	color:								#FFFFFF !important;
	background-image:					url("../../../pic.photobucket.com/borders/search/rounded_left.gif");
	background-repeat:				no-repeat;
	background-position:				left top;
	padding:								0 0 0 3px;
}
#groupSearchModeLinksHomepageSearch A.selected SPAN {
	display:								block;
	background-image:					url("../../../pic.photobucket.com/borders/search/rounded_right.gif");
	background-repeat:				no-repeat;
	background-position:				right top;
	padding:								0 3px 0 0;
}
#submitHomepageSearch {
	background-color:					#D0D0D0;
	border-color:						#D0D0D0;
	color:								#000000;
}
/**************** End - Homepage Search Panel ********************/
#panelFeatures {
    border-top: 1px solid #999999;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
    padding-right: 10px;
    overflow: hidden;
    width: 948px;
	margin:	0 auto;
    
}
/*************** Featured Media ******************/

#containerFeaturedImages {
    float: left;
    width: 390px;
    //width: 396px;
    margin: 0;
    padding: 10px 0 0 20px;
    overflow: hidden;
}

#containerFeaturedVideos {
    float: left;
    margin: 0;
    padding: 10px 0 0 0;
    width: 162px;
}
#containerPbBannerPromo {
       text-align:                                                     center;
}
#containerFeaturedMedia {
	width:								609px;
	overflow:							auto;
	margin:								15px 0 0 20px;
	text-align:                         center;
/* IE Hack */
/*
//	margin:								15px 0px 0 0;
//	width:								615px;
//	overflow:							visible;
// float:								left;
*/
}

#containerFeaturedImages A.moreMediaLink,
#containerFeaturedVideos A.moreMediaLink {
    display: block;
    clear: left;
    width: 95px;
    text-align: right;
    margin: 0 0 0 auto;
    padding: 8px 28px 10px 0;
	background-image: url("../../../pic.photobucket.com/homepage/arrow_trans.gif");
	background-repeat: no-repeat;
	background-position: right center;
    font-size: 15px;
}

#listFeaturedImages,
#listFeaturedVideos {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#listFeaturedImages LI,
#listFeaturedVideos LI {
    display: block;
    float: left;
    height: 150px;
}

#listFeaturedImages LI {
    width: 120px;
    margin-right: 10px;
}

#listFeaturedVideos LI {
    width: 160px;
}

#listFeaturedVideos LI DIV,
#listFeaturedImages LI DIV {
    overflow: hidden;
    border: 1px solid #999999;
    background-color: #EEEEEE;
}

#listFeaturedVideos LI P,
#listFeaturedImages LI P {
    margin: 0;
    padding: 3px 0 0 0;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

#listFeaturedVideos LI P A,
#listFeaturedImages LI P A {
    color: #666666;
}

#listFeaturedImages LI DIV,
#listFeaturedImages LI DIV TABLE,
#listFeaturedImages LI DIV TABLE TD {
    height: 120px;
    width: 120px;
}

#listFeaturedVideos LI DIV,
#listFeaturedVideos LI DIV TABLE,
#listFeaturedVideos LI DIV TABLE TD,
#listFeaturedVideos LI DIV TABLE TD IMG {
    height: 120px;
    width: 160px;
}

#listFeaturedImages LI DIV TABLE TD,
#listFeaturedVideos LI DIV TABLE TD {
    margin: 0;
    padding: 0;
    vertical-align: middle;
    text-align: center;
}

#panelFeaturedMedia {
	width: 628px;
	margin:	0;
    padding: 10px 0 5px 20px;
    overflow: auto;
    text-align: center;
	background-color: #FFFFFF;
    border-right: 1px solid #CCCCCC;
    float: left;
}

#containerFeaturedPromo {
	width:								468px;
	height:								60px;
	margin:								10px 0 10px 43px;
}
/* PB Promo */
.pbPromo {
	margin:								10px 0 10px 0 !important;
}

/************ Announcement Panel ************/
#panelAnnouncements {
    width: 290px;
    float: right;
    background-color: #FFFFFF;
    padding: 0;
    margin: 0;
    overflow: auto;
}

#panelAnnouncements H3 {
	color: #1C64B4;
	font-size: 16px;
	font-weight: bold;
    margin: 10px 0;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #CCCCCC;
    
}

#panelAnnouncements UL {
    margin: 10px 0;
    padding: 0;
}

#panelAnnouncements UL LI {
    clear: left;
    list-style-type: none;
    margin: 1.5em 0;
    overflow: auto;
}

#panelAnnouncements UL LI DIV.imageEnvelope {
    width: 120px;
    height: 120px;
    border: 1px solid #999999;
    float: left;
    margin: 0;
    overflow: hidden;
    text-align: center;
}

#panelAnnouncements UL LI DIV.announcementContent {
    float: left;
    padding: 0 0 0 1em;
    width: 13em;
}

#panelAnnouncements UL LI H4 {
    font-size: 13px;
    margin: 0;
    padding: 0;
}
#panelAnnouncements UL LI P {
    font-size: 12px;
    margin: 0;
    padding: 5px 0 0 0;
}

#panelAnnouncements #panelAbout {
    margin: 10px 0 0 0;
    padding: 20px 0 0 0;
    border-top: 1px solid #CCCCCC;
}

#panelAnnouncements #panelAbout P {
    margin: 0;
    padding: 10px 0;
}

#panelAnnouncements #panelAbout .aboutTitle {
    font-size: 14px;
}

/***** News Ticker *****/
#panelNewsTicker {
    clear: both;
    background-color: #9fc5f0;
    padding: 0.5em 0;
    margin: 0.25em auto;
}

#panelNewsTicker A#newsTickerHeader {
    color: #000000;
    font-weight: normal;
    padding-left: 0.5em;
}

#panelNewsTicker A#newsTickerLink {
    font-weight: normal;
}

#panelNewsTicker A#newsTickerLink:hover {
    text-decoration: none;
}

#panelNewsTicker.hovered {
    background-color: #b9d5f5;
}

/***** Page Footer *****/
#panelFooter {
	clear:										both;
}
/***** Log In Bubble *****/
#menuWelcome #homepageLoginBubble .bubble_content {
    text-align:                         left ;
    padding:                            0.6em;
    margin:                             0;
}
#menuWelcome #homepageLoginBubble .bubble_content H3 {
    padding:                            0;
    margin:                             0 0 0.3em 0;
    float:                              left;
}
#menuWelcome #homepageLoginBubble .bubble_content P {
    clear:                              both;
    margin:                             0.3em 0.3em 0.3em 0;
    padding:                            0;
}
#menuWelcome #homepageLoginBubble .arrow {
	right:                              -9px;
//	right:                            -10px;
	top:                                6px;
//	top:                              10px;
}
/************************ 404.html ************************/
#shadow404 {
	position:									relative;
	left:											2px;
	top:											3px;
	background-color:							#303030;
}
#mssg404 {
	position:									relative;
	left:											-2px;
	top:											-3px;
	background-color:							#FFFFCC;
	color:										#990000;
	font-size:									14px;
	font-family:								Myriad, Verdana, Arial, sans-serif;
	font-weight:								bold;
	padding:										1em 0;
	letter-spacing:							-1px;
	margin-bottom:								1em;
}
#mssg404 EM {
	color:										#666666;
	font-size:									28px;
	font-family:								Myriad, Verdana, Arial, sans-serif;
	font-style:									italic;
	font-weight:								normal;
}