@charset "utf-8";

/* globals */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 11px;
  font: inherit;
  vertical-align: baseline;
  font-family:"lucida grande", tahoma, verdana, arial, sans-serif;
}
input, select { vertical-align: middle; }

	/* common classes & ids. Other attributes can be applied to these afterwards */
		#footer { color:#808080; border-top:1px solid #ccc; margin:18px auto 41px auto; padding:10px; width:72%; font-size:11px; }
		.loginWords { padding-bottom:4px; color:#FFF; font-weight:400; font-size:11px; width:150px; height:15px; padding:0 0 0 10px; }
		.loginText { border:1px solid #1d2a5b; height:15px; vertical-align:middle; padding:2px 4px 3px 3px; margin-left:8px; font-size:11px; width:140px; }
		a.loginLink:link, a.loginLink:visited, a.loginLink:active { margin-left:10px; color:#89a9c2; font-size:11px; text-decoration:none; }
		a.loginLink:hover { text-decoration:underline; }
		.indexBold { color:#0e385f; line-height:29px; font-size:20px; word-spacing:-1px; font-weight:bold; padding-left:10px; }
		.indexLabel { font-size:12px; text-align:right; padding-right:5px; color:#1d2a5b; height:33px; line-height:33px; vertical-align:middle; width:105px; }
		.indexReg { height:28px; border:1px solid #96a6c5; font-size:16px; line-height:16px; vertical-align:middle; width:99%; margin-bottom:4px; padding:0 4px 0 4px; }
		.indexSelect { height:31px; border:1px solid #bdc7d8; padding:5px; margin:0 0 4px 0; }
		#indexLogo { margin:31px 0 0 18px; }
		#indexRight { float:right; width:391px; height:58px; margin-top:13px; }
		#indexRightArea { float:right; width:383px; }
		#signUpText { border-bottom:1px solid #9aafca; padding:0 10px 10px 10px; }
		#regForm { margin:13px 0; border-bottom:1px solid #9aafca; }
		#indexBlueTopContents { margin:0 auto 0 auto; width:72%; min-width:900px; height:82px; }
		#indexLogin { width:44px; height:20px; outline:1px solid #29447e; border:0; padding:2px; border-top:1px solid #8a9cc2; color:#FFF; font-size:11px; background-color:#6079ab; font-weight:bold; margin-left:9px; cursor:pointer; }
		#indexPersist { height:14px; color:#89a9c2; font-size:10px; cursor:pointer; padding:0 0 0 5px; }
		#indexContents { background-color:#f9fafc; background-image:url(../images/index/gradient_bg.png); background-repeat:repeat-x; height:480px; width:100%; }
		#indexContentsW { background-color:#fff; height:400px; width:100%; }
		#indexGuts { margin:0 auto 0 auto; width:72%; min-width:900px; height:480px; }
		#blueTop { background-color:#3b5998; height:82px; width:100%; }
		a.smallLinkA:link, a.smallLinkA:visited, a.smallLinkA:active { font-size:11px; color:#5b73c5; text-decoration:none; }
		a.smallLinkA:hover { text-decoration:underline; }
		#signup { width:105px; padding:auto 6px auto 6px; text-align:center; color:#FFF; font-weight:bold; cursor:pointer; background-color:#6faa55; outline:1px solid #3b6e22; border:0; border-top:1px solid #98c286; height:27px; vertical-align:middle; font-size:14px; margin:5px 0 9px 0; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; }
		#reg_error { border:1px solid #dd3c10; background-color:#ffffff; font-size:11px; color:#333; text-align:center; padding:10px; display:none; }
		#underBlueTop { height:54px; line-height:54px; font-size:12px; color:#203360; border-bottom:1px solid #d8dfea; background-color:#edeff4; text-align:left; vertical-align:middle; font-weight:bold; margin:0 0 26px 0; }
		a.signupSmall:link, a.signupSmall:visited, a.signupSmall:hover, a.signupSmall:active { width:auto; padding:4px 7px; text-align:center; color:#FFF; font-weight:bold; cursor:pointer; background-color:#6faa55; outline:1px solid #3b6e22; border:0; border-top:1px solid #98c286; vertical-align:middle; font-size:12px; line-height:23px; vertical-align:middle; margin:5px 0 9px 0; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; }
		#underBlueTopContents { width:72%; min-width:900px; margin:0 auto 0 auto; padding-left:38px; }
		#login_frame { border:1px solid #ccc; width:616px; height:auto; margin:0 auto 0 auto; padding:20px 21px 32px 21px; border-radius:6px; }
		#login_title { color:#1c2a47; font-weight:bold; border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:24px; }
		#login_error { border:1px solid #dd3c10; background-color:#ffebe8; padding:8px 11px 8px 11px; font-size:11px; margin:0 0 14px 0; line-height:27px; }
		#login_error_title { font-weight:bold; color:#333333; font-size:12px; display:block; }
		a.redLink:link, a.redLink:visited, a.redLink:active { color:#dd3c10; text-decoration:none; font-size:11px; }
		a.redLink:hover { text-decoration:underline; }
		#login_form_container { margin:0 auto 0 auto; width:372px; }
		.login_form_label { color:#666; font-size:11px; float:left; font-weight:bold; padding:4px 0 0 10px; width:100px; text-align:left; }
		.login_form_input { font-size:11px; color:#000; border:1px solid #bdc7d8; width:176px; padding:4px 3px 4px 3px; height:11px; margin:0 30px 3px 0; }
		#login_form_stay { margin:0 3px 0 0; padding:0; }
		.login_form_spacer { float:left; min-width:100px; max-width:100px; width:100px; padding-left:10px; }
		#login_button { background-color:#617aac; cursor:pointer; border:0; border-top:1px solid #8a9cc2; outline:1px solid #29447e; font-size:13px; color:#FFF; font-weight:bold; margin:5px 0; }
		a.boldBlue:link, a.boldBlue:visited, a.boldBlue:active { font-weight:bold; font-size:11px; color:#3b5998; text-decoration:none; }
		a.boldBlue:hover { text-decoration:underline; }
		a.lightBlue:link, a.lightBlue:visited, a.lightBlue:active { color:#3b5998; text-decoration:none; }
		a.lightBlue:hover { text-decoration:underline; }
		#login_page_footer { width:657px; height:auto; margin:0 auto 0 auto; padding:8px 0; font-size:12px; }
		label { cursor:pointer; }
	/* added from recover.php step */
		#recover_frame { border:1px solid #ccc; width:515px; height:auto; margin:26px auto 0 auto; padding:20px 21px 32px 21px; border-radius:6px; border-bottom-left-radius:0; border-bottom-right-radius:0; }
		#recover_form_email { width:70%; }
		#recover_page_footer { height:auto; margin:0 auto 0 auto; font-size:12px; line-height:16px; border:1px solid #ccc; border-top:0; width:535px; padding:5px 11px 5px 11px; background-color:#f2f2f2; border-bottom-left-radius:6px; border-bottom-right-radius:6px; }
		#recover_form_container { margin:0 auto 0 auto; width:372px; padding:27px 0 15px 0; width:60%; border-bottom:1px solid #808080; font-size:11px; }
		.buttonConfirm { height:20px; outline:1px solid #29447e; border:0; border-top:1px solid #8a9cc2; font-weight:bold; color:#FFF; background-color:#5973a8; font-family:"lucida grande", tahoma, verdana, arial, sans-serif; font-size:11px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1); padding:2px 6px; margin:2px; line-height:15px; cursor:pointer; }
		.buttonConfirm:active { background-color:#4e679c; border-top:1px solid #4e679c; }
		.buttonCancel {  font-family:"lucida grande", tahoma, verdana, arial, sans-serif; background-image: url('../images/icons.png'); background-repeat: no-repeat; background-position: 0 -49px; color:#000; background-color: #EEE; outline: 1px solid #999; border:0; border-top:1px solid #fff; border-bottom-color: #888; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .1); cursor: pointer; font-size: 11px; line-height:15px; font-weight: bold; padding: 2px 6px; text-align: center; height:20px; margin:2px; }
	/* added in minor tweaks class */
		#popupWindow { z-index:5; position:fixed; margin:125px 33% 0 33%; color:black; border:10px; background-image:url(../images/popup_border.png); border-radius:7px; width:34%; max-width:34%; min-width:400px; padding:10px; display:none; }
		#popupTitle { border:1px solid #3b5998; border-bottom:0; background-color:#6d84b4; margin:0; font-weight:bold; color:#FFF; font-size:14px; height:27px; line-height:27px; text-align:left; text-indent:9px; }
		#popupContent { background-color:#FFF; color:#000; padding:4px 7px 4px 7px; border:1px solid #555555; border-top:0; border-bottom:1px solid #ccc; font-size:11px; max-height:350px; min-height:50px; overflow:auto; }
		#popupFooter { background-color:#f2f2f2; border:1px solid #555555; border-top:0; padding:8px; text-align:right; }
	/* added in header.inc.php class */
		#header { background-color:#3b5998; height:37px; border-bottom:1px solid #133783; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .52); width:100%; color:#d8dfea; font-weight:bold; font-size:12px; }
		#headerContainer { width:1020px; height:100%; margin:0 auto 0 auto }
		#searchBar { display:inline-block; position:relative; top:-13px; margin-top:-10px; background:#FFF; border:1px solid #294a8f; border-top:1px solid #123682; }
		#pageLogo { background-image: url(../images/sprite_a.png); background-repeat: no-repeat; background-position: 0 -214px; height: 31px; margin-top: 6px; margin-left:0; float:left; width:104px; cursor:pointer; }
		#pageLogo:hover { background-color:#4b67a1; }
		.fbJewel { padding:0; padding-top:5px; position:relative; height:25px; margin-top:6px; background-image: url(../images/sprite_a.png); display:inline-block; width:24px; cursor:pointer; border:1px solid #3b5998; border-bottom:1px solid #133783; }
		.fbJewel:hover { background-color:#4b67a1; }
		#fbRequestsJewel { background-repeat: no-repeat; background-position: -31px -2px; }
		.fbReqsJewelActive { background-repeat: no-repeat; background-position: -56px -2px !important; background-color:#fff; border:1px solid #333; border-bottom:1px solid white; }
		.fbReqsJewelActive:hover { background-color:#fff; }
		#fbRequestsJewelActive { background-repeat: no-repeat; background-position: -31px -38px; }
		#fbMessagesJewel { background-repeat: no-repeat; background-position: 0 -247px; }
		#fbMessagesJewelActive { background-repeat: no-repeat; background-position: -31px -108px; }
		.fbMsgsJewelActive { background-repeat: no-repeat; background-position:-56px -108px !important; background-color:#fff; border:1px solid #333; border-bottom:1px solid white; }
		.fbMsgsJewelActive:hover { background-color:#fff; }
		#fbNotifsJewel { background-repeat: no-repeat; background-position: -31px -72px; }
		#fbNotifsJewelActive { background-repeat: no-repeat; background-position: -50px -247px; }
		.fbNotifJewelActive { background-repeat: no-repeat; background-position:-75px -247px !important; background-color:#fff; border:1px solid #333; border-bottom:1px solid white; }
		.fbNotifJewelActive:hover { background-color:#fff; }
		.jewelPopup { width:330px; border:1px solid #333; background-color:#fff; position:absolute; top:30px; left:-1px; cursor:default; display:none; }
		.fbJRPcover { background-color:#fff; height:1px; border:1px solid white; position:absolute; top:-1px; left:0; width:22px; }
		.fbJewelTitle { border-bottom:1px solid #ddd; height:29px; line-height:29px; color:#333; padding:0 8px 0 8px; vertical-align:middle; font-size:11px; } /* Friend request title */
		.fbJewelBody { padding:15px 8px 15px 8px; color:#757575; border-bottom:1px solid #ddd; font-weight:normal; font-size:11px; } /* friend request body */
		.fbJewelNotif { height:13px; background-color:#f03d25; border-radius:2px; border:1px solid #d83722; -webkit-box-shadow: 0 0 1px 0 rgba(0, 0, 0, 1); line-height:13px; color:#fff; font-size:9px; position:absolute; top:-2px; left:15px; text-align:center; padding:0 2px 0 2px; z-index:1; display:none; }
		.dropDownMenuLink { text-decoration:none; background-color:#f7f7f7; height:30px; border-top:1px solid white; line-height:30px; vertical-align:middle; border-bottom:1px solid #293e6a; text-align:center; color:#3b5998; font-weight:bold; display:block; }
		.dropDownMenuLink:hover { background-color:#6d84b4; color:#fff; border-top:1px solid #3b5998; }
		#Search { width:335px; color:#000; font-family:Tahoma, Geneva, sans-serif; border:0; height:20px; background-color:transparent; padding-right:6px; padding-left:4px; font-size:11px; }
		#Search_Submit { background-image: url(../images/sprite_a.png); background-repeat: no-repeat; background-position: -81px 2px; background-color: #fff; border: 0; cursor: pointer; display: block; height: 20px; padding: 0; position: absolute; right: 0; top: 0; width: 22px; }
		#searchDropDown { border:1px solid #333; background-color:#fff; width:345px; border-bottom:2px solid #293e6a; position:absolute; left:-1px; display:none; }
		.searchOption { display:block; height:50px; background-color:#fff; font-weight:normal; border-top:1px solid #fff; border-bottom:1px solid #fff; font-size:11px; color:#666; padding:2px 6px 2px 6px; cursor:pointer; z-index:3; }
		.searchOption:hover { background-color:#6d84b4; border-top:1px solid #3b5998; border-bottom:1px solid #3b5998; color:#fff; }
		.navTopMiddle { border:0; border-left:1px solid #526DA4; border-right:1px solid #526DA4; }
		.navTopRight { padding:0px 6px 0px 6px; display:inline-block; margin:0 -4px 0 0; cursor:pointer !important; }
		.navTopRight:hover { background-color:#526DA4; cursor:default; color:#FFF; }
		a.navTopRight:link, a.navTopRight:visited, a.navTopRight:active { color:#d8dfea; font-size:11px; text-decoration:none; padding:0; margin:0; width:100%; height:100
		%; }
		a.navTopRight:hover { color:#FFF; }
		#dropDownNav { background-image: url(../images/sprite_a.png); background-repeat: no-repeat; background-position: -56px -297px; height: 29px !important; width: 15px; }
		#dropDownNav:hover { background-image: url(../images/sprite_a.png); background-repeat: no-repeat; background-position: -2px -297px; width: 15px }
		.navTopRightActive { background-color:#FFF; color:#000; border:1px solid #333; border-bottom:1px solid #fff; background-image: url(../images/sprite_a.png); background-repeat: no-repeat; background-position: -28px -297px !important; height: 29px !important; width: 16px; }
		.navTopRightActive:hover { background-color:#FFF; }
		#navAccountPopup { background-color:#FFF; border:1px solid #333; border-bottom:2px solid #333; border-top:0; font-weight:normal; width:204px; min-width:204px; max-width:204px; color:#000; font-size:11px; position:absolute; top:30px; left:-13px; margin:0; line-height:18px; padding:4px 0 4px 0; display:none; }
		#navFloatRight { float:right; width:auto; margin:8px 13px 0; height:28px; background:#3b5998; line-height:29px; vertical-align:top; }
		a.navAccountSelect:link, a.navAccountSelect:visited, a.navAccountSelect:active { text-indent:21px; color:#222; border-top:1px solid white; border-bottom:1px solid white; cursor:pointer; display:block; text-decoration:none; }
		a.navAccountSelect:hover { background-color:#6d84b4; border-top:1px solid #3b5998; border-bottom:1px solid #3b5998; color:#fff; display:block; }
		#navTopRightProfPic { float:left; width:23px; height:23px; border:1px solid #123682; margin:2px 5px 3px 0; }
	/* added in home body class */
		#lContainer { width:1000px; margin:0 auto 0 auto; font-size:12px; }
		#leftCol { width:184px; float:left; display:inline-block; clear:both; padding-top:20px; }
		#centerCol { width:810px; float:left; border:1px solid #ccc; border-top:0; padding-top:20px; }
		#fbContent { width:525px; padding-bottom:40px; min-height:400px; }
		#loggedInFooter { width:795px; padding:10px 8px 40px 8px; color:#666; font-size:12px; outline:1px solid white; border-top:1px solid #ccc; background-color:#fff; margin-top:50px; }
		#rightCol { width:270px; float:right; }
		#loggedInFooter a:link, a:visited, a:active { color:#3b5998; text-decoration:none; }
		#loggedInFooter a:hover { text-decoration:underline; }

	/* added in leftCol class */
		a.profileLink:link, a.profileLink:visited, a.profileLink:active { color:#3b5998; font-weight:bold; font-size:11px; text-decoration:none; }
		a.profileLink:hover { text-decoration:underline; }
		ul.navList { list-style-type:none; list-style-position:outside; margin-bottom:16px; }
		.navTitle { color:#ab9999; font-weight:bold; text-transform:uppercase; font-size:10px; line-height:10px; display:block; margin-bottom:4px; }
		li.navList { cursor:pointer; padding:3px 3px 3px 7px; margin:0; margin-bottom:1px; height:12px; line-height:12px; vertical-align:middle; text-transform:capitalize; font-size:11px; }
		li.navList:hover { background-color:#eff2f7; }
		.navListActive { background-color:#d8dfea; font-weight:bold; }
		.navListActive:hover { background-color:#d8dfea; }
		.navListIcon { width:15px; height:15px; display:inline-block; background-repeat:no-repeat; margin-right:6px; }
		#NavWelcome { background-image:url(../images/icons.png); background-position:-102px -181px; }
		#NavFeed { background-image:url(../images/sprite_c.png); background-position:-18px -337px; }
		#NavMessages { background-image:url(../images/icons.png); background-position:-17px -182px; width:16px; margin-right:5px; }
		#NavEvents { background-image:url(../images/sprite_d.png); background-position:-35px -108px; width:16px; margin-right:5px; }
		#NavFF {  background-image:url(../images/icons.png); background-position:-51px -182px; }
		#NavCreateGroup { background-image:url(../images/sprite_c.png); background-position:-17px -355px; width:16px; margin-right:5px; }

/* essentials that need to be applied after common classes of id's */
	.noBold { font-weight:normal; }
	.p10 { padding:10px; }
	.fs18 { font-size:18px; }
	.fs16 { font-size:16px; }
	.w450 { width:450px; }
	.mt40 { margin-top:40px; }
	.fs11 { font-size:11px; }
	.dInline { display:inline; }
	.dInlineB { display:inline-block; }
	.mr14 { margin-right:14px; }
	.noUnderline { text-decoration:none; }
	.mt4 { margin:4px 0 0 0; }
	.fleft { float: left; }
	.fright { float:right; }
	.pad5 { padding:5px; }
	.bold { font-weight:bold; }
	.disBlock { display:block; }
	.grey { color:#666; }
	.textRight { text-align:right; }
	.width150 { width:150px; }
	.rel { position:relative; }