﻿#atffc { display:none; }


body {
	/*background:#fffffff;*/
	color:#525051;
	font-family:Verdana, Arial, sans-serif;
	font-size:100%;
	line-height:1.125em;
	}



/* SITE WRAPPER ------------------------------------------------------------------------- */



#wrapper  {
	margin:0 auto;
	padding:20px 40px 40px 40px; 
	width:920px;
	background-image:url(../images/wrapperBg.png);
	}



/* NAV ------------------------------------------------------------------------------------ */


/* NAV ACCESSIBILITY - Skip Link ------ */


#skip a {
	position:absolute;
	left:-10000px;
	top:auto;
	width:1px;
	height:1px;
	overflow:hidden;
	}
 
	#skip a:focus {
		position:static;
		width:auto;
		height:auto;
		}

/* -------------------------------------- */



#nav {
	width:920px;
	/*position:relative;*/
	z-index:2;
	margin:0 0 40px 0;
	float:left;
	}


	#navlist, #navlist ul {
		list-style:none;
		padding:0;
		width:920px;
		}


		#navlist li {
			float:left;
			padding:0;
			margin:0;	
			}
		

			#navlist li:hover {
				position:static;
				}

		  
		 #navlist a  {
			font-size:0.75em;
			color:#ffffff;
			text-decoration:none;   
			margin:0;
			}
					
					
					
				   
		  


#navlist a.navHome {				
	/*width:70px;*/
	padding:13px 63px 13px 63px;
	background:#6f7b8e url(../images/navigationBg.jpg)  0 0 no-repeat;
	}
	
	#navlist a.navHome:hover, #navlist a.navHome.highlight{
		color:#525051;
		background-position:0 -40px;
		background-color:#ffffff;  
		}

#navlist a.navEmoticons {
	/*width:86px;*/
	padding:13px 63px 13px 63px;
	background:#6f7b8e url(../images/navigationBg.jpg) -122px 0 no-repeat;
	}
	
	#navlist a.navEmoticons:hover, #navlist a.navEmoticons.highlight {
		color:#525051;
		background-position:0 -40px;
		background-color:#ffffff;
		}

#navlist a.navGames {
	/*width:106px;*/
	padding:13px 63px 13px 63px;
	background:#6f7b8e url(../images/navigationBg.jpg) -222px 0 no-repeat;
	}
	
	#navlist a.navGames:hover, #navlist a.navGames.highlight {
		color:#525051;
		background-position:0 -40px;
		background-color:#ffffff;
		}

#navlist a.navMessenger {
	/*width:500px;*/
	padding:13px 52px 13px 62px;
	background:#6f7b8e url(../images/navigationBg.jpg) -550px 0 no-repeat;
	}

#navlist a.navMessenger:hover, #navlist a.navMessenger.highlight{
	color:#525051;
	background-position:  -550px -40px;
	background-color:#ffffff;			  
	}





/* TYPOGRAPHY ------------------------------------------------------------------------ */


p {
	font-size:80%;
	margin:0 0 9px 0;
	}


.emoticonCta {
	margin:0 0 50px 0;
	}


.gameCta {
	margin:0 0 32px 0;
	}


a {
	color:#FE5815;
	text-decoration:none;
	}

	a:hover {
		text-decoration:underline;
		}


a.titleCta {
	color:#7d0d00;
	text-decoration:none;
	}
		
a.titleCta:hover {
	color:#7d0d00;
	text-decoration:underline; 
}


.footerTitle {
	color:#ffffff;
	}



h1 {
	width:228px;
	font-size:160%;
	line-height:1.125em;
	margin:0 0 10px 0;
	color:#7d0d00;
	}


h2 {
	font-size:130%;
	line-height:1.125em;
	margin:0 0 10px 0;
	color:#7d0d00;
	}
	
   

h3 {
	font-size:110%;
	line-height:1.125em;
	margin:0 0 16px 0;
	}



.downloadsTitle {
	margin:0 0 10px 0;
	}




/* ---------------------------------------------------------------------------------------- */



#header {
	width:920px;
	margin:0 0 20px 0;
	float:left;
	}
	
	#logoContainer {
		width:554px;
		float:left;
	}
	
	
.pageBookmarkHolder {
	width:327px;
	float:right;
	text-align:right;
	}
	
	.pageBookmarkHolder .bookmark 
	{
		float:right;
	}
	
	.pageBookmarkHolder .second 
	{
		margin:0;
		font-size:80%;
		cursor:pointer;
		padding:0 24px 0 0;
		background:url(../images/rssBtn.jpg) no-repeat right;
		height:16px;
	}
	
	
  .rssHolder {
       width:500px;
       float:right;
       margin:10px 0 0 0;
       }
       
       #backgroundThumbs {
            float:right;
	        text-align:right;
	        list-style:none;
            }
            
            #backgroundThumbs li {
                margin:0 10px 0 0;
            }
       
       
	

/* TOP MODULE ----------------------------------------------------------------------------- */


#hero {
	width:916px; 
	height:284px;
	padding:3px;
	float:left;
	background: url(../images/heroBg.jpg) no-repeat;
	}
		
		#intro {
			width:212px;
			float:left;
			padding:10px 20px 10px 12px;
			height:240px;
			}
			
			.mediaTypeListHeroHeader { margin: 0 0 20px 0;}
			
			a.pageButtonEmoticons, a.pageButtonGames {
				display:block;
				padding:6px 0 6px 40px;
				width:172px;
				color:#ffffff;
				float:left;
				font-size:80%;
				cursor:pointer; 
				}
				
				
				a.pageButtonGames {
				    display:block;
				    padding:6px 0 6px 44px;
				    width:168px;
				    color:#ffffff;
				    float:left;
				    font-size:80%;
				    cursor:pointer; 
				}
				
				
				
				
			
				a.pageButtonEmoticons {
					background:#164613 url(../images/emoticonPageBtn.jpg) 0 0 no-repeat;
					margin:8px 0 10px 0;
					height:18px;
					}
					
					a.pageButtonEmoticons:hover {
						background-position:0 -30px;
						margin:8px 0 10px 0;
						}
				
				a.pageButtonGames {
					background:#557eb9 url(../images/gamesPageBtn.jpg) 0 0 no-repeat;
					margin:8px 0 0 0;
					float:right;
					height:18px;
					}
					
					a.pageButtonGames:hover {
						background-position:0 -30px;
						margin:8px 0 0 0;
						float:right;
						}
						
						.btnAlign {
							float:left;
							}
			
			

				#downloads {
					width:260px;
					float:left;
					padding:14px 20px 20px 20px;
					}
					
					#downloadsList ul {
						float:left;
						list-style:none;
						
						}
										
						#downloads li {
							list-style:none;
							padding:10px 0;
							font-size:90%;
							border-bottom:1px solid#cccccc;
							}
							
							.firstItem {  
								padding:0 0 10px 0;
								}

							    .iconBtn {
								    margin:2px 0 0 0;
								    float:right;
								    }







/* HOMEPAGE BODY MODULE ---------------------------------------------------------------------------- */


#threeColumn {
	width:920px;
	height:800px;
	padding:0 0 30px 0;
	}
	
	
	.emoticonColumn {
		width:610px;
		float:left;
		margin:0 28px 0 0;
		border-right:1px solid #cccccc;
		}


		.gameColumn {
			width:270px;  
			float:left;
			/*padding:0 0 0 6px;*/
			}


/* EMOTICON BODY MODULE ---------------------------------------------------------------------------- */


.emoticonPageContainer {
		width:900px;
		float:left;
		margin:0;
		}



/* EXPLORE FOOTER -----------------------------------------------------------------------------*/


#explore {
	margin:30px 0 20px 0;
	width:880px;
	padding:15px 20px;
	background:#6f7b8e url(../images/footerBg.jpg) repeat-x;
	}

	#explorelist  {
		list-style:none;
		padding:0;
		margin:0;
		line-height:2;
		}

		#explorelist li {
			float:left;
			margin:10px 50px 16px 0;
			color:#ffffff;
			font-size:76%;
			font-weight:bold;
			}

			#explorelist li.explorelast {
				margin:10px 0 16px 0;
				}

				#explorelist li ul {
					float:none;
					list-style:none;
					margin:0;
					padding:0;
					line-height:2.3em;
					}

					#explorelist li li {
						float:none;
						margin:0;
						padding:0;
						font-size:100%;
						font-weight:normal;
						}

						#explorelist li li a {	
							color:#ffffff;
							}
	
							#explorelist li li a:hover {	
								/*color:#666666;*/
								text-decoration:underline;
								background: none
								}



/* NAV FOOTER ---------------------------------------------------------------------------*/


#wrapperEnd {
	margin:0 auto;
	padding:16px 10px 0 0; 
	width:990px;
	background: url(../images/wrapperEnd.png) no-repeat;
	}

	#footer ul {
		list-style:none;
		margin:0;
		padding:0;
		}

		#footer li {
			float:right;
			margin-left:22px
			}

			#footer a {	
				font-size:0.6em;
				color:#525051
				}
		
				#footer a:hover{	
					color:#FE5815;
					text-decoration:none
					}

					.copyrightSize {
						margin:2px 0 0 0;
						padding:0;
						font-size:0.6em;
						}








/* CTA BUTTONS IN MODULE -------------------------------------------------------------------------*/



a.button {
	display:block;
	padding:3px 1px 4px 6px;
	width:98px;
	color:#ffffff;
	float:left;
	font-size:80%;
	cursor:pointer;
}


.emoticons .buttonDownloads, .emoticonsLarge .buttonDownloads {
    background:#164613 url(../images/downloadBtnBg.jpg) 0 0 no-repeat;
    height:18px;
    }
    
    .emoticons .buttonDownloads:hover, .emoticonsLarge .buttonDownloads:hover {
        background-position:0 -25px;
        }


.games .buttonDownloads, .gamesLarge .buttonDownloads {
    background:#557eb9 url(../images/playBtnBg.jpg) 0 0 no-repeat;
    height:18px;
    }
    
    .games .buttonDownloads:hover, .gamesLarge .buttonDownloads:hover {
        background-position: 0px -25px;
        }


.bots .buttonDownloads, .botsLarge .buttonDownloads {
    background:#fe5815 url(../images/addBtnBg.jpg) 0 0 no-repeat;
    height:18px;
    }
    
    .bots .buttonDownloads:hover, .botsLarge .buttonDownloads:hover {
        background-position: 0px -25px;
        }
        
        
 .emoticons .title, .emoticonsLarge .title  {
    color:#164613;
    }


.games .title,  .gamesLarge .title{
    color:#557eb9;
    }       
        
        
.bots .title,  .botsLarge .title{
    color:#fe5815;
    }   


/* ----------------------------------------------------------------------------------------- */


.clear { clear:both; }
.heroOrdering { width:500px; }
.top10 { width:40%; height:300px; float:right;}
.homePageContentIntro { height: 56px; }

/* Content Pager */
.pagerContainer { float:right; font-size:0.8em; }
.pagerButton { border:solid 1px #FF5311; display:inline-block; color:#FF5311; padding:4px; }
.pagerButtonSelected { color:#fff; display:inline-block;  background-color:#FF5311; padding:4px; }

.backgroundSelector {margin:10px 0 0 0; width:200px;float:right; text-align:right;}
.backgroundSelector input { margin:5px 1px 5px 9px; }
#at15s { display:none !important; }
.pagerButton[disabled=disabled] { text-decoration:none; }

/* Messenger bar Profile Logo */
.ProfileControl_Header { background: url(../images/messengerBar_logo.png) no-repeat center 20px; height:70px !important; }
.ProfileControl { height:360px !important; }

/* All items on the Messenger bar 
.MessengerBarControl_Item { background-image: url(../Images/MessengerToolbar/repeatX.png) !important;
                            background-color:#6f7b8e;
                            background-repeat:repeat-x;
                            background-position: 0 0 !important;
                            color:#fff; }

.ConversationListControl { color:#fff !important;}

.ProfileControl,
.ContactListControl,
.ConversationControl,
.Opened,
.Hover,
.Focus { background: #bac7da !important; }

.ProfileControl,
.ContactListControl,
.ConversationControl { border-color: #6f7b8e !important; border-width:1px 1px 0 !important; border-style:solid !important;} 

.ProfileControl_ExpandedStatus, .ConversationTypingControl  { border-color: #6f7b8e !important; border-width:0 1px 1px 1px !important; border-style:solid !important;} 
.ProfileControl_Body { border-color: #6f7b8e !important; border-width:1px 1px 0 1px !important; border-style:solid !important;} 

.ContactListControl_Content,
.ContactListControl_WordwheelContainer,
.ConversationHistoryControl,
.ConversationInputControl_TextBoxPanel { border: 1px solid #6f7b8e !important; }

.Minimize {background-image:url(../Images/MessengerToolbar/Minimize.png) !important; background-position:0 0 !important;}
.Close {background-image:url(../Images/MessengerToolbar/Close.png) !important; background-position:0 0 !important;}

.MessengerBarControl_Logo_Image {background-image:url(../Images/MessengerToolbar/wLive_msngr_h_rgb_r.png) !important; background-position:0 0 !important;}
*/
/*Positional problem with bottom of chatting box
.ConversationTypingControl {padding:3px 4px 0 2px !important;margin:0 11px !important;}

.ConversationRosterControl { background:inherit !important; }

.MessengerBarControl_Separator { background: url(../Images/MessengerToolbar/divider.png) no-repeat !important; }

.MessengerBarControl_Edge_Start { background: url(../Images/MessengerToolbar/rounded29.png) no-repeat scroll 0 0 !important; }
.MessengerBarControl_Edge_End { background: url(../Images/MessengerToolbar/rounded29.png) no-repeat scroll -14px 0 !important; }*/
