@charset "UTF-8";

/* 
The behaviour attribute is costly - see if it can be attached only to the necessary elements
Also, read more about "the _filter hack" to avoid unnecessary load time in IE7 
*/ 
body, html { margin:0; padding:0; color:#333; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 12px; background: #3279C9 url(/images2/freya/framework/backgroundStripes.png) repeat; } /* a9cee7 snowflakeBg.png */
input, select, option, textarea { font-family: "lucida grande",tahoma,verdana,arial,sans-serif; }

table { padding:0px; border-spacing:0px; margin:0px; border-collapse: collapse; }
td { padding:0px; border-spacing:0px; margin:0px; }
img, div { margin: 0; border: 0; }
img { behavior: url(/css/iepngfix.htc); } 
a:link { color:#0055aa; text-decoration: none; } /*007791*/
a:visited { color:#0055aa; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { color:#0055aa; }
/* a img { text-decoration:none; } */
a.fbbookmark {cursor:pointer;padding:15px 20px;}
a.fbbookmark span {background:transparent url(http://static.ak.connect.facebook.com/images/icon_addtobookmark.gif) no-repeat scroll 0 0;font-size:16px;padding:1px 3px 1px 20px;}

p { font-size:12px; line-height:16px; color:#333; margin:0px; }
h1 { margin:0; }
h2 { margin:0; font-size:14px; }

/* Use fullsizepadding or fullsize with padding? */
#wrap { behavior: url(/css/iepngfix.htc); width:778px; margin:0 auto; background:url(/images2/freya/framework/mainBg.png) repeat-y;}
#wrapFullsize { behavior: url(/css/iepngfix.htc); width:778px; margin:0 auto; background:url(/images2/freya/framework/mainBg_fullsize.png) repeat-y;}
#wrapFullsize #fullsizePadding { padding-left:21px; padding-right:21px;}
#wrapFullsize #fullsizePadding h1 { padding-top:24px;}
#wrapFullsize #fullsizePadding p { padding-top:5px; padding-bottom:5px;}

#fullsize { width:760px; margin: 24px auto 0px auto; }
#fullsize #paddingDiv { padding: 0px 12px 0px 12px; }

#header { position:relative; width:760px; margin:0px auto; height:60px; background:#222222 url(/images2/freya/framework/mainMenuBackground.png) repeat-x; } /* 414b4e, menuBg */
#header #skoutLogotype { position:absolute; top:14px; left:14px; width:108px; height:35px; }
#header #skoutProLogotype { position:absolute; top:14px; left:14px; width:145px; height:35px; }
#header #boyahoyLogotype { position:absolute; top:10px; left:8px; width:180px; height:43px; }
#header #boyahoyProLogotype { position:absolute; top:10px; left:8px; width:210px; height:43px; }

#header #mainMenu { position:absolute; bottom:0px; left:200px; font-size:16px; line-height:27px;}
#header #mainMenu .menuItem { float:left; width:104px; height:27px; color:#fff; text-align:center; }
#header #mainMenu .menuItem .notification { width:104px; height:34px; background:/*#444e51*/ url(/images2/freya/framework/lookAtMeAd/notificationBubble2.png) no-repeat center bottom; color:#fff; font-size:14px; font-weight:bold; text-align:center; line-height:34px; margin-top:-60px; }
#header #mainMenu .menuItem a:link { width:104px; height:27px; color:#fff; text-decoration:none; }
#header #mainMenu .menuItem a:visited { width:104px; height:27px; color:#fff; text-decoration:none; }
#header #mainMenu .menuItem a:hover { width:104px; height:27px; color:#ccc; text-decoration:none; }
#header #mainMenu .menuItem a:active { width:104px; height:27px; color:#fff; text-decoration:none; }
#header #mainMenu .activeTab { width: 104px; height: 27px; background: url(/images2/freya/framework/menuTab.png) no-repeat; color:#333; -moz-user-select:none; cursor:default; }
#header #mainMenu .activeTab a:link { color:#333; }
#header #mainMenu .activeTab a:visited { color:#333; }
#header #mainMenu .activeTab a:hover { color:#555; }

#header #settingsMenu { position:absolute; top:3px; right:3px; font-size:11px; color:#ccc; text-align:right; }
#header #settingsMenu a { color:#ccc; display:block; line-height:16px; }

#main {	float:right; width:506px; padding: 6px 21px 0px 12px; } /* (+9 right for the wrap background shadow) */

#main #whatsUp { background:#fff url(/images2/freya/framework/whatsUpBg.png) no-repeat; height:120px; width:506px; margin-top:-5px; margin-bottom:6px; position:relative; }
#main #whatsUp #statusInput { position:absolute; top:28px; left:11px; height:32px; width:478px; padding:0px; margin:0px; font-size:14px; }

#main .subHeader { font-size:11px; text-transform:uppercase; position:relative; width:506px; height:23px; background: url(/images2/freya/framework/subHeaderMainBlack.png); line-height:23px; } /*  margin-bottom:3px; */
#main .subHeader .label { font-size:11px; float:left; font-weight:bold; color:#fff; margin-left:6px; }
#main .subHeader .label a { color:#fff; }


#sidebar { float:left; width:205px; padding:6px 12px 0px 21px;  }
#sidebar .sidebarItem { margin-bottom:12px; }
#sidebar .sidebarItem .subHeader { font-size:11px; text-transform:uppercase; position:relative; width:100%; height:23px; margin-bottom:0px; background: url(/images2/freya/framework/subHeaderBlack.png); line-height:23px; overflow:hidden; }
#sidebar .sidebarItem .subHeader .label { font-size:11px; float:left; font-weight:bold; color:#fff; margin-left:6px; }
#sidebar .sidebarItem .subHeader .label a { color:#fff; }
#sidebar .sidebarItem .myCorner { overflow:hidden; position:relative; min-height:65px; height:auto !important; height:65px; margin:0px; background:#fff; border-left:1px solid #888; border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:5px; }
#sidebar .sidebarItem .myCorner .myCornerPic { position:absolute; left:5px; }
#sidebar .sidebarItem .myCorner .rightSide { padding-left:70px; font-size:11px; line-height:16px; }
#sidebar .sidebarItem .myCorner .rightSide div { }
#sidebar .sidebarItem .myCorner .rightSide div img { width:6px; height:7px; }

/* Sidebar action area (bottom) */
/* padding: 3px 3px 3px 6px; background: #ddd; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; font-size: 11px; font-weight: bold; */

/*Vertical ad */
#sidebar .sidebarItem .verticalAd { /*height:425px;*/ height:auto; background:#cc0066 url(/images2/freya/proAds/proAdBackground.png) repeat-y; text-align:center; padding-top:12px;} 
#sidebar .sidebarItem .verticalAd .imageHolder { width:189px; height:177px; margin:0px auto 12px auto; position:relative; cursor:pointer; } 
#sidebar .sidebarItem .verticalAd .imageHolder .image { width:177px; height:177px; position:absolute; top:0px; left:6px; z-index:100; }
#sidebar .sidebarItem .verticalAd .imageHolder .imageOverlay { width:189px; height:29px; position:absolute; bottom:0px; left:0px; z-index:110; background: transparent url(/images2/freya/proAds/proAdNameOverlay.png) no-repeat; color:#000; font-size:13px; line-height:24px; overflow:hidden;}
/* TODO: Implement same sort of IE6-safe image transparency as used with the info bars */
/*#sidebar .horizontalAd .imageHolder .imageOverlay { width:189px; height:29px; position:absolute; bottom:0px; left:0px; z-index:110; background: transparent url(/images2/freya/proAds/proAdNameOverlay.png) no-repeat; color:#000; font-size:13px; text-align:center; line-height:24px;}*/

#sidebar .sidebarItem .verticalAd .longText { width:185px; height:40px; margin:0px auto 6px auto; background:#650032 url(/images2/freya/proAds/adTextBgLong.png) no-repeat; }
#sidebar .sidebarItem .verticalAd .shortText { width:185px; height:23px; margin:0px auto 6px auto; background:#650032 url(/images2/freya/proAds/adTextBgShort.png) no-repeat; }
#sidebar .sidebarItem .verticalAd .text { text-align:left; padding:5px; line-height:14px; color:#fff; font-size:11px; }
#sidebar .sidebarItem .verticalAd .textAttention { color:#ffff00; }
#sidebar .sidebarItem .verticalAd .upgradeButton { margin:6px auto 0px auto; cursor:pointer; }
#sidebar .sidebarItem .verticalAd .endImage { width:100%; height:6px; display:block; }

#pageEnd { behavior: url(/css/iepngfix.htc); width:778px; height:30px; margin: 0px auto; position:relative; background:url(/images2/freya/framework/mainBottom.png) no-repeat;}
#pageEndFullsize { behavior: url(/css/iepngfix.htc); width:778px; height:30px; margin: 0px auto; position:relative; background:url(/images2/freya/framework/mainBottom_fullsize.png) no-repeat;}
#bottomLinks { width:760px; height:31px; margin: -9px auto 0px auto; position:relative; color:#fff; text-align:right; font-size:11px; line-height:31px;}
#bottomLinks a { color:#fff; }
#getIphoneAppButton { width:187px; height:29px; float:left; margin-left:6px; }
#feedbackButton { width:127px; height:29px; float:left; margin-left:2px; }
#inviteButton { width:114px; height:29px; float:left; margin-left:2px; }

#footer { clear:both; }
#footer p { margin:0; }
* html #footer { height:1px; }
	
/* thumbs = same x/y size */
.thumb32 { width:32px; height:32px; }
.thumb50 { width:50px; height:50px; }
.thumb65 { width:65px; height:65px; }
/*images, set x size */
.image160 { width:160px; } 
.image320 { width:320px; }

.newsItem { position:relative; border-bottom:1px solid #eee; padding-bottom:7px; margin-top:7px; min-height:50px; height:auto !important; height:50px; }

.newsItem .thumbFrom { position:absolute; left:0px; }

.newsItem .rightSide { padding-left:60px; }
.newsItem .rightSide .headerRow { font-size: 13px; font-weight:normal; color: #333; line-height:18px; }
.newsItem .rightSide .headerRow h3 { font-size:13px; font-weight:normal; margin: 0px 0px 1px 0px; line-height:18px; overflow:hidden; }
.newsItem .rightSide .headerRow h3 a { font-weight:bold; }
.newsItem .rightSide .newsStatus { margin:5px; }
.newsItem .rightSide .newsStatus h2 { margin: 5px; line-height: 20px; font-size: 18px; width: 400px; color:#000; overflow:hidden; }
.newsItem .rightSide .newsImage { border:1px solid #ccc; border-left:1px solid #888; border-top:1px solid #888; padding:3px; width:320px; margin-top:3px; margin-bottom:3px; display:block; }
.newsItem .rightSide .newsComment { background:#eee; width:400px; font-size:12px; padding:6px; margin-top:2px; min-height: 72px; height:auto !important; height:72px; width:300px; overflow:hidden; }
.newsItem .rightSide .newsComment .commentImage { position:absolute; margin-right:3px; padding:3px; border:1px solid #ccc; border-left:1px solid #888; border-top:1px solid #888; }
.newsItem .rightSide .newsComment .commentText { padding-left: 79px; padding-top:3px; font-size: 14px; font-weight:bold; }
.newsItem .rightSide .infoRow { font-size:11px; color:#999; line-height:16px; }

/* the comment input element that appears when clicking the comment linkbutton */
.newsItem .rightSide .commentInputElement { background:#eee; width:300px; height:58px; font-size:12px; padding:6px; margin-top:2px; }
.newsItem .rightSide .commentInputElement .commentFromImage { position:absolute; margin-right:3px; }
.newsItem .rightSide .commentInputElement .commentMain { font-size:11px; padding-left:40px; overflow:hidden; }
/*.newsItem .rightSide .commentInputElement .commentMain a { font-weight:bold; font-size:12px; }*/
.newsItem .rightSide .commentInputElement .commentMain textArea { font-family:arial; font-size:11px; margin:0px; padding:3px; border: 1px solid #ccc; width:250px; color:#666; overflow:hidden; height:29px; min-height:29px; }
.newsItem .rightSide .commentInputElement .commentMain .buttonHolder { text-align:right; }
.newsItem .rightSide .commentInputElement .commentMain .buttonHolder .charsRemaining { float:left; color:#666; font-size:9px; padding-top:7px; }
.newsItem .rightSide .commentInputElement .commentMain .postButton { font-size: 12px; margin-top: 2px; font-weight: bold; }

/* A comment that have been posted and ended up underneath the picture */
.newsItem .rightSide .postedCommentElement { background:#eee; width:300px; font-size:12px; padding:6px; margin-top:2px; }
.newsItem .rightSide .postedCommentElement .commentFromImage { position:absolute; margin-right:3px; }
.newsItem .rightSide .postedCommentElement .commentMain { font-size:11px; padding-left:40px; }
.newsItem .rightSide .postedCommentElement .commentMain a { font-weight:bold; font-size:12px; }
.newsItem .rightSide .postedCommentElement .commentMain textArea { font-family:arial; font-size:11px; margin:0px; padding:3px; border: 1px solid #ccc; width:250px; color:#666; overflow:hidden; height:29px; min-height:29px; }
.newsItem .rightSide .postedCommentElement .commentMain .postButton { width:86px; height:33px; margin-left:6px; }
.newsItem .rightSide .postedCommentElement .infoRow { padding-left:40px; font-size:10px; color:#999; line-height:16px; }


.profileImage { display:block; width:100%; }

.uploadedPicture { padding:3px; border:1px solid #ccc; }

.profileInfoHolder { background:#f6f6f6; padding-left:7px; font-size:11px; margin-top:4px; margin-bottom:4px; }
.profileInfoHolder .cat { float:left; color:#888; padding-top:4px; padding-bottom:4px; font-style:italic; /*height:24px; line-height:16px;*/ }
.profileInfoHolder .answerBlock { padding-left:100px; padding-top:4px; padding-bottom:4px; /*height:24px; line-height:24px; font-weight:bold; */ }
.profileInfoHolder .editBlock { display:none; padding-top:4px; padding-bottom:4px; padding-left:100px; /*height:24px; line-height:24px;*/ font-weight:bold; }
.profileInfoHolder .editBlock input, select { font-weight:bold; }
.profileInfoHolder .editBlock textarea { height:44px; width:382px; padding:3px; font-family:arial; font-size:12px; font-weight:bold; }

.searchPrefsBox div { margin-top:7px; font-size:13px;}	

.userListItem { position:relative; min-height:130px; height:auto !important; height:130px; width:506px; overflow:hidden; margin-top:7px; border-bottom:1px solid #eee; padding-bottom:7px; }
.userListItem .userImage { position:absolute; top:0px; left:0px; height:130px; width:130px; }
.userListItem .contentBox { padding-left:136px; font-size:14px; font-weight:bold; }
.userListItem .contentBox .headerBox { height:20px; line-height:20px; }
.userListItem .contentBox .distanceBox { font-weight:normal; font-size:10px; color:#999; line-height:20px; }
.userListItem .contentBox .statusBox { overflow:hidden; }
.userListItem .contentBox .actionBox { padding:3px; background:#f6f6f6; font-weight:bold; font-size:11px; }

.hotlistItem { position:relative; min-height:65px; height:auto !important; height:65px; width:506px; overflow:hidden; margin-top:7px; border-bottom:1px solid #eee; padding-bottom:7px; }
.hotlistItem .userImage { position:absolute; top:0px; left:0px; height:65px; width:65px; }
.hotlistItem .contentBox { padding-left:71px; font-size:14px; font-weight:bold; }
.hotlistItem .contentBox .headerBox { height:20px; line-height:20px; }
.hotlistItem .contentBox .statusBox { height:26px; overflow:hidden; line-height:26px; padding-left:20px; font-size:13px; }
.hotlistItem .contentBox .distanceBox { font-weight:normal; font-size:10px; color:#999; line-height:20px; }
.hotlistItem .contentBox .actionBox { padding:3px; background:#f6f6f6; font-weight:bold; font-size:11px; }


.attention { behavior: url(/css/iepngfix.htc); background:url(/images2/freya/framework/attentionBackground.png) no-repeat; height:60px; line-height: 60px; width:778px; margin-top: 3px; position: relative; font-size: 13px; font-weight:bold; color:#fff;}
.attention a { color:#fff; }

.infoPane { position:relative; margin-bottom:8px; }
.infoPane .textDiv { background:#222; color:#fff; padding:5px 50px 5px 25px; font-size:16px; }
.infoPane .errorDiv { background:#c33; color:#fff; padding:5px 50px 5px 25px; font-size:16px; }

.infoPane .closeDiv { position:absolute; top:8px; right:12px; font-size:11px; color:#fff; cursor:pointer; }

.infoPane .blueDiv { border: 3px solid #222; background: #3279C9; color:#fff; font-size:14px; height:40px; line-height:40px; text-align:right; padding: 0 12px; }
.infoPane .blueDiv .messageDiv { float:left; text-align:left; }
.infoPane .blueDiv .messageDiv a { color:#fff; }

.infoPane .magentaDiv { border: 3px solid #222; background: #f06; color:#fff; font-size:14px; height:40px; line-height:40px; text-align:right; padding: 0 12px; }
.infoPane .magentaDiv .messageDiv { text-align:center; }
.infoPane .magentaDiv .messageDiv a { color:#fff; }

.infoPane .bottomImg { behavior: url(/css/iepngfix.htc); width:778px; height:6px; display:block; }

.verticalAd { display:block; width:205px; height:680px; }
.horizontalAd { display:block; width:506px; height:194px; }

.faqList { padding-left:0px; margin-left:20px; font-size:12px; }
.faqList li { margin-bottom: 5px; }

/* box in which to display buttons/links to next/previous page in lists */
.pageIndexDiv { text-align:right; background: #00b6de; width: 506px; text-align: right; margin-bottom:4px; -moz-border-radius:5px; height:36px; line-height:36px; }
.pageIndexDiv .paginationButton { width:90px; height:26px; float:right; display:block;  margin-right:5px; margin-top:5px; }

.paginationDiv { position:relative; text-align:left; background: #3279C9; width: 506px; height:36px; line-height:36px; border-bottom:1px solid #414b4e; margin-bottom:4px; }
.paginationDiv img { width:90px; height:26px; float:right; display:block; margin-right:5px; margin-top:5px; }
.paginationDiv div { position: absolute; left: 6px; color: #fff; font-size: 12px; } 

.paginationDivBottom { text-align:left; background: #3279C9; width: 506px; height:36px; line-height:36px; border-top:1px solid #414b4e; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; }
.paginationDivBottom img { width:90px; height:26px; float:right; display:block;  margin-right:5px; margin-top:5px; }
.paginationDivBottom div { float: left; color: #fff; font-size: 12px; padding-left: 6px; width:280px;}

#topGradient { width:760px; height:18px; margin:0 auto; display:block; }




/* Reuse these for now */

/* vertical spacers */
.verticalSpacerHalf { height: 3px; font-size:0px; }
.verticalSpacer { height:6px; font-size:0px; }
.verticalSpacerDouble { height:12px; font-size:0px; }
.verticalSpacerTriple { height:18px; font-size:0px; }
.verticalSpacerQuadruple { height:24px; font-size:0px; }

/* lightwindow boxes */
.LWregistrationBox { text-align: center; height:270px; position:relative; }
.LWregisterTable { margin-left:auto; margin-right:auto; border-collapse:collapse; border:0px; padding:0px; }
.LWregisterTable td {border:0px; padding:0px; margin:0px;	}
.LWregisterTable .left { text-align:right; padding-right:8px; height:30px; line-height:30px; vertical-align: middle; width:110px; font-size: 14px; color: #777; }
.LWregisterTable .right { text-align:left; height:30px; line-height:30px; vertical-align: middle; font-size: 14px; color: #636363; }
.LWregisterTable .right input { font-size: 14px; }
.LWheader { font-size:15px; line-height:15px; color:#ff2a93; }
.LWsubHeader { font-size:13px; line-height:13px; color:#777; }
.LWsettingsItemBox { text-align:left; border:1px solid #ace; overflow:hidden; }
.LWsettingsItemBoxHeader { font-size: 14px; background:#bdf; padding:3px; height:16px; line-height:16px; }
.LWlogoutButton { position:absolute; top:0px; left:0px; }
.LWsubmitButton { position:absolute; right:4px; bottom:4px; width:66px; font-size:13px;	}
.LWcancelButton { position:absolute; right: 76px; bottom:4px; width:66px; font-size:13px; }
.LWbackButton { position:absolute; left: 4px; bottom:4px; width:60px; }


/* Status message holder */
.statusHolder { text-align: center; font-weight: bold; font-size:14px; color:#222; }
.statusHolder .bl {background: url(/images/freya/common/statusbox/bl.png) 0 100% no-repeat #d6e1e4; }
.statusHolder .br {background: url(/images/freya/common/statusbox/br.png) 100% 100% no-repeat}
.statusHolder .tl {background: url(/images/freya/common/statusbox/tl.png) 0 0 no-repeat}
.statusHolder .tr {background: url(/images/freya/common/statusbox/tr.png) 100% 0 no-repeat; padding:10px; padding-left:23px; font-size:12px; } 
	
/* Chat General */ 
#chatContent { width:506px; height:300px; overflow: auto; border-bottom:1px solid #ccc; background:#fff; text-align:center; }

.chatImageUploadButton { float:left; width:130px; }
.chatImageUploadFeedback { line-height:20px; float:left; padding-left:6px; color:#aaa; }
	
/* Chat messages */
.chatMessageLeft { text-align:left;  }
.chatMessageRight { text-align:right;  }

/* all but IE */
html>body .chatMessageLeft { float:left; clear:both; }
html>body .chatMessageRight { float:right; clear:both; }
/* --- */

.chatMessageLeft td .bl {background: url(/images/freya/chat/own_bl.jpg) 0 100% no-repeat #e4e4e4; margin-top:5px; }
.chatMessageLeft td .br {background: url(/images/freya/chat/own_br.jpg) 100% 100% no-repeat}
.chatMessageLeft td .tl {background: url(/images/freya/chat/own_tl.jpg) 0 0 no-repeat}
.chatMessageLeft td .tr {background: url(/images/freya/chat/own_tr.jpg) 100% 0 no-repeat; padding:10px; padding-left:23px; font-size:14px; }

.chatMessageLeft  .imageHolder { vertical-align:bottom;	width:36px; text-align:center; font-size:10px; color:#666; }
.chatMessageRight .imageHolder { vertical-align:bottom; width:36px; text-align:center; font-size:10px; color:#666;}

.chatMessageRight td .bl {background: url(/images/freya/chat/other_bl.jpg) 0 100% no-repeat #d1e3ee; margin-top:5px; }
.chatMessageRight td .br {background: url(/images/freya/chat/other_br.jpg) 100% 100% no-repeat}
.chatMessageRight td .tl {background: url(/images/freya/chat/other_tl.jpg) 0 0 no-repeat}
.chatMessageRight td .tr {background: url(/images/freya/chat/other_tr.jpg) 100% 0 no-repeat; padding:10px; padding-right:23px; font-size:14px; }		

.clear {font-size: 1px; height: 1px}

.chatUl { margin:0px; padding:0px; list-style-type:none; }
.chatUl li { margin:0px; padding:0px; list-style-image:none; }
.giftImageHolder { width:154px; height:154px; margin-left:auto; margin-right:auto; background:#fff url(/images2/freya/general/giftInChatFrame.png) no-repeat; position:relative; }
.giftImageHolder .giftImage { position:absolute; top:6px; left:7px; width:130px; height:130px; }
.chatUl td { vertical-align:bottom; font-size:10px; }
.chatPlaceholder { width: 62px; } /* 32px image = 44px placeholder */

#chatList { }
#chatList .listItem { background: #eee url("/images2/freya/general/chatListItemSprite.png") 0px 0px; width:205px; height:34px; position:relative; cursor:pointer; margin-top:1px; }

#chatList .listItem .userImage { position:absolute; top:1px; left:1px; display:block; width:32px; height:32px; border:0px solid #fff; -moz-border-radius: 3px;}
#chatList .listItem .chatOnlineStatus { position:absolute; top: 4px; left: 40px; width: 12px; height: 12px; }
#chatList .listItem .nameAgeDiv { position:absolute; top: 3px; left: 58px; font-size:12px; font-weight:bold; color: #333; }
#chatList .listItem .newChatsDiv { position:absolute; top:18px; left:187px; width:15px; height:14px; font-size:11px; font-weight:bold; color:#fff; text-align:center; line-height:14px; background:#eee url(/images2/freya/general/chatListNotificationBg.png) no-repeat; z-index:100; }
#chatList .listItem .chatRemoveButtonDiv { position:absolute; top:2px; left: 187px; }
#chatList .listItem .statusDiv { position:absolute; top:18px; left:41px; font-size:11px; text-align:left; font-style:italic; color:#aaa; height:13px; overflow:hidden; width:160px; }

#chatList .online { background-color: #fff; }
#chatList .selected { background-position: 0px 34px; cursor:default; width: 218px!important; width:205px;}
#chatInput { width:506px!important; width: 480px; font-family: "lucida grande", tahome, arial, verdana, sans-serif; font-size:12px; color:#333; }

#giftFriendsTable { padding:0px; margin:0px; border-collapse:collapse; }
#giftFriendsTable td { }
#giftFriendsTable td img { display:block; }
#giftFriendsTable td div { width:60px; height:16px; overflow:hidden; font-size:11px; }




/* Media Popup */
#mediaHolder { overflow:hidden; }
.mediaPopupImageTd { width:320px; height:320px; background:#ddd; vertical-align:middle; text-align:center; }
.mediaPopupImageTd img {
	/* sets max-height for IE
	However, its fuckbroken 2000, so we'll have to live with images whose height>width are tastefully cut in IE6
	height: expression( this.scrollHeight > 321 ? "320px" : "auto" );*/

	max-height:320px;
	/* sets max-width for IE */
	width: expression( this.scrollWidth > 321 ? "320px" : "auto" ); 
	/* This fixes thumbnails being shown in the popup... or does it? :)
	width: expression( this.scrollWidth < 100 ? "320px" : "auto" );*/ 

	max-width:320px;
	display:block; margin-left:auto; margin-right:auto; margin-top:auto; margin-bottom:auto; } /* !important; display:inline; */
.mediaPopupVerticalSeparator { width:12px; height:320px; } /*width:12px; height:320px; background:url(/images/freya/mediaPopup/vertical_separator.png) repeat-y;*/
.mediaPopupCommentTd { vertical-align:top; height:320px; width:320px; }
.mediaPopupCommentTd .textAreaHolder { height:60px; }
.mediaPopupCommentTd .textAreaHolder textarea { font-family:arial; color:#888; font-size:14px; padding:3px; margin:0px; margin-bottom:3px; width:390px; }
.mediaPopupCommentTd .textAreaObjectsHolder { width:100%; color:#888; font-size:11px; }
.mediaPopupCommentTd .textAreaObjectsHolder input { float:right; }
.mediaPopupCommentTd .mediaPopupHorizontalSeparator { width:390px; height:13px; display:block; }
.removeCommentIcon { margin-top: -4px; float: right; cursor: pointer; width:24px; height:24px; } 

.mediaPopupCommentTd #commentsHolder {	text-align:left;  overflow: auto; overflow-x: hidden; height:226px !important; height:222px; width:100%; }

.mediaPopupPrevButton { position:absolute; top:0px; left:0px; width: 68px; height: 36px; opacity:0.5; }
.mediaPopupNextButton { position:absolute; top:0px; left:252px; width: 68px; height: 36px; opacity:0.5; }
.mediaPopupRemoveButton { position:absolute; bottom:4px; left:280px; width: 40px; height: 40px; opacity:0.5; cursor:pointer; }

.icon_chat { width: 16px; height: 11px; }


/* Footer */
.footerLinksTable { width: 754px; margin: 0px auto; border-top:10px solid #00b6de; padding:5px; margin-top:40px; margin-bottom:140px; }
.footerLinksTable .left { text-align:left; color:#c67900; font-weight:bold; font-size:12px; padding-top:5px; }
.footerLinksTable .right { font-size: 11px; text-align: right; padding-top:5px; }

/* Add this class to all normal-sized buttons to ensure IE draws their correct size */
.button { width: 122px; height: 43px; }
.longButton { width:150px; height:43px; }

/* Online grid */
.gridItemTd { width:246px; vertical-align:top; }
.gridItemTd .gridItemTopImage { display:block; width:248px; height: 3px; }
.gridItemTd .gridItemBottomImage { display:block; width:248px; height: 3px; margin-bottom:5px; }
.gridItemTd .userInfoHolder { position:relative; height:100px; background: #c7dcf3 url(/images/freya/matches/onlineGrid/grid_item_bg.png) repeat; }
.gridItemTd .userInfoHolder .userImage { width:100px; height:100px; position:absolute; left:3px; border: 1px solid #999; height: 98px; width: 98px; -moz-border-radius: 4px; }
.gridItemTd .userInfoHolder .userNameAge { width:141px; text-align:center; font-weight:bold; font-size:14px; color:#115cb1; position:absolute; top:3px; right:3px; }
.gridItemTd	.userInfoHolder .userDistance { width:141px; text-align:center; font-size:11px; text-align:center; color:#7d7d7d; position:absolute; top:20px; right:3px; }
.gridItemTd .userInfoHolder .userStatusHolder { position:absolute; bottom:0px; right:3px; width: 141px; overflow:hidden; text-align: left; color:#222; background:url(/images/freya/matches/onlineGrid/grid_item_status_mid.png) repeat-y; }

.gridItemTd .userInfoHolder .userStatusHolder .statusTop { background: url(/images/freya/matches/onlineGrid/grid_item_status_top.png) 0 0 no-repeat }
.gridItemTd .userInfoHolder .userStatusHolder .statusBottom {background: url(/images/freya/matches/onlineGrid/grid_item_status_bottom.png) 0 100% no-repeat; padding:4px; padding-left:17px; padding-right:7px; font-size:12px; color:#333; }

.gridItemTd .buttonDiv { padding-top:6px; height:26px; text-align:center; background:url(/images/freya/matches/onlineGrid/grid_item_bg.png) repeat; }
.gridItemTd .buttonDiv img { height:26px; width:74px; cursor:pointer; }
.gridItemTd .buttonDiv .middleButton { padding: 0px 7px 0px 7px; }

/*LW generic tables */
.LWgenericTable { overflow:hidden; font-size:13px; line-height:26px; background:url(/images/freya/uploadPopup/img_upload_bg.png) no-repeat bottom center; }
.LWgenericTable .left { width:120px;  }

/* Feedback button 
#feedbackButtonNormal { position:absolute; left:0px; top:180px; height: 144px; width:43px; }
#feedbackButtonOver { position:absolute; left:0px; top:180px; height: 144px; width:43px; }
*/

/* Elements that should be preloaded can be given this class name */
.preloadElement { position:absolute; top:-1000px; left:50%; visibility:hidden; }

/* A generic hover-sensitive remove/close button, should used for chat lists, hotlist etc */
.removeButton { float:right; height: 16px; width:16px; }
.removeButton .outer { float: left; width: 16px; height: 16px; background: url("/images2/freya/general/buttons/close_button.png") 0 -16px no-repeat; }
.removeButton .outer a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-decoration: none; background: url("/images2/freya/general/buttons/close_button.png") top left no-repeat; }
.removeButton .outer span { display: block; margin:0; padding: 0; }
.removeButton .outer a:hover { background-image: none; }
.removeButton .outer a:active { color: black; }

/* A generic hover-sensitive go/link button */
.goButton { float:right; height: 16px; width:16px; }
.goButton .outer { float: left; width: 16px; height: 16px; background: url("/images2/freya/general/buttons/go_button.png") 0 -16px no-repeat; }
.goButton .outer a { display: block; margin: 0; padding:0; width:100%; height:100%; overflow:hidden; text-decoration: none; background: url("/images2/freya/general/buttons/go_button.png") top left no-repeat; }
.goButton .outer span { display: block; margin:0; padding: 0; }
.goButton .outer a:hover { background-image: none; }
.goButton .outer a:active { color: black; }

/* Cross-skout header. Will be added as a java tag when testing is finished */
.header {width:100%; height:28px; padding:0px; margin:0px; border-spacing: 0px; margin-bottom:6px; }
.header .left { width:5px; height:28px;}
.header .left img { width:5px; height:28px; display:block;}
.header .middle { color:#222; height:28px; line-height:28px; font-size: 12px; font-weight: normal; vertical-align:middle; background:url(/images/freya/common/headers/header_mid.png) repeat-x;}
.header .middleLarge { color:#222; height:28px; line-height:28px; font-size: 18px; font-weight: normal; vertical-align:middle; background:url(/images/freya/common/headers/header_mid.png) repeat-x;}
.header .right { width:5px; height:28px; }
.header .right img { width:5px; height:28px; display:block;}

.onlineStatus { width: 16px; height: 16px; margin-right:3px; }

.profileInfoTable { margin-bottom: 8px; width:100%; font-size:13px; background: url("/images/freya/profile/profile_info_bg.png") no-repeat 0px 100%; } /*border:1px solid #dbdbdb; border-top:0px;*/
.profileInfoTable .left { padding: 8px 6px 6px 26px; color:#888; width: 100px; }
.profileInfoTable .right { vertical-align: top; padding-top: 8px; color:#333333; }


.popupRightButton { position:absolute; bottom:5px; right:5px; width:120px; font-size:14px; }
.popupLeftButton  { position:absolute; bottom:5px; left:5px; width:120px; font-size:14px; }
.popupLoader { position:absolute; bottom:6px; right:131px; width:22px; height:22px; visibility:hidden; vertical-align:middle; }


.editProfileTable { margin-left:auto; margin-right:auto; border-collapse:collapse; border:0px; padding:0px; width:360px; }
.editProfileTable .left { text-align:right; padding-right:8px; height:30px; line-height:30px; vertical-align: top; width:100px; font-size: 14px; color: #888; }
.editProfileTable .right { text-align:left; height:30px; line-height:30px; vertical-align: middle; font-size: 14px; color: #636363;	}
.editProfileTable .right textarea { padding: 3px; width: 250px; height: 40px; font-family: arial; font-size: 13px; color:#333;}
.editProfileTable .right select { font-size:13px; color:#333; }
.editProfileTable .right input { font-size:13px; color:#333; width:250px; }

.fbMessagePopup { background:url(/images/freya/common/registration_bg.png) bottom center repeat-x; overflow:hidden; height:360px; text-align:center; font-family:arial; }
/*.fbMessagePopup { background:url(/images/freya/common/registration_bg.png) bottom center repeat-x; overflow:hidden; height:268px; text-align:center; font-family:arial; }*/
.fbMessagePopup .interestedDiv { text-align:center; color:#5a5a5a; font-size:14px; line-height:14px; font-weight:bold; margin-top:12px; }
.fbMessagePopup .skoutIsLegitDiv { text-align:center; color:#3f3f3f; font-size:11px; line-height:11px; font-weight:normal; }


.fbGiftPopup { overflow:hidden; height:273px; text-align:center; }
.fbGiftPopup .secretGiftImage { height:151px; width:154px; }
.fbGiftPopup .actualGiftImage { height:126px; width:126px; }
.fbGiftPopup .secretGiftText { background:url("/images2/freya/popups/textBackground.png"); width:369px; height:97px; margin-left:auto; margin-right:auto; text-align:left; }
/*
.fbGiftPopup .secretGiftText .padding { width:350px; font-size:14px; margin:auto; padding-top:7px; }
.fbGiftPopup .secretGiftText .padding .header { font-weight:bold; font-size:16px; line-height:26px; margin:0px; height:auto; }
.fbGiftPopup .secretGiftText .padding .signature { height:32px; line-height:32px; text-align:right;  }
.fbGiftPopup .secretGiftText .padding .signature div { font-size:14px; font-weight:bold; color:#cc0066; font-style:italic; float:right; margin-right:6px; }
.fbGiftPopup .secretGiftText .padding .signature img { float:right; }
*/
.fbGiftPopup .secretGiftText .header { width:350px; padding-top:7px; line-height:26px; margin:0px auto; font-weight:bold; font-size:16px; }
.fbGiftPopup .secretGiftText .message { width:350px; padding-top:6px; font-size:14px; line-height:18px; margin:0px auto; height:52px; max-height: 52px; overflow:hidden; }
.fbGiftPopup .secretGiftText .signature { width:350px; margin:0px auto; height:32px; line-height:32px; text-align:right;  }
.fbGiftPopup .secretGiftText .signature div { font-size:14px; font-weight:bold; color:#cc0066; font-style:italic; float:right; margin-right:6px; }
.fbGiftPopup .secretGiftText .signature img { float:right; }


.fbGiftPopup .skoutIsLegitDiv { text-align:center; color:#3f3f3f; font-size:10px; line-height:11px; }


.fromFbSubject { text-align:center; color:#5a5a5a; font-size:14px; line-height:14px; font-weight:bold; margin-bottom:12px; }

.fromFbMsgHolder { height:200px; margin-left:auto; margin-right:auto; }

.fromFbMessagePlus { height:180px; width:61px; display:inline; }
.fromFbUserPic { height:auto; width:auto; max-width:180px; max-height:180px; display:inline;}
.fromFbImageIcon { width:144px; height:180px; display:inline; }
.fromFbWinkIcon { width:146px; height:180px; display:inline; }

.fromFbMessageTable { float:right; padding:0px; margin:0px; border-collapse:collapse; width:210px; }
.fromFbMessageTable .textTd { text-align:center; background:url('/images/freya/fbPopup/bubble_mid.png') no-repeat 0px 100%; }
.fromFbMessageTable .textTd .textDiv { margin-left:8px; margin-right:8px; font-size:18px; line-height:22px; max-height:110px; overflow:hidden;}
.fromFbMessageTable img { display:block; }

.whyConnectUl { list-style-type: decimal; margin:0px; padding-right:30px; padding-left:30px; padding-top:3px; font-size:11px; line-height:11px; color:#555; }
.whyConnectUl li { padding-top:3px; }


.billingPlanTable { padding:0px; margin:0px; border-collapse:collapse; height:96px; border:0px; }
.billingPlanTable td { padding:0px; margin:0px; border-collapse:collapse; height:96px; border:0px; color:#000; cursor:pointer; vertical-align:top;}

.billingPlanTable .billingTextHolder { padding-top:10px; padding-left:10px;}
.billingPlanTable .billingTextHolder span { font-size:16px; color:#409f11; font-weight:bold;  }
.billingPlanTable .billingTextHolder .standardPlanTextSpan { font-weight:bold; color:#666; }
.billingPlanTable .billingTextHolder div { font-size:14px; line-height:20px; padding-left:5px; padding-top:8px; color:#333; }

.billingPlanTable .inactive { background-position: 0px -96px;}
.billingPlanTable .inactive .billingTextHolder { padding-top:10px; padding-left:10px; }
.billingPlanTable .inactive .billingTextHolder span { font-size:16px; color:#b6e2b1; font-weight:bold; }
.billingPlanTable .inactive .billingTextHolder .standardPlanTextSpan { font-weight:bold; color:#ddd; }
.billingPlanTable .inactive .billingTextHolder div { font-size:14px; line-height:20px; padding-left:5px; padding-top:8px; color:#aaa; width:220px; }

.billingPlanTable #billingLeft { width:245px; background:url("/images/freya/billing/billingPlanLeft.png") no-repeat 0px 0px; }
.billingPlanTable #billingMid {  width:246px; left:246px; background:url("/images/freya/billing/billingPlanMid.png") no-repeat; }
.billingPlanTable #billingRight {width:245px; left:491px; background:url("/images/freya/billing/billingPlanRight.png") no-repeat; }

.creditCardDiv { position:relative; width:736px; height:336px; margin-top:12px; background:url("/images/freya/billing/creditCardBg.png");  }

.upgradeProsDiv { position: absolute; top: 50px; right: 43px; width: 180px; height: 260px; }
.upgradeProsDiv .prosHeader { color: #fc4a9a; font-size: 20px; font-weight: bold; }
.upgradeProsDiv ul { font-weight: bold; font-size:14px; margin-left: 0; padding-left: 15px; line-height:18px; }
.upgradeProsDiv ul li { padding-top: 5px; }

.creditCardDiv table { position:absolute; left:20px; top:40px; width:450px; height:260px; border:0px; font-size:12px; } /* top:20px; height:310px;*/
.creditCardDiv table td {  vertical-align:middle;}
.creditCardDiv table .promoTd { color:#558834; background:url("/images/freya/billing/promoCodeBg.png") no-repeat 0px 0px; height:33px; margin:0px; padding:0px; padding-left:148px; font-size:11px; }
.creditCardDiv table .promoTd span { line-height:33px; }
.creditCardDiv table .left { width:140px; text-align:right; padding-right:6px; }
.creditCardDiv table .right { text-align:left;}
.creditCardDiv table .right select { font-weight:bold; font-size:13px; border: 1px solid #9c9c9c; -moz-border-radius:5px; padding:3px; background:#fff url("/images/freya/billing/inputBg.png") repeat-x; }
.creditCardDiv table .right option { background:transparent; }
.creditCardDiv table input { font-weight:bold; font-size:13px; border: 1px solid #9c9c9c; -moz-border-radius:3px; padding:3px; background:#fff url("/images/freya/billing/inputBg.png") repeat-x; }

.paypalPlanTable {}
.paypalPlanTable .paypalPlanHolder { padding-top:10px; padding-left:10px;}
.paypalPlanTable .paypalPlanHolder .paypalSavingsText { font-size:16px; color:#409f11; font-weight:bold;  }
.paypalPlanTable .paypalPlanHolder .paypalMonthlyText { font-size:13px; color:#333; line-height:22px; }
.paypalPlanTable .paypalPlanHolder .paypalPaymentText { font-size:12px; color:#666; }

.paypalPlanTable .paypalBuyButtonTd { text-align:center; padding-top:18px; padding-bottom:24px; }

.creditCardFormError { color:#ff585f; border-color:#ff585f; }
.creditCardPointFormError { color:#ff585f; font-weight:bold; }

/* confirm payment */
/*#confirmPlanHolder { height: 96px; margin-left:auto; margin-right:auto; }*/
#confirmPlanHolder { width:300px; height: 100px; margin-left:auto; margin-right:auto; }
#confirmPlanHolder .confirmPlanTextHolder { padding-top:15px; padding-left:15px;}
#confirmPlanHolder .confirmPlanTextHolder span { font-size:16px; color:#409f11; font-weight:bold; }
#confirmPlanHolder .confirmPlanTextHolder div { font-size:14px; line-height:20px; padding-left:5px; padding-top:8px; color:#333; }

/* confirm point plan */
#confirmPointsPlanHolder { width:121px; height:90px; margin-left:auto; margin-right:auto; }
#confirmPointsPlanHolder .confirmPointsPlanTextHolder { padding-left:0px; padding-top:46px;}
#confirmPointsPlanHolder .confirmPointsPlanTextHolder .priceDiv { text-align:center; font-size:16px; color:#333; font-weight:bold; -moz-user-select:none; }
#confirmPointsPlanHolder .confirmPointsPlanTextHolder .planNameDiv { text-align:center; padding-bottom:8px; font-size:12px; color:#555; -moz-user-select:none; }

.processingHolder { background:url("/images/freya/billing/processingBg.png"); width: 736px; height:320px; position:relative;} 
.processingHolder img { position:absolute; bottom:16px; left:372px; }

.successFeedback { width:736px; height: 58px; margin-bottom:6px; line-height:58px; background: url("/images/freya/billing/successFeedback.png"); }
.successFeedback span { font-size: 24px; color:#222; padding-left:12px; }
.purchaseSuccessHolder { width:736px; height:320px; position:relative; background:url("/images/freya/billing/finishedBg.png"); }
.purchaseSuccessHolder .successDiv { margin-left: auto; margin-right: auto; font-size: 22px; color:#cc0066; width: 630px; padding-top: 26px; text-align:center; }
.purchaseSuccessHolder .bigWorldDiv { margin-left: auto; margin-right: auto; font-size: 16px; color:#cc0066; width: 300px; padding-top: 42px; text-align:center; }
.purchaseSuccessHolder .buttonDiv { padding-top: 30px; margin-left: auto; margin-right: auto; text-align:center; }


/* points billing */
.pointsPlanTable { padding:0px; margin:0px; border-collapse:collapse; height:90px; border:0px; }
.pointsPlanTable td { padding:0px; margin:0px; border-collapse:collapse; height:90px; vertical-align:bottom; border:0px; color:#000; cursor:pointer; }
.pointsPlanTable td .priceDiv { text-align:center; font-size:16px; color:#333; font-weight:bold; -moz-user-select:none; }
.pointsPlanTable td .planNameDiv { text-align:center; padding-bottom:8px; font-size:12px; color:#555; -moz-user-select:none; }

.pointsPlanTable .inactive { background-position: 0px -90px;}
.pointsPlanTable .inactive .priceDiv { text-align:center; font-size:16px; color:#aaa; font-weight:bold; }
.pointsPlanTable .inactive .planNameDiv { text-align:center; padding-bottom:8px; font-size:12px; color:#bbb; }

.pointsPlanTable #plan1 { width:121px; background:url("/images2/freya/framework/points/plan_100.png") no-repeat; }
.pointsPlanTable #plan2 { width:121px; left:121px; background:url("/images2/freya/framework/points/plan_250.png") no-repeat; }
.pointsPlanTable #plan3 { width:121px; left:242px; background:url("/images2/freya/framework/points/plan_500.png") no-repeat; }
.pointsPlanTable #plan4 { width:121px; left:363px; background:url("/images2/freya/framework/points/plan_1000.png") no-repeat; }

.pointsCCTable { width:100%; }
.pointsCCTable .left { width: 140px; text-align:right; padding-right:10px; line-height:30px; }
.pointsCCTable select { padding: 1px; font-weight: bold; font-size: 12px; }
.pointsCCTable input { padding: 1px; font-weight: bold; font-size: 13px; }



/* Horizontal ad */
.horizontalAdMain { background: #cc0066 url(/images2/freya/proAds/horizontal-ad-bg.png) repeat-y; position: relative; height: 70px; }
.horizontalAdMain a { color:#fff; }

/* registration popup header */
.loginFormSubheaderHolder .subHeader { font-size:11px; text-transform:uppercase; position:relative; width:100%; height:23px; background: url(/images2/freya/framework/subHeaderMainBlack.png); line-height:23px; } /*  margin-bottom:3px; */
.loginFormSubheaderHolder .subHeader .label { font-size:11px; float:left; font-weight:bold; color:#fff; margin-left:6px; }
#loginWelcome { height: 12px !important; height:1px; }
#loginMishap { display:none; height:20px; background:#f99; line-height:20px; font-size:11px; text-align:left; padding-left:5px; color:#000; }


/* gift sending */
.giftsPaginationTable { width:100%; margin-bottom:5px; }
.giftsPaginationTable td { vertical-align:top; } 

.giftsTable { border-collapse:separate; border-spacing:2px; margin-left:2px; } 
.giftsTable td { vertical-align:top; }


/* LAM Page */
.backyardImageHolder { text-align: center; background: #222 url(/images2/freya/framework/stripedGridBackground.png) repeat; -moz-border-radius: 0px 0px 5px 5px;  }
.backyardImageHolder a:hover { opacity:0.9; }
.backyardImageHolder .bigLAM img {width:130px; height:130px; margin:4px 1px 0px 0px; border:2px solid #222;}
.backyardImageHolder .mediumLAM img {width:64px; height:64px; margin:1px 0px 0px 0px; border:2px solid #222;}
.backyardImageHolder .smaller img {width:50px; height:50px; margin:1px 1px 0px 0px; border:2px solid #222;}

.lookAtMeTable { width: 100%; border: 1px solid #ccc; margin-top:6px; }
.lookAtMeTable td { padding:3px; }
.lookAtMeTable .timeLeftTd { text-align:right; }
.lookAtMeTable .gray { background:#f6f6f6; }

.LAMRowHighlight { background-image:url(/images2/freya/framework/lookAtMeBackgroundRowHighlight.png); color:#fff; }
.LAMRowHighlight td a:link    { color:#fff; } 
.LAMRowHighlight td a:visited { text-decoration: none; }
.LAMRowHighlight td a:hover   { text-decoration: underline; }
.LAMRowHighlight td a:active  { color:#ddd; }












/*
#bottomLinks a { color:#999; }
*/

/*Body, html : Remove the striped background, just use a white background to make page transitions look better
body, html { margin:0; padding:0; color:#333; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 12px; background:#fff; }*/

/*Wrap elements and bottomlinks : Since we know the size of the fb frame there's no need to center anything. just fix the margin so the shadows are outside the frame.
#wrap { behavior: url(/css/iepngfix.htc); width:778px; margin:0px 0px 0px -9px; background:url(/images2/freya/framework/mainBg.png) repeat-y;}
#wrapFullsize { behavior: url(/css/iepngfix.htc); width:778px; margin:0px 0px 0px -9px; background:url(/images2/freya/framework/mainBg_fullsize.png) repeat-y;}
#bottomLinks { width:760px; height:31px; margin: -9px 0px 0px -9px; position:relative; color:#666; text-align:right; font-size:11px; line-height:31px;}*/

/*PageEnds : Remove the rounded corner bottom and switch it with a straight line to accentuate page end 
#pageEnd { width:778px; border-top:1px solid #ccc; height:9px; margin: 0 auto; }
#pageEndFullsize { width:778px; border-top:1px solid #ccc; height:9px; margin: 0 auto; }*/