#pageContainer {
border:1px; border-style:solid; border-color:#9EFFFF;
width:775px;
}

#headerContainer {

}

#footerContainer {

}

#contentContainer {
width:775px; position:relative;
background-color:#20a1a3;
background-repeat:no-repeat; background-position:top;
}

#footer {
width:100%;
height:0px;
clear:both;
}

#titleBar {
width:100%;
height:100px;
position:relative;
}

#modulesContainer {
width:753px;
margin-left:13px;
position:relative;
}

#modulesContainerTop {
width:100%;
height:10px;
background-image:url('/images/community/moduleContainerTop.png');
background-repeat:no-repeat; background-position:0px 0px;
}

#modulesContainerBottom {
width:100%;
height:10px;
background-image:url('/images/community/moduleContainerBottom.png');
background-repeat:no-repeat; background-position:0px 0px;
}

#modulesContainerMiddle {
width:751px; position:relative;
background-color:#FFFFFF;
border-right:2px; border-right-style:solid; border-right-color:#022d2f;
}

#modulesContainerContent {
width:731px;
min-height:220px;
margin-left:11px;
position:relative;
min-height:400px;
padding-top:5px;
padding-bottom:5px;
}

.moduleColumn {
width:237px; position:relative; min-height:300px;
}

#centerModuleColumn {
margin-left:247px;
}

#leftModuleColumn {
float:left;
}

#rightModuleColumn {
float:right; 
}

.clear {
clear:both;
}

#rightColumnList, #leftColumnList, #centerColumnList {
width:237px; min-height:100px;
margin:0px; border:0px; list-style:none; padding:0px;
}

#rightColumnList li, #leftColumnList li, #centerColumnList li {
margin:0px; border:0px; list-style:none; padding:0px;
margin-bottom:10px;
}
.loginText {color:#00676b; font-weight:bold; font-size:14px;}

.bottomButtonsContainer {
position:relative; height:31px; width:100%; text-align:right; right:10px;
}

/* --------- Customize Button: ------ */

#customizeButtonContainer {
position:absolute;
width:243px; height:55px;
right:21px; bottom:0px;
}

#customizeButtonLink {
position:absolute;
left:122px; top:14px;
}

#customizeButtonLink img {
width:107px; height:29px;
}

#backToMyPageButtonLink {
position:absolute;
left:11px; top:14px;
}

#backToMyPageButtonLink img {
	width:220px; height:29px;
}

#saveButtonLink {
position:absolute;
left:11px; top:14px;
}

#saveButtonLink img {
width:107px; height:29px;
}

#customizeButtonBG {
position:absolute; top:0px; left:0px;
background-image:url('/images/community/customizeButton_lg.png');
background-repeat:no-repeat;
width:100%; height:100%;
}
#backbuttonButtonBG {
position:absolute; top:0px; left:0px;
background-image:url('/images/community/backtomyhome_lg.png');
background-repeat:no-repeat;
width:100%; height:100%;
}

/* ---------------------------------- */



/* -------------- Module Structure ----------- */

.module, .notMovableModule {
width:237px;
position:relative;
margin-bottom:12px;
}

.scalableModule {
position:relative;
margin-bottom:0px;
}

.module .moduleContainer, .notMovableModule .moduleContainer {
width:233px;
border:1px; border-style:solid; border-color:#000000;
position:relative;
}

.scalableModule .moduleContainer {
border:1px; border-style:solid; border-color:#000000;
position:relative;
}

.moduleBar {
width:100%; height:34px;
position:relative;
border-bottom:1px; border-bottom-style:solid; border-bottom-color:#000000;
background-color:#FFFFFF;
}

.moduleHandle {
width:170px;
cursor:move;
}

.notMovableModule .moduleHandle, .scalableModule .moduleHandle {
cursor:default;
}

.moduleContent {
/*min-height:200px;*/
position:relative;
/*height:200px;*/
}

.module .moduleShadow, .notMovableModule .moduleShadow {
position:absolute; top:2px; bottom:-2px; left:2px; right:0px;
border-right:1px; border-right-style:solid; border-right-color:#000000;
border-bottom:1px; border-bottom-style:solid; border-bottom-color:#000000;
}

.scalableModule .moduleShadow {
border-right:1px; border-right-style:solid; border-right-color:#000000;
border-bottom:1px; border-bottom-style:solid; border-bottom-color:#000000;
position:absolute; top:2px; bottom:-2px; left:2px; right:-2px;
}

.module .innerBox, .notMovableModule .innerBox, .scalableModule .innerBox {
width:215px; border:1px; border-style:solid; border-color:#FFFFFF; background-color:#CCCCCC;
margin-left:8px; position:relative;
}
.module .innerBoxContainer, .notMovableModule .innerBoxContainer, .scalableModule .innerBoxContainer {
width:100%; padding-top:7px; padding-bottom:7px;
}
.module .innerBox {position:static;}

.moduleControls {width:auto; position:absolute; right:9px; top:11px;}

.moduleControls a {
padding-left:2px; padding-right:2px;
}

/* ---------------------------------------------*/


/* ------------ Popup ----------------------- */

.popupContainer {
z-index:1000;
position:absolute;
width:100%;
}

.popupPadding {
padding:5px;
position:relative;
}

.popupClose {
position:absolute; right:10px; top:-37px;
width:84px; height:30px;
background-image:url('/images/community/popup/popup_close.gif'); background-repeat:no-repeat;
}

.popupClose img {
width:84px; height:30px; border:none;
}
.popupTopLeft {background-image:url('/images/community/popup/top_left_corner.png');}
.popupTop {background-image:url('/images/community/popup/top.gif'); background-repeat:repeat-x;}
.popupTopRight {background-image:url('/images/community/popup/top_right_corner.png');}
.popupLeft {background-image:url('/images/community/popup/left.gif'); background-repeat:repeat-y;}
.popupRight {background-image:url('/images/community/popup/right.gif'); background-repeat:repeat-y;}
.popupBottomLeft {background-image:url('/images/community/popup/bottom_left_corner.png');}
.popupBottom {background-image:url('/images/community/popup/bottom.gif'); background-repeat:repeat-x;}
.popupBottomRight {background-image:url('/images/community/popup/bottom_right_corner.png');}

/* ------------------------------------------ */


/* ----------------- customize screen: ------------------------ */


.customizeRow {
width:625px; position:relative;
}

.customizeLeft {
position:absolute; left:8px; top:21px; width:36px; height:37px; cursor:pointer;
}

.customizeRight {
position:absolute; right:8px; top:21px; width:36px; height:37px; cursor:pointer;
}

.moveableLimits {
width:514px; min-height:100px; margin-left:55px; overflow:hidden; position:relative;
}

.moveableContent {
width:auto; height:auto; position:absolute; left:0px; top:0px;
}

.customizeTitle {
width:100%; padding-bottom:12px;
}

.customizeTitle img {
width:256px; height:27px; border:none;
}

.imageContainer {
background-image:url('/images/community/customizescreen/item_container.gif'); background-repeat:no-repeat; width:124px; height:65px;
}

.imageContainer img {
margin-top:2px; margin-left:1px; width:120px; height:61px; border:none;
}

.itemContainer {
width:140px; 
color:#6e6e6e; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
padding-top:5px; padding-bottom:5px;
}

.selectedItem {
background-color:#ECFC94;
}

.itemContainer a, .itemContainer a:hover, .itemContainer a:visited {
color:#6e6e6e; font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;
text-decoration:none;
}

.customizeScrollContent {
height:450px; overflow:auto; position:relative;
}

.customizeScrollContent .scalableModule {
margin-right:10px; margin-left:10px;
}

.FAQContent {
overflow:auto; height:500px;
}

/* ------------------------------------------------------------ */



/* -------- Styles for specific modules ------ */

#customizeModulesList {
margin-bottom:12px;
}
#customizeModulesList .moduleBar {
background-image:url('/images/community/customizescreen/modules.gif');
background-repeat:no-repeat; background-position:left;
}


#customizeSiteWideStylesList {
margin-bottom:12px;
}
#customizeSiteWideStylesList .moduleBar {
background-image:url('/images/community/customizescreen/site_wide_styles.gif');
background-repeat:no-repeat; background-position:left;
}


#customizeColumnBackgroundsList {
margin-bottom:12px;
}
#customizeColumnBackgroundsList .moduleBar {
background-image:url('/images/community/customizescreen/column_backgrounds.gif');
background-repeat:no-repeat; background-position:left;
}


#customizeFrameBackgroundsList {
margin-bottom:12px;
}
#customizeFrameBackgroundsList .moduleBar {
background-image:url('/images/community/customizescreen/frame_backgrounds.gif');
background-repeat:no-repeat; background-position:left;
}


#customizePageBackgroundsList {
margin-bottom:12px;
}
#customizePageBackgroundsList .moduleBar {
background-image:url('/images/community/customizescreen/page_backgrounds.gif');
background-repeat:no-repeat; background-position:left;
}
/* module edit */
.editBar {
width:100%; height:80px;
position:relative;
border-bottom:1px; border-bottom-style:solid; border-bottom-color:#000000;
background-color:#FFFFFF;
}

.themeHolder {
font-size:12px;
font-weight:bold;
color:#7c7c7c;
margin-left:5px;
margin-top:3px;
margin-bottom:5px;
}
.themeSelector {float:left; margin-right:4px; height:26px; margin-bottom:5px; border:1px; border-style:solid; border-color:#FFFFFF;}
.applyBtn {
margin-left:170px; margin-top:15px; position:absolute;
}
* html .applyBtn {
margin-left:-50px;
}
.contentListBorder {
border:0px; border-bottom:1px; border-style:solid; border-color:#000000; margin-bottom:5px; padding-top:5px;
}
.listTable {width:233px;}

.iconBorder {background-image:url(/images/community/icon_border.gif); width:73px; height:57px; padding-left:9px; padding-top:1px; margin-left:5px; margin-right:5px; margin-top:5px;
}
.videoIconBorder {
margin:3px; border:1px; border-style:solid; border-color:#FFFFFF;
}
.listOutter {padding-top:5px; padding-bottom:5px;}

.smallDeleteButton {cursor:pointer;}

/* --------- for Hot or Not Module: ------------- */

#hotOrNotContent {
min-height:85px;
}
#hotOrNotItem, #hotOrNotPreVote, #hotOrNotPostVote {
width:100%; padding-top:7px; padding-bottom:7px;
}
#hotOrNotItem {
font-size:14px; font-weight:bold;
}
#hotOrNotPreVote {
height:40px;
}
#hotOrNotPreVote img {
border:none;
}
#hotOrNotPostVote {
height:40px;
}
#hotOrNotPostVote table, ##hotOrNotPostVote tr {
width:160px;
}
#hotOrNotPostVote td {
width:80px;
}
#hotOrNotPostVote .titles {
font-size:12px; font-weight:bold;
}
#hotOrNotPostVote .votes {
font-size:20px; font-weight:bold; color:#000000;
}
#hotOrNotPostVote .hot, #hotOrNotPostVote .not {
width:80px;
}

/* ---------------------------------------------- */

/* --------- for Horoscopes Module: ------------- */

.horoscopesContent {
width:200px;
position:relative;
}

.horoscopesContent .titleBox {
width:100%; height:50px;
position:relative;
}

.horoscopesContent .title {
width:145px; position:absolute;
top:12px; right:0px; font-weight:bold; font-size:14px;
}

.horoscopesContent .dateRange {
font-weight:bold; font-size:10px;
width:100%; padding-top:2px; padding-bottom:4px;
}

.horoscopesContent .titleBox img {
position:absolute; top:5px; left:8px;
}

.horoscopesContent .description {
margin-left:5px; padding-bottom:5px;
}

.allHoroscopesButton {
width:100%; padding-bottom:7px;
}
.allHoroscopesButton img {
border:none;
}

/* ---------------------------------------------- */

/* --------- for Birthday Module: ------------- */
.bdayList {height:150px; width:226px; margin-top:5px; margin-left:5px; overflow:auto;}
.bdaynav {margin-left:3px;}
/* ---------------------------------------------- */

/* --------- for Games Module: ------------- */
.gamesInnerbox { text-align:center; margin:5px;}
.gamesImage {padding:5px;}

/* ---------------------------------------------- */
/* --------- for Video Module: ------------- */
.videoInnerbox { margin:5px;}
/* ---------------------------------------------- */


/* --------- for News Module: ------------- */
.newsContent {padding-top:5px; padding-bottom:10px; margin-right:10px;}
.newsContent li {padding-top:4px; padding-bottom:4px;}
.newsContent .bottomButtons {position:relative; width:100%; height:15px;}
#prevNews {position:absolute; left:6px; top:0px;}
#nextNews {position:absolute; right:6px; top:0px;}
#prevNews a, #nextNews a {font-weight:bold;}
/* ---------------------------------------------- */

/* ---------- for avatar module: --------------------- */
.avatarContent .teamLogoArea {
width:100%; background-color:#ffffff;
height:100px;
text-align:center;
}
#fcAvatarContent {
padding-bottom:10px;
padding-top:10px;
text-align:center;
}
/* ---------------------------------------------- */


/* ---------- for kicks standings: --------------------- */
.standingsContent {
background-color:#e7e6e6;
}

.standingsContent .standingsRow {
	width:217px;
	height:50px;
	position:relative;
	margin-top:2px;
}
.standingsContent .standingsLogo {
	position:absolute;
	top:0px;
	left:0px;
}
.standingsContent .standingsLogo img {
	width:55px; 
	height:42px;
}
.standingsContent .standingsRibbonLeft {
	position:absolute; 
	left:55px; 
	top:0px;
	background-image:url('/images/community/modules/standings/standing_bgs.png'); 
	background-position:right;
	background-repeat:no-repeat; 
	padding-left:8px;
}
.standingsContent .standingsRibbonRight {
	background-image:url('/images/community/modules/standings/standing_bgs.png'); 
	background-repeat:no-repeat;
	padding-right:22px;
}
.standingsContent .standingsRibbon {
	width:50px; 
	height:28px;
	background-image:url('/images/community/modules/standings/standing_bgs.png'); 
	background-repeat:no-repeat;
}
.standingsContent .standingsPoints {
	position:absolute;
	bottom:5px; 
	left:60px; 
	color:#000000;
	font-size:10px;
	font-weight:bold;
}
	
.standingsContent #team1Row .standingsRibbonLeft {
	background-position:0px -29px;
}
.standingsContent #team1Row .standingsRibbonRight {
	background-position:right -29px;
}
.standingsContent #team1Row .standingsRibbon {
	background-position:-9px -29px;
}

.standingsContent #team2Row .standingsRibbonLeft {
	background-position:0px -87px;
}
.standingsContent #team2Row .standingsRibbonRight {
	background-position:right -87px;
}
.standingsContent #team2Row .standingsRibbon {
	background-position:-9px -87px;
}

.standingsContent #team3Row .standingsRibbonLeft {
	background-position:0px -58px;
}
.standingsContent #team3Row .standingsRibbonRight {
	background-position:right -58px;
}
#team3Row .standingsRibbon {
	background-position:-9px -58px;
}

.standingsContent #team4Row .standingsRibbonLeft {
	background-position:0px 0px;
}
.standingsContent #team4Row .standingsRibbonRight {
	background-position:top right;
}
.standingsContent #team4Row .standingsRibbon {
	background-position:-9px 0px;
}

/* ---------------------------------------------- */

#friendsTooltip {
	position:absolute;
	height:17px;
	padding:3px;
	background-color:#63fdff;
	z-index:100;
	color:#616161;
	font-size:11px;
	background-image:url('/images/community/modules/friends/famclub_05.gif');
	background-repeat:repeat-x;
	left:40px;
}

#friendsTooltipLeft {
	position:absolute;
	left:-3px;
	top:0px;
	width:3px;
	height:23px;
	background-image:url('/images/community/modules/friends/famclub_03.gif');
	background-repeat:no-repeat;
}

#friendsTooltipRight {
	position:absolute;
	right:-3px;
	top:0px;
	width:3px;
	height:23px;
	background-image:url('/images/community/modules/friends/famclub_07.gif');
	background-repeat:no-repeat;
}

#friendsTooltipPointer {
	position:absolute;
	width:9px;
	height:9px;
	top:20px;
	left:5px;
	line-height:3px;
	background-position:top;
	background-repeat:no-repeat;
	background-image:url('/images/community/modules/friends/famclub_10.png');
}

#friendsListMessage {
	background-color:#d8d8d8;
	color:#565656;
	padding:10px;
	text-align:center;
}

#friendsList {
	background-color:#d8d8d8;
	overflow:auto;
	height:200px;
	color:#565656;
	padding:2px;
}

#friendsList .friendsListRow {
	padding-top:3px;
	padding-bottom:2px;
	padding-left:0px;
	padding-right:10px;
	position:relative;
}

#friendsList .friendsListRow div.friendName {
	position:absolute; top:7px; left:33px;
	display:block;
	color:#565656;
}
#friendsList .friendsListRow div.friendName a, #friendsList .friendsListRow div:hover, #friendsList .friendsListRow div:visited {
	color:#565656;
}

#friendsList .friendsListRow a img {
position:absolute; bottom:0px; right:0px;
border:none;
}

#friendsList .friendsListRow.even {
	background-color:#e9e8e8;
}

#friendsList .friendsListRow.odd {
	background-color:#d8d8d8;
}

.friendsInnerBox {
 text-align:center; margin:5px;
}

.friendsInnerBox p {
font-weight:bold;
}

#friendRequestName, #friendRequestEmail {
border:1px solid #ffffff;
font-size:11px;
padding:2px;
}

#messagesList {
position:relative;
}

#messagesListIntroMessage {
	text-align:center;
	padding:10px;
}

.messagesListRow {
position:relative;
padding-left:13px;
padding-right:13px;
padding-top:8px;
padding-bottom:8px;
}

#messagesList .messagesListRow a img {
position:absolute; bottom:0px; right:0px;
border:none;
}

#messagesList .messagesListRow div {
font-weight:bold; 
}

.messagesInnerBox {
text-align:center; margin:5px;
}

#sendMessageFriend, #sendMessageMessage {
border:1px solid #ffffff;
font-size:11px;
padding:2px;
width:190px;
display:block;
margin-top:5px;
}

#sendMessageResult {
font-weight:bold;
margin-bottom:10px;
}

.collapsibleSelect {
width:185px; padding:3px;
background-color:#ffffff;
}

.collapsibleSelect a {
color:#565656;
}

.collapsibleSelect .collapsibleSelectRow {
padding-top:2px;
padding-bottom:2px;
padding-left:3px;
padding-right:3px;
position:relative;
text-align:left;
}

.collapsibleSelect .collapsibleSelectRow.even {
background-color:#e9e8e8;
}

.collapsibleSelect .collapsibleSelectRow.odd {
background-color:#d8d8d8;
}

#messageListContainer {
	display:none;
}

#messageList p a {
	font-size:12px;	
}
#messageList p a:hover {
	font-weight:bold;
}

.messageList {
	height:225px;
	overflow:auto;
}

#choosenMessage {
	width:190px;
	background-color:#ffffff;
	text-align:left;
	padding:4px;
	cursor:pointer;
	font-size:11px;
	margin-bottom:20px;
	margin-top:5px;
	color:#000000;
}

#messagesControls {
	position:relative;
	height:13px;
}

#prevMessages {
	position:absolute;
	left:4px;
	bottom:4px;
	font-weight:bold;
}
#nextMessages {
	position:absolute;
	right:4px;
	bottom:4px;
	font-weight:bold;
}

#currentMood {
	height:40px;
	background-color:#6c6c6c;
	padding:15px;
	padding-right:100px;
	color:#39feff;
	font-weight:bold;
	position:relative;
}

#moodSelectorLink {
	border:none;
	position:absolute;
	right:5px; top:35px;
}

#moodimage {
	position:absolute;
	right:20px;
	top:1px;
}

#moodSelectorContainer {
	position:absolute;
	top:70px;
	left:0px;
	width:100%;
}

#moodSelector, #moodSelector2 {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-top:1px solid #000000;
	list-style:none;
	position:absolute;
	top:70px;
	padding:0px;
	margin:0px;
	z-index:1000000;
}
#moodSelector {
	right:0px;
}
#moodSelector2 {
	left:0px;
}

#moodSelector li, #moodSelector2 li {
	border-bottom:1px solid #000000;
	background-color:#585757;
	cursor:pointer;
	padding:10px;
	padding-left:5px;
	width:100px;
	position:relative;
	font-size:10px;
}
#moodSelector li.odd, #moodSelector2 li.odd {
	background-color:#6c6c6c;
}
#moodSelector li.even, #moodSelector2 li.even {
	background-color:#585757;
}
#moodSelector li img, #moodSelector2 li img {
	position:absolute;
	top:0px;
	right:0px;
	width:46px;
	height:31px;
}


#activityContent div.contentListBorder {
	padding-top:3px;
	padding-bottom:8px;
	padding-left:10px; padding-right:10px;
	position:relative;
}

div#activityControls {
	height:12px;
	padding:0px;
	position:relative;
}

#previousActivities  {
	position:absolute;
	left:5px;
	top:-2px;
}
#nextActivities {
	position:absolute;
	right:5px;
	top:-2px;
}

#smallboxContent img {
	border:none;
	height:194px;
}