/*
Title:		Roxio.com - MyMoments Stylesheet
Author:		Cesar Fabello / Sonic Solutions
Created:	08.13.2007
Modified:	9.25.07 for FRA language
*/





body{
	margin:0;
	padding:0;
	background: #666;
}
#wrapper{
	margin:0 auto;
	text-align: left; 
	width: 760px;
	font-size:85%;
}








/* clearfix */
.clearfix:after {  
	content: ".";  
	display: block;  
	clear: both;  
	visibility: hidden;  
	line-height: 0;  
	 height: 0;  
}  

.clearfix {  
	 display: inline-block;  
}  

 html[xmlns] .clearfix {  
   display: block;  
}  
  
* html .clearfix {  
	 height: 1%;  
} 



/*HEADER STYLES*/
#header{
	float:left;
	width:760px;
	background: url('/images/solutions/mymoments/mmbanner_760x150.jpg') 0 30px no-repeat;
}
.mmlogo {
	float:left;
	top:1px;
	left:1px;
	width: 189px;
	height:177px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/images/solutions/mymoments/mmlogo.png');
}
.mmlogo[class] {
	float:left;
	background: url('/images/solutions/mymoments/mmlogo.png') no-repeat bottom left;
}
a.homelink{
position:relative;
}
img.logohome{
width:180px;
height:155px;
}
div.mmlogo h1{
font-size:90%;
text-indent:-5000px;
}
#header #headerlinks {
	float:left;
	width:566px;
	margin:0 auto;
	text-align: right; 
	color: #fff;
	padding: 10px 5px 0 0;
}
#header #headerlinks a{
	color:#ddd;
}
#header #headerlinks a:hover{
	color:#fff;
}
/*END HEADER STYLES*/




/*BOILER STYLES*/
#mmboiler{
	clear:both;
	float:left;
	width:760px;
	background:#fff url('/images/solutions/mymoments/boilertrim.gif') repeat-x;
	padding:20px 0 0 0;


}
#boilertext{
	float:left;
	padding:20px;
	width:430px;
}
#boilertext h2{
	padding-bottom:10px;
	margin:0;
	font-size:160%;
	font-weight:bold;
	
}
#boilertext p{
	float:left;
	padding-top:10px;
	font-size:120%;
	line-height:120%;
}
.boilergraphic{
	float:left;
	margin:0;
	padding:50px 0 0 0;
	width: 274px;
}
/*END BOILER STYLES*/




/*CONTENT STYLES*/
.tit_us{
	padding-left:20px;
}
.tit_usershowcase{
width:400px;
height:26px;
float:left;
margin:0;
padding:0;
background:  url('/images/solutions/mymoments/fra/tit_usershowcase.gif') 10px 0 no-repeat;
}
.tit_usershowcase h2.usc{
margin-left: -5000px;
font-size:80%;
}
#mmcontent{
	width:760px;
	clear:both;
	background:#fff;
	margin:0 auto;
}
#pwrap{
	margin:0 auto;
	width:750px;
	background: #f0f0f0 url('/images/solutions/mymoments/pwrap_top.gif') top left no-repeat;
	padding:10px 0 0 0;
}
#pwrapbottom{
	
	margin:0 auto;
	width:750px;
	height:45px;
	background: #f0f0f0 url('/images/solutions/mymoments/pwrap_bottom.gif') top left no-repeat;	
}
.pboxtop{
	width:734px;
	background: url('/images/solutions/mymoments/pbox_top.jpg') top left no-repeat;	
	padding-top:20px;
}

.profileinfo h2{
	float:left;
	text-indent:-5000px;
	height:26px;
	width:100%;
}
h2#tsoccermom{
	background: url('/images/solutions/mymoments/fra/pname_lisa.gif') no-repeat;
}
h2#tdigigen{
	background: url('/images/solutions/mymoments/fra/pname_jessica.gif') no-repeat;
}
h2#tdigigrand{
	background: url('/images/solutions/mymoments/fra/pname_william.gif') no-repeat;
}
h2#ttechenthus{
	background: url('/images/solutions/mymoments/fra/pname_michael.gif') no-repeat;
}

.pboxbottom{
	
	margin:0 auto;
	width:734px;
	padding-bottom:22px;
	background: url('/images/solutions/mymoments/pbox_bottom.jpg') bottom left no-repeat;
}
.profilepic{
	display:block;
	float:left;
	padding-left:10px;
	border:0;
}
.parrow{
	float:left;
	width:15px;
	padding-top:59px;
}
.profileinfo{
	float:left;
	width:560px;
}
.profileinfo p.profile{
	float:left;
	padding: 10px 10px; 
	font-size:100%;
	width:540px;
}
.profilename{
	clear:both;
	padding-left:8px;
}
#pwrapfooter{
	margin: 0 auto;
	width:760px;
	padding-bottom: 20px;
	background: url('/images/solutions/mymoments/pwrapfooter.gif') top left no-repeat;
}








/*BUTTON STYLES*/
.btnGetInspired {
 	float: right; 
	background:url('/enu/images/btn_glass_lt.gif') top left no-repeat; 
	margin: 0; 
	padding: 0 0 0 4px; 
	text-transform: uppercase; 
	height: 24px; 
	text-align: center;
	}
	
.btnGetInspired a {
	float:left;
	background:url('/enu/images/btn_glass_rt.gif') top right no-repeat; 
	margin: 0; 
	padding: 4px 12px 0 8px; 
	height: 20px; 
	display:block; 
	color: #9a542a; 
	font-weight: bold; 
	text-decoration: none;
}

.btnGetInspired a:hover {
	color: #9a542a; 
	text-decoration: none;
}


.btnFlashDemo{
 	float: right; 
	background:url('/enu/images/btn_glass_lt.gif') top left no-repeat; 
	margin: 6px 10px 0 0; 
	padding: 0 0 0 4px; 
	text-transform: uppercase; 
	height: 24px; 
	text-align: center;
	}
	
.btnFlashDemo a{
	float:left;
	background:url('/enu/images/btn_glass_rt.gif') top right no-repeat; 
	margin: 0; 
	padding: 4px 12px 0 8px; 
	height: 20px; 
	display:block; 
	color: #9a542a; 
	font-weight: bold; 
	text-decoration: none;
}

.btnFlashDemo a:hover{
	color: #9a542a; 
	text-decoration: none;
}










/*PROFILE PAGE STYLES*/
#profileboiler{
	clear:both;
	float:left;
	width:752px;
	background:#fff url('/images/solutions/mymoments/boilertrim.gif') repeat-x;
	padding:30px 4px 10px 4px;

}
#profilewrap{
	float:left;
	width:522px;
	background: #f0f0f0 url('/images/solutions/mymoments/profiletop.gif') top left no-repeat;
	padding-top:10px;
	margin-right:4px;
}
#profilefoot{
	float:left;
	width:522px;
	background: #f0f0f0 url('/images/solutions/mymoments/profilebottom.gif') bottom left no-repeat;
	padding-bottom:10px;
}
/* UNUSED styles from prev profile layout

.profiletop{
	width:514px;
	background: url('/images/solutions/mymoments/pbox_profile_top.jpg') top left no-repeat;	
	padding-top:30px;
}

.profilebottom{
	float:left;
	margin:0 4px;
	width:514px;
	padding-bottom:32px;
	background: #fff url('/images/solutions/mymoments/pbox_profile_bot.jpg') bottom left no-repeat;
}

*/

#ptruncwrap{
	float:left;
	width:314px;
	padding:0 10px;
}
p.profiletrunc{
	float:left;
	padding-top:10px;
}







/*NEW profile BG styles*/
.prof_layout{
	clear:both;
	padding:30px 0 0 180px;
	margin: 0 auto;
	width:335px;
	height:480px;
}
#profbg_lisa{
	background:url('/images/solutions/mymoments/profbg_lisa.jpg');	
}

#profbg_jessica{
	background:url('/images/solutions/mymoments/profbg_jessica.jpg');	
}
#profbg_william{
	background:url('/images/solutions/mymoments/profbg_william.jpg');	
}

#profbg_michael{
	background:url('/images/solutions/mymoments/profbg_michael.jpg');	
}






/*Profile Name Styles*/
.name_profiles{
float:left;
width:330px;
height:26px;
}
#name_lisa{
background: url('/images/solutions/mymoments/fra/pname_lisa.gif') 6px 0 no-repeat;
}
#name_jessica{
background: url('/images/solutions/mymoments/fra/pname_jessica.gif') 6px 0 no-repeat;
}
#name_william{
background: url('/images/solutions/mymoments/fra/pname_william.gif') 6px 0 no-repeat;
}
#name_michael{
background: url('/images/solutions/mymoments/fra/pname_michael.gif') 6px 0 no-repeat;
}
h2.pname{
margin-left:-5000px;
}









/*MORE PROFILES STYLES*/
#mopro_bot{
	float:right;
	display:block;
	width:224px;
	background: #999 url('/images/solutions/mymoments/mopro_bot.gif') bottom left no-repeat;
	padding: 0 0 11px 0;
	margin:0;
}
#more_profiles{
	float:left;
	width:224px;
	background: #999 url('/images/solutions/mymoments/mopro_top.gif') top left no-repeat;
	padding-top:10px;
}
.mpthumb_bot{
	width:210px;
	margin:0 auto;
	background:  url('/images/solutions/mymoments/pthumbbox_bot.jpg') bottom left no-repeat;
	padding-bottom:8px; 
	margin-bottom:10px;
}
.mpthumb{
	float:left;
	width:194px;
	background: url('/images/solutions/mymoments/pthumbbox_top.jpg') 0 0 no-repeat;
	padding: 8px 8px 0 8px;

}
img.profilethumbs{
	float:left;
	border: 1px solid #666666;
	background:#00f;
}
	
.pthumbstext{
	float:left;
	padding-left:4px;
	width:128px;
}


.ptname{
	font-size:110%;
	font-weight:bold;
	color:#595959;
}
.pttitle{
	font-weight:bold;
	color: #a5a5a5;
}
.ptview a{
	padding:20px 0;
	text-align:right;
}
.ptview a:hover{
	padding:20px 0;
	text-align:right;
}
.ptview a:visited{
	padding:20px 0;
	text-align:right;
}
/*END MORE PROFILE STYLES*/




/*IMPRESSIVE RESULTS STYLES*/
#results_bot{
	float:right;
	display:block;
	width:224px;
	background: #e69029 url('/images/solutions/mymoments/results_bot.gif') bottom left no-repeat;
	padding: 0 0 11px 0;
	margin:6px 0 0 0;
}
#results_top{
	float:left;
	width:224px;
	background: #e69029 url('/images/solutions/mymoments/results_top.gif') top left no-repeat;
	padding-top:10px;
}
#results_bg{
	background: #eee url('/images/solutions/mymoments/results_mid.gif') repeat-y;
}



.irthumb_bot{
	width:210px;
	margin:0 auto;
	background:  url('/images/solutions/mymoments/pthumbbox_bot.jpg') bottom left no-repeat;
	padding-bottom:8px; 
	margin-bottom:10px;
}
.irthumb_top{
	float:left;
	width:198px;
	background: url('/images/solutions/mymoments/results_ctop.jpg') 0 0 no-repeat;
	padding: 8px 4px 0 8px;
	

}

.resultsview{
	float:left;
	width:127px;
}

.h4results{
	font-size:120%;
	color:#fff;
	text-align:center;
	padding-bottom:6px;
}

.iritems{
	clear:both;
	padding-bottom:8px;

}

.irthumbstext{
	float:left;
	width:128px;
	padding-left:4px;
}


ul.resultslist{
list-style-type:none;
padding: 8px 10px 0 6px;
}
ul.resultslist li{
	background: url("/enu/images/7x7_grey_arrow.gif") no-repeat;
	background-position: 0 5px;
	padding: 0 0 8px 12px;
}

/*END IMPRESSIVE RESULTS STYLES*/






/*BUCKET STYLES*/
.bucket{
	float:left;
	margin-left:7px;
	height:176px;
	width:367px;
	border: 1px solid #e37031;
	background:#f5f5f5 url('/images/solutions/mymoments/bucket_titbg.gif') 0 0 repeat-x;
}
.bucket h4.bh {
	color:#fff;
	font-weight:bold;
	font-size:100%;
	padding-top:6px;
	text-align:center;
}
p.fdemo{
	padding:10px 10px 0 10px;
}

ul.bucketlist{
list-style-type:none;
padding: 18px 10px 0 14px;
}
ul.bucketlist li{
	background: url("/enu/images/7x7_grey_arrow.gif") no-repeat;
	background-position: 0 5px;
	padding: 0 0 8px 12px;
}

p.videopdf{
	padding: 4px 0 0 0;
}

a.videoicon{
	background:url('/images/solutions/mymoments/icon_video.gif') 0 4px  no-repeat;
	margin-top:4px;
	padding:4px 6px 4px 20px;
}
a.pdficon {
	background:url('/images/solutions/mymoments/icon_pdf.gif') 0 4px no-repeat;
	margin-top:4px;
	padding:4px 6px 4px 20px;
}







/*NEW FOOTER STYLES*/
/*FOOTER*/
.trim{ 
	background-color: #666;  
	height: 0 !important;
	width: 100%;
	margin-top: 2px;
	border-bottom: 0;  
	overflow: hidden; 
}

#footer{
	float: left;
	width: 760px;
}

#footerLinks{
	position: relative;
	text-align: center;
	padding-top: 10px;
}
#footerLinks ul{
	list-style-type: none;
}
#footerLinks li{
	display: inline;
	padding-right: 5px;
}

#footerLinks li a{
	color:#ddd;
	
}

#footerLinks li a:hover{
	color:#fff;
	
}

#footerLinks p{
	padding-top: 5px;
	color: #fff;
}
#footerLinks p a{
	color: #fff;
	text-decoration: none
}